:root{--night:#06171e;--black:#041015;--deep:#0b252e;--cyan:#43f2f0;--white:#f3fafb;--paper:#edf6f8;--ink:#0b2530;--muted:#526a73;--line:#c7dce2;font:16px/1.55 system-ui,-apple-system,sans-serif;color:var(--white);background:var(--black);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #0b8898;outline-offset:5px}
.nav a:focus-visible,.hero a:focus-visible,.contact :focus-visible,footer a:focus-visible{outline-color:var(--cyan)}
.skip{position:absolute;top:8px;left:8px;transform:translateY(-160%);padding:12px;background:var(--white);color:var(--ink);z-index:10}.skip:focus{transform:none}
.wrap{width:min(1340px,calc(100% - 112px));margin-inline:auto}
.nav-shell{position:absolute;inset:0 0 auto;z-index:2;border-bottom:1px solid #c8f9ff24;background:#041219d9}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:77px}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:1.1rem;letter-spacing:-.04em}
.brand strong span{font-weight:500}
.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 66% 23%,#adffff,#3ae4ee 49%,#058191 98%);box-shadow:0 0 22px #25e4ef42}
.nav nav{display:flex;gap:clamp(16px,3vw,44px);font-size:.9rem}.nav nav a:hover,footer a:hover{color:var(--cyan)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:100px;min-height:48px;padding:10px 19px;font-size:.86rem;font-weight:760;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.primary{background:#56f6f5;color:#042128;box-shadow:0 6px 27px #1ae7ea29}.primary:hover{background:#a2ffff}.ghost{background:#071921ad;border-color:#e4fcff70;color:#f8fdff}
.hero{position:relative;isolation:isolate;min-height:clamp(640px,53vw,800px);background:var(--night);display:grid;align-items:center;overflow:hidden}
.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-art{left:24%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% 58%}
.hero-shade{background:linear-gradient(90deg,#06171e 7%,#06171ef8 25%,#06171e9c 42%,transparent 66%),linear-gradient(0deg,#06171e 0%,transparent 23%,transparent 78%,#06171e66)}
.hero-inner{padding-top:96px;padding-bottom:82px;position:relative}
.hero-copy{max-width:630px;animation:arrive .65s ease-out both}
.kicker{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:.72rem;font-weight:760;letter-spacing:.16em;color:#80f9f7}
.kicker span,.signal{width:7px;height:7px;border-radius:50%;background:#62f9f4;box-shadow:0 0 14px #73ffff}
h1,h2,h3,p,figure{margin-top:0}
h1,h2{letter-spacing:-.066em;line-height:.98}
h1{font-size:clamp(4rem,7.15vw,7.5rem);margin-bottom:23px}
h1 em{font-style:normal;color:var(--cyan)}
.hero-copy>p:not(.kicker){max-width:340px;font-size:1.08rem;color:#d4e6eb;margin-bottom:25px}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-caption{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:750;letter-spacing:.13em;background:#061820d9;border:1px solid #9ae7ef4a;border-radius:12px;padding:11px 15px}
.hero-caption small{margin-left:6px;font-size:.65rem;font-weight:400;letter-spacing:0;color:#c4dce2}
.stage-bar{background:#0b252d;border-block:1px solid #80dbeb38}
.stages{display:grid;grid-template-columns:repeat(3,1fr);padding-block:15px}
.stages span{padding:4px 19px;border-left:1px solid #78d8df45;font-size:.9rem;font-weight:640}
.stages b{color:#61f0ef;font-size:.66rem;margin-right:10px;letter-spacing:.1em}
.catalog,.questions{background:var(--paper);color:var(--ink);padding-block:clamp(68px,8vw,122px)}
.section-head{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:22px;margin-bottom:32px}
.catalog .kicker,.questions .kicker{color:#006578}
h2{font-size:clamp(2.6rem,5vw,5.25rem);margin-bottom:18px}
.section-head h2{margin:0}
.section-head>p{max-width:370px;margin-bottom:4px;color:#375560;justify-self:end}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
.tile{background:#f9fdfe;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tile-art{aspect-ratio:1.15;position:relative;background:radial-gradient(ellipse at 45% 60%,#164554,#071920 76%);overflow:hidden}
.tile-art::after{content:"";position:absolute;inset:auto 13% 12%;height:1px;background:linear-gradient(90deg,transparent,#55e7ee,transparent);opacity:.65}
.tile-art>span{position:absolute;left:13px;top:12px;font-size:.59rem;color:#b3e0e6;letter-spacing:.13em}
.tile-art img{position:absolute;width:100%;height:100%;object-fit:contain;transition:transform .28s}
.tile:hover img,.tile:focus-within img{transform:scale(1.06)}
.tile details{padding:13px}.tile details p{font-size:.84rem;color:#405a65;margin:8px 0}.tile details a{font-size:.8rem;font-weight:700;color:#006578;text-decoration:underline}
summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;min-height:45px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#075361;background:#d8f4f6}
details[open]>summary::after{content:"−"}
.tile summary strong,.tile summary small{display:block}.tile summary strong{font-size:.98rem}.tile summary small{color:#48616b;font-size:.73rem}
.method{background:#081e28}
.method-top{min-height:420px;position:relative;isolation:isolate;display:grid;align-items:center;overflow:hidden}
.method-top>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 54%;z-index:-2}
.method-top::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b26 4%,#071b26ec 32%,#071b262e 73%),linear-gradient(0deg,#081e28,transparent 34%);z-index:-1}
.method-copy{padding-block:65px}
.method-copy>p:last-child,.contact-inner>div>p:last-of-type{max-width:390px;color:#d3e6eb}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-block:15px 66px}
.steps article{border-top:1px solid #4c7985;padding-top:20px}.steps article>span{color:var(--cyan);font-size:.72rem;font-weight:750;letter-spacing:.12em}
.steps h3{margin:4px 0 8px;font-size:1.3rem}.steps p{margin-bottom:0;color:#bdd2d9;max-width:300px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,76px);align-items:center}
.questions figure{margin:0}.questions img{border-radius:17px;width:100%;aspect-ratio:1.45;object-fit:cover}.questions figcaption{margin-top:9px;font-size:.72rem;color:#48636d}
.questions details{border-top:1px solid #bdd4da;padding:6px 0}.questions details p{color:#385661;font-size:.92rem;margin:5px 30px 14px 0}.questions summary{font-weight:720}
.contact{position:relative;isolation:isolate;background:#071e27;padding-block:clamp(65px,8vw,105px)}
.contact::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071e27d9,#071e27fc),url('media/onda.webp') center/cover;z-index:-1}
.brand-orb{width:155px;margin-top:12px}
form{background:#0d2a35;border:1px solid #4a7784;border-radius:20px;padding:clamp(19px,3vw,34px);display:grid;gap:8px}
form h3{margin:0;font-size:1.3rem}.form-note,#form-status{font-size:.82rem;color:#c2dae2;margin:0}#form-status:empty{display:none}
form label{font-size:.86rem;font-weight:650;margin-top:5px}
form input,form select,form textarea{width:100%;border:1px solid #678894;background:#071c25;color:#effaff;padding:10px 12px;border-radius:8px}form textarea{resize:vertical}form input::placeholder,form textarea::placeholder{color:#a9c6cf}
form .button{justify-self:start;margin-top:7px}
footer{border-top:1px solid #325563;background:#041117}
.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:25px;font-size:.83rem}.footer p{margin:0;color:#b4cbd4}
@keyframes arrive{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.tiles{gap:9px}.tile details{padding:10px}.tile summary{gap:4px}}
@media(max-width:850px){.nav nav{display:none}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{left:14%}.hero-shade{background:linear-gradient(90deg,#06171e 2%,#06171ecf 31%,#06171e24 75%),linear-gradient(0deg,#06171e 0%,transparent 30%)}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.nav{min-height:62px;gap:8px}.brand{font-size:.93rem;gap:7px}.brand-mark{width:35px;height:35px}.brand-mark img{width:19px;height:20px}.nav-cta{font-size:.72rem;padding-inline:10px;gap:4px;min-height:40px}.hero{min-height:0;display:block;padding-top:62px}.hero-art{inset:62px 0 auto;height:clamp(205px,57vw,340px)}.hero-art img{object-position:center}.hero-shade{background:linear-gradient(180deg,transparent 16%,#06171e12 27%,#06171e 49%)}.hero-inner{padding-top:clamp(157px,44vw,281px);padding-bottom:35px}.hero h1{font-size:clamp(3.35rem,12.5vw,5.3rem)}.hero h1 br:nth-of-type(2){display:none}.hero h1 em::after{content:" "}.hero-copy>p:not(.kicker){font-size:.98rem}.hero-caption{display:none}.stages{padding-block:9px}.stages span{padding:3px 6px;font-size:.7rem}.stages b{margin-right:4px}.section-head,.split{grid-template-columns:1fr}.section-head>p{justify-self:start}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.method-top{min-height:360px}.method-top::after{background:linear-gradient(90deg,#071b26fa,#071b267d),linear-gradient(0deg,#081e28,transparent 35%)}.steps{grid-template-columns:1fr;padding-bottom:46px}.steps article{padding-top:12px}.questions figure{order:2}.footer{flex-wrap:wrap}.footer p{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:420px){.hero h1{font-size:clamp(2.65rem,11.8vw,3.2rem)}.section-head h2{font-size:2.65rem}}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}

/* V02 · escenas fotográficas y transición por capas */
[hidden]{display:none!important}
.hero-art{left:0}
.hero-art img{object-position:center 58%}
.hero-shade{background:linear-gradient(90deg,#04171ed9 0%,#04171eaf 24%,#04171e20 47%,transparent 64%),linear-gradient(0deg,#06171e 0%,transparent 24%,transparent 88%,#06171e40)}
.hero h1{font-size:clamp(3.4rem,6.1vw,6.5rem)}
.nav nav{gap:clamp(12px,2vw,30px)}
.catalog-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}
.catalog-controls button{border:1px solid #accfd6;border-radius:50%;background:#f8feff;color:#07333f;width:44px;height:44px;font-size:1.15rem;cursor:pointer}
.catalog-controls button:disabled{opacity:.42;cursor:default}
.why{background:#061f29;color:#f3fdff;border-block:1px solid #265663;overflow:hidden}
.why-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(35px,7vw,110px);align-items:center}
.tech-scene{isolation:isolate;position:relative;overflow:hidden;margin:0;align-self:stretch;display:grid;align-items:end;min-height:500px;background:radial-gradient(ellipse at 56% 70%,#12606c75,transparent 70%)}
.tech-scene>img{width:min(100%,500px);align-self:end;justify-self:start;position:relative;z-index:1;margin-bottom:-2px}
.tech-scene figcaption{position:absolute;z-index:3;bottom:14px;left:10px;background:#071c25e6;border:1px solid #73d1db55;border-radius:20px;padding:6px 10px;font-size:.58rem;letter-spacing:.12em}
.why-copy{padding-block:62px}
.why h2 em{color:var(--cyan);font-style:normal}
.why-copy>p:not(.kicker){color:#c9e1e7}
.why-points{display:grid;gap:12px;padding:0;margin:20px 0 19px;list-style:none}
.why-points li{display:flex;align-items:start;gap:12px;border-top:1px solid #5cb8c24d;padding:11px 0 0}
.why-points b{display:grid;place-items:center;min-width:33px;height:33px;border-radius:50%;border:1px solid #69e3e5;color:var(--cyan);font-size:.7rem}
.why-points strong,.why-points span{display:block}.why-points span{color:#bbd6de;font-size:.88rem}
.mist{position:absolute;z-index:2;pointer-events:none;left:min(95%,478px);bottom:min(51%,295px);width:1px;height:1px}
.mist i{position:absolute;width:9px;height:9px;border-radius:50%;opacity:0;background:#c3ffff;box-shadow:0 0 14px 6px #68ebf384;--rise:20px;--run:89px;--delay:0s}
.mist i:nth-child(2){--rise:-18px;--run:77px;--delay:.09s}
.mist i:nth-child(3){--rise:36px;--run:65px;--delay:.15s}
.mist i:nth-child(4){--rise:-34px;--run:70px;--delay:.19s}
.mist i:nth-child(5){--rise:8px;--run:100px;--delay:.22s}
.mist i:nth-child(6){--rise:-7px;--run:56px;--delay:.29s}
.mist i:nth-child(7){--rise:19px;--run:105px;--delay:.36s}
.is-playing .mist i{animation:mist .95s ease-out var(--delay) both}
.is-playing .tech-scene>img{animation:tech-in .7s ease-out both}
.is-playing .why-points{animation:signal-in .75s ease-out .18s both}
@keyframes mist{0%{transform:translate(-18px,0) scale(.22);opacity:0}22%{opacity:.86}100%{transform:translate(var(--run),var(--rise)) scale(3.5);opacity:0}}
@keyframes tech-in{from{transform:translateX(-13px)}to{transform:none}}
@keyframes signal-in{from{transform:translateY(9px);opacity:.76}to{transform:none;opacity:1}}
.arrival{padding-block:clamp(60px,7vw,100px);background:linear-gradient(112deg,#ebf7fa,#d8eff5);color:var(--ink)}
.arrival-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,6vw,85px);align-items:center}
.arrival .kicker{color:#08697a}.arrival p:not(.kicker){color:#375560;max-width:400px}
.arrival figure{margin:0}
.van-art{position:relative;overflow:hidden;border-radius:19px;container-type:inline-size}
.van-art>img{width:100%}
.van-brand{position:absolute;top:30%;left:24%;display:flex;align-items:center;gap:1cqw;color:#123541;font-size:3cqw;font-weight:900;letter-spacing:-.06em;transform:rotate(2.8deg)}
.van-brand .brand-mark{width:5.3cqw;height:5.3cqw;box-shadow:none}.van-brand img{width:54%;height:auto}
.arrival figcaption{margin-top:8px;font-size:.64rem;letter-spacing:.12em;color:#48636d}
@media(max-width:1000px){.hero-shade{background:linear-gradient(90deg,#04171ee3,#04171e9d 38%,transparent 75%),linear-gradient(0deg,#06171e,transparent 30%)}}
@media(max-width:850px){
 .tiles{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 5px 11px}
 .tile{scroll-snap-align:start}.tech-scene{min-height:0}.why-layout{gap:23px}
}
@media(max-width:680px){
 .hero-art{inset:62px 0 auto;height:clamp(235px,69vw,390px)}.hero-art img{object-position:center 58%}
 .hero-shade{background:linear-gradient(180deg,transparent 27%,#06171e42 40%,#06171e 54%)}
 .hero-inner{padding-top:clamp(195px,56vw,335px)}.hero h1{font-size:clamp(2.65rem,11.8vw,5rem)}
 .tiles{grid-auto-columns:calc((100% - 9px)/2)}
 .why-layout,.arrival-grid{grid-template-columns:1fr}
 .why-copy{padding:0 0 55px}.tech-scene{height:295px;max-width:355px;width:100%;margin-inline:auto}
 .tech-scene>img{width:260px}.mist{left:250px;bottom:44%}
}
.tech-figure{align-self:end;justify-self:start;position:relative;z-index:1;margin-bottom:-2px;container-type:inline-size}
.tech-figure>img{width:100%}
.is-playing .tech-figure{animation:tech-in .7s ease-out both}

/* V03 · galería abierta y atmósfera */
.catalog{position:relative;isolation:isolate;overflow:hidden;background:#e9f5f6}
.catalog::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,#f4fbfcef,#dceff3c9),url('media/onda.webp') center 60%/cover}
.catalog::after{content:"";position:absolute;z-index:-1;inset:42% 0 0;background:repeating-linear-gradient(0deg,transparent 0 35px,#397c8612 35px 36px);mask-image:linear-gradient(transparent,#000 35%,transparent)}
.tiles{gap:clamp(9px,2vw,27px);overflow:visible;padding:0 3px 15px}
.tile{border:0;border-radius:0;overflow:visible;background:transparent;min-width:0;position:relative}
.tile-art{isolation:isolate;overflow:visible;aspect-ratio:1;background:radial-gradient(ellipse at center,#75dce86c,transparent 68%)}
.tile-art>span{color:#255762;top:4px;left:5px;font-size:.66rem;font-weight:720}
.tile-art img{transform:scale(1.04);filter:drop-shadow(0 13px 11px #15424b47)}
.tile-art::after{inset:auto 13% 11%;height:12%;border:1px solid #23a8b578;border-radius:50%;background:radial-gradient(ellipse,#68dce95a,transparent 68%);z-index:-1}
.tile:hover img,.tile:focus-within img{transform:translateY(-7px) scale(1.07)}
.tile details{border-top:1px solid #6d9fa989;padding:8px 4px 0}
.tile summary strong{font-size:clamp(1rem,1.4vw,1.25rem)}.tile summary small{font-size:.74rem}
.tile summary::after{background:transparent;border:1px solid #168196;color:#076373}
.tile details[open] summary strong{color:#006579}
.hero-shade{background:linear-gradient(90deg,#03161be6 0%,#04181b9d 29%,transparent 57%),linear-gradient(0deg,#04151a 0%,transparent 25%,transparent 90%,#04171e3d)}
.hero-copy{max-width:580px}.hero-copy>p:not(.kicker){text-shadow:0 1px 6px #001116}
.stage-bar{background:linear-gradient(110deg,#061c24,#103f48,#061c24);border-top-color:#51e4e694}
.why{position:relative;isolation:isolate;background:#051c24}
.why::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03171fe8,#0b303b9c 46%,#051c24 76%),url('media/onda.webp') center 53%/cover}
.why-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(10px,3vw,43px)}
.tech-scene{min-height:520px;background:none;overflow:visible;container-type:inline-size}
.tech-figure{width:min(112%,660px);max-width:none}
.tech-scene figcaption{bottom:19px}
.why-copy{position:relative;z-index:3}
.why-points li{background:linear-gradient(90deg,#196a7763,transparent);border-top:1px solid #58c2ca56;border-radius:8px;padding:10px 12px}
.why .replay{border-color:#6ad7df8a}
.mist{left:78%;bottom:44%;width:1px;height:1px;z-index:2}
.plume{position:absolute;left:0;top:-37px;width:min(310px,39cqw);height:85px;transform-origin:left center;opacity:0;filter:blur(7px);background:radial-gradient(ellipse at 28% 52%,#e2ffff9e,transparent 58%),radial-gradient(ellipse at 66% 49%,#85eff184,transparent 66%);pointer-events:none}
.is-playing .plume{animation:plume 1.3s ease-out both}
.is-playing .why-points li{animation:insight .7s ease-out both}
.is-playing .why-points li:nth-child(1){animation-delay:.25s}
.is-playing .why-points li:nth-child(2){animation-delay:.41s}
.is-playing .why-points li:nth-child(3){animation-delay:.56s}
@keyframes plume{0%{transform:translateX(-20px) scale(.08,.12);opacity:0}32%{opacity:.9}100%{transform:translateX(42px) scale(1.38,1.1);opacity:0}}
@keyframes insight{from{transform:translateX(-10px);border-color:#60ffff}to{transform:none;border-color:#58c2ca56}}
.arrival{background:radial-gradient(ellipse at 20% 100%,#b6e0e8,transparent 65%),#edf8fa}
.van-art{box-shadow:0 18px 50px #13465238;border:1px solid #5789935e}
@media(max-width:850px){.tiles{overflow-x:auto;overflow-y:hidden;padding:7px 6px 17px;gap:9px}.tech-scene{min-height:0}}
@media(max-width:680px){.hero-shade{background:linear-gradient(180deg,transparent 30%,#06171e48 42%,#06171e 55%)}.why-layout{grid-template-columns:1fr}.tech-figure{width:min(100%,340px)}.tech-scene{height:auto;min-height:265px}.mist{left:72%;bottom:44%}.why-copy{padding-top:12px}}

.tech-figure .mist{left:81%;bottom:42.5%}

/* V04 · cada escena tiene su propia superficie */
.mobile-menu{display:none}
.hero{border-bottom:1px solid #78f6f751}
.hero-copy .hero-note{font-size:.82rem;margin:13px 0 0;color:#e2eef1}
.hero-art img{animation:landscape-settle 1.35s cubic-bezier(.2,.75,.24,1) both}
.hero-trace{position:absolute;pointer-events:none;z-index:-1;bottom:0;left:0;width:100%;height:1px;opacity:.5;background:linear-gradient(90deg,transparent 10%,#89ffff 46%,transparent 76%);animation:field-trace 1.6s cubic-bezier(.23,1,.32,1) both}
@keyframes landscape-settle{from{transform:scale(1.022)}to{transform:none}}
@keyframes field-trace{from{transform:translateX(-30%);opacity:0}to{transform:none;opacity:.5}}
.catalog{background:#eff8fa}
.catalog::before{background:linear-gradient(115deg,#f9fcfde8,#edf8fb62 74%),url('media/campo-claro.svg') 60% 56%/cover}
.catalog::after{inset:20% 0 0;opacity:.55}
.section-head{align-items:end;margin-bottom:clamp(28px,3vw,46px)}
.section-head>p{padding-left:18px;border-left:1px solid #4f9aa6}
.tile-art{background:radial-gradient(ellipse at 50% 67%,#7ad6e145,transparent 59%)}
.tile details[open]{background:#f5fbfccc}
.tile details a{display:inline-flex;align-items:center;min-height:44px}
.why::before{background:linear-gradient(90deg,#061d24 1%,#092c35b8 42%,#071d23 83%),url('media/trama.svg') 30px 10px/92px auto}
.why::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 32% 57%,#1b98a63e,transparent 48%)}
.why-layout,.arrival-grid{position:relative;z-index:1}
.why .why-points li{background:linear-gradient(90deg,#1f64764d,transparent)}
.foliage{position:absolute;z-index:0;pointer-events:none;user-select:none;width:clamp(150px,27vw,390px);mask-image:linear-gradient(135deg,transparent 19%,#000 72%)}
.foliage-why{right:-4%;bottom:-9%;opacity:.55;transform:rotate(-7deg)}
.arrival{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 8% 70%,#f4f2e7,transparent 57%),#f8faf3}
.foliage-arrival{right:-3%;bottom:-12%;opacity:.88}
.arrival-grid{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)}
.arrival h2{font-size:clamp(2.5rem,4.35vw,4.55rem)}
.van-art{border:0;border-radius:4px 32px 4px 32px;box-shadow:0 20px 58px #1e363424}
.method{background:#081c27}
.steps{position:relative;isolation:isolate}
.steps::before{content:"";position:absolute;top:15px;left:0;right:0;height:1px;background:linear-gradient(90deg,#8bf9f5,#257588,transparent);z-index:-1}
.steps article{border-top:0}
.steps article>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #76e9ed8f;border-radius:50%;margin-bottom:12px;background:#0b2935}
.has-entered.steps article{animation:detail-arrive .6s cubic-bezier(.23,1,.32,1) both}
.has-entered.steps article:nth-child(2){animation-delay:.12s}
.has-entered.steps article:nth-child(3){animation-delay:.24s}
.arrival-grid.has-entered .van-art,.section-head.has-entered>div{animation:detail-arrive .65s cubic-bezier(.23,1,.32,1) both}
@keyframes detail-arrive{from{transform:translateY(12px);opacity:.76}to{transform:none;opacity:1}}
.questions{background:#f7f8f4}
.questions img{border-radius:30px 4px 30px 4px}
.questions details{border-top-color:#b9cbc9}
.contact{background:#051319}
.contact::before{background:linear-gradient(90deg,#06191f 0%,#071c23a1 48%,#06191f 91%),url('media/orbita.webp') 12% 51%/min(76vw,980px) auto no-repeat}
.contact form{background:#0d2933;border-color:#4a8995}
@media(max-width:850px){
 .mobile-menu{display:block;position:relative;margin-left:auto}
 .mobile-menu>summary{min-height:44px;min-width:44px;display:grid;place-items:center;border:1px solid #70dee36b;border-radius:12px}
 .mobile-menu>summary::after{content:none}
 .mobile-menu[open]>nav{display:grid;position:absolute;right:0;top:calc(100% + 9px);width:min(240px,75vw);gap:0;padding:7px;border:1px solid #54868b;border-radius:13px;background:#081d25;box-shadow:0 8px 20px #0006}
 .mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 11px}
 .section-head>p{padding-left:12px}
}
@media(max-width:680px){
 .nav-cta{min-height:44px}
 .arrival-grid{grid-template-columns:1fr}
 .foliage-why{bottom:-2%;right:-35px;width:175px;opacity:.36}
 .foliage-arrival{bottom:-24px;right:-20px;width:168px}
 .steps::before{display:none}
 .steps article{border-top:1px solid #4c7985}
 .hero-copy .hero-note{margin-top:12px}
 .contact::before{background-position:0 0,center 10%;background-size:auto,125% auto}
}
@media(max-width:370px){.nav-cta{padding-inline:8px}.nav .brand{font-size:.83rem}.nav .brand-mark{width:31px;height:31px}}
.catalog-position{align-self:center;margin-right:6px;color:#285b64;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:740;letter-spacing:.12em}
.button:disabled{cursor:default;opacity:.65;box-shadow:none;transform:none}
@media(max-width:540px){.tiles{grid-auto-columns:48%;scroll-padding-inline:6px}}
.arrival-check{list-style:none;padding:0;margin:0 0 22px;max-width:400px;color:#264651;font-size:.91rem}
.arrival-check li{padding:7px 0 7px 24px;position:relative;border-top:1px solid #739a943b}
.arrival-check li::before{content:"";position:absolute;left:2px;top:14px;width:9px;height:5px;border-left:1.5px solid #087a82;border-bottom:1.5px solid #087a82;transform:rotate(-45deg)}
@media(max-width:680px){
 .method-top>img{object-position:75% 48%}
 .method-top::after{background:linear-gradient(90deg,#071b26fa 1%,#071b26d9 59%,#071b2670),linear-gradient(0deg,#081c27,transparent 45%)}
}