:root{--paper: #f6f9f6;--paper-deep: #eaf2ec;--sky-1: #eef5fb;--sky-2: #d7e9f6;--ink: #0d352c;--ink-soft: #44604f;--leaf: #1c8a4d;--leaf-deep: #0f5132;--lime: #8ed94f;--lime-deep: #5cb52e;--citrus: #e8a13c;--tomato: #d9512c;--pine: #0c3327;--pine-soft: #14463a;--steel-950: #0c1116;--steel-900: #11181f;--steel-800: #1a232d;--steel-line: #2b3947;--steel-text: #c9d4dc;--steel-dim: #7d8b97;--pulse: #46d07f;--font-display: "Fraunces", "Georgia", serif;--font-body: "Instrument Sans", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--text-hero: clamp(2.9rem, 8.5vw, 7.2rem);--text-h2: clamp(2.1rem, 4.8vw, 4rem);--text-h3: clamp(1.35rem, 2.4vw, 1.9rem);--text-body: clamp(1rem, 1.15vw, 1.125rem);--text-small: .875rem;--text-tiny: .75rem;--space-section: clamp(5rem, 12vh, 9rem);--gutter: clamp(1.25rem, 4vw, 4rem);--container: 84rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-reveal: .9s}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--leaf);color:var(--paper)}body:after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.mono{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4{font-family:var(--font-display);font-weight:480;line-height:1.04;letter-spacing:-.015em}h2 em,h1 em{font-style:italic;font-weight:380;color:var(--leaf)}[data-theme=dark] h2 em{color:var(--lime)}.section-head{max-width:46rem;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.section-head h2{font-size:var(--text-h2)}.section-head__kicker{color:var(--leaf);margin-bottom:1.1rem}.section-head--dark .section-head__kicker{color:var(--leaf)}.section-head__sub{margin-top:1.2rem;color:var(--ink-soft);max-width:34rem}.btn{display:inline-block;padding:.85em 1.7em;font-weight:600;font-size:var(--text-small);letter-spacing:.02em;text-decoration:none;border-radius:999px;transition:transform .35s var(--ease-spring),background-color .25s ease,color .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn--solid{background:linear-gradient(135deg,var(--lime) 0%,var(--lime-deep) 100%);color:var(--ink);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--lime-deep) 70%,transparent)}.btn--solid:hover{filter:brightness(1.06)}.btn--ghost{border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.btn--ghost:hover{border-color:var(--ink)}.btn--bright{background:linear-gradient(135deg,var(--lime) 0%,var(--lime-deep) 100%);color:var(--ink)}.btn--bright:hover{filter:brightness(1.06)}[data-reveal]{opacity:0;transform:translateY(26px) scale(.975);filter:blur(7px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out),filter var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--reveal-delay, 0) * .12s)}[data-reveal].is-in{opacity:1;transform:none;filter:none}[data-load]{opacity:0;transform:translateY(30px);animation:load-in 1.1s var(--ease-out) forwards}[data-load="0"]{animation-delay:.15s}[data-load="1"]{animation-delay:.3s}[data-load="2"]{animation-delay:.5s}[data-load="3"]{animation-delay:.9s}@keyframes load-in{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],[data-load]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.ticker__track{animation:none!important}}.nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--gutter);background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);transition:background-color .5s ease,border-color .5s ease,color .5s ease}.nav__logo{display:flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:.08em;text-decoration:none}.nav__logo-badge{height:44px;width:auto;transition:transform .5s var(--ease-spring)}.nav__logo:hover .nav__logo-badge{transform:rotate(-4deg) scale(1.04)}.nav__logo-word{display:flex;flex-direction:column;line-height:1.05}.nav__logo-word small{font-family:var(--font-mono);font-weight:400;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:.25em}.nav__links{display:flex;align-items:center;gap:2rem}.nav__links a{position:relative;font-size:var(--text-small);font-weight:500;text-decoration:none}.nav__links a:not(.nav__cta):after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.nav__links a:not(.nav__cta):hover:after,.nav__links a.is-active:after{transform:scaleX(1);transform-origin:left}.nav__cta{padding:.5em 1.2em;border-radius:999px;background:var(--ink);color:var(--paper);transition:background-color .25s ease,color .25s ease}.nav__cta:hover{background:var(--leaf-deep)}.nav__progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--leaf);transform:scaleX(0);transform-origin:left}body[data-nav-theme=dark] .nav{background:color-mix(in srgb,var(--pine) 80%,transparent);border-bottom-color:color-mix(in srgb,var(--paper) 14%,transparent);color:var(--paper)}body[data-nav-theme=dark] .nav__cta{background:var(--lime);color:var(--ink)}body[data-nav-theme=dark] .nav__progress{background:var(--lime)}.nav__burger{display:none;flex-direction:column;gap:6px;padding:.6rem .2rem}.nav__burger span{width:26px;height:2px;background:currentColor;transition:transform .35s var(--ease-out),opacity .3s ease}body.menu-open .nav__burger span:first-child{transform:translateY(4px) rotate(45deg)}body.menu-open .nav__burger span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);background:var(--paper);opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-menu nav{display:grid;gap:1.2rem}.mobile-menu a{font-family:var(--font-display);font-size:clamp(2rem,9vw,3rem);text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transition-delay:calc(var(--i) * 60ms)}.mobile-menu__foot{position:absolute;bottom:2rem;font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}body.menu-open .mobile-menu{opacity:1;pointer-events:auto}body.menu-open .mobile-menu a{opacity:1;transform:none}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-bottom:clamp(5rem,12vh,8rem)}.hero__media{position:absolute;inset:0;overflow:hidden}.hero__media img{width:100%;height:100%;object-fit:cover;animation:hero-drift 18s var(--ease-out) forwards}@keyframes hero-drift{0%{transform:scale(1.12)}to{transform:scale(1)}}.hero__wash{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 55%,transparent) 0%,transparent 22%),linear-gradient(4deg,var(--paper) 10%,color-mix(in srgb,var(--paper) 86%,transparent) 36%,color-mix(in srgb,var(--paper) 35%,transparent) 56%,transparent 74%)}.hero__content{position:relative;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:3rem}.hero__kicker{grid-column:1 / -1;color:var(--leaf-deep);margin-bottom:.4rem}.hero__title{font-size:var(--text-hero)}.hero__aside{max-width:24rem;justify-self:end}.hero__aside p{margin-bottom:1.6rem;color:var(--ink-soft)}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero__scroll{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink-soft)}.hero__scroll-line{width:1.5px;height:44px;background:currentColor;overflow:hidden;position:relative}.hero__scroll-line:after{content:"";position:absolute;inset:0;background:var(--paper);animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.ticker{border-block:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--paper-deep);overflow:hidden;padding:.85rem 0}.ticker__track{display:flex;width:max-content;animation:ticker-scroll 36s linear infinite}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__group{display:flex;align-items:center;white-space:nowrap;padding-right:2.4rem;gap:2.4rem;color:var(--ink-soft)}.ticker__group i{font-style:normal;color:var(--leaf)}@keyframes ticker-scroll{to{transform:translate(-50%)}}.business{padding-block:var(--space-section)}.business__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem)}.card{display:flex;flex-direction:column;background:#fffdf7;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:18px;overflow:hidden;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}.card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -24px color-mix(in srgb,var(--ink) 35%,transparent)}.card__media{aspect-ratio:16 / 9;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}.card:hover .card__media img{transform:scale(1.05)}.card__body{position:relative;padding:clamp(1.5rem,3vw,2.2rem)}.card__tag{color:var(--leaf);margin-bottom:.7rem}.card__body h3{font-size:var(--text-h3);margin-bottom:.8rem}.card__body>p{color:var(--ink-soft);margin-bottom:1.4rem}.card__points{list-style:none;padding:0;display:grid;gap:.55rem;color:var(--leaf-deep)}.card__points li:before{content:"—";margin-right:.6em;color:var(--citrus)}.egg{position:absolute;right:clamp(1.2rem,2.5vw,2rem);top:clamp(1.2rem,2.5vw,2rem);width:34px;padding:0;line-height:0}.egg__shape{width:100%;fill:#f3e4c2;stroke:color-mix(in srgb,var(--ink) 25%,transparent);stroke-width:1.5;transition:transform .2s var(--ease-spring)}.egg:hover .egg__shape{transform:rotate(-6deg)}.egg__crack{fill:none;stroke:color-mix(in srgb,var(--ink) 55%,transparent);stroke-width:1.6;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .35s ease}.egg.is-tapped-1 .egg__crack{stroke-dashoffset:26}.egg.is-tapped-2 .egg__crack{stroke-dashoffset:12}.egg.is-hatched .egg__shape{animation:egg-pop .5s var(--ease-spring) forwards}.egg.is-shaking{animation:egg-shake .4s ease}.egg__chick{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;transform:scale(0)}.egg.is-hatched .egg__chick{animation:chick-hatch .6s .15s var(--ease-spring) forwards}.egg__note{margin-top:.9rem;color:var(--citrus)}@keyframes egg-shake{20%{transform:rotate(7deg)}45%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}}@keyframes egg-pop{to{transform:scale(0);opacity:0}}@keyframes chick-hatch{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.clients{margin-top:clamp(3.5rem,8vh,6rem);border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-top:2.5rem}.clients__label{color:var(--ink-soft);margin-bottom:2rem}.clients__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)}.clients__item>span{color:var(--citrus)}.clients__item h4{font-size:1.25rem;margin:.6rem 0 .5rem}.clients__item p{font-size:var(--text-small);color:var(--ink-soft)}.bridge{padding:clamp(7rem,18vh,12rem) var(--gutter) clamp(5rem,12vh,8rem);text-align:center;background:linear-gradient(180deg,var(--paper) 0%,var(--sky-1) 62%,var(--sky-2) 100%)}.bridge__line{font-family:var(--font-display);font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1.3;color:var(--ink);max-width:30ch;margin-inline:auto}.bridge__line em{color:var(--leaf)}.bridge__hint{margin-top:2.2rem;color:#6c8a9d}.warehouse{background:var(--sky-2);color:var(--ink);padding-top:clamp(3rem,7vh,5rem)}.warehouse__stage{position:relative;height:100svh;width:100%;overflow:hidden;background:linear-gradient(rgb(28 138 77 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(28 138 77 / .05) 1px,transparent 1px),radial-gradient(ellipse 70% 55% at 50% 38%,#ffffff 0%,var(--sky-1) 48%,var(--sky-2) 82%);background-size:56px 56px,56px 56px,cover;animation:grid-pan 26s linear infinite}@keyframes grid-pan{to{background-position:0 56px,56px 0,0 0}}.warehouse__hud{position:absolute;inset:0;display:grid;place-content:center;gap:.9rem;text-align:center}.warehouse__corner{position:absolute;width:26px;height:26px;border:1.5px solid var(--leaf);opacity:.8}.warehouse__corner--tl{top:18px;left:18px;border-right:0;border-bottom:0}.warehouse__corner--tr{top:18px;right:18px;border-left:0;border-bottom:0}.warehouse__corner--bl{bottom:18px;left:18px;border-right:0;border-top:0}.warehouse__corner--br{bottom:18px;right:18px;border-left:0;border-top:0}.warehouse__boot{color:var(--leaf);font-size:.85rem;display:flex;align-items:center;gap:.7em;justify-content:center}.warehouse__status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime-deep);animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{50%{opacity:.25;box-shadow:0 0 0 6px color-mix(in srgb,var(--pulse) 12%,transparent)}}.warehouse__cursor{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.warehouse__hint{color:#7a93a6}.metrics{padding-block:0 var(--space-section)}#capability{background:linear-gradient(180deg,var(--sky-2) 0%,var(--sky-1) 50%,var(--paper) 100%);color:var(--ink);width:100%;max-width:none;margin:0;padding-inline:var(--gutter)}#capability>*{width:min(100%,var(--container));margin-inline:auto}#capability .section-head{padding-top:var(--space-section)}.metrics__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.metric{padding:2rem 1.6rem 2.2rem;background:#fff;border:1px solid #e3eef6;border-radius:18px;box-shadow:0 18px 40px -28px #0d352c4d;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.metric:hover{transform:translateY(-5px);box-shadow:0 26px 48px -26px #0d352c66}.metric__value{font-size:clamp(2.4rem,4.5vw,3.8rem);letter-spacing:-.03em;text-transform:none;color:var(--ink);line-height:1.1}.metric__value small{font-size:.45em;color:var(--lime-deep);margin-left:.1em}.metric__label{margin-top:.6rem;font-size:var(--text-small);color:var(--ink-soft)}.metrics__foot{margin-top:2.2rem;color:var(--ink-soft);padding-bottom:var(--space-section)}.about{background:var(--paper);padding-block:var(--space-section)}.about__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}.about__media img{border-radius:14px;aspect-ratio:4 / 5;object-fit:cover}.about__media figcaption{margin-top:.8rem;color:var(--ink-soft)}.about__body>p{color:var(--ink-soft);max-width:36rem;margin-bottom:2rem}.promise{list-style:none;padding:0;display:grid;gap:.9rem}.promise li{display:flex;gap:.9rem;align-items:baseline;font-weight:500}.promise__check{flex:none;width:1.5em;height:1.5em;display:grid;place-items:center;border-radius:50%;background:var(--leaf);color:var(--paper);font-size:.7em;transform:translateY(.2em)}.contact{background:var(--pine);color:var(--paper);padding-block:var(--space-section)}.contact h2 em,.contact .section-head__kicker{color:var(--lime)}.contact__head{max-width:44rem;margin-bottom:clamp(2.5rem,6vh,4rem)}.contact__head h2{font-size:var(--text-h2)}.contact__sub{margin-top:1.2rem;color:color-mix(in srgb,var(--paper) 75%,transparent)}.contact__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(2rem,4vw,4rem);border-top:1px solid color-mix(in srgb,var(--paper) 22%,transparent);padding-top:2.5rem}.contact__label{color:var(--lime);margin-bottom:1rem}.contact__block .contact__dim{color:color-mix(in srgb,var(--paper) 60%,transparent)}.contact__block.mono{text-transform:none;letter-spacing:.04em;font-size:var(--text-small);line-height:1.9}.contact__block.mono .contact__label{text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-tiny)}.contact__mail{display:block;font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.7rem);font-style:italic;padding:0;margin-bottom:1.4rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--paper) 35%,transparent);padding-bottom:.4rem;transition:border-color .3s ease}.contact__mail:hover{border-color:var(--lime)}.contact__copy-hint{display:block;font-style:normal;margin-top:.5rem;color:color-mix(in srgb,var(--paper) 55%,transparent);transition:color .3s ease}.contact__mail:hover .contact__copy-hint{color:var(--lime)}.footer{background:var(--pine);border-top:1px solid color-mix(in srgb,var(--paper) 14%,transparent);color:color-mix(in srgb,var(--paper) 55%,transparent);padding:1.4rem 0;letter-spacing:.08em}.footer__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.footer a{color:color-mix(in srgb,var(--paper) 80%,transparent);text-decoration:none}.footer a:hover{color:var(--lime)}.clients__partners,.clients__area,.about__brands{margin-top:1.6rem;color:var(--ink-soft);line-height:2;max-width:64rem}.clients__area{margin-top:.4rem;color:var(--leaf)}.about__brands{margin-top:2rem;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-top:1.2rem}@media(max-width:960px){.hero__content{grid-template-columns:1fr}.hero__wash{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 60%,transparent) 0%,transparent 20%),linear-gradient(0deg,var(--paper) 32%,color-mix(in srgb,var(--paper) 88%,transparent) 56%,color-mix(in srgb,var(--paper) 40%,transparent) 74%,transparent 90%)}.hero__aside{justify-self:start}.business__cards{grid-template-columns:1fr}.clients__row{grid-template-columns:1fr;gap:2rem}.metrics__grid{grid-template-columns:1fr 1fr}.about__grid{grid-template-columns:1fr}.about__media{max-width:28rem}.contact__grid{grid-template-columns:1fr}}@media(max-width:760px){.nav__links{display:none}.nav__burger{display:flex}.hero{padding-bottom:7rem}.hero__scroll{bottom:1.2rem}.morph{height:220vh}.morph__door{width:60vmin;height:74vmin}.metrics__grid{grid-template-columns:1fr}.warehouse__stage{height:70vh}.footer__row{flex-direction:column}}.twin-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity 1.2s ease}.warehouse__stage.is-live .twin-canvas{opacity:1}.warehouse__stage.is-live .warehouse__hud{opacity:0;pointer-events:none;transition:opacity .8s ease}.warehouse__stage.is-live{animation:none}.twin-ui{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body)}.twin-canvas{pointer-events:none}.warehouse__stage.is-active .twin-canvas{pointer-events:auto}.twin-gate{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:.7rem;pointer-events:auto;opacity:0;transition:opacity .6s ease .8s,transform .4s var(--ease-out)}.warehouse__stage.is-live .twin-gate{opacity:1}.warehouse__stage.is-active .twin-gate{opacity:0;pointer-events:none;transition:opacity .3s ease}.twin-gate__pill{display:inline-flex;align-items:baseline;gap:.6em;padding:.9em 1.8em;border-radius:999px;background:linear-gradient(135deg,var(--lime),var(--lime-deep));color:var(--ink);font-weight:600;font-size:1rem;box-shadow:0 14px 36px -12px color-mix(in srgb,var(--lime-deep) 75%,transparent);animation:gate-breathe 2.6s ease-in-out infinite}.twin-gate__pill i{font-style:normal;font-size:.82em;opacity:.75}.twin-gate:hover .twin-gate__pill{animation-play-state:paused;transform:scale(1.04)}.twin-gate__sub{color:#6c8a9d;background:#ffffffb3;padding:.3em .9em;border-radius:999px}@keyframes gate-breathe{50%{transform:scale(1.03);box-shadow:0 18px 44px -12px color-mix(in srgb,var(--lime-deep) 85%,transparent)}}.twin-exit{position:absolute;bottom:1.2rem;right:1.2rem;padding:.5em 1em;border-radius:999px;border:1px solid #d3e2ee;background:#ffffffd9;color:var(--ink-soft);pointer-events:auto;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,color .2s ease}.warehouse__stage.is-active .twin-exit{opacity:1;transform:none}.twin-exit:hover{color:var(--ink);border-color:var(--ink-soft)}.twin-gesture{position:absolute;left:50%;bottom:5rem;transform:translate(-50%) translateY(8px);padding:.6em 1.3em;border-radius:999px;background:#0d352cd9;color:#eaf6ee;opacity:0;transition:opacity .5s ease,transform .5s var(--ease-out);pointer-events:none}.twin-gesture.is-on{opacity:1;transform:translate(-50%)}.twin-spots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.twin-spot{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:.35rem;pointer-events:auto;padding:6px;transition:opacity .3s ease}.twin-spot__dot{width:13px;height:13px;border-radius:50%;background:var(--lime-deep);border:2.5px solid #ffffff;box-shadow:0 2px 10px #0d352c59;position:relative}.twin-spot__dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--lime-deep);animation:spot-pulse 2.2s ease-out infinite}@keyframes spot-pulse{0%{transform:scale(.7);opacity:.9}70%,to{transform:scale(2.1);opacity:0}}.twin-spot__label{background:#ffffffeb;border:1px solid #d3e2ee;border-radius:999px;padding:.25em .8em;color:var(--leaf-deep);opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.twin-spot:hover .twin-spot__label{opacity:1;transform:none}.twin-presets{position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%);display:flex;gap:.45rem;pointer-events:auto;flex-wrap:wrap;justify-content:center;max-width:92%}.twin-chip{display:flex;align-items:baseline;gap:.45em;padding:.5em .95em;border:1px solid #d3e2ee;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color .25s ease,color .25s ease,background-color .25s ease}.twin-chip i{font-style:normal;font-size:.78em;color:var(--ink-soft)}.twin-chip:hover{border-color:var(--lime-deep);color:var(--leaf-deep)}.twin-chip.is-on{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-color:var(--lime-deep);color:var(--ink)}.twin-chip.is-on i{color:color-mix(in srgb,var(--ink) 70%,transparent)}.twin-card{position:absolute;top:1.2rem;right:1.2rem;width:min(21rem,calc(100% - 2.4rem));padding:1.4rem 1.5rem 1.5rem;border:1px solid #ffffff;border-radius:16px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px -30px #0d352c66;color:var(--ink);pointer-events:auto;opacity:0;transform:translate(12px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.twin-card.is-open{opacity:1;transform:none}.twin-card__close{position:absolute;top:.7rem;right:.8rem;color:#7a93a6;font-size:.9rem;padding:.3rem}.twin-card__close:hover{color:var(--ink)}.twin-card__id{color:var(--lime-deep);margin-bottom:.7rem}.twin-card__en{font-family:var(--font-display);font-size:1.35rem;font-weight:480;color:var(--ink)}.twin-card__cn{font-size:.95rem;color:var(--ink-soft);margin:.15rem 0 .8rem}.twin-card__desc{font-size:.85rem;line-height:1.65;color:#2e4a3c;margin-bottom:.6rem}.twin-card__desc-cn{font-size:.78rem;line-height:1.7;color:var(--ink-soft);margin-bottom:1rem}.twin-card__params{list-style:none;padding:0;display:grid;gap:.4rem;border-top:1px solid #dfeaf2;padding-top:.9rem;color:var(--leaf-deep)}.twin-card__params li:before{content:"▸ ";color:var(--lime-deep)}.twin-hover{position:absolute;top:0;left:0;padding:.35em .7em;background:#ffffffeb;border:1px solid #d3e2ee;border-radius:6px;color:var(--leaf-deep);box-shadow:0 8px 20px -10px #0d352c59;white-space:nowrap;pointer-events:none}.twin-help{position:absolute;top:1.1rem;left:1.2rem;color:#8aa3b5;pointer-events:none}@media(max-width:760px){.twin-card{top:auto;bottom:4.4rem;right:.8rem;width:calc(100% - 1.6rem);max-height:46%;overflow:auto}.twin-chip i,.twin-help{display:none}.twin-gate__pill{font-size:.85rem;white-space:nowrap;padding:.8em 1.4em}.twin-gate__pill i{display:none}.twin-gate__sub{font-size:.6rem;white-space:nowrap}.twin-presets{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:calc(100% - 1.6rem);padding-bottom:.3rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.twin-presets::-webkit-scrollbar{display:none}.twin-chip{flex:none}.twin-exit{bottom:4rem;right:.8rem}}