:root{--ink:#0F172A;--ink-deep:#0A0F1D;--body:#334155;--muted:#64748B;--teal:#0D9488;--teal-light:#14B8A6;--cream:#FAF9F6;--sand:#F8F6F1;--line:#EBE8E1;--white:#fff;--font-title:'Plus Jakarta Sans',sans-serif;--font-body:'Inter',sans-serif;--font-number:'Geist Mono',monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}::selection{background:var(--teal);color:var(--white)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.wrap{width:min(100% - 64px,1380px);margin-inline:auto}.section-space{padding-block:clamp(92px,11vw,170px)}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--font-title);color:var(--ink);font-weight:800;letter-spacing:-.06em}p{line-height:1.7}.skip-link{position:absolute;z-index:100;left:16px;top:-60px;background:var(--white);color:var(--ink);padding:12px}.skip-link:focus{top:16px}
.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(24px,4.5vw,72px);position:absolute;inset:0 0 auto;z-index:20;color:var(--cream);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--cream);border-radius:10px;color:var(--ink)}.brand-mark svg{width:25px;height:25px}.brand-name{font:800 17px/1.05 var(--font-title);letter-spacing:-.045em}.brand-name small{display:block;font:500 8px/1.8 var(--font-number);letter-spacing:.13em;color:#A8B3BF}.navigation{display:flex;align-items:center;gap:clamp(19px,2.8vw,42px)}.navigation a{text-decoration:none;font-size:12px;font-weight:600;color:#C6D0D9;transition:color .2s}.navigation a:hover{color:var(--white)}.navigation .nav-contact{background:var(--cream);border-radius:100px;color:var(--ink);padding:13px 18px}.navigation .nav-contact:hover{background:var(--white);color:var(--ink)}.nav-contact span{margin-left:15px}.menu-toggle{display:none}
.hero{position:relative;min-height:min(900px,100svh);background:var(--ink-deep);color:var(--cream);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-top:78px}.hero::before{content:'';position:absolute;width:800px;height:800px;right:-220px;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 62%);pointer-events:none}.hero-inner{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:3vw;align-items:center;padding-block:65px}.hero-copy{position:relative;z-index:2;max-width:800px}.eyebrow,.section-number{display:flex;align-items:center;gap:13px;font:600 11px/1.3 var(--font-number);letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:#B5C4CF;margin-bottom:34px}.dot{width:7px;height:7px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 0 5px rgba(20,184,166,.12)}.hero h1{font-size:clamp(52px,6.2vw,108px);line-height:1.07;color:var(--cream);max-width:960px}.hero h1 em{font-style:normal;color:#82CDC4}.hero-lead{margin-top:31px;max-width:620px;font-size:clamp(15px,1.35vw,19px);color:#B9C5CE;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:13px 20px;border-radius:100px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-cream{background:var(--cream);color:var(--ink)}.button-cream:hover{background:var(--white);box-shadow:0 16px 35px rgba(0,0,0,.14)}.hero-link{text-decoration:none;color:#DDE8E9;font-size:13px;font-weight:600}.hero-link span{padding-left:14px}.hero-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-foot{position:relative;z-index:2;display:flex;justify-content:space-between;padding-block:24px;border-top:1px solid rgba(255,255,255,.12);font:500 10px var(--font-number);letter-spacing:.11em;color:#8FA4B2}.hero-graphic{position:relative;height:min(42vw,620px);min-height:360px;opacity:.98}.graphic-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(125,207,198,.22);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:70%;aspect-ratio:1}.ring-two{width:97%;aspect-ratio:1}.graphic-ring::after{content:'';position:absolute;width:8px;height:8px;background:var(--teal-light);border-radius:50%;top:10%;left:20%;box-shadow:0 0 20px var(--teal-light)}.ring-two::after{top:72%;left:5%;width:5px;height:5px}.graphic-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:29%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#1E4F52,#0C222C 65%,#07151F);border:1px solid rgba(125,207,198,.5);box-shadow:0 0 70px rgba(13,148,136,.17),inset 0 0 35px rgba(13,148,136,.15);font:600 clamp(35px,5vw,80px) var(--font-title);letter-spacing:-.08em;color:#C5ECE7}.graphic-label{position:absolute;font:500 10px var(--font-number);letter-spacing:.12em;color:#92BDBB}.label-a{top:17%;left:2%}.label-b{top:40%;right:-1%}.label-c{bottom:15%;left:13%}
.section-number{color:var(--teal);margin-bottom:42px}.section-number span{width:33px;height:1px;background:currentColor}.opening-grid{display:grid;grid-template-columns:1.65fr .65fr;gap:9vw;align-items:end}.opening h2{font-size:clamp(38px,5.2vw,78px);line-height:1.15}.opening h2 span{color:#87939F}.opening-body{max-width:375px;font-size:15px}.opening-body p+p{margin-top:21px}.process{margin:80px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border-top:1px solid var(--line)}.process li{display:flex;align-items:baseline;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);font:700 clamp(16px,1.4vw,20px) var(--font-title);color:var(--ink)}.process li+li{padding-left:18px;border-left:1px solid var(--line)}.process span{font:500 11px var(--font-number);color:var(--teal)}
.feature-warm{background:var(--sand)}.feature-grid{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(45px,6vw,105px);align-items:center}.feature-copy{max-width:500px}.feature-copy h2{font-size:clamp(40px,4.6vw,68px);line-height:1.12}.feature-copy>p:not(.section-number){font-size:16px;margin-top:28px;max-width:420px}.feature-points{padding:0;margin:30px 0 0;list-style:none;border-top:1px solid var(--line)}.feature-points li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink)}.feature-points li::before{content:'↗';display:inline-block;width:28px;color:var(--teal)}.feature-reverse .feature-copy{grid-column:2;grid-row:1}.feature-reverse .product-frame{grid-column:1;grid-row:1}.product-frame{min-width:0;background:var(--white);border:1px solid #DDD8CE;border-radius:16px;overflow:hidden;box-shadow:0 34px 80px rgba(15,23,42,.1),0 5px 15px rgba(15,23,42,.04)}.frame-top{height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-inline:16px;background:var(--white);border-bottom:1px solid var(--line);color:var(--muted);font:500 9px var(--font-number);letter-spacing:.08em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border:1px solid #CDD5DB;border-radius:50%}.product-frame figcaption{padding:11px 16px;color:var(--muted);font:500 10px var(--font-number);border-top:1px solid var(--line)}.frame-contrast{background:var(--ink-deep);border-color:#1E293B}.frame-contrast .frame-top{background:var(--ink);border-color:#263447;color:#AAB8C3}.frame-contrast figcaption{border-color:#263447;color:#AAB8C3}
.manifesto{background:var(--ink);color:var(--white)}.manifesto .section-number{color:#87C7C0}.manifesto-line{font:800 clamp(38px,5.8vw,82px)/1.14 var(--font-title);letter-spacing:-.06em;max-width:1150px}.manifesto-line em{font-style:normal;color:#7CC9BF}.audience-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:12vw;align-items:end}.audience h2{font-size:clamp(39px,5.2vw,76px);line-height:1.14}.audience-grid>div{font-size:16px}.inline-link{display:inline-block;margin-top:26px;padding-bottom:9px;border-bottom:1px solid var(--teal);text-decoration:none;font-weight:700;color:var(--teal);font-size:13px}.inline-link span{margin-left:15px}.contact{background:var(--ink-deep);color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr .5fr;gap:10vw;align-items:end}.contact h2{color:var(--cream);font-size:clamp(42px,5.5vw,78px);line-height:1.13;max-width:850px}.contact p:not(.section-number){margin-top:26px;max-width:560px;color:#B6C2CD;font-size:16px}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:21px;padding-bottom:5px}.contact-actions .button{min-width:240px}.mail-link{font-size:14px;color:#C8DCD9;text-decoration:none;border-bottom:1px solid #6A8587;padding-bottom:7px}.mail-link span{margin-left:20px}.footer{background:#070B14;color:#A4B1BD;padding-block:45px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:30px;align-items:center}.footer-brand{text-decoration:none;color:var(--cream);font:800 20px var(--font-title);letter-spacing:-.04em}.footer-brand small{display:block;font:500 9px var(--font-number);letter-spacing:.1em;color:#79908F}.footer p{font-size:12px}.footer nav{display:flex;gap:25px}.footer nav a{font-size:12px;text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer-grid>small{white-space:nowrap;font:400 10px var(--font-number)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}.button:hover{transform:none}}
@media(max-width:1050px){.wrap{width:min(100% - 48px,1380px)}.navigation{gap:17px}.navigation a{font-size:11px}.hero-inner{grid-template-columns:1fr .5fr}.hero h1{font-size:clamp(48px,6.4vw,80px)}.opening-grid,.audience-grid{gap:6vw}.feature-grid{gap:42px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>small{justify-self:end}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1380px)}.header{height:70px;padding-inline:18px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:9px;color:var(--white);cursor:pointer}.menu-toggle span{height:1px;width:18px;margin-inline:auto;background:currentColor}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink-deep);padding:20px 18px 26px;flex-direction:column;align-items:stretch;border-bottom:1px solid #2B3948}.navigation.open{display:flex}.navigation a{font-size:14px;padding:8px 0}.navigation .nav-contact{padding:14px 18px;text-align:center}.hero{min-height:730px;padding-top:70px}.hero-inner{display:block;padding-block:82px 48px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(48px,10.4vw,76px)}.hero-lead{font-size:16px}.hero-graphic{position:absolute;right:-140px;bottom:15px;width:420px;height:420px;min-height:0;opacity:.24}.graphic-label{display:none}.hero-foot span:last-child{display:none}.opening-grid,.audience-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.opening h2,.audience h2{font-size:clamp(38px,8.5vw,61px)}.opening-body{max-width:570px}.process{margin-top:50px;grid-template-columns:repeat(2,1fr)}.process li:nth-child(3){border-left:0;padding-left:0}.feature-grid{display:flex;flex-direction:column;align-items:stretch}.feature-copy{max-width:650px}.feature-reverse .feature-copy,.feature-reverse .product-frame{grid-column:auto;grid-row:auto}.feature-reverse .product-frame{order:2}.feature-copy h2{font-size:clamp(38px,8.5vw,58px)}.product-frame{width:100%}.contact-actions{margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid p{grid-column:1/-1;grid-row:2}.footer-grid>small{grid-column:1/-1;justify-self:start}}
@media(max-width:480px){.section-space{padding-block:76px}.hero{min-height:740px}.hero-inner{padding-top:85px}.hero h1{font-size:clamp(43px,11.4vw,60px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-foot{font-size:9px}.process li{font-size:15px;gap:10px}.frame-top{font-size:7px}.footer-grid{grid-template-columns:1fr}.footer-grid p{grid-column:auto;grid-row:auto}.footer nav{flex-wrap:wrap}.footer-grid>small{grid-column:auto}}
.product-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(min-width:761px){.hero h1{font-size:clamp(50px,5vw,82px)}.hero-inner{padding-block:45px}}

/* Movimiento editorial: cada capítulo entra en secuencia y las figuras responden al desplazamiento. */
.scroll-progress{position:fixed;top:0;left:0;z-index:50;width:100%;height:3px;background:var(--teal-light);transform:scaleX(var(--page-progress,0));transform-origin:left center;pointer-events:none;box-shadow:0 0 15px rgba(20,184,166,.35)}
.hero-graphic{transform:translate3d(0,var(--hero-drift,0px),0) rotate(var(--hero-tilt,0deg));will-change:transform}
.ring-one{animation:orbit-forward 42s linear infinite}.ring-two{animation:orbit-backward 64s linear infinite}.graphic-core{animation:core-breathe 7s ease-in-out infinite}.graphic-ring::after{animation:beacon 3.6s ease-in-out infinite}.ring-two::after{animation-delay:1.7s}
@keyframes orbit-forward{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-backward{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes core-breathe{50%{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 0 90px rgba(13,148,136,.23),inset 0 0 42px rgba(13,148,136,.2)}}
@keyframes beacon{50%{box-shadow:0 0 28px var(--teal-light);opacity:.65}}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
.motion-ready .motion-enter{opacity:0;translate:0 52px;transition:opacity .9s ease,translate 1s cubic-bezier(.18,.75,.2,1)}.motion-ready .motion-enter.is-visible{opacity:1;translate:0 0}.motion-ready .process li:nth-child(2){transition-delay:.1s}.motion-ready .process li:nth-child(3){transition-delay:.2s}.motion-ready .process li:nth-child(4){transition-delay:.3s}
.motion-frame{transform:translate3d(0,var(--frame-drift,0px),0) rotate(var(--frame-tilt,0deg));transform-origin:center center;will-change:transform}.motion-frame .product-image{transition:scale 1.2s cubic-bezier(.2,.8,.2,1)}.motion-frame.is-visible .product-image{scale:1.015}
.manifesto{position:relative;overflow:hidden}.manifesto::after{content:"";position:absolute;right:-16vw;top:-18vw;width:55vw;aspect-ratio:1;border:1px solid rgba(125,207,198,.15);border-radius:50%;transform:translate3d(0,var(--manifesto-drift,0px),0);pointer-events:none}.manifesto::before{content:"";position:absolute;right:-7vw;top:-10vw;width:37vw;aspect-ratio:1;border:1px solid rgba(125,207,198,.11);border-radius:50%;transform:translate3d(0,var(--manifesto-drift-inverse,0px),0);pointer-events:none}.manifesto>.wrap{position:relative;z-index:1}
@media(min-width:761px){.opening{min-height:82svh;display:flex;flex-direction:column;justify-content:center}.feature{min-height:98svh;display:flex;align-items:center}.feature>.wrap{width:min(100% - 64px,1380px)}.manifesto{min-height:76svh;display:flex;align-items:center}.audience{min-height:74svh;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:760px){.motion-frame{transform:none}.hero-graphic{will-change:auto}.motion-ready .motion-enter{translate:0 30px}.scroll-progress{height:2px}.manifesto::before,.manifesto::after{opacity:.4}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-graphic,.motion-frame,.manifesto::before,.manifesto::after{transform:none!important;will-change:auto}.graphic-ring,.graphic-core,.graphic-ring::after{animation:none!important}.motion-ready .reveal,.motion-ready .motion-enter{opacity:1;transform:none;translate:none;transition:none}.motion-frame .product-image{scale:1;transition:none}}