:root{
  --bg:#080710;--bg-soft:#100c1b;--bg-deep:#0b0814;--panel:#191226;
  --text:#f7f3ff;--muted:#b5aac7;--dim:#867c99;--purple:#a66afa;
  --purple-light:#d8b8ff;--purple-deep:#7f3fe3;--line:#ffffff19;
  --content:1180px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #dfbaff;outline-offset:4px}
::selection{background:#7c3bcf;color:white}
.container{width:min(var(--content),calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;z-index:99;top:-100px;left:14px;background:#b579ff;color:#100b1a;padding:10px 14px;border-radius:5px}
.skip-link:focus{top:14px}
.ambient{position:absolute;z-index:0;pointer-events:none;filter:blur(3px)}
.ambient-one{top:75px;right:-120px;width:780px;height:730px;background:radial-gradient(ellipse,#6730a44d,transparent 67%)}
.ambient-two{top:430px;left:-260px;width:600px;height:680px;background:radial-gradient(ellipse,#4f1d972a,transparent 66%)}
.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 15px;background:#1a1029;color:#d7c5f1;font-size:9px;font-weight:760;letter-spacing:.17em;text-align:center;border-bottom:1px solid #8e54dc40}
.announcement-star{color:#bb8dfb;font-size:15px;line-height:1}
.announcement-muted{color:#826698;margin:0 6px}
.announcement-line{width:27px;height:1px;background:#745d8f}
.announcement-status{color:#a694bc}
.site-header{position:relative;z-index:10;background:#090713cc;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;gap:11px;align-items:center;font-size:18px;letter-spacing:.105em;font-weight:900;white-space:nowrap;line-height:1}
.brand img{filter:drop-shadow(0 0 10px #914ded66)}
.brand-accent,.brand-dot{color:#b47bff}
.main-navigation{display:flex;align-items:center;gap:31px}
.main-navigation a{font-size:12px;color:#c9bedb;font-weight:650;transition:color .2s}
.main-navigation a:hover{color:#f7ecff}
.header-pill{font-size:10px;color:#d9bbff;font-weight:750;letter-spacing:.07em;padding:11px 15px;border-radius:24px;border:1px solid #9872bc69;background:#65408b20;display:flex;align-items:center;gap:9px;white-space:nowrap}
.pill-dot,.signal-dot,.tiny-purple-dot,.pulse-small{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd8afc;box-shadow:0 0 13px #b375ff}
.menu-toggle{display:none}
.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:center;gap:30px;min-height:595px;padding-block:70px 80px}
.eyebrow,.section-kicker{font-size:10px;font-weight:850;letter-spacing:.18em;color:#c599ff;line-height:1.5}
.eyebrow{display:flex;align-items:center;gap:13px}
.eyebrow-line,.kicker-bar{width:30px;height:1px;display:inline-block;background:#af78ed;vertical-align:middle}
.hero h1{font-size:clamp(44px,4.6vw,69px);font-weight:900;line-height:1.08;letter-spacing:-.06em;margin:25px 0;white-space:nowrap}
.hero h1 span,h2 span{background:linear-gradient(100deg,#e3caff 5%,#b579fb 49%,#8152e1);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{color:var(--muted);font-size:15px;line-height:1.9;max-width:550px;margin:0}
.hero-lead strong{color:#f7eeff;font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;min-height:47px;border-radius:8px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:white;background:linear-gradient(120deg,#ae69fc,#8641db);box-shadow:0 7px 30px #8840cc45}
.button-primary:hover{box-shadow:0 9px 40px #a460ef73}
.button-quiet{background:#ffffff08;border:1px solid #6b5685;color:#e8dbf8}
.button-quiet:hover{background:#ffffff13}
.button-play{font-size:10px}
.hero-highlights{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px}
.hero-highlights span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.11em;color:#9084a6;font-weight:750}
.hero-highlights i{width:5px;height:5px;display:inline-block;background:#8b55cb;transform:rotate(45deg)}
.hero-visual{height:495px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-visual:before{content:"";position:absolute;width:475px;height:475px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#bd6bff25,transparent 66%);filter:blur(10px)}
.planet{position:absolute;z-index:0;width:385px;max-width:93%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 19%,#b385fc 0%,#8849c8 16%,#52237d 45%,#210f3c 67%,#120c26 78%);box-shadow:inset -23px -25px 55px #0c081c,0 0 96px #7b30d65e;transform:rotate(-14deg)}
.planet:before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid #d8b0ff18}
.planet:after{content:"";position:absolute;inset:-42px;border:1px solid #b282e650;border-radius:50%;transform:rotate(-25deg) scaleY(.36);box-shadow:0 0 14px #ad62ef1c}
.orbit{z-index:-1;position:absolute;border:1px solid #8c5ab05e;border-radius:50%;transform:rotate(-27deg) scaleY(.58)}
.orbit-outer{width:550px;height:550px;max-width:110%}
.orbit-inner{width:430px;height:430px;max-width:105%;opacity:.6}
.star{position:absolute;background:#debeff;border-radius:50%;box-shadow:0 0 13px #bd79ff}
.star-a{width:4px;height:4px;top:47px;right:32px}
.star-b{width:3px;height:3px;bottom:75px;left:12px}
.star-c{width:4px;height:4px;top:127px;left:45px}
.phone{position:relative;z-index:2;transform:rotate(7deg);width:260px;height:439px;padding:7px;border-radius:33px;border:2px solid #b18ad6;background:linear-gradient(130deg,#8d6ab2,#29203b 42%,#9071ac 78%,#342643);box-shadow:0 24px 90px #000c,0 0 50px #ab5dee42;animation:phone-float 6s ease-in-out infinite}
.phone-screen{position:relative;background:linear-gradient(155deg,#20182f 0%,#100c1e 70%);height:100%;border-radius:26px;overflow:hidden;padding:36px 12px 11px}
.phone-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#7841d333,transparent 45%);pointer-events:none}
.phone-notch{position:absolute;z-index:4;left:50%;top:10px;transform:translateX(-50%);width:76px;height:14px;border-radius:20px;background:#0c0817;box-shadow:inset 0 2px 3px #030208}
.screen-topline{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:0 3px 12px;color:#eee4fa;font-size:11px;font-weight:900;letter-spacing:.04em}
.screen-topline b{color:#b17aff}
.screen-indicator{width:7px;height:7px;border-radius:50%;background:#58cfa3;box-shadow:0 0 10px #58cfa3}
.screen-intro{position:relative;padding:22px 3px 16px}
.screen-kicker{font-size:8px;letter-spacing:.11em;color:#b68df0;margin-bottom:9px;font-weight:850}
.screen-intro strong{display:block;font-size:18px;letter-spacing:-.035em}
.screen-intro small{display:block;font-size:9px;margin-top:6px;color:#aca0c2}
.screen-panel{position:relative;border:1px solid #75599669;background:linear-gradient(150deg,#38294a,#251c33);border-radius:9px;padding:12px;margin-bottom:10px}
.screen-panel-heading{display:flex;justify-content:space-between;gap:5px;font-size:8px;font-weight:780;letter-spacing:.07em;color:#bba4db;margin-bottom:12px}
.screen-ready{color:#81dfb3}
.screen-button-row{display:flex;gap:6px}
.screen-button-row span{font-size:9px;white-space:nowrap;padding:9px 7px;border-radius:5px;background:#9558e0;color:#fff}
.screen-button-row span+span{background:#40334f;border:1px solid #75618a;padding:8px 10px}
.screen-panel-secondary{background:#20192e;padding-bottom:2px}
.screen-script{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #ffffff13}
.screen-script-icon{font-size:18px;color:#cea6ff;width:26px}
.screen-script>span:nth-child(2){flex:1}
.screen-script b{display:block;font-size:10px}
.screen-script small{font-size:8px;color:#a699b8;display:block;margin-top:2px}
.screen-script>span:last-child{font-size:17px;color:#b8a1cb}
.phone-footer{position:relative;color:#8c7ca0;font-size:7px;letter-spacing:.13em;text-align:center;margin-top:12px}
.phone-float,.signal-float{z-index:3;position:absolute;padding:13px 16px;display:flex;align-items:center;gap:10px;border:1px solid #b687ff81;border-radius:10px;background:#1f1538dd;box-shadow:0 12px 30px #0005;backdrop-filter:blur(10px);font-size:9px;color:#b8a3d1;letter-spacing:.05em}
.phone-float strong,.signal-float strong{font-size:12px;letter-spacing:.12em;color:#f0dfff}
.phone-float{left:0;top:127px;transform:rotate(-8deg)}
.float-symbol{font-size:22px;color:#bf8fff}
.signal-float{right:-4px;bottom:118px;transform:rotate(-6deg)}
.signal-dot{background:#5cd6a4;box-shadow:0 0 11px #5cd6a4}
.art-caption{position:absolute;bottom:5px;right:0;color:#8f81a2;font-size:8px;letter-spacing:.12em;z-index:3}
@keyframes phone-float{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-9px)}}
.divider-strip{position:relative;display:flex;justify-content:space-around;align-items:center;gap:25px;overflow:hidden;border-block:1px solid #ffffff12;background:#100b1e;min-height:54px;font-size:10px;letter-spacing:.28em;color:#8a759f;font-weight:750;white-space:nowrap}
.strip-cross{color:#b17cef;font-size:20px}
.section-space{position:relative;padding-block:90px}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}
.section-kicker{margin:0 0 12px;display:flex;gap:12px;align-items:center}
h2{font-weight:900;font-size:clamp(28px,3.2vw,43px);letter-spacing:-.05em;line-height:1.14;margin:0 0 16px}
.section-intro{color:var(--muted);font-size:14px;line-height:1.75;max-width:675px;margin:0}
.section-index{white-space:nowrap;text-transform:uppercase;font-size:10px;letter-spacing:.17em;color:#b7a9c6;margin-bottom:5px}
.section-index span{color:#6c507e;margin-inline:7px}
.showcase{background:radial-gradient(ellipse at 50% 15%,#2b134646,transparent 67%)}
.demo-shell{background:#100b1c;border:1px solid #6c4b925e;border-radius:15px;overflow:hidden;box-shadow:0 24px 90px #0005,0 0 55px #602aa329}
.demo-topbar,.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;background:#181125}
.demo-topbar{border-bottom:1px solid #ffffff15}
.demo-top-left{font-size:10px;font-weight:800;letter-spacing:.13em;color:#d4b7f3}
.demo-divider{margin:0 10px;color:#785a90}
.demo-tag{color:#9988af;font-size:9px;font-weight:740;letter-spacing:.09em}
.tiny-purple-dot{width:6px;height:6px;margin-right:7px}
.demo-frame{height:auto;aspect-ratio:16/8.1;min-height:270px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#160e28,#090b16 52%,#170c2a)}
.demo-backdrop{position:absolute;inset:0;overflow:hidden}
.demo-grid{position:absolute;inset:-15% -2% -60%;background-image:linear-gradient(#9856e72b 1px,transparent 1px),linear-gradient(90deg,#9856e72b 1px,transparent 1px);background-size:47px 47px;transform:perspective(520px) rotateX(62deg) scale(1.35);transform-origin:center 75%;mask-image:linear-gradient(transparent 4%,#000 55%,transparent 98%);opacity:.68}
.demo-horizon{position:absolute;left:0;right:0;bottom:10%;height:45%;background:radial-gradient(ellipse at 50% 70%,#994ceb40,transparent 65%);filter:blur(22px)}
.demo-ring{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #8e58e35e;border-radius:50%}
.demo-ring-a{width:300px;height:300px;box-shadow:0 0 0 65px #934ce511,0 0 0 125px #934ce509}
.demo-ring-b{width:215px;height:215px;border-style:dashed;animation:rotate 35s linear infinite}
@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.demo-point{position:absolute;width:4px;height:4px;border-radius:50%;background:#d5aaff;box-shadow:0 0 14px #bc85ff}
.point-a{left:16%;top:20%}.point-b{right:17%;top:30%}.point-c{left:22%;bottom:16%}
.demo-placeholder{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 22px;max-width:500px}
.demo-play-graphic{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;border:1px solid #dfb2ff;background:linear-gradient(135deg,#a65bee,#753fbe);box-shadow:0 0 45px #a255e57b;margin-bottom:24px;color:white;font-size:23px}
.demo-play-graphic span{transform:translateX(2px)}
.demo-overline{color:#c79ef5;font-size:9px;letter-spacing:.21em;font-weight:850}
.demo-placeholder h3{font-size:clamp(23px,2.7vw,36px);letter-spacing:-.04em;margin:9px 0 7px;line-height:1.2}
.demo-placeholder p{font-size:12px;color:#b3a6c7;line-height:1.7;margin:0}
.demo-frame-corner{position:absolute;width:27px;height:27px;border-color:#a96bed88;pointer-events:none}
.demo-frame-corner.top-left{left:22px;top:22px;border-left:1px solid;border-top:1px solid}
.demo-frame-corner.top-right{right:22px;top:22px;border-right:1px solid;border-top:1px solid}
.demo-frame-corner.bottom-left{left:22px;bottom:22px;border-left:1px solid;border-bottom:1px solid}
.demo-frame-corner.bottom-right{right:22px;bottom:22px;border-right:1px solid;border-bottom:1px solid}
.demo-video-slot{position:absolute;inset:0;z-index:2;background:#000}
.demo-video-slot video{height:100%;width:100%;object-fit:contain;display:block}
.demo-bottom{padding:12px 16px 12px 20px;border-top:1px solid #ffffff18}
.demo-tabs{display:flex;gap:7px;flex-wrap:wrap}
.demo-tab{border:1px solid transparent;color:#afa2c1;background:transparent;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:760;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.demo-tab span{color:#7f6a98;margin-right:7px;font-size:9px}
.demo-tab:hover{color:#eee3fb;background:#ffffff0a}
.demo-tab.active{color:#ebd9ff;border-color:#a267e157;background:#6c389c49}
.demo-tab.active span{color:#b683ef}
.demo-bottom-meta{white-space:nowrap;color:#7f728f;letter-spacing:.1em;font-size:9px}
.demo-footnote{font-size:11px;color:#81758e;text-align:center;margin:15px 0 0}
.features{background:#0e0a19;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{position:relative;overflow:hidden;min-height:260px;padding:26px 25px 30px;background:linear-gradient(145deg,#241631 0%,#170f22 90%);border:1px solid #74539550;border-radius:13px;transition:transform .25s,border-color .25s}
.feature-card:hover{transform:translateY(-4px);border-color:#ab78ea8c}
.feature-card:after{content:"";position:absolute;width:190px;height:190px;right:-86px;top:-90px;border:1px solid #a77bda1e;border-radius:50%;box-shadow:0 0 0 26px #9963dc0e}
.feature-number{font-size:10px;color:#846999;font-weight:820;letter-spacing:.14em}
.feature-symbol{width:64px;height:64px;border-radius:12px;background:#7238b238;border:1px solid #9664c870;display:grid;place-items:center;margin-top:18px;color:#d3acff}
.feature-symbol svg{width:36px;height:36px}
.feature-card h3{font-size:18px;letter-spacing:-.025em;margin:20px 0 8px}
.feature-card p{color:#afa2be;font-size:12px;line-height:1.8;margin:0}
.feature-line{margin-top:24px;width:40px;height:2px;background:#a76ce5}
.network-section{background:radial-gradient(ellipse at 15% 50%,#451f6b2e,transparent 60%)}
.network-panel{min-height:360px;position:relative;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;align-items:center;border:1px solid #9a6dc276;border-radius:15px;background:linear-gradient(112deg,#20132f 0%,#251538 62%,#170e26);padding:50px 56px;box-shadow:0 20px 70px #0003}
.network-glow{position:absolute;top:-150px;right:-100px;width:540px;height:520px;background:radial-gradient(ellipse,#9b53eb44,transparent 69%)}
.network-copy{position:relative;z-index:2}
.network-copy h2{font-size:clamp(28px,3.3vw,45px);margin-bottom:19px}
.network-copy p:not(.section-kicker){font-size:13px;color:#baaaca;line-height:1.9;max-width:535px}
.network-status{display:inline-flex;gap:10px;align-items:center;margin-top:16px;font-size:10px;letter-spacing:.14em;color:#ead4ff;border:1px solid #a277bc67;border-radius:8px;padding:13px 15px;background:#7d43b930;font-weight:800}
.network-art{position:relative;height:280px}
.network-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#7c42bc,#28133d 66%,#100b22);border:1px solid #c394fc;box-shadow:0 0 0 20px #8658ca19,0 0 0 49px #8658ca0d,0 0 45px #ab6ce97a;display:flex;align-items:center;justify-content:center;flex-direction:column}
.network-hub span{font-size:40px;color:#d0a8ff;line-height:1}
.network-hub b{font-size:14px;letter-spacing:.17em}
.network-hub small{font-size:9px;letter-spacing:.21em;color:#b999e3}
.network-node{position:absolute;z-index:3;display:grid;place-items:center;width:53px;height:53px;border-radius:11px;border:1px solid #b380e69c;background:#3b2359;color:#dbc1ff;font-size:25px;box-shadow:0 8px 23px #0008}
.node-one{left:7%;top:10%}.node-two{right:4%;top:8%}.node-three{right:10%;bottom:6%}
.network-connector{position:absolute;left:50%;top:50%;height:1px;background:linear-gradient(90deg,#9a6dca,#a569e744);transform-origin:left center}
.connector-one{width:158px;transform:rotate(-145deg)}.connector-two{width:165px;transform:rotate(-35deg)}.connector-three{width:156px;transform:rotate(36deg)}
.closing{text-align:center;padding-block:62px 95px;display:flex;flex-direction:column;align-items:center}
.closing-mark{font-size:32px;color:#b585ff;text-shadow:0 0 30px #c17aff;margin-bottom:10px}
.closing .section-kicker{justify-content:center}
.closing h2{font-size:clamp(28px,3.7vw,47px);margin:10px 0 11px}
.closing p:not(.section-kicker){font-size:13px;color:#a99db8;line-height:1.85;margin:0 0 23px}
.site-footer{position:relative;border-top:1px solid #ffffff1a;background:#070610;padding-bottom:25px}
.footer-main{padding-top:26px;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:900;letter-spacing:.12em}
.footer-brand span span{color:#ba88ff}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
.footer-links a{color:#a89bb9;font-size:11px}
.footer-links a:hover{color:#fff}
.footer-main small{color:#877c92;font-size:10px}
.disclaimer{padding-top:18px;border-top:1px solid #ffffff0d;font-size:10px;color:#776d81;line-height:1.85}
@media (max-width:1080px){
  .container{width:min(var(--content),calc(100% - 56px))}
  .header-inner{gap:16px}
  .main-navigation{gap:19px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);gap:2px}
  .hero h1{font-size:clamp(40px,4.4vw,57px)}
  .hero-visual{transform:scale(.90)}
  .signal-float{right:-20px}
  .phone-float{left:-15px}
}
@media (max-width:790px){
  .main-navigation{gap:14px}
  .main-navigation a{font-size:11px}
  .header-pill{display:none}
  .hero{grid-template-columns:1fr;gap:0;padding-top:66px;padding-bottom:50px}
  .hero h1{font-size:clamp(46px,7.5vw,68px)}
  .hero-copy{max-width:670px}
  .hero-visual{transform:none;max-width:610px;width:100%;margin:12px auto 0}
  .feature-grid{gap:12px}
  .feature-card{padding:22px 17px 25px}
  .feature-card h3{font-size:16px}
  .network-panel{padding:35px;grid-template-columns:1fr .75fr}
  .network-art{transform:scale(.85)}
  .section-space{padding-block:68px}
}
@media (max-width:600px){
  .container{width:calc(100% - 36px)}
  .announcement{font-size:8px;letter-spacing:.11em;gap:7px}
  .announcement-line,.announcement-status{display:none}
  .header-inner{height:71px}
  .brand{font-size:16px}
  .brand img{width:32px;height:32px}
  .menu-toggle{display:flex;position:relative;margin-left:auto;width:42px;height:40px;border:1px solid #785394;border-radius:8px;background:#ffffff06;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  .menu-toggle span{width:19px;height:2px;background:#dcbaff;border-radius:3px;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .main-navigation{display:none;position:absolute;left:18px;right:18px;top:70px;z-index:10;padding:11px;background:#1a112a;border:1px solid #8056ae;border-radius:10px;box-shadow:0 15px 30px #0009;flex-direction:column;align-items:stretch;gap:2px}
  .main-navigation.open{display:flex}
  .main-navigation a{padding:12px 13px;font-size:13px;border-radius:6px}
  .main-navigation a:hover{background:#ffffff0b}
  .hero{padding-top:50px;padding-bottom:35px}
  .eyebrow{font-size:9px;letter-spacing:.12em}
  .hero h1{white-space:normal;font-size:clamp(39px,9vw,56px);margin:19px 0}
  .hero-lead{font-size:13px;line-height:1.8}
  .hero-actions{gap:9px;margin-top:24px}
  .button{font-size:11px;padding:13px 15px}
  .hero-highlights{margin-top:26px;gap:12px}
  .hero-highlights span{font-size:8px}
  .hero-visual{height:450px;max-width:420px;transform:scale(.9);margin:-10px auto -20px}
  .planet{width:350px}
  .phone{width:252px;height:428px}
  .phone-float{left:-13px;top:120px}
  .signal-float{right:-17px;bottom:100px}
  .art-caption{right:0;bottom:0}
  .divider-strip{justify-content:center}
  .divider-strip span:not(.strip-cross):nth-of-type(n+5){display:none}
  .section-space{padding-block:60px}
  .section-top{display:block;margin-bottom:24px}
  .section-index{margin-top:17px}
  .section-intro{font-size:12px}
  h2{font-size:clamp(29px,7.4vw,40px)}
  .demo-topbar{padding:13px 14px;gap:4px}
  .demo-top-left{font-size:9px;letter-spacing:.07em}
  .demo-tag{font-size:8px;text-align:right}
  .demo-frame{min-height:345px;aspect-ratio:auto}
  .demo-placeholder h3{font-size:26px}
  .demo-placeholder p{font-size:11px}
  .demo-ring-a{width:230px;height:230px}
  .demo-bottom{display:block;padding:10px}
  .demo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .demo-tab{padding:10px 4px;font-size:10px}
  .demo-tab span{display:none}
  .demo-bottom-meta{display:none}
  .demo-footnote{font-size:10px;line-height:1.5}
  .feature-grid{grid-template-columns:1fr;gap:13px}
  .feature-card{min-height:0;padding:20px 23px}
  .feature-symbol{margin-top:14px;width:53px;height:53px}
  .feature-symbol svg{width:29px;height:29px}
  .feature-card h3{margin-top:14px}
  .feature-line{margin-top:17px}
  .network-panel{grid-template-columns:1fr;padding:30px 23px}
  .network-copy h2{font-size:32px}
  .network-copy p:not(.section-kicker){font-size:12px}
  .network-art{height:210px;margin-top:13px;transform:scale(.80)}
  .network-hub{width:125px;height:125px}
  .closing{padding-block:40px 60px}
  .footer-main{flex-wrap:wrap;row-gap:16px}
  .footer-links{order:3;width:100%;gap:20px}
}
@media (max-width:380px){
  .container{width:calc(100% - 28px)}
  .hero h1{font-size:37px}
  .hero-visual{transform:scale(.8);height:400px;margin-top:-23px}
  .hero-actions .button{width:100%}
  .hero-highlights{gap:9px}
  .hero-highlights span{font-size:7.3px}
  .demo-top-left{font-size:8px}
  .demo-tag{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* Astra Nexus Discord entry points */
.discord-link-icon{width:17px;height:17px;flex:0 0 auto;display:inline-block}
.header-discord{color:#f5edff;border-color:#a276f7a6;background:linear-gradient(120deg,#55318b66,#8556b53d);box-shadow:0 0 20px #7133ab20;transition:border-color .2s,background .2s,transform .2s}
.header-discord:hover{background:#7445af5c;border-color:#c69aff;transform:translateY(-1px)}
.header-discord .discord-link-icon{width:16px;height:16px}
.button-discord{color:#f7f1ff;border:1px solid #a47ae388;background:linear-gradient(135deg,#5f3c8c55,#35204e66);box-shadow:0 8px 26px #7446a11f}
.button-discord:hover{background:linear-gradient(135deg,#794fba88,#4a2b7199);box-shadow:0 9px 30px #8f53dc37}
.button-discord:focus-visible,.header-discord:focus-visible{outline:2px solid #ead2ff;outline-offset:3px}
@media (max-width:1080px){.main-navigation{gap:15px}}