.hero{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100svh;overflow:clip;padding-top:calc(var(--nav-h) + clamp(16px,3vh,36px));padding-bottom:clamp(24px,4vh,56px)}.hero__glow{position:absolute;inset:-8% -6%;z-index:0;pointer-events:none;opacity:.95;background:conic-gradient(from 208deg at 64% 40%,transparent 0deg,rgba(227,192,122,.11) 34deg,rgba(247,233,196,.05) 62deg,transparent 118deg),radial-gradient(56% 50% at 58% 46%,rgba(227,192,122,.15),transparent 70%),radial-gradient(40% 38% at 30% 68%,rgba(59,118,255,.12),transparent 74%);filter:blur(12px)}.hero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,72px);align-items:center;width:100%}.hero__copy{max-width:640px}.hero__title{margin-top:clamp(10px,1.4vw,20px);font-size:clamp(3.6rem,8.5vw,8.5rem);line-height:.96;letter-spacing:-.045em;font-weight:600;color:var(--paper);white-space:nowrap;overflow:hidden}.hero__title span{display:inline-block}.hero__lead{margin-top:clamp(20px,2.4vw,30px);max-width:26ch;color:var(--tx);font-size:clamp(1.04rem,.4vw + .94rem,1.3rem);line-height:1.7}.hero__stage{position:relative;justify-self:end;width:100%;max-width:620px;height:clamp(440px,calc(100vh - 168px),760px);height:clamp(440px,calc(100svh - 168px),760px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,1.6vw,24px);border-radius:var(--r-4);border:1px solid rgba(255,255,255,.13);background:linear-gradient(155deg,#ffffff0e,#ffffff02 46%,#f7e9c409);box-shadow:inset 0 1px #ffffff2e,inset 0 -70px 100px -90px #000000d9,0 60px 120px -60px #000000e6;transition:transform .24s var(--ease-soft)}.hero__stage:before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:calc(var(--r-4) - 1px);background:linear-gradient(122deg,rgba(255,255,255,.1),transparent 40%,rgba(247,233,196,.05))}.prism{position:relative;z-index:1;width:100%;height:100%;perspective:1400px;transform-style:preserve-3d}.prism:before{content:"";position:absolute;inset:-14% -12%;z-index:0;pointer-events:none;background:radial-gradient(46% 42% at 58% 44%,rgba(227,192,122,.2),transparent 70%),radial-gradient(38% 34% at 32% 66%,rgba(59,118,255,.16),transparent 72%);filter:blur(10px)}.prism__guides{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}.prism__shadow{position:absolute;left:6%;right:6%;bottom:-1%;height:16%;z-index:0;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.72),transparent 72%);filter:blur(14px)}.prism__panel{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(calc(var(--px,0) * var(--dep,8) * var(--dir,1) * 1px),calc(var(--py,0) * var(--dep,8) * var(--dir,1) * 1px),0) rotate(var(--rot,0deg))}.prism__panel--b0{width:50%;aspect-ratio:4/5;--dep:4;--rot:-11deg;left:46%;top:43%}.prism__panel--b1{width:60%;aspect-ratio:4/5;--dep:7;--rot:-7deg;left:47%;top:45%}.prism__panel--b2{width:70%;aspect-ratio:4/5;--dep:10;--rot:6deg;left:53%;top:52%}.prism__panel--main{width:80%;aspect-ratio:1/1;--dep:13;--rot:-1.5deg;z-index:4}.prism__card{position:relative;width:100%;height:100%;border-radius:var(--r-3);overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(148deg,#ffffff1a,#ffffff04 46%,#f7e9c40d);box-shadow:inset 0 1px #fff3,inset 0 -30px 60px -50px #000000e6,0 40px 80px -40px #000000d9}.prism__card--img{background:#0a0a0e;border-radius:var(--r-4);box-shadow:inset 0 0 0 1px #f7e9c42e,inset 0 24px 60px -34px #f7e9c442,0 50px 100px -44px #000000eb}.prism__card--img img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r-4) - 4px)}.prism__glass{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(126deg,#ffffff2e,#fff0 30% 66%,#f7e9c41a);mix-blend-mode:screen;opacity:.6}.prism__chip{position:absolute;z-index:6;transform:translate3d(calc(var(--px,0) * var(--dep,16) * var(--dir,1) * 1px),calc(var(--py,0) * var(--dep,16) * var(--dir,1) * 1px),0)}.prism__chip--token{top:6%;right:3%;--dep:18;--dir:-1}.prism__chip--route{top:47%;left:-4%;--dep:16;--dir:-1}.prism__chip--story{bottom:6%;right:8%;--dep:21;--dir:-1}.chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--pill);background:#1010169e;border:1px solid rgba(247,233,196,.24);box-shadow:0 16px 36px -18px #000c,inset 0 1px #ffffff29}.chip__k{font-family:var(--font-serif);font-size:12.5px;letter-spacing:.12em;color:var(--gold-bright)}.chip__v{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--tx-2);white-space:nowrap}.prism__sheen{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;border-radius:inherit;background:linear-gradient(114deg,transparent 40%,rgba(247,233,196,.14) 50%,rgba(255,255,255,.05) 54%,transparent 62%);transform:translate3d(calc(var(--px,0) * -34px),calc(var(--py,0) * -22px),0);transition:opacity .5s ease}.hero__stage:hover .prism__sheen{opacity:1}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}.bento__cell{position:relative;overflow:hidden;padding:clamp(22px,2.8vw,36px);border-radius:var(--r-3);border:1px solid var(--line);background:var(--glass);box-shadow:var(--lift-in);transition:var(--tr)}.bento__cell--drama{grid-column:span 7;grid-row:span 2;min-height:540px}.bento__cell--api,.bento__cell--dev{grid-column:span 5;min-height:260px}.card__in{display:flex;flex-direction:column;height:100%;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .24s var(--ease-soft)}.board{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:clamp(20px,2.6vw,30px)}.board__rail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:14px;border-top:1px solid var(--line-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--tx-2)}.board__rail span{position:relative;padding-left:10px}.board__rail span:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:1px;background:var(--gold-deep)}.film{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:10px;flex:1;min-height:250px;margin-top:14px}.film__f{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-1);overflow:hidden}.film__f svg{position:absolute;inset:0;width:100%;height:100%}.film__f--1{background:radial-gradient(120% 90% at 30% 18%,rgba(227,192,122,.3),transparent 58%),linear-gradient(160deg,#1b1711,#0d0d12)}.film__f--2{background:radial-gradient(120% 100% at 68% 28%,rgba(59,118,255,.34),transparent 62%),linear-gradient(160deg,#101527,#0a0a10)}.film__f--3{background:radial-gradient(95% 85% at 52% 62%,rgba(184,168,224,.24),transparent 62%),linear-gradient(160deg,#151019,#0b0b10)}.film__f--4{background:radial-gradient(110% 90% at 38% 68%,rgba(154,216,255,.22),transparent 62%),linear-gradient(160deg,#101820,#0b0b10)}.film__no,.film__tc{position:absolute;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em}.film__no{top:10px;left:12px;color:#f7e9c4e6}.film__tc{bottom:10px;right:12px;color:#edeae3b8}.viz--route{width:100%;height:auto;margin-top:auto;padding-top:18px;max-height:118px}.viz--code{margin-top:auto;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-1);background:#08080c80;font-family:var(--font-mono);font-size:12px;line-height:1.8;color:var(--tx-2);white-space:pre-wrap;overflow:auto}.flow svg{width:100%;height:auto}.flow svg text{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;fill:var(--tx-2)}.flow__note{margin-top:14px;font-size:12px;color:var(--tx-2);letter-spacing:.04em}@keyframes glyph{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}@keyframes panelUp{0%{opacity:0;transform:translateY(54px) rotate(-2deg);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes chipIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes glowIn{0%{opacity:0}to{opacity:.95}}@media(hover:hover)and (pointer:fine){.hero__stage:hover{transform:translateY(-4px)}.bento__cell:hover{border-color:#f7e9c447;box-shadow:inset 0 1px #f7e9c433,0 40px 80px -50px #000000e6}.bento__cell:hover .card__in{--ty:-4px}}@media(max-width:1024px){.hero{min-height:auto;padding-bottom:clamp(48px,7vh,88px)}.hero__in{grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}.hero__stage{max-width:520px;height:clamp(400px,64vw,560px);justify-self:center;margin-inline:auto}.hero__copy{max-width:640px}.hero__title{font-size:clamp(3.4rem,11vw,5.6rem)}.prism__guides{display:none}.film{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;min-height:0}.film__f{aspect-ratio:4/3}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__cell--drama{grid-column:span 2;grid-row:auto;min-height:0}.bento__cell--api,.bento__cell--dev{grid-column:span 1;min-height:0}}@media(max-width:720px){.hero__title{font-size:clamp(2.9rem,13vw,4.4rem);white-space:normal}.hero__stage{height:clamp(340px,86vw,440px);max-width:none}}@media(max-width:620px){.bento{grid-template-columns:1fr}.bento__cell--drama,.bento__cell--api,.bento__cell--dev{grid-column:span 1;min-height:0}.film{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;min-height:0}.film__f{aspect-ratio:16/10}.hero__title{font-size:clamp(2.6rem,12vw,3.6rem)}.hero__stage{height:clamp(320px,92vw,400px)}.prism__panel--b0{width:56%}.prism__panel--b1{width:64%}.prism__panel--b2{width:74%}.prism__panel--main{width:84%}.prism__chip--token{top:2%;right:2%}.prism__chip--route{top:auto;bottom:26%;left:2%}.prism__chip--story{bottom:2%;right:4%}.chip{padding:7px 11px}.hero__title{font-size:clamp(2.3rem,11.5vw,3rem)}.hero__lead{font-size:.98rem}.hero__stage{height:clamp(300px,94vw,360px)}.chip__v{display:none}}@keyframes logoIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes sweep{to{transform:translate(140%)}}.prism__card--img img{animation:logoIn .35s var(--ease-expo) .1s both}.prism__card--img:after{content:"";position:absolute;inset:-30%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 40%,rgba(247,233,196,.35) 50%,transparent 60%);transform:translate(-140%);animation:sweep .35s var(--ease-expo) .25s both}@media(max-width:1024px){.flow{min-width:1120px}.viz--route{display:none}}@media(max-width:720px){.hero__glow{animation-duration:.55s;filter:blur(12px)}.hero__title span{animation-duration:.42s;animation-delay:calc(.08s + var(--i,0) * 25ms)}.prism__card{animation-duration:.42s;animation-delay:calc(var(--d,.26s) * .5)}.chip{animation-duration:.3s;animation-delay:calc(var(--d,.4s) * .5)}}.bento__cell .h3{margin-top:clamp(12px,1.6vw,18px);max-width:22ch}.bento__cell .p{margin-top:10px;max-width:44ch}.bento__cell .arrow-link{margin-top:clamp(16px,2vw,22px)}.flow-card{margin-top:clamp(26px,3.4vw,44px);padding:clamp(18px,2.6vw,34px);border:1px solid var(--line);border-radius:var(--r-4);background:linear-gradient(165deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px #ffffff17,0 40px 90px -60px #000000e6}@media(max-width:1024px){.flow-card{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}@media(max-width:1024px){.flow-card{position:relative}.flow-card:after{content:"\5de6\53f3\6ed1\52a8  \2192";position:absolute;right:12px;bottom:8px;font-size:12px;color:#d8d2c6;pointer-events:none}}.lift-rail{scroll-margin-top:24px}@media(hover:hover)and (pointer:fine){.lift-rail>figure:hover{z-index:4}}@media(prefers-reduced-motion:no-preference){.hero__glow{animation:glowIn .75s var(--ease-expo) both}.hero__title span{animation:glyph .5s var(--ease-expo) both;animation-delay:calc(.12s + var(--i,0) * .05s)}.prism__card{animation:panelUp .6s var(--ease-expo) both;animation-delay:var(--d,.26s)}.chip{animation:chipIn .4s var(--ease-expo) both;animation-delay:var(--d,.28s)}}@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.prism{animation:prismScroll linear both;animation-timeline:scroll(root block);animation-range:0 80vh}@keyframes prismScroll{to{transform:translateY(-30px)}}}}