:root{--blue:#00bf73;--blue2:#10d88a;--green:#00bf73;--soft:#e8f9f2;--shadow:0 24px 65px rgba(0,191,115,.13)}
.desktop-nav a:hover,.button-link i,.section-number,.loop b,.dash-head a,.text-button{color:#00bf73!important}
.header-cta:hover,.engine-card.dark,.workspace,.score-grid .attention{background:#00bf73!important}
.engine-card.dark,.score-grid .attention{border-color:#00bf73!important}
.hero-copy h1 span:last-child{color:#00bf73!important;-webkit-text-fill-color:#00bf73!important}
.hero{isolation:isolate;background-color:#fff!important;background-image:url('/assets/seorty-mark-watermark-v2.svg')!important;background-repeat:no-repeat!important;background-position:91% 48%!important;background-size:min(56vw,760px)!important}
.hero:before,.hero:after{display:none!important}
.hero-copy h1{color:#17191d!important;text-shadow:none!important}
.hero-copy h1 span:last-child{color:#00bf73!important;-webkit-text-fill-color:#00bf73!important}
.hero-copy p{color:#60666d!important}
.hero .signal{background:#e8f9f2!important;color:#008c53!important;border:0!important;backdrop-filter:none}
.hero .button-link{color:#272b2f!important}
.hero-product{box-shadow:0 32px 75px rgba(0,75,48,.2)!important}
.hero-product{border:9px solid #17191d!important;border-bottom-width:13px!important;border-radius:18px!important;padding:0 20px 20px!important;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)!important;overflow:visible!important;box-shadow:0 34px 75px rgba(23,25,29,.25),0 0 0 1px rgba(255,255,255,.08)!important}
.hero-product:before{content:""!important;display:block!important;position:absolute!important;left:50%!important;bottom:-59px!important;width:116px!important;height:48px!important;transform:translateX(-50%)!important;background:linear-gradient(90deg,#bfc5c2,#f4f6f5 42%,#aeb5b1)!important;clip-path:polygon(36% 0,64% 0,70% 72%,100% 86%,100% 100%,0 100%,0 86%,30% 72%)!important;z-index:-1!important}
.hero-product:after{content:""!important;display:block!important;position:absolute!important;left:50%!important;bottom:-63px!important;width:164px!important;height:9px!important;transform:translateX(-50%)!important;border-radius:50%!important;background:rgba(23,25,29,.2)!important;filter:blur(4px)!important;z-index:-2!important}
.screen-chrome{height:43px;margin:0 -20px 0;padding:0 13px;display:grid;grid-template-columns:58px 1fr 22px;align-items:center;gap:9px;border-bottom:1px solid #30343a;border-radius:8px 8px 0 0;background:#222529;color:#777e79;font:650 8px var(--mono);letter-spacing:.02em}
.screen-dots{display:flex;gap:5px}.screen-dots i{width:7px;height:7px;border-radius:50%;background:#49504c}.screen-dots i:first-child{background:#00bf73}.screen-address{height:25px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #363b38;border-radius:6px;background:#191c1a;color:#949b97}.screen-address b{color:#00bf73;font-size:11px}.screen-secure{color:#00bf73;text-align:center;font-size:7px}
.hero-product .product-top{padding-top:16px!important}
.mini-logo,.professional-mark .mark-ring{background:#00bf73!important;fill:#00bf73!important}
.engine-card.dark .engine-icon{background:rgba(255,255,255,.18)!important}
.engine-icon{background:#e2f8ee!important;color:#008f56!important}
.engine-card.acid{background:#e7f8f0!important;border-color:#c8efdf!important}
.engine-card:hover{border-color:#a9dec9!important;box-shadow:0 22px 55px rgba(0,191,115,.12)!important}
.loop div:nth-child(5),.score{background:#e5f8ef!important;color:#008f56!important}
.workspace .section-number{color:#d7f8e9!important}
.workspace-intro p:last-child{color:#e0f8ed!important}
.domain-form{box-shadow:0 28px 70px rgba(0,74,45,.2)!important}
.project-card span{color:#ddf7eb!important}
.site-footer b{color:#39d99a!important}
.language-menu button:hover,.language-menu button.active{background:#e8f9f2!important}
.language{position:relative!important}
.language-toggle{min-width:82px;height:44px!important;padding:4px 10px 4px 5px!important;gap:9px!important;border:1px solid #d9ddd9!important;border-radius:999px!important;background:#fff!important;box-shadow:0 3px 12px rgba(23,25,29,.06)!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.language-toggle:hover{border-color:#00bf73!important;box-shadow:0 5px 18px rgba(0,191,115,.14)!important;transform:translateY(-1px)}
.language-toggle:focus-visible{outline:3px solid rgba(0,191,115,.2)!important;outline-offset:2px}
.language-toggle #current-flag{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f2f4f3;font-size:17px!important;box-shadow:inset 0 0 0 1px #e6e9e7}
.language-toggle #current-code{font:800 11px/1 var(--body)!important;letter-spacing:.06em;color:#17191d}
.language-toggle i{width:13px!important;display:grid;place-items:center;font-size:13px!important;color:#626863!important;transform-origin:center;transition:transform .2s ease!important}
.language-toggle[aria-expanded="true"]{border-color:#00bf73!important;box-shadow:0 0 0 3px rgba(0,191,115,.12)!important}
.language-toggle[aria-expanded="true"] i{transform:rotate(180deg)!important}
.language-menu{top:52px!important;right:0!important;width:218px!important;padding:7px!important;border:1px solid #e1e5e2!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 55px rgba(23,25,29,.16)!important;backdrop-filter:blur(18px)}
.language-menu:before{content:"";position:absolute;right:24px;top:-5px;width:9px;height:9px;background:#fff;border-left:1px solid #e1e5e2;border-top:1px solid #e1e5e2;transform:rotate(45deg)}
.language-menu button{position:relative;grid-template-columns:36px 1fr auto!important;min-height:48px;padding:7px 10px 7px 7px!important;border-radius:9px!important;gap:10px!important;transition:background .18s ease,color .18s ease}
.language-menu button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f2f4f3;font-size:17px!important}
.language-menu button b{font:750 13px/1 var(--body)!important;letter-spacing:-.01em}
.language-menu button small{font:750 9px/1 var(--mono)!important;letter-spacing:.08em;color:#8a908c!important}
.language-menu button.active:after{content:"✓";position:absolute;right:9px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#00bf73;color:#fff;font:800 11px var(--body)}
.language-menu button.active small{visibility:hidden}
.notice{background:#e8f9f2!important;border-color:#00bf73!important}
.attention strong{color:#fff!important}
@media(max-width:1050px){.hero{background-color:#fff!important;background-image:url('/assets/seorty-mark-watermark-v2.svg')!important;background-position:120% 76%!important;background-size:720px!important}.hero-product{margin-bottom:58px!important;transform:none!important}}
@media(max-width:700px){.hero{background-color:#fff!important;background-image:url('/assets/seorty-mark-watermark-v2.svg')!important;background-position:50% 69%!important;background-size:min(86vw,360px)!important}.hero-product{padding:0 12px 14px!important;border-width:6px!important;border-bottom-width:10px!important}.screen-chrome{height:38px;margin:0 -12px;grid-template-columns:46px 1fr 15px;padding:0 9px}.screen-address{font-size:6px}.hero-product:before{bottom:-50px!important;height:40px!important;width:96px!important}.hero-product:after{bottom:-55px!important;width:130px!important}.workspace{background:#00bf73!important}}

/* Hero fotográfico y movimiento editorial */
.hero{min-height:calc(100svh - 78px)!important;display:flex!important;align-items:center!important;background-color:#101412!important;background-image:url('/assets/seo-office-hero.jpeg')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center calc(54% + var(--hero-shift,0px))!important;padding-top:110px!important;padding-bottom:110px!important}
.hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;left:0!important;right:0!important;top:0!important;border-radius:0!important;transform:none!important;opacity:1!important;z-index:0!important;background:linear-gradient(90deg,rgba(9,13,11,.94) 0%,rgba(9,13,11,.84) 38%,rgba(9,13,11,.4) 66%,rgba(9,13,11,.15) 100%)!important;pointer-events:none}
.hero:after{content:"SCROLL  ↓"!important;display:block!important;position:absolute!important;left:max(24px,calc((100vw - 1180px)/2))!important;bottom:28px!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:rgba(255,255,255,.62)!important;font:700 9px var(--mono)!important;letter-spacing:.15em!important;opacity:1!important;z-index:2!important}
.hero-copy{width:min(680px,58vw)!important;max-width:680px!important;margin:0!important;position:relative!important;z-index:2!important}
.hero-copy h1{color:#fff!important;font-size:clamp(64px,7vw,104px)!important;line-height:.9!important;text-shadow:0 7px 35px rgba(0,0,0,.28)!important}
.hero-copy h1 span:last-child{color:#00bf73!important;-webkit-text-fill-color:#00bf73!important}
.hero-copy p{max-width:590px!important;color:rgba(255,255,255,.78)!important;font-size:18px!important}
.hero .signal{color:#80eac0!important;background:rgba(0,191,115,.15)!important;border:1px solid rgba(0,191,115,.35)!important;backdrop-filter:blur(12px)!important}
.hero .button-link{color:#fff!important}.hero .button-primary{box-shadow:0 16px 38px rgba(0,191,115,.3)!important}
.hero-product{display:none!important}
.trust-line{position:relative;z-index:3;background:#fff!important}
.site-header{transition:height .3s ease,box-shadow .3s ease,background .3s ease}.site-header.is-scrolled{height:66px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 10px 35px rgba(23,25,29,.08)!important}
.motion-ready .reveal{opacity:0;transform:translateY(48px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal.reveal-left{transform:translateX(-52px)}.motion-ready .reveal.reveal-right{transform:translateX(52px)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.engine-card.reveal:nth-child(2){transition-delay:.1s}.engine-card.reveal:nth-child(3){transition-delay:.2s}
.loop .reveal:nth-of-type(2){transition-delay:.08s}.loop .reveal:nth-of-type(3){transition-delay:.16s}.loop .reveal:nth-of-type(4){transition-delay:.24s}
.engine-card{overflow:hidden}.engine-card:after{content:"";position:absolute;inset:-70% -30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.32) 50%,transparent 58%);transform:translateX(-60%) rotate(8deg);transition:transform .8s ease;pointer-events:none}.engine-card:hover:after{transform:translateX(60%) rotate(8deg)}
@media(max-width:1050px){.hero{min-height:760px!important;background-position:center calc(54% + var(--hero-shift,0px))!important}.hero-copy{width:min(680px,78vw)!important}.hero:before{background:linear-gradient(90deg,rgba(9,13,11,.94),rgba(9,13,11,.68) 70%,rgba(9,13,11,.28))!important}}
@media(max-width:700px){.hero{min-height:calc(100svh - 68px)!important;padding:72px 20px 88px!important;background-position:56% calc(50% + var(--hero-shift,0px))!important}.hero:before{background:linear-gradient(180deg,rgba(9,13,11,.9) 0%,rgba(9,13,11,.65) 55%,rgba(9,13,11,.78) 100%)!important}.hero-copy{width:100%!important}.hero-copy h1{font-size:58px!important;line-height:.92!important}.hero-copy p{font-size:16px!important}.hero:after{left:20px!important;bottom:23px!important}.motion-ready .reveal,.motion-ready .reveal.reveal-left,.motion-ready .reveal.reveal-right{transform:translateY(30px)}}
.engine-more{display:inline-block;margin-top:24px;color:inherit;font-size:11px;font-weight:850;letter-spacing:.04em;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.engine-card:after{display:none}.site-header{transition:none!important}}

/* Confianza y narrativa de producto */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(24px,calc((100vw - 1180px)/2));background:#17191d;color:#fff}.proof-item{min-height:155px;padding:30px 24px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center}.proof-item:first-child{border-left:1px solid rgba(255,255,255,.12)}.proof-item strong{font:820 clamp(34px,4vw,58px)/1 var(--body);letter-spacing:-.06em;color:#00bf73}.proof-item span{margin-top:13px;font:700 9px/1.3 var(--mono);letter-spacing:.09em;color:#aeb5b1}
.growth-story{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:90px;background:#f2f4f3!important;align-items:start}.story-intro{position:sticky;top:120px}.story-intro h2{margin:18px 0 28px;font:830 clamp(46px,5.3vw,76px)/.98 var(--body);letter-spacing:-.07em;color:#17191d}.story-intro>p:not(.section-number){max-width:510px;color:#6a706c;font-size:16px;line-height:1.7}.story-link{width:max-content;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #17191d;display:flex;gap:35px;color:#17191d;text-decoration:none;font-size:13px;font-weight:750}.story-link b{color:#00bf73}
.story-stack{display:flex;flex-direction:column;gap:18px}.story-card{min-height:250px;padding:34px;display:grid;grid-template-columns:42px 1fr 58px;gap:24px;align-items:start;border:1px solid #dfe4e1;border-radius:18px;background:#fff;box-shadow:0 16px 50px rgba(23,25,29,.06);position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-5px);border-color:#9cd9bd;box-shadow:0 24px 60px rgba(0,99,62,.1)}.story-card>span{font:700 10px var(--mono);color:#929995}.story-card small{font:800 9px var(--mono);letter-spacing:.12em;color:#00a965}.story-card h3{margin:18px 0 15px;font:800 clamp(26px,3vw,38px)/1.05 var(--body);letter-spacing:-.05em;color:#17191d}.story-card p{max-width:480px;margin:0;color:#747b77;font-size:14px;line-height:1.65}.story-card>i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e7f8f0;color:#00a965;font-style:normal;font-size:25px}.story-card:nth-child(2){background:#17191d;border-color:#17191d}.story-card:nth-child(2) h3{color:#fff}.story-card:nth-child(2) p{color:#aeb5b1}.story-card:nth-child(2)>i{background:#00bf73;color:#072d1e}.story-card:nth-child(3){background:#00bf73;border-color:#00bf73}.story-card:nth-child(3) small,.story-card:nth-child(3)>span{color:#075a3a}.story-card:nth-child(3) p{color:#0a5539}.story-card:nth-child(3)>i{background:#fff;color:#17191d}.story-card.reveal:nth-child(2){transition-delay:.08s}.story-card.reveal:nth-child(3){transition-delay:.16s}.story-card.reveal:nth-child(4){transition-delay:.24s}
@media(max-width:900px){.proof-strip{grid-template-columns:1fr 1fr}.proof-item:nth-child(odd){border-left:1px solid rgba(255,255,255,.12)}.growth-story{grid-template-columns:1fr;gap:50px}.story-intro{position:static}.story-stack{gap:13px}}
@media(max-width:520px){.proof-strip{padding:0 20px}.proof-item{min-height:125px;padding:22px 14px}.proof-item strong{font-size:38px}.proof-item span{font-size:7px}.story-card{min-height:0;padding:25px 20px;grid-template-columns:30px 1fr}.story-card>i{display:none}.story-card h3{font-size:28px}}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:#fff!important}.faq-heading h2{margin:18px 0 25px;font:830 clamp(43px,5vw,68px)/1 var(--body);letter-spacing:-.065em;color:#17191d}.faq-heading>p:last-child{max-width:440px;color:#707773;line-height:1.7}.faq-list{border-top:1px solid #dfe3e1}.faq-list details{border-bottom:1px solid #dfe3e1}.faq-list summary{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:16px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f8f0;color:#00a965;font-style:normal;font-size:18px;transition:transform .25s ease}.faq-list details[open] summary i{transform:rotate(45deg);background:#00bf73;color:#fff}.faq-list details p{max-width:680px;margin:0;padding:0 55px 27px 0;color:#69716c;font-size:14px;line-height:1.7}.faq-list details.reveal:nth-child(2){transition-delay:.05s}.faq-list details.reveal:nth-child(3){transition-delay:.1s}.faq-list details.reveal:nth-child(4){transition-delay:.15s}@media(max-width:850px){.faq-section{grid-template-columns:1fr;gap:40px}.faq-list summary{min-height:74px;font-size:14px}}
