.code-card{background:linear-gradient(#15102bf5,#2a1a5ee6);border:1px solid #ffffff2e;border-radius:30px;width:min(660px,100%);margin:auto;animation:5.5s ease-in-out infinite float;position:absolute;top:44px;left:0;right:4%;overflow:hidden;transform:rotateY(-9deg)rotateX(7deg);box-shadow:0 40px 120px #15102b61}@keyframes float{50%{translate:0 -18px}}.code-top{background:#ffffff0d;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.dots{gap:8px;display:flex}.dots span{background:#fff;border-radius:50%;width:11px;height:11px}.dots span:first-child{background:#ff5d8f}.dots span:nth-child(2){background:#ffd166}.dots span:nth-child(3){background:#17d1c6}.file-label{color:#fff9;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.code-body{padding:20px 0;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.code-line{color:#ffffffd1;white-space:nowrap;opacity:.5;grid-template-columns:48px 1fr;gap:14px;padding:5px 24px 5px 0;transition:all .35s;display:grid}.code-line.active{opacity:1;background:linear-gradient(90deg,#e5197d2e,#0000);transform:translate(6px)}.ln{text-align:right;color:#ffffff3d}.kw{color:#ff79c6}.fn{color:#8ce9ff}.str{color:#72ffbd}.num{color:#ffd37a}.comment{color:#ffffff61}@media (max-width:1000px){.code-card{right:0;transform:none}}@media (max-width:760px){.code-body{font-size:12px}.code-line{grid-template-columns:36px 1fr;gap:10px}}
.hero{align-items:center;min-height:100vh;padding:140px 22px 80px;display:grid}.hero-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:46px;display:grid}.hero h1{font-size:clamp(var(--dyn-hero-h1-min,30px), 7vw, var(--dyn-hero-h1-max,58px));letter-spacing:-.08em;margin:18px 0 0;padding-right:.08em;line-height:1.06;overflow:visible}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;padding-right:.08em;line-height:1.05}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.mini-proof{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.proof-card{background:#ffffffb8;border:1px solid #2a1a5e17;border-radius:18px;min-width:130px;padding:14px 16px;box-shadow:0 14px 40px #2a1a5e14}.proof-card strong{font-size:var(--dyn-hero-stat-value-size,28px);letter-spacing:-.06em;color:var(--indigo)}.proof-card span{color:var(--slate);font-size:var(--dyn-hero-stat-label-size,12px);font-weight:700;display:block}.hero-visual{perspective:1300px;min-height:610px;position:relative}.brand-orbit{background:conic-gradient(from 0deg, transparent, var(--pink), var(--violet), var(--cyan), var(--pink), transparent);opacity:.32;filter:blur(.2px);border-radius:50%;width:min(560px,90vw);height:min(560px,90vw);margin:auto;animation:18s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 55%,#000 56% 58%,#0000 59% 66%,#000 67% 68%,#0000 69%);mask:radial-gradient(circle,#0000 55%,#000 56% 58%,#0000 59% 66%,#000 67% 68%,#0000 69%)}.holo-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #17d1c63d;border-radius:24px;width:280px;padding:18px;position:absolute;bottom:34px;right:12px;transform:rotateY(-14deg)rotateX(8deg);box-shadow:0 24px 80px #2a1a5e2e}.holo-panel h4{color:var(--indigo);font-size:var(--dyn-small-label-text-size,12px);text-transform:uppercase;letter-spacing:.14em;margin:0}.holo-panel .bars{gap:10px;margin:18px 0;display:grid}.bar{background:#2a1a5e17;border-radius:999px;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--violet), var(--cyan));width:30%;height:100%;animation:3s ease-in-out infinite load;display:block}.bar:nth-child(2) span{animation-delay:.25s}.bar:nth-child(3) span{animation-delay:.5s}@keyframes load{50%{width:94%}}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:540px}}@media (max-width:760px){.hero h1{font-size:var(--dyn-hero-h1-mobile,30px)}.hero{padding:120px 18px 60px}.hero-visual{min-height:500px}.holo-panel{width:230px;right:5px}}
.network-canvas{width:100%;height:100%;position:absolute;inset:0}
.story-wrap{height:100vh;position:relative}.story-sticky{place-items:center;min-height:100vh;padding:120px 22px 70px;display:grid;position:sticky;top:0}.story-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:42px;display:grid}.story-copy{min-height:390px;position:relative}.story-step{transition:all .55s cubic-bezier(.2,.8,.2,1)}html.js .story-step{opacity:0;pointer-events:none;position:absolute;inset:0;transform:translateY(30px)}html.js .story-step.show{opacity:1;pointer-events:auto;transform:translateY(0)}.story-step h2{font-size:clamp(var(--dyn-story-heading-min,38px), 5.6vw, var(--dyn-story-heading-max,72px));letter-spacing:-.06em;color:var(--indigo);margin:16px 0;line-height:.96}.story-step p{color:var(--slate);max-width:450px;line-height:1.75}.progress-dots{display:none}.progress-dots span{background:#fff6;border:1px solid #2a1a5e47;border-radius:50%;width:9px;height:9px;transition:all .25s}.progress-dots span.active{background:var(--pink);border-color:var(--pink);transform:scale(1.35);box-shadow:0 0 20px #e5197d8c}.system-visual{background:linear-gradient(135deg,#2a1a5ef5,#7b2170d9,#e5197dd1);border:1px solid #ffffff2e;border-radius:36px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 40px 120px #2a1a5e42}.system-visual:before{content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.core{background:radial-gradient(circle at 35% 30%,#fff,#ffffff4d 14%,#0000 15%),radial-gradient(circle,#ffffff40,#17d1c62e,#0000 68%);border:1px solid #ffffff52;border-radius:50%;width:180px;height:180px;transition:all .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #17d1c640}.ring{border:1px solid #ffffff2e;border-radius:50%;animation:12s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring.r1{width:310px;height:310px}.ring.r2{width:430px;height:430px;animation-duration:18s;animation-direction:reverse}.ring.r3{width:530px;height:530px;animation-duration:25s}.ring:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%;box-shadow:0 0 24px #fff}.node{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;width:135px;padding:14px;transition:all .35s;position:absolute}.node strong{font-size:13px;display:block}.node small{color:#fff9;margin-top:6px;display:block}.n1{top:74px;left:80px}.n2{top:90px;right:90px}.n3{bottom:90px;left:105px}.n4{bottom:76px;right:105px}@media (max-width:1000px){.story-grid{grid-template-columns:1fr}.story-wrap{height:auto}.story-sticky{position:relative}.story-copy{min-height:auto}.story-step,html.js .story-step{opacity:1;margin-bottom:30px;position:relative;transform:none}.progress-dots{display:none}}@media (max-width:760px){.system-visual{aspect-ratio:1;min-height:0}.node{width:100px;padding:10px}.n1{top:8%;left:8%}.n2{top:8%;right:8%}.n3{bottom:8%;left:8%}.n4{bottom:8%;right:8%}}