.hero{position:relative;overflow:hidden;padding-block:clamp(34px,5vw,58px) clamp(48px,6vw,84px);text-align:center}.hero-sky{position:absolute;inset:0;pointer-events:none;z-index:0}.stars{position:absolute;inset:0;background-image:radial-gradient(1.2px 1.2px at 24px 34px,rgba(255,255,255,.8),transparent 60%),radial-gradient(1px 1px at 132px 88px,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.6px 1.6px at 214px 162px,rgba(196,181,253,.8),transparent 60%),radial-gradient(1px 1px at 296px 46px,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.2px 1.2px at 352px 204px,rgba(165,180,252,.7),transparent 60%),radial-gradient(1px 1px at 78px 188px,rgba(255,255,255,.45),transparent 60%);background-size:400px 250px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 15%,#000,transparent 78%);mask-image:radial-gradient(ellipse 85% 75% at 50% 15%,#000,transparent 78%);animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.45}to{opacity:.95}}.rays{position:absolute;left:50%;top:-6%;width:min(1700px,170vw);aspect-ratio:2 / 1;transform:translate(-50%);transform-origin:50% 0;background:conic-gradient(from 90deg at 50% 0%,transparent 0deg 36deg,rgba(129,140,248,.26) 46deg,transparent 56deg 66deg,rgba(192,132,252,.2) 76deg,transparent 85deg,rgba(165,180,252,.3) 91deg,transparent 98deg 108deg,rgba(244,114,182,.16) 118deg,transparent 128deg,rgba(129,140,248,.22) 138deg,transparent 148deg 360deg);filter:blur(22px);-webkit-mask-image:radial-gradient(ellipse 60% 100% at 50% 0%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 60% 100% at 50% 0%,#000 20%,transparent 78%);animation:sway 14s ease-in-out infinite alternate}@keyframes sway{0%{transform:translate(-50%) rotate(-3.5deg)}to{transform:translate(-50%) rotate(3.5deg)}}@media(prefers-color-scheme:light){.stars{display:none}.rays{opacity:.55}}.hero-in{display:grid;justify-items:center;gap:22px}.hero h1{max-width:19ch;font-size:clamp(2.5rem,6vw,4.7rem)}.js .hero h1 .w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(12px);animation:word-in 1s var(--ease) forwards;animation-delay:calc(var(--i) * 80ms + .12s)}.js .hero h1 .w.it{animation:word-in 1s var(--ease) forwards,sheen 9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * 80ms + .12s),0s}@keyframes word-in{to{opacity:1;transform:none;filter:none}}.hero .lead{max-width:68ch}.hero .btn-row{justify-content:center}.hero-ground{position:relative;margin-top:clamp(34px,4.6vw,60px)}.horizon{position:absolute;left:50%;top:44px;width:max(2300px,170vw);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,var(--bg) 82%,color-mix(in srgb,var(--bg) 60%,#312e81) 100%);border-top:1px solid rgba(180,185,255,.55);box-shadow:0 -4px 90px #7c3aed8c,0 -1px #ffffff1f,inset 0 70px 110px -50px #6366f16b;pointer-events:none}@media(prefers-color-scheme:light){.horizon{border-top-color:#4f46e559;box-shadow:0 -4px 90px #7c3aed47,inset 0 70px 110px -50px #6366f133}}.hero-stage{position:relative;width:100%;display:grid;gap:18px}.hero-cap{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.15;color:var(--text-2)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:900px){.hero-stage .stage-screen{transform-origin:50% 0;animation:stage-flat linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}}@keyframes stage-flat{0%{transform:perspective(1500px) rotateX(16deg) scale(.94)}to{transform:none}}.everything{display:grid;gap:clamp(32px,5vw,64px);align-items:center}@media(min-width:1040px){.everything{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}}.story{display:grid;gap:26px;margin-top:clamp(56px,8vw,104px)}.story-card{--t1: var(--accent);--t2: var(--accent-2);position:relative;display:grid;gap:clamp(22px,3vw,44px);align-items:center;padding:clamp(24px,3.6vw,48px);border-radius:34px;border:1px solid color-mix(in srgb,var(--t1) 40%,var(--border-strong));background:radial-gradient(90% 130% at 100% 0%,color-mix(in srgb,var(--t2) var(--tint1),transparent),transparent 62%),radial-gradient(70% 120% at 0% 100%,color-mix(in srgb,var(--t1) var(--tint2),transparent),transparent 60%),var(--surface);box-shadow:0 -24px 60px -34px #000000bf,0 40px 90px -50px color-mix(in srgb,var(--t1) 70%,transparent),inset 0 1px 0 var(--shine);overflow:hidden}@media(prefers-color-scheme:light){.story-card{box-shadow:0 -14px 40px -30px #28286e4d,0 40px 80px -50px color-mix(in srgb,var(--t1) 60%,transparent),inset 0 1px 0 var(--shine)}}@media(min-width:900px){.story-card{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);min-height:430px;position:sticky;top:calc(var(--header-h) + 22px + var(--i) * 18px)}}.story-text{display:grid;gap:16px;justify-items:start;align-content:center}.story-time{display:inline-flex;align-items:center;gap:9px;padding:5px 13px 5px 6px;border-radius:999px;font-family:var(--mono);font-size:.86rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border-strong)}.story-card h3{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.035em;line-height:1.06}.story-card p{color:var(--text-2);font-size:1.06rem;max-width:44ch}.story-scene{perspective:1500px}.story-scene .scene{transform:rotateX(6deg) rotateY(-9deg) rotate(1deg);transform-origin:70% 50%;transition:transform 1s var(--ease)}.story-card:hover .story-scene .scene{transform:rotateX(2deg) rotateY(-3deg)}@media(max-width:899px){.story-scene .scene{transform:none}}.bento{display:grid;gap:clamp(14px,1.8vw,22px);grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}}.pillar{--t1: var(--accent);--t2: var(--accent-2);position:relative;display:grid;gap:12px;align-content:start;padding:26px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--t1) 9%,var(--surface)),var(--surface) 60%);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--shine);text-decoration:none;transition:transform .4s var(--ease),border-color .25s ease,box-shadow .4s ease}.pillar:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--t1) 60%,var(--border-strong));box-shadow:0 34px 70px -40px color-mix(in srgb,var(--t1) 80%,transparent),inset 0 1px 0 var(--shine)}.pillar h3{display:flex;align-items:center;gap:13px}.pillar .app-ic{width:40px;height:40px;border-radius:12px}.pillar .app-ic svg{width:21px;height:21px}.pillar p{color:var(--text-2);font-size:.99rem}.pillar .text-link{font-size:.93rem}.bullets{display:grid;gap:14px;margin-top:28px}.bullets li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;color:var(--text-2)}.bullets li svg{width:22px;height:22px;padding:4px;border-radius:50%;color:#04221e;background:var(--turq);margin-top:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--turq) 18%,transparent)}.bullets b{color:var(--text);font-weight:620}.sec-foot{margin-top:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.big-star{position:absolute;width:min(72vw,780px);inset-inline-end:-14%;top:2%;color:var(--accent-text);opacity:.1;animation:turn 140s linear infinite;pointer-events:none}@property --turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.orbit{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin-inline:auto;container-type:inline-size;pointer-events:none}.orb-ring{position:absolute;inset:0;animation:orb-turn 150s linear infinite}.orb-ring.ring1{animation-duration:110s;animation-direction:reverse}.orb-ring.ring3{animation-duration:190s;animation-direction:reverse}@keyframes orb-turn{to{--turn: 360deg}}.orb-node{position:absolute;left:50%;top:50%;width:10cqi;height:10cqi;margin:-5cqi;display:grid;place-items:center;border-radius:28%;color:#fff;background:linear-gradient(135deg,var(--t1),var(--t2));box-shadow:0 1.6cqi 4cqi -1.4cqi var(--t1),inset 0 1px #ffffff40;transform:rotate(calc(var(--a) + var(--turn))) translate(calc(var(--r) * 1cqi)) rotate(calc(-1 * (var(--a) + var(--turn))))}.orb-node svg{width:52%;height:52%}.orb-node.sm{width:6.4cqi;height:6.4cqi;margin:-3.2cqi;border-radius:50%;opacity:.92}.orb-star{position:absolute;left:50%;top:50%;width:74cqi;height:74cqi;margin:-37cqi;color:var(--accent-text);opacity:.4;transform:rotate(var(--turn))}.orb-line{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed var(--border-strong);transform:translate(-50%,-50%)}.orb-line.l1{width:40cqi;height:40cqi}.orb-line.l3{width:92cqi;height:92cqi;border-style:solid;border-color:var(--border)}.orb-core{position:absolute;left:50%;top:50%;width:15cqi;height:15cqi;margin:-7.5cqi;border-radius:24%;box-shadow:0 0 0 1.4cqi color-mix(in srgb,var(--accent) 16%,transparent),0 4cqi 10cqi -2cqi var(--glow)}.orb-core svg{width:100%;height:100%}.orb-pulse{position:absolute;left:50%;top:50%;width:18cqi;height:18cqi;margin:-9cqi;border-radius:50%;border:1px solid var(--accent-text);animation:orb-pulse 4.5s ease-out infinite}@keyframes orb-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(5.2);opacity:0}}.js .orbit:not(.is-live) *{animation-play-state:paused!important}