.hero{position:relative;padding:calc(var(--nav-height) + var(--sp-16)) 0 var(--sp-20);background:radial-gradient(ellipse 90% 60% at 78% 8%,rgba(43,55,103,.55) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 8% 92%,rgba(226,85,60,.16) 0%,transparent 62%),linear-gradient(168deg,#0A0E1C 0%,var(--color-dark-bg) 46%,#131A33 100%);color:var(--color-on-dark);overflow:hidden}.hero .gridlines{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-12);align-items:center}.hero__content{min-width:0}.hero__eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 8px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--color-on-dark-muted);margin-bottom:var(--sp-6)}.hero__eyebrow-mark{width:20px;height:20px;border-radius:var(--radius-sm);background:linear-gradient(140deg,var(--color-accent),var(--color-accent-deep));display:grid;place-items:center;color:#fff}.hero__eyebrow-mark .ic{width:13px;height:13px;stroke-width:2.1}.hero__title{font-family:var(--font-display);font-size:var(--fs-h1);color:#fff;letter-spacing:.005em;margin-bottom:var(--sp-5)}.hero__title em{font-style:normal;color:var(--color-accent);position:relative}.hero__title em:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:8px;background:#e2553c33;z-index:-1}.hero__subtitle{font-size:clamp(1.0625rem,1.4vw,1.3125rem);line-height:var(--lh-loose);color:var(--color-on-dark-muted);max-width:540px;margin-bottom:var(--sp-8)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-10)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--sp-8);padding-top:var(--sp-7);border-top:1px solid rgba(255,255,255,.08)}.hero__meta-item{display:flex;flex-direction:column;gap:3px}.hero__meta-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--fw-bold);color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero__meta-label{font-size:var(--fs-xs);color:var(--color-on-dark-muted);letter-spacing:.04em}.console{position:relative;background:#ffffff0b;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-xl);padding:var(--sp-6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-xl)}.console:before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.console__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-4);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--sp-5)}.console__title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:#c9d0e2;text-transform:uppercase}.console__live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-teal);letter-spacing:.08em}.console__live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-teal);box-shadow:0 0 0 3px #1f8a802e;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.docflow{display:flex;flex-direction:column;gap:2px}.docflow__row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:var(--sp-3);padding:11px 13px;border-radius:var(--radius-md);background:#ffffff09;border:1px solid rgba(255,255,255,.06);transition:background var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}.docflow__row:hover{background:#ffffff13;border-color:#e2553c59;transform:translate(3px)}.docflow__no{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-faint)}.docflow__name{font-size:var(--fs-sm);color:var(--color-on-dark);font-weight:var(--fw-medium)}.docflow__name em{font-style:normal;display:block;font-family:var(--font-mono);font-size:.625rem;color:var(--color-faint);letter-spacing:.06em;margin-top:2px}.docflow__badge{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;padding:3px 8px;border-radius:var(--radius-sm);background:#1f8a8029;color:#6fd3c4;white-space:nowrap}.docflow__badge--accent{background:#e2553c29;color:#f59279}.docflow__arrow{display:flex;justify-content:center;color:var(--color-faint);font-family:var(--font-mono);font-size:.6875rem;line-height:1;padding:3px 0}.docflow__arrow .ic{width:14px;height:14px}.trust{background:var(--color-primary);border-top:1px solid rgba(255,255,255,.06);padding:var(--sp-7) 0}.trust__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-6)}.trust__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;color:var(--color-faint);text-transform:uppercase}.trust__items{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.trust__item{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);color:var(--color-on-dark-muted)}.trust__item .ic{color:var(--color-accent);width:17px;height:17px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4);position:relative}.flow:before{content:"";position:absolute;top:30px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,85,60,.35) 12%,rgba(226,85,60,.35) 88%,transparent)}.flow__step{position:relative;text-align:center}.flow__no{width:60px;height:60px;margin:0 auto var(--sp-4);display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:1.0625rem;font-weight:var(--fw-bold);color:var(--color-accent-deep);position:relative;z-index:1;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.flow__step:hover .flow__no{transform:translateY(-3px);box-shadow:var(--shadow-accent);border-color:transparent}.flow__title{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-ink);margin-bottom:6px}.flow__desc{font-size:var(--fs-sm);color:var(--color-muted);line-height:var(--lh-loose);max-width:200px;margin:0 auto}.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.domain{position:relative;background:var(--color-dark-surface);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--sp-6);overflow:hidden;transition:transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.domain:hover{transform:translateY(-4px);border-color:#e2553c6b;box-shadow:0 20px 50px #00000059}.domain:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:0;transition:opacity var(--t-base) var(--ease-out)}.domain:hover:before{opacity:1}.domain__code{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--color-accent);text-transform:uppercase;margin-bottom:var(--sp-3)}.domain__title{font-family:var(--font-display);font-size:var(--fs-h4);color:#f3f5fc;margin-bottom:var(--sp-3)}.domain__desc{font-size:var(--fs-sm);color:var(--color-on-dark-muted);line-height:var(--lh-loose);margin-bottom:var(--sp-4)}.domain__list{display:flex;flex-wrap:wrap;gap:6px}.domain__list li{font-size:var(--fs-xs);padding:3px 9px;border-radius:var(--radius-sm);background:#ffffff0d;color:#a9b3cc;border:1px solid rgba(255,255,255,.07)}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.scene{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary);min-height:260px;display:flex;align-items:flex-end;box-shadow:var(--shadow-md);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.scene:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.scene__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.42;transition:transform var(--t-slow) var(--ease-out),opacity var(--t-slow) var(--ease-out)}.scene:hover .scene__img{transform:scale(1.05);opacity:.55}.scene__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0e1cf0,#0a0e1c9e 45%,#0a0e1c2e)}.scene__body{position:relative;z-index:1;padding:var(--sp-6);color:#fff}.scene__name{font-family:var(--font-display);font-size:1.1875rem;font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.scene__desc{font-size:var(--fs-sm);color:#e9edf8c7;line-height:var(--lh-loose)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center}.split--reverse .split__media{order:-1}.split__content{min-width:0}.split__media{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.split__media img{width:100%;height:100%;object-fit:cover;min-height:380px}.split__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,#141a3347,#141a330f 55%,#e2553c29)}.split__stamp{position:absolute;right:20px;bottom:20px;z-index:2;width:74px;height:74px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-family:var(--font-display);font-size:.75rem;font-weight:var(--fw-bold);line-height:1.25;text-align:center;letter-spacing:.06em;box-shadow:0 8px 24px #e2553c66;transform:rotate(-6deg)}.checks{display:flex;flex-direction:column;gap:var(--sp-4)}.checks li{display:flex;gap:12px;font-size:var(--fs-body);line-height:var(--lh-loose);color:var(--color-text)}.checks .ic{color:var(--color-teal);width:19px;height:19px;margin-top:5px;flex:none}.section--dark .checks li{color:var(--color-on-dark-muted)}.section--dark .checks .ic{color:var(--color-teal)}.checks strong{display:block;color:var(--color-ink);margin-bottom:2px}.section--dark .checks strong{color:#f3f5fc}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);position:relative}.roadmap:before{content:"";position:absolute;top:27px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 15%,rgba(255,255,255,.16) 85%,transparent)}.phase{position:relative;text-align:center}.phase__dot{width:54px;height:54px;margin:0 auto var(--sp-5);display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-dark-surface-2);border:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;color:var(--color-accent);position:relative;z-index:1}.phase__title{font-family:var(--font-display);font-size:var(--fs-h4);color:#f3f5fc;margin-bottom:var(--sp-2)}.phase__range{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-accent);letter-spacing:.08em;margin-bottom:var(--sp-3)}.phase__desc{font-size:var(--fs-sm);color:var(--color-on-dark-muted);line-height:var(--lh-loose);text-align:left}.phase__list{margin-top:var(--sp-4);text-align:left;display:flex;flex-direction:column;gap:7px}.phase__list li{display:flex;gap:9px;font-size:var(--fs-sm);color:#a9b3cc;line-height:var(--lh-snug)}.phase__list .ic{width:15px;height:15px;color:var(--color-teal);margin-top:4px;flex:none}.boundary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.boundary__item{display:flex;gap:12px;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px solid var(--color-border-light);font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--color-text)}.boundary__item .ic{color:var(--color-faint);margin-top:5px;flex:none}@media (max-width: 1024px){.hero__inner{grid-template-columns:1fr;gap:var(--sp-10)}.console{max-width:560px}.domains,.scenes{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:1fr;gap:var(--sp-10)}.roadmap:before{display:none}.flow{grid-template-columns:repeat(3,1fr);gap:var(--sp-8) var(--sp-4)}.flow:before{display:none}.split{gap:var(--sp-8)}}@media (max-width: 768px){.hero{padding:calc(var(--nav-height) + var(--sp-10)) 0 var(--sp-12)}.hero__meta{gap:var(--sp-5) var(--sp-7)}.domains,.scenes,.split{grid-template-columns:1fr}.split--reverse .split__media{order:0}.split__media img{min-height:260px}.flow{grid-template-columns:1fr;gap:var(--sp-7)}.boundary{grid-template-columns:1fr}.trust__items{gap:var(--sp-4) var(--sp-6)}}
