:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--hero-progress: 0;--spotloom-progress: 0;--hero-title-y: 0px;--hero-title-opacity: 1;--space-field-opacity: 1;--space-connection-opacity: 1;--scroll-cue-opacity: 1;--scroll-cue-y: 0px;--atmosphere-opacity: 1;--atmosphere-x: 0px;--atmosphere-y: 0px;--depth-center: 0px;--depth-left: 0px;--depth-right: 0px;--dark-world-opacity: 1;--spotloom-world-opacity: 0;--future-world-opacity: 0;--entry-energy-opacity: 0;--exit-energy-opacity: 0;--spotloom-world-scale: .88;--future-world-scale: 1.08;--stage-recede-scale: 1;--ink: #f5f9ff;--muted: #9aabc1;--deep: #07101d;--cyan: #6deaff;--blue: #3d8eff;--violet: #9189ff}*{box-sizing:border-box}html{background:var(--deep);scroll-behavior:smooth}html.is-cue-scrolling{scroll-behavior:auto}body{margin:0;min-width:320px;overflow-x:clip;background:var(--deep);color:var(--ink)}.world-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#07101d}.world-layer,.world-energy{position:absolute;inset:-8%;will-change:opacity,transform}.world-layer{z-index:0}.world-dark{opacity:var(--dark-world-opacity);background:radial-gradient(ellipse at 44% 52%,rgba(31,104,166,.28),transparent 48%),radial-gradient(ellipse at 78% 16%,rgba(55,96,160,.15),transparent 38%),linear-gradient(180deg,#07101d,#09182a 58%,#0d243b)}.world-spotloom{opacity:var(--spotloom-world-opacity);background:radial-gradient(circle at 25% 36%,rgba(255,255,255,.98) 0 10%,transparent 44%),radial-gradient(circle at 73% 48%,rgba(116,232,246,.7),transparent 38%),radial-gradient(circle at 50% 92%,rgba(216,249,250,.95),transparent 47%),linear-gradient(155deg,#f9feff 10%,#ddf8fb 54%,#bcecf3);transform:scale(var(--spotloom-world-scale))}.world-future{opacity:var(--future-world-opacity);background:radial-gradient(ellipse at 50% 3%,rgba(84,190,216,.32),transparent 49%),radial-gradient(ellipse at 78% 58%,rgba(49,119,166,.18),transparent 42%),linear-gradient(180deg,#1b405b,#10283f 46%,#0a1728);transform:scale(var(--future-world-scale))}.world-atmosphere{position:absolute;z-index:1;display:block;pointer-events:none;opacity:var(--atmosphere-opacity);transform:translate3d(var(--atmosphere-x),var(--atmosphere-y),0);transition:opacity .18s linear;will-change:transform,opacity}.atmosphere-far{inset:-32% 18% 28% -30%;background:radial-gradient(ellipse at 48% 42%,rgba(30,84,143,.19),rgba(18,56,102,.08) 38%,transparent 72%);filter:blur(72px)}.atmosphere-mid{inset:16% -26% -30% 20%;background:radial-gradient(ellipse at 44% 52%,rgba(45,164,204,.16),rgba(24,96,151,.07) 44%,transparent 76%);filter:blur(94px);transform:translate3d(calc(0px - var(--atmosphere-x)),calc(0px - var(--atmosphere-y)),0) rotate(-8deg)}.atmosphere-near{inset:48% -14% -36% 36%;background:radial-gradient(ellipse at 54% 48%,rgba(106,224,240,.13),rgba(56,153,197,.06) 42%,transparent 72%);filter:blur(110px);transform:translate3d(var(--atmosphere-x),var(--atmosphere-y),0) rotate(7deg)}.space-field{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;opacity:var(--space-field-opacity);pointer-events:none}.world-energy{z-index:3;inset:auto -18vw -22vh;height:72vh;opacity:var(--entry-energy-opacity);background:radial-gradient(ellipse at center,rgba(213,253,255,.92),rgba(74,215,245,.52) 28%,rgba(44,118,209,.22) 52%,transparent 74%);filter:blur(28px)}.world-energy-exit{inset:-18vh -18vw auto;opacity:var(--exit-energy-opacity);background:radial-gradient(ellipse at center,rgba(189,250,255,.7),rgba(69,188,218,.34) 34%,transparent 72%)}main{position:relative;z-index:1}button,a{-webkit-tap-highlight-color:transparent}.hero{position:relative;z-index:3;display:grid;place-items:center;min-height:100svh;overflow:clip;isolation:isolate;background:transparent}h1{position:absolute;z-index:2;top:42%;left:50%;width:min(92vw,70rem);margin:0;font-size:clamp(3.35rem,8vw,8.5rem);font-weight:600;letter-spacing:-.065em;line-height:.95;text-align:center;text-shadow:0 0 45px rgba(127,207,255,.12);animation:title-in 1.2s cubic-bezier(.2,.75,.2,1) both;transform:translate(-50%,calc(-50% + var(--hero-title-y)));opacity:var(--hero-title-opacity)}.scroll-cue{position:absolute;z-index:2;bottom:clamp(1.75rem,5vh,3.25rem);left:50%;display:flex;flex-direction:column;align-items:center;gap:.65rem;color:#cdf4ffb8;font-size:.7rem;font-weight:500;letter-spacing:.18em;line-height:1;min-width:44px;min-height:44px;padding:0;border:0;border-radius:.35rem;appearance:none;background:transparent;opacity:var(--scroll-cue-opacity);cursor:pointer;touch-action:manipulation;transform:translate3d(-50%,var(--scroll-cue-y),0);transition:color .22s ease,opacity .18s linear;will-change:opacity,transform}.scroll-cue:focus-visible{color:#e1f9fff0;outline:1px solid rgba(173,231,248,.58);outline-offset:.5rem}.scroll-cue-arrow{position:relative;display:block;width:1px;height:1.65rem;background:linear-gradient(to bottom,#bfefff1f,#bfefffcc);animation:scroll-cue-drift 2.8s cubic-bezier(.4,0,.2,1) infinite;translate:0 0;transition:translate .24s cubic-bezier(.2,.75,.2,1)}.scroll-cue-arrow:after{content:"";position:absolute;right:-3px;bottom:1px;width:6px;height:6px;border-right:1px solid rgba(205,244,255,.8);border-bottom:1px solid rgba(205,244,255,.8);transform:rotate(45deg)}@keyframes scroll-cue-drift{0%,to{opacity:.45;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}@media(hover:hover)and (pointer:fine){.scroll-cue:hover{color:#e1f9ffe6}.scroll-cue:hover .scroll-cue-arrow{translate:0 3px}}@keyframes title-in{0%{opacity:0;filter:blur(8px)}}.spotloom{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(4.5rem,6.25vw,6rem);min-height:120svh;padding:clamp(7rem,11vw,11rem) max(5vw,calc((100vw - 94rem)/2));overflow:clip;isolation:isolate;color:#09233b;background:transparent}.spotloom:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.15;background-image:linear-gradient(rgba(41,134,163,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(41,134,163,.12) 1px,transparent 1px);background-size:5rem 5rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 76%,transparent 100%)}.spotloom-content{align-self:center;max-width:34rem}.eyebrow{margin:0 0 .9rem;color:#31859c;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.spotloom-heading{display:flex;align-items:center;gap:clamp(.85rem,1.5vw,1.35rem);max-width:100%}.spotloom-logo{display:block;flex:0 0 auto;width:clamp(3.75rem,6vw,5.5rem);height:auto;filter:drop-shadow(0 10px 18px rgba(19,115,164,.14))}.spotloom h2{margin:0;color:#061d32;font-size:clamp(3.8rem,7vw,7.4rem);font-weight:600;letter-spacing:-.075em;line-height:.94}.spotloom-copy{margin:1.5rem 0 0;color:#31536c;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.7}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.35rem;padding:.8rem 1.2rem;overflow:hidden;border:1px solid rgba(9,56,78,.16);border-radius:999px;color:#06233a;font-size:.88rem;font-weight:700;text-decoration:none;box-shadow:0 12px 34px #0e6a8b17;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.48),transparent 70%);transform:translate(-120%);transition:transform .5s ease}.cta:hover{transform:translateY(-3px);border-color:#39b0cd6b;box-shadow:0 16px 38px #0e6a8b29,0 0 28px #67e1ff24}.cta:hover:before{transform:translate(120%)}.cta:active{transform:translateY(-1px) scale(.975);transition-duration:80ms}.cta:focus-visible{outline:3px solid #097b9f;outline-offset:3px}.cta-primary{background:#07283f;color:#effdff;border-color:#07283f}.cta-secondary{background:#ffffff94}.apple-mark{display:block;flex:0 0 auto;width:.9rem;height:.9rem;object-fit:contain}.product-stage{--carousel-control-gutter: clamp(2.75rem, 3.5vw, 3.25rem);position:relative;isolation:isolate;justify-self:center;width:100%;min-width:0;max-width:54rem;height:clamp(34rem,51vw,49rem);outline:none;background:transparent;transform:scale(var(--stage-recede-scale))}.product-stage:before,.product-stage:after{content:"";position:absolute;z-index:-1;pointer-events:none}.product-stage:before{inset:-24% -30% -14% -26%;opacity:.58;background:radial-gradient(ellipse 52% 46% at 46% 44%,rgba(225,253,255,.44) 0%,rgba(147,236,244,.18) 34%,rgba(74,194,218,.06) 52%,transparent 68%),radial-gradient(ellipse 38% 34% at 70% 58%,rgba(60,211,228,.15) 0%,rgba(47,176,205,.05) 42%,transparent 68%);transform:rotate(-3deg)}.product-stage:after{inset:-16% -34% -18% 4%;z-index:-2;opacity:.34;background:radial-gradient(ellipse 44% 40% at 60% 50%,rgba(85,222,234,.12) 0%,rgba(54,175,207,.04) 46%,transparent 70%);transform:rotate(5deg)}.product-stage:focus-visible{outline:2px solid rgba(9,123,159,.78);outline-offset:5px;border-radius:2rem}.carousel-viewport{position:absolute;inset:0 0 3.75rem;overflow:visible;touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-cards{position:absolute;inset:0}.product-shot{--carousel-x: 0px;--carousel-y: 0px;--carousel-scale: 1;--carousel-rotate: 0deg;--carousel-opacity: 0;appearance:none;position:absolute;top:50%;left:50%;width:clamp(14rem,20.75vw,20rem);aspect-ratio:1320 / 2868;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:clamp(1.3rem,2vw,2rem);background:#e8f8fb;box-shadow:0 34px 75px #0d435b38,0 2px 8px #0d435b1f;color:inherit;opacity:var(--carousel-opacity);cursor:default;transform:translate(-50%,-50%) translate3d(var(--carousel-x),var(--carousel-y),0) rotate(var(--carousel-rotate)) scale(var(--carousel-scale));translate:0 0;scale:1;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .48s cubic-bezier(.22,1,.36,1),translate .18s ease,scale .18s ease;will-change:transform,opacity}.product-shot img{display:block;width:100%;height:100%;object-fit:contain}.product-shot[data-position="-2"],.product-shot[data-position="2"]{pointer-events:none}.product-shot[data-position="-1"],.product-shot[data-position="1"]{cursor:pointer}.product-stage.is-dragging .carousel-viewport{cursor:grabbing}.product-stage.is-dragging .product-shot,.product-stage.is-recycling .product-shot{transition:none}@media(hover:hover)and (pointer:fine){.product-stage:not(.is-dragging):not(.is-settling) .product-shot[data-position="-1"]:hover,.product-stage:not(.is-dragging):not(.is-settling) .product-shot[data-position="1"]:hover{opacity:calc(var(--carousel-opacity) + .08);translate:0 -4px;scale:1.015}}.product-shot:focus-visible,.carousel-arrow:focus-visible{outline:3px solid #097b9f;outline-offset:3px}.carousel-arrow{appearance:none;position:absolute;z-index:50;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(14,92,120,.16);border-radius:50%;background:#e8fbff2e;color:#07384e8a;font:inherit;font-size:1.65rem;line-height:1;cursor:pointer;opacity:.52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-50%);transition:opacity .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.carousel-arrow span{transform:translateY(-1px)}.carousel-arrow-previous{left:calc((var(--carousel-control-gutter) - 42px) / 2)}.carousel-arrow-next{right:calc((var(--carousel-control-gutter) - 42px) / 2)}.carousel-arrow:hover{opacity:.9;border-color:#0e5c784d;background:#e8fbff57}.carousel-arrow:active{transform:translateY(-50%) scale(.94)}.carousel-meta{position:absolute;right:0;bottom:.5rem;left:0;display:flex;align-items:center;justify-content:center;gap:.85rem;color:#083f5694;font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.14em}.carousel-progress{position:relative;display:block;width:7.5rem;height:1px;overflow:hidden;background:#11597429}.carousel-progress-fill{--carousel-progress: .3333;position:absolute;inset:0;background:linear-gradient(90deg,#1c7595,#42bad0);transform:scaleX(var(--carousel-progress));transform-origin:left center;transition:transform .48s cubic-bezier(.22,1,.36,1)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.product-stage.reveal{transform:translateY(24px) scale(var(--stage-recede-scale))}.product-stage.reveal.is-visible{transform:translateY(0) scale(var(--stage-recede-scale))}.coming-soon{position:relative;z-index:1;display:grid;place-items:center;min-height:88svh;padding:7rem 5vw;overflow:clip;background:transparent}.forming-card{--outer-geometry-angle: 45deg;--inner-geometry-angle: 18deg;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;width:min(76rem,90vw);min-height:28rem;padding:clamp(2rem,5vw,5rem);border:1px solid rgba(162,213,255,.13);border-radius:clamp(1.6rem,3vw,2.8rem);background:linear-gradient(135deg,#1e314c85,#090e19b8);box-shadow:inset 0 1px #ffffff0f,0 35px 100px #00000047;transition:border-color .4s ease,transform .85s cubic-bezier(.2,.75,.2,1),opacity .85s ease}.forming-card.reveal{transform:translateY(24px)}.forming-card.reveal.is-visible{transform:translateY(0)}.forming-geometry{position:relative;width:min(25rem,38vw);aspect-ratio:1;transform-style:preserve-3d}.forming-geometry:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(89,199,240,.12),transparent 68%);filter:blur(12px)}.geometry-plane{position:absolute;inset:21%;border:1px solid rgba(114,203,241,.18);transform:rotate(var(--outer-geometry-angle));transition:border-color .4s ease;will-change:transform}.plane-two{inset:32%;transform:rotate(var(--inner-geometry-angle));border-color:#8d85ff2b}.geometry-core{position:absolute;inset:45%;border-radius:50%;background:#a8e8ff80;box-shadow:0 0 35px #4db4ff70;transition:filter .4s ease,transform .4s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease}.geometry-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#8beaff;box-shadow:0 0 12px currentColor;transition:filter .45s ease,opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.geometry-node-one{top:22%;right:25%}.geometry-node-two{bottom:25%;left:20%;color:#9189ff}.coming-copy{align-self:center;justify-self:center;width:100%;text-align:center}.coming-copy h2{display:flex;flex-direction:column;align-items:center;margin:0;font-size:clamp(2.8rem,5.8vw,6rem);font-weight:500;letter-spacing:-.06em;line-height:.88}.coming-copy p{margin:1.35rem 0 0;color:var(--muted);font-size:1rem}@media(hover:hover)and (pointer:fine){.forming-card:hover{border-color:#85daff47}.forming-card:hover .plane-one{border-color:#72cbf161}.forming-card:hover .plane-two{border-color:#8d85ff57}.forming-card:hover .geometry-core{filter:brightness(1.12);transform:scale(1.025);box-shadow:0 0 39px #4db4ff80}.forming-card:hover .geometry-node{filter:brightness(1.12);opacity:.94}.forming-card:hover .geometry-node-one{transform:translate3d(3px,-2px,0)}.forming-card:hover .geometry-node-two{transform:translate3d(-2px,3px,0)}}footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:2.2rem max(5vw,calc((100vw - 86rem)/2));border-top:1px solid rgba(255,255,255,.07);background:#080b13;color:#78889d;font-size:.75rem;letter-spacing:.04em}@media(max-width:960px){.spotloom{grid-template-columns:1fr;align-content:start;gap:3.5rem;min-height:auto;padding-top:9rem;padding-bottom:9rem}.spotloom-content{margin-inline:auto;text-align:center}.spotloom-heading,.cta-row{justify-content:center}.product-stage{width:min(90vw,48rem);height:min(92vw,44rem);margin-inline:auto}.product-shot{width:min(31vw,16rem)}.forming-card{grid-template-columns:1fr 1fr}}@media(max-width:640px){h1{top:40%;width:100%;padding-inline:1.25rem;font-size:clamp(2.85rem,14vw,5.25rem);white-space:nowrap}.scroll-cue{bottom:1.5rem;gap:.5rem;font-size:.62rem;letter-spacing:.15em}.scroll-cue-arrow{height:1.35rem;animation-duration:3.2s}.world-atmosphere{filter:blur(68px)}.atmosphere-near{display:none}.spotloom{display:block;padding:8rem 0 7rem;background:transparent}.spotloom-content{padding-inline:1.25rem}.spotloom-heading{gap:.6rem}.spotloom h2{font-size:clamp(3.8rem,18vw,5.25rem)}.spotloom-logo{width:clamp(2.8rem,12vw,3.75rem)}.spotloom-copy{font-size:1rem;white-space:nowrap}.cta-row{flex-direction:column;align-items:stretch;max-width:25rem;margin-inline:auto;margin-top:1.8rem}.product-stage,.product-stage.reveal,.product-stage.reveal.is-visible{display:block;width:100%;height:clamp(28rem,148vw,34rem);margin-top:4rem;padding:0;overflow:visible;transform:scale(var(--stage-recede-scale))}.product-stage.reveal{transform:translateY(18px) scale(var(--stage-recede-scale))}.product-stage.reveal.is-visible{transform:translateY(0) scale(var(--stage-recede-scale))}.product-stage:before{inset:-12% -42% -5%;opacity:.32}.product-stage:after{inset:-2% -52% -7% 10%;opacity:.18}.carousel-viewport{inset:0 0 3rem}.product-shot{width:min(58vw,16rem);border-radius:1.5rem}.carousel-arrow{display:none}.carousel-meta{bottom:.35rem;gap:.7rem;font-size:.62rem}.carousel-progress{width:6.25rem}.coming-soon{min-height:78svh;padding:7rem 1.25rem 5rem}.forming-card{grid-template-columns:1fr;width:100%;min-height:30rem;padding:2.25rem 1.5rem;text-align:center}.forming-geometry{width:min(17rem,72vw);margin-inline:auto}footer{padding:1.8rem 1.25rem}}@media(max-width:360px){.spotloom h2{font-size:clamp(3.2rem,17vw,3.8rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}h1{animation:none;opacity:1;filter:none;transform:translate(-50%,-50%)}.world-atmosphere{transform:none;transition:none;will-change:auto}.world-layer,.world-energy{will-change:auto}.product-stage,.product-stage.reveal,.product-stage.reveal.is-visible,.forming-card,.forming-card.reveal,.forming-card.reveal.is-visible{transform:none}.reveal,.reveal.is-visible{opacity:1;filter:none;transition:none}.product-shot{transition:opacity .12s ease}.carousel-progress-fill{transition:none}.cta,.cta:before,.geometry-plane,.geometry-core,.geometry-node{transition:none}.geometry-plane{will-change:auto}.forming-card:hover .geometry-core{filter:none;transform:none;box-shadow:0 0 35px #4db4ff70}.forming-card:hover .geometry-node{filter:none;opacity:1;transform:none}.space-field{transition:none}.scroll-cue{transition:opacity .18s linear;will-change:auto}.scroll-cue-arrow{animation:none;opacity:.72;transform:none;translate:0}}.is-page-hidden .space-field{visibility:hidden}