:root{color-scheme:dark;--bg:#07090c;--panel:#101318;--panel-2:#15191f;--ink:#f7f8fa;--muted:#9ca3ad;--line:#303640;--brand:#ff6b00;--brand-hot:#ff8a33;--brand-soft:#2a180c;--danger:#ff756b;--shell:1180px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit}
.shell{width:min(var(--shell),calc(100% - 44px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(48,54,64,.72);background:rgba(7,9,12,.88);backdrop-filter:blur(18px)}
.site-header .shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}
.wordmark strong{font-size:42px;line-height:.8;letter-spacing:-5px;font-weight:900}
.wordmark span{color:var(--muted);font-size:9px;font-weight:800;line-height:1.15;letter-spacing:.08em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:24px}
.site-nav a{color:#c8cdd4;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}
.site-nav a:hover{color:var(--brand-hot)}
.site-nav .nav-download{padding:11px 19px;border:1px solid var(--brand);border-radius:9px;color:var(--brand-hot)}
.hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(255,107,0,.14),transparent 31%),linear-gradient(180deg,#090b0e,#060709)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,760px);align-items:center;padding:72px 0}
.hero-copy{position:relative;z-index:2}
.eyebrow{margin:0;color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero h1{margin:8px 0 0;font-size:clamp(84px,13vw,174px);line-height:.78;letter-spacing:-.105em;font-weight:950}
.hero h2{margin:34px 0 0;font-size:clamp(36px,4.2vw,62px);line-height:1.02;letter-spacing:-.055em}
.hero h2 span{color:var(--brand)}
.hero-lead{max-width:580px;margin:24px 0 0;color:#b4bac3;font-size:17px;line-height:1.65}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:850;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button.light{background:var(--brand);color:#090b0e}
.button.light:hover{background:var(--brand-hot)}
.button.outline{border-color:var(--line);background:rgba(16,19,24,.72);color:var(--ink)}
.button.outline:hover{border-color:var(--brand);color:var(--brand-hot)}
.hero-note{margin:16px 0 0;color:#737b87;font-size:12px}
.hero-visual{display:none}
.hero-visual img{position:absolute;width:min(720px,64vw);max-width:none;filter:saturate(.9) contrast(1.05);opacity:.88;animation:globePulse 5s ease-in-out infinite}
.power-orb{position:relative;z-index:2;width:172px;height:172px;border:3px solid var(--brand);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#332016 0,#17191d 66%,#0a0b0d 100%);box-shadow:0 0 0 9px rgba(255,107,0,.08),0 0 45px rgba(255,107,0,.48),inset 0 0 32px rgba(255,107,0,.18)}
.power-orb:before{content:"";width:54px;height:54px;border:8px solid var(--brand);border-top-color:transparent;border-radius:50%;transform:translateY(5px)}
.power-orb span{position:absolute;width:8px;height:60px;top:45px;border-radius:8px;background:var(--brand);box-shadow:0 0 12px rgba(255,107,0,.8)}
.visual-caption{position:absolute;z-index:2;bottom:86px;color:var(--brand-hot);font-size:13px;font-weight:800;letter-spacing:.11em}
@keyframes globePulse{50%{transform:scale(1.025);filter:saturate(1.12) contrast(1.05)}}
.capacity-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0e12}
.capacity-strip .shell{display:grid;grid-template-columns:repeat(3,1fr)}
.capacity-item{min-height:126px;padding:25px 28px;display:flex;align-items:center;gap:18px;border-right:1px solid var(--line)}
.capacity-item:first-child{border-left:1px solid var(--line)}
.capacity-item strong{color:var(--brand);font-size:30px;line-height:1;white-space:nowrap}
.capacity-item span{color:var(--muted);font-size:12px;line-height:1.4}
.band{padding:106px 0;position:relative;background:#080a0d}
.band.white{background:#0c0f13;color:var(--ink)}
.band.black{background:#07090c;color:var(--ink)}
.section-head{max-width:760px;margin-bottom:48px}
.section-head h1,.section-head h2{margin:8px 0 16px;font-size:clamp(38px,5vw,65px);line-height:1.02;letter-spacing:-.05em}
.section-head p{color:var(--muted);font-size:16px;line-height:1.65}
.steps,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step,.feature,.plan{position:relative;min-height:220px;padding:25px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#13171d,#0c0f13);overflow:hidden}
.step:after,.feature:after,.plan:after{content:"";position:absolute;inset:auto -25% -55% 20%;height:130px;background:radial-gradient(circle,rgba(255,107,0,.16),transparent 68%);pointer-events:none}
.step b{color:var(--brand);font-size:12px;letter-spacing:.14em}
.step h3,.feature h3,.plan h3{margin:36px 0 10px;font-size:21px}
.step p,.feature p,.plan p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plan{min-height:330px;padding:30px;display:flex;flex-direction:column}
.plan h3{margin:0;font-size:30px}
.plan .devices{margin:34px 0 5px;color:var(--brand);font-size:48px;font-weight:900;letter-spacing:-.055em}
.plan p{margin-bottom:28px}
.plan .button{margin-top:auto;width:100%}
.sales-note{margin:22px 0 0;color:#777f8a;font-size:12px;text-align:center}
.feature-grid{grid-template-columns:repeat(3,1fr)}
.feature{min-height:190px}
.feature h3{margin:20px 0 10px}
.download-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,var(--brand-soft),#11151a 45%)}
.download-row h2{margin:8px 0 14px;font-size:46px;letter-spacing:-.04em}
.download-row p{max-width:780px;color:#b0b6bf}
.version-line{color:var(--muted);font-size:12px}
.faq-list{display:grid;gap:9px}
.faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 20px}
.faq-list summary{padding:20px 0;cursor:pointer;font-weight:800;list-style:none}
.faq-list summary:after{content:"+";float:right;color:var(--brand);font-size:22px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 0 20px;color:var(--muted);line-height:1.65}
.site-footer{border-top:1px solid var(--line);background:#050607;padding:62px 0 32px}
.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}
.footer-brand{display:grid;align-content:start;gap:12px}
.footer-brand strong{font-size:70px;line-height:.8;letter-spacing:-8px}
.footer-brand span{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.13em}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.footer-links h3{margin:0 0 14px;color:#747c87;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.footer-links a{display:block;margin:9px 0;color:#c2c7ce;font-size:13px;text-decoration:none}
.footer-links a:hover{color:var(--brand)}
.footer-meta{margin-top:48px;padding-top:22px;border-top:1px solid #20252c;color:#686f79;font-size:11px}
.footer-meta a{color:#aab0b8;text-decoration:none}
.legal-main{min-height:calc(100vh - 220px);padding:72px 0 100px;background:radial-gradient(circle at 75% 0,rgba(255,107,0,.09),transparent 32%),var(--bg)}
.legal-main article{max-width:850px;margin:0 auto;padding:44px;border:1px solid var(--line);border-radius:18px;background:rgba(16,19,24,.94)}
.legal-main h1{margin:8px 0 30px;font-size:clamp(40px,7vw,68px);line-height:1;letter-spacing:-.055em}
.legal-main h2{margin:38px 0 10px;font-size:22px}
.legal-main p,.legal-main li{color:#b0b6bf;line-height:1.75}
.legal-main li+li{margin-top:7px}
.legal-main a{color:var(--brand-hot)}
.legal-status{margin:0 0 38px;padding:18px;border:1px solid #6b3a18;border-radius:11px;background:var(--brand-soft);color:#d8dce2;font-size:13px;line-height:1.55}
.legal-status strong{color:var(--brand-hot)}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:0;padding-top:88px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-copy .actions{justify-content:center}.hero-visual{min-height:500px}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-nav{gap:15px}.site-nav a:not(.nav-download){display:none}}
@media(max-width:700px){.shell{width:min(100% - 24px,var(--shell))}.site-header .shell{min-height:64px}.wordmark strong{font-size:36px}.hero{min-height:auto}.hero-grid{padding:66px 0 34px}.hero h1{font-size:98px}.hero h2{font-size:39px}.hero-visual{min-height:390px}.hero-visual img{width:560px}.power-orb{width:132px;height:132px}.power-orb:before{width:44px;height:44px;border-width:7px}.power-orb span{height:48px;top:34px}.visual-caption{bottom:48px}.capacity-strip .shell{grid-template-columns:1fr}.capacity-item,.capacity-item:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line)}.band{padding:72px 0}.steps,.feature-grid,.plans{grid-template-columns:1fr}.step,.feature{min-height:auto}.download-row{grid-template-columns:1fr;padding:23px}.download-row .button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.legal-main{padding:30px 0 60px}.legal-main article{padding:24px}.site-nav .nav-download{padding:9px 13px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual img{animation:none}.button{transition:none}}
