﻿@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-Variable.ttf') format('truetype');font-display:swap;font-weight:200 800}
@font-face{font-family:Unbounded;src:url('assets/fonts/Unbounded-Variable.ttf') format('truetype');font-display:swap;font-weight:300 800}
:root{--void:#05070d;--obsidian:#0b101a;--steel:#141d2a;--raised:#1b2738;--line:#2a3a50;--cloud:#f2f0e9;--mist:#a8b4c5;--gold:#ffc857;--hot:#ffe4a1;--ion:#72a7ff;--plasma:#9b8cff;--green:#53d6a4;--coral:#ff756b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--cloud);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.grid-field{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(135deg,rgba(114,167,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.topbar{height:78px;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - var(--max))/2));position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(#05070de8,transparent)}.brand{display:flex;align-items:center;gap:10px;font-family:Unbounded;font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap}.brand img{object-fit:contain}.brand b{color:var(--mist);font-weight:400}.topbar nav{display:flex;gap:30px;margin-left:auto}.topbar nav a{font-size:11px;font-weight:800;letter-spacing:.7px;color:var(--mist)}.topbar nav a:hover{color:var(--gold)}
.wire-button,.bolt-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:11px;font-weight:900;letter-spacing:.7px;min-height:48px;padding:0 21px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.wire-button{border:1px solid var(--line);background:#0b101abf}.wire-button i,.bolt-button i{width:10px;height:19px;background:currentColor;clip-path:polygon(55% 0,10% 54%,44% 54%,30% 100%,91% 40%,55% 40%)}.bolt-button{background:var(--gold);color:var(--void);box-shadow:0 0 32px #ffc85730}
.release-badge{cursor:default;user-select:none}
.hero{min-height:920px;position:relative;display:flex;align-items:center;padding:120px max(24px,calc((100vw - var(--max))/2)) 90px;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art{z-index:-3}.hero-shade{z-index:-2;background:linear-gradient(90deg,var(--void) 0%,#05070df0 33%,#05070d35 72%,#05070db8 100%),linear-gradient(0deg,var(--void),transparent 45%)}.hero-copy{max-width:690px;position:relative;z-index:2}.signal{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.9px;margin:0 0 20px}.signal span{width:26px;height:2px;background:var(--gold)}h1,h2{font-family:Unbounded;margin:0;letter-spacing:-2px;line-height:1.04}h1{font-size:clamp(46px,7vw,88px);max-width:860px}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(34px,5vw,62px)}.lead{font-size:18px;line-height:1.7;color:#cad3e0;max-width:660px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--mist)}.trust{display:flex;gap:28px;padding:0;margin:34px 0 0;list-style:none;color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.2px}.command-orbit{position:absolute;right:max(20px,calc((100vw - var(--max))/2));bottom:90px;width:320px;height:320px}.command-orbit img{position:absolute;width:54%;height:54%;object-fit:contain;left:23%;top:23%;filter:drop-shadow(0 0 25px #ffc85755)}.command-orbit .ring{position:absolute;border:1px solid #72a7ff55;border-radius:50%;animation:spin 18s linear infinite}.r1{inset:0}.r2{inset:30px;animation-direction:reverse!important}.r3{inset:64px}.command-orbit b{position:absolute;right:-10px;top:42%;font:700 9px/1.5 Unbounded;color:var(--ion);letter-spacing:1px}
.metrics{max-width:var(--max);margin:-34px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:#0b101af2;border:1px solid var(--line);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.metrics article{padding:30px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{font:600 34px Unbounded;color:var(--gold);display:block}.metrics span{font-size:9px;letter-spacing:1.3px;color:var(--mist);font-weight:900}
.section{max-width:var(--max);margin:auto;padding:130px 24px}.section-heading{max-width:780px}.section-heading>p:last-child{color:var(--mist);line-height:1.7;font-size:16px;max-width:680px}.system-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:64px}.system-map article{position:relative;min-height:280px;padding:24px;background:linear-gradient(145deg,#141d2a,#0b101a);border:1px solid var(--line);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.system-map article:hover{border-color:var(--gold);transform:translateY(-6px)}.system-map article>b{color:var(--gold);font:700 9px Unbounded}.system-map h3,.artifact-grid h3{font:700 13px Unbounded;letter-spacing:1px;margin:22px 0 10px}.system-map p,.artifact-grid p,.privacy-grid p,.faq p{color:var(--mist);line-height:1.6;font-size:13px}.route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--ion),transparent);left:7%;right:7%;top:87px;z-index:3}.rune{width:54px;height:54px;border:1px solid var(--gold);margin-top:18px;position:relative;transform:rotate(45deg)}.rune:after,.rune:before{content:"";position:absolute;background:var(--gold);left:26px;top:8px;width:2px;height:36px}.rune:after{transform:rotate(90deg)}.rune-council{border-radius:50%;border-color:var(--plasma)}.rune-pantheon{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffc85722}.rune-chronicle{border-color:var(--ion);transform:rotate(0);border-radius:50%}
.council-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.artifact-field{position:relative;min-height:580px;background:radial-gradient(circle,#72a7ff18,transparent 66%)}.artifact-field:before,.artifact-field:after{content:"";position:absolute;border:1px solid #72a7ff33;border-radius:50%;inset:12%;animation:spin 24s linear infinite}.artifact-field:after{inset:26%;animation-direction:reverse}.artifact-field img{position:absolute;width:48%;height:48%;object-fit:contain;filter:drop-shadow(0 0 24px #72a7ff44)}.artifact-field img:nth-child(1){left:26%;top:0}.artifact-field img:nth-child(2){left:0;bottom:0}.artifact-field img:nth-child(3){right:0;bottom:0}.council-copy ol{list-style:none;padding:0;margin:36px 0}.council-copy li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--mist)}.council-copy li b{color:var(--gold);font:700 10px Unbounded}.formula{font:600 10px Unbounded;color:var(--ion);letter-spacing:.8px;padding:16px;border:1px solid var(--line);background:var(--obsidian)}
.interface-section .section-heading{margin-left:auto;text-align:right}.interface-section .signal{justify-content:flex-end}.phone-stage{height:780px;position:relative;margin-top:30px;display:grid;place-items:center}.phone-glow{position:absolute;width:620px;height:620px;background:radial-gradient(circle,#72a7ff2b,transparent 68%)}.phone{width:350px;height:720px;border:10px solid #202c3e;border-radius:48px;background:var(--void);overflow:hidden;box-shadow:0 40px 90px #000,0 0 0 1px #72a7ff55;transform:rotate(2deg)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.callout{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#0b101af2;border:1px solid var(--line);font:800 9px Manrope;letter-spacing:1px}.callout b{color:var(--gold);font:700 9px Unbounded}.c1{left:12%;top:24%}.c2{right:10%;top:42%}.c3{left:15%;bottom:14%}
.artifact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.artifact-grid article{position:relative;text-align:center;padding:28px;background:var(--obsidian);border:1px solid var(--line);overflow:hidden}.artifact-grid img{height:270px;width:100%;object-fit:contain;filter:drop-shadow(0 0 24px #ffc85744);transition:transform .4s}.artifact-grid article:hover img{transform:scale(1.06) rotate(2deg)}
.privacy{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center}.privacy-mark{height:420px;display:grid;place-items:center;background:radial-gradient(circle,#ffc85722,transparent 65%)}.privacy-mark img{height:320px;object-fit:contain;filter:drop-shadow(0 0 40px #ffc85744)}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.privacy-grid article{padding:19px;background:var(--obsidian);border-left:2px solid var(--gold)}.privacy-grid b{font:700 9px Unbounded;color:var(--gold)}
.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font:600 15px Unbounded;list-style:none}.faq summary:after{content:"+";float:right;color:var(--gold)}.faq details[open] summary:after{content:"−"}.faq a{color:var(--gold)}.final-cta{max-width:none;margin-top:100px;height:580px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.final-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.final-cta:after{content:"";position:absolute;inset:0;background:#05070dcc;z-index:-1}.final-cta .signal{justify-content:center}.final-cta .bolt-button{margin-top:30px}
footer{max-width:var(--max);margin:auto;min-height:120px;padding:24px;display:flex;align-items:center;gap:32px;border-top:1px solid var(--line)}footer p{color:var(--mist);font-size:12px;margin-right:auto}footer div{display:flex;gap:22px;font-size:11px;font-weight:800;color:var(--mist)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.topbar nav{display:none}.command-orbit{opacity:.5;right:-120px}.metrics{margin:-24px 16px 0;grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.system-map{grid-template-columns:1fr 1fr}.route{display:none}.council-section,.privacy{grid-template-columns:1fr;gap:30px}.artifact-field{min-height:480px}.privacy-mark{height:280px}.privacy-mark img{height:230px}.artifact-grid{grid-template-columns:1fr 1fr}.artifact-grid article:last-child{grid-column:1/-1}.callout{display:none}}
@media(max-width:620px){.topbar{height:66px;padding:0 16px}.topbar>.wire-button{display:none}.hero{min-height:780px;padding:110px 20px 70px}.hero-copy{align-self:flex-start;margin-top:60px}h1{font-size:42px;letter-spacing:-1.4px}.lead{font-size:15px}.trust{gap:12px;flex-wrap:wrap}.command-orbit{width:240px;height:240px;bottom:12px;right:-70px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:20px}.metrics strong{font-size:26px}.section{padding:90px 20px}.system-map{grid-template-columns:1fr}.system-map article{min-height:210px}.artifact-field{min-height:380px}.phone-stage{height:700px}.phone{width:310px;height:640px}.artifact-grid,.privacy-grid{grid-template-columns:1fr}.artifact-grid article:last-child{grid-column:auto}.final-cta{height:480px;margin-top:40px;padding:20px}footer{flex-wrap:wrap}footer p{width:100%;order:3}footer div{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Keep the hero as a true single-column mobile composition instead of allowing
   the large display line to define the flex item's minimum width. */
.hero-copy{min-width:0;width:100%}
h1,h2{overflow-wrap:break-word}
h1 em{display:block}
@media(max-width:620px){
  .hero{display:block;min-height:820px}
  .hero-copy{width:calc(100vw - 40px);max-width:calc(100vw - 40px)}
  h1{font-size:clamp(34px,10.2vw,40px)}
  h1 em{font-size:.9em}
  .lead{width:100%;max-width:100%}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .bolt-button{max-width:100%;padding-inline:18px;font-size:10px}
  .command-orbit{width:220px;height:220px}
  .phone{width:min(310px,calc(100vw - 52px))}
}

