:root{
  --bg:#030609;--bg2:#060b10;--panel:#09131d;--panel2:#0d1a26;--line:rgba(118,225,255,.16);--line2:rgba(118,225,255,.32);
  --cyan:#5eeaff;--blue:#1687ff;--ice:#e9fbff;--text:#f3fbff;--muted:#7892a3;--green:#49e6aa;--red:#ff6879;
  --max:1280px;--ease:cubic-bezier(.2,.72,.2,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:#030609;color:var(--text);font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.topbar{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--max));height:98px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.075)}.logo{display:inline-flex;align-items:center;gap:12px;width:max-content;font-size:13px;font-weight:800;letter-spacing:.18em}.logo img{width:40px;height:40px;filter:drop-shadow(0 0 18px rgba(57,215,255,.3))}.desktop-nav{display:flex;gap:38px;font-size:12px;color:#91a0a9;letter-spacing:.04em}.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;height:1px;background:var(--cyan);left:50%;right:50%;bottom:-12px;transition:.25s var(--ease)}.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{left:0;right:0}.header-cta{justify-self:end;font-size:12px;font-weight:700;padding:12px 17px;border:1px solid rgba(103,231,255,.22);background:rgba(9,27,39,.54);backdrop-filter:blur(14px);transition:.22s var(--ease)}.header-cta:hover{background:rgba(49,199,255,.12);border-color:rgba(103,231,255,.46)}.header-cta span,.primary-action span,.plan-button span{margin-left:12px;color:var(--cyan)}.menu-button{display:none;background:none;border:0;width:42px;height:42px}.menu-button i{display:block;width:21px;height:1px;background:white;margin:6px auto}
.hero{height:max(760px,100vh);min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:#020508}.hero-bg{position:absolute;inset:-2%;overflow:hidden;background:#020508;transform:none}.hero-bg-video{position:absolute;top:50%;left:50%;width:104%;height:104%;min-width:104%;min-height:104%;max-width:none;display:block;object-fit:cover!important;object-position:center center;transform:translate(-50%,-50%);filter:saturate(.62) contrast(1.08);opacity:1}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,8,.98) 0%,rgba(2,5,8,.90) 31%,rgba(2,5,8,.52) 60%,rgba(2,5,8,.80) 100%),linear-gradient(180deg,rgba(2,5,8,.35),rgba(2,5,8,.2) 55%,#030609 100%)}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(83,201,230,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(83,201,230,.18) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent 65%)}.hero-inner{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:58px auto 0}.status-chip{display:inline-flex;align-items:center;gap:10px;color:#a9bebf;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.status-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(73,230,170,.9)}.hero-kicker{font-size:13px;font-weight:700;letter-spacing:.22em;color:#7b96a9;margin:40px 0 15px}.hero h1{font-size:clamp(72px,9.7vw,150px);line-height:.78;letter-spacing:-.075em;margin:0;text-transform:uppercase;max-width:1000px;font-weight:850}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(225,249,255,.72);text-shadow:0 0 50px rgba(70,214,255,.05)}.hero-line{margin:36px 0 0;color:#bdcbd2;font-size:18px;letter-spacing:-.01em}.hero-tags{display:flex;gap:0;flex-wrap:wrap;margin-top:26px}.hero-tags span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#748a99;padding-right:18px;margin-right:18px;border-right:1px solid rgba(255,255,255,.13)}.hero-tags span:last-child{border:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;background:#eefcff;color:#061018;font-size:12px;font-weight:800;letter-spacing:.04em;transition:.23s var(--ease)}.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(64,213,255,.15)}.text-action{font-size:12px;font-weight:700;color:#9eb2bf;border-bottom:1px solid rgba(158,178,191,.35);padding-bottom:4px}.hero-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--max));z-index:3;display:flex;justify-content:space-between;align-items:flex-end}.release-strip{font-size:10px;color:#6d8493;letter-spacing:.12em;text-transform:uppercase}.scroll-cue{font-size:8px;letter-spacing:.22em;color:#677c89;display:flex;align-items:center;gap:12px}.scroll-cue i{height:52px;width:1px;background:linear-gradient(var(--cyan),transparent);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;left:0;top:-14px;width:1px;height:14px;background:white;animation:scrollLine 1.7s ease-in-out infinite}@keyframes scrollLine{to{top:52px}}
.section{width:min(calc(100% - 48px),var(--max));margin:auto;padding:130px 0}.section-eyebrow{font-size:10px;letter-spacing:.22em;color:#5edff5;font-weight:800;margin-bottom:18px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-title-row h2,.status-wrap h2,.final-cta h2{font-size:clamp(45px,6vw,78px);letter-spacing:-.055em;line-height:.95;margin:0}.section-title-row p{max-width:610px;color:#758a99;line-height:1.7;font-size:14px;margin:18px 0 0}.sale-pill{display:flex;align-items:center;gap:9px;border:1px solid rgba(75,226,174,.3);color:#75f0bf;background:rgba(41,198,145,.07);font-size:9px;font-weight:800;letter-spacing:.16em;padding:10px 13px;white-space:nowrap}.sale-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(73,230,170,.75)}
.pricing{padding-top:150px}.launch-price-banner{min-height:86px;margin:-14px 0 18px;border:1px solid rgba(94,234,255,.14);background:linear-gradient(100deg,rgba(13,43,57,.65),rgba(6,15,21,.82));display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:22px;padding:18px 22px;position:relative;overflow:hidden}.launch-price-banner:after{content:"";position:absolute;width:240px;height:140px;right:-60px;top:-30px;background:rgba(30,175,255,.13);filter:blur(65px);pointer-events:none}.launch-price-banner>span{font-size:8px;font-weight:900;letter-spacing:.18em;color:#5de4fa;border-right:1px solid rgba(255,255,255,.09);padding-right:22px}.launch-price-banner>b{font-size:13px;letter-spacing:-.01em}.launch-price-banner>small{justify-self:end;color:#5f7887;font-size:9px;line-height:1.5;text-align:right;max-width:390px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-card{min-height:470px;padding:26px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(165deg,rgba(12,21,28,.92),rgba(5,10,14,.98));position:relative;display:flex;flex-direction:column;overflow:hidden;transition:.25s var(--ease)}.price-card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,rgba(84,221,255,.025));pointer-events:none}.price-card:hover{transform:translateY(-5px);border-color:rgba(97,224,250,.28);box-shadow:0 30px 70px rgba(0,0,0,.28)}.price-card.featured{border-color:rgba(84,228,255,.38);box-shadow:0 0 70px rgba(15,153,255,.065)}.price-card.value{border-color:rgba(73,230,170,.23)}.popular,.value-badge{position:absolute;right:0;top:0;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:.15em;z-index:2}.popular{background:var(--cyan);color:#041018}.value-badge{background:#73e8b8;color:#04130d}.discount-badge{position:absolute;right:17px;top:54px;font-size:8px;font-weight:900;letter-spacing:.12em;color:#64eeb9;background:rgba(55,205,152,.07);border:1px solid rgba(91,227,177,.18);padding:6px 8px}.card-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075);padding-bottom:18px}.card-top span{font-size:12px;font-weight:800;letter-spacing:.12em}.card-top small{font-size:8px;color:#536a78;letter-spacing:.13em;padding-right:0}.price{padding:31px 0 24px}.price-main{display:flex;align-items:baseline;gap:13px}.price b{font-size:50px;letter-spacing:-.06em;display:block}.price s{font-size:18px;color:#536875;text-decoration-thickness:1px;text-decoration-color:#78909d}.price>span{display:block;margin-top:3px;font-size:9px;color:#526b78;letter-spacing:.02em}.price-card>p{color:#718695;font-size:13px;line-height:1.65;margin:0 0 22px}.price-card ul{padding:0;margin:0 0 28px;list-style:none;display:grid;gap:10px;color:#a5b6bf;font-size:11px}.price-card li:before{content:"✓";color:var(--cyan);margin-right:9px}.plan-button{margin-top:auto;height:48px;width:100%;border:1px solid rgba(98,220,246,.18);background:rgba(19,37,49,.48);color:white;font-size:11px;font-weight:800;text-align:left;padding:0 16px;cursor:pointer;transition:.2s}.plan-button:hover{border-color:rgba(98,220,246,.5);background:rgba(28,85,108,.34)}.plan-button span{float:right}.pricing-note{color:#546a77;font-size:10px;text-align:center;margin:24px 0 0;letter-spacing:.04em;line-height:1.6}
.feature-heading{margin-bottom:32px}.demo-hint{font-size:9px;color:#617987;letter-spacing:.16em}.demo-shell{border:1px solid rgba(94,225,252,.2);background:#050a0f;box-shadow:0 45px 100px rgba(0,0,0,.42),0 0 80px rgba(16,150,255,.04);overflow:hidden}.demo-titlebar{height:58px;border-bottom:1px solid rgba(255,255,255,.065);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#060d13}.demo-address{font-size:10px;color:#718795}.demo-address span{color:#5ddff8}.demo-live{font-size:9px;color:#65e4b2;letter-spacing:.12em}.demo-live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(73,230,170,.7);margin-right:7px}.demo-layout{display:grid;grid-template-columns:205px 1fr;min-height:630px}.demo-sidebar{border-right:1px solid rgba(255,255,255,.065);padding:22px 14px;background:linear-gradient(180deg,#07111a,#050a0f)}.demo-brand{display:flex;gap:10px;align-items:center;padding:0 6px 19px;border-bottom:1px solid rgba(255,255,255,.065)}.demo-brand img{width:48px;height:48px}.demo-brand strong{font-size:14px;letter-spacing:.12em;display:block}.demo-brand small{font-size:8px;color:#5ddff8;display:block;margin-top:4px}.demo-sidebar>p{font-size:8px;letter-spacing:.16em;color:#526e80;margin:18px 8px 10px}.demo-nav{display:block;width:100%;height:38px;border:1px solid transparent;background:transparent;color:#76909f;text-align:left;padding:0 12px;font-size:10px;cursor:pointer;position:relative;transition:.18s}.demo-nav:hover{color:#e8fbff;background:rgba(61,184,230,.05)}.demo-nav.active{color:white;border-color:rgba(91,218,245,.22);background:linear-gradient(90deg,rgba(32,174,242,.15),rgba(31,78,152,.05))}.demo-nav.active:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hotkey{margin-top:18px;border:1px solid rgba(85,210,239,.13);padding:14px 12px;background:rgba(17,39,53,.35)}.hotkey span{font-size:7px;letter-spacing:.14em;color:#557386;display:block}.hotkey b{font-size:10px;margin-top:5px;display:block}.demo-main{padding:26px 26px 18px;min-width:0;background:radial-gradient(circle at 75% 0,rgba(22,125,202,.065),transparent 33%),#050a0f}.demo-page-head{height:74px;border-bottom:1px solid rgba(92,221,249,.14);display:flex;justify-content:space-between;align-items:flex-start}.demo-page-head small{font-size:7px;color:#506f82;letter-spacing:.16em}.demo-page-head h3{margin:4px 0 2px;font-size:25px;letter-spacing:-.025em}.demo-page-head p{margin:0;color:#6e8b9d;font-size:10px}.demo-page-head>span{font-size:8px;color:#67e5b4;border:1px solid rgba(70,224,168,.18);padding:7px 10px}.demo-page{padding-top:18px;animation:pageIn .28s var(--ease)}.demo-page.hidden{display:none}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.glass-card{border:1px solid rgba(87,216,246,.13);background:linear-gradient(180deg,rgba(11,29,42,.86),rgba(6,17,25,.92));padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.glass-card+ .glass-card{margin-top:12px}.glass-card h4{text-align:center;color:#5de2f8;font-size:9px;letter-spacing:.16em;margin:0 0 16px}.tune-row{display:grid;grid-template-columns:140px 1fr;align-items:center;margin:8px 0}.tune-row label{font-size:10px;color:#c4d6de}.tune-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tune-buttons button,.preset-actions button,.theme-row button{height:32px;border:1px solid rgba(83,207,236,.16);background:rgba(15,42,59,.58);color:#8ba3af;font-size:9px;cursor:pointer;transition:.18s}.tune-buttons button:hover,.tune-buttons button.active{color:#fff;border-color:rgba(91,229,255,.45);background:linear-gradient(135deg,rgba(23,178,246,.2),rgba(24,87,198,.17));box-shadow:0 0 18px rgba(57,208,255,.06)}.tools-card{padding-bottom:20px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-control{height:42px;border:1px solid rgba(83,207,236,.13);background:rgba(13,35,49,.5);color:#a9bec8;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:9px;cursor:pointer}.toggle-control i{width:40px;height:20px;background:#0b1d28;border:1px solid rgba(98,201,225,.14);position:relative}.toggle-control i b{position:absolute;width:14px;height:14px;left:3px;top:2px;background:#668392;transition:.2s}.toggle-control.active{color:#fff}.toggle-control.active i{background:rgba(45,173,217,.14);border-color:rgba(92,221,249,.38)}.toggle-control.active i b{left:21px;background:#6eeaff;box-shadow:0 0 14px rgba(94,234,255,.55)}.preset-fields{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:9px}.preset-fields label{font-size:8px;color:#587586;display:grid;gap:6px}.preset-fields input{height:34px;background:#07121a;border:1px solid rgba(83,207,236,.14);color:#d9f7ff;padding:0 10px;font-size:9px;outline:0}.preset-fields input:focus{border-color:rgba(94,234,255,.45)}.preset-actions{display:flex;gap:7px;margin-top:12px}.preset-actions button{padding:0 15px}.preset-actions .accent{color:white;border-color:rgba(91,229,255,.35)}.tune-list{padding:20px}.slider-control{padding:16px 0;border-top:1px solid rgba(255,255,255,.06)}.slider-control:first-of-type{border-top:0}.slider-control>div{display:flex;justify-content:space-between;align-items:center}.slider-control span{font-size:10px}.slider-control b{font-size:10px;color:#6ce7fc}.slider-control small{font-size:8px;color:#536d7c}.slider-control small em{font-style:normal;color:#62deb5;margin-left:10px}.slider-control input,.setting-row input{width:100%;appearance:none;height:4px;background:#0b2634;outline:0;margin:13px 0}.slider-control input::-webkit-slider-thumb,.setting-row input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#e8fdff;border:4px solid #3bd9f4;box-shadow:0 0 17px rgba(59,217,244,.5);cursor:pointer}.centered-message{text-align:center;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.centered-message>span{font-size:8px;letter-spacing:.18em;color:#59d9f0}.centered-message h4{font-size:29px;color:#f1fbff;letter-spacing:-.035em;margin:12px 0 8px}.centered-message p{max-width:470px;color:#698696;font-size:11px;line-height:1.6}.ghost-bars{width:min(500px,75%);display:grid;gap:9px;margin-top:20px}.ghost-bars i{height:8px;background:linear-gradient(90deg,rgba(70,218,246,.6) 0 35%,rgba(22,60,78,.5) 35%);position:relative}.ghost-bars i:nth-child(2){background:linear-gradient(90deg,rgba(70,218,246,.6) 0 57%,rgba(22,60,78,.5) 57%)}.ghost-bars i:nth-child(3){background:linear-gradient(90deg,rgba(70,218,246,.6) 0 72%,rgba(22,60,78,.5) 72%)}.ghost-bars i:nth-child(4){background:linear-gradient(90deg,rgba(70,218,246,.6) 0 48%,rgba(22,60,78,.5) 48%)}.tire-pills{display:flex;gap:7px;margin-top:20px}.tire-pills b{font-size:9px;padding:9px 14px;border:1px solid rgba(90,212,239,.15);color:#738f9e}.tire-pills b.active{color:white;border-color:rgba(94,234,255,.45);background:rgba(55,192,232,.08)}.settings-preview{min-height:350px}.setting-row{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.06)}.setting-row span{font-size:10px}.setting-row b{font-size:10px;color:#6de8fb;text-align:right}.theme-row{display:grid;grid-template-columns:150px repeat(4,1fr);gap:7px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:18px}.theme-row span{font-size:10px}.theme-row button.active{color:#fff;border-color:rgba(94,234,255,.4)}.demo-footer{height:42px;border:1px solid rgba(87,216,246,.12);margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#658191;font-size:8px}.demo-footer span i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 12px rgba(94,234,255,.5)}.demo-footer b{color:#5bcae1}
.status-section{padding-top:110px;padding-bottom:140px}.status-wrap{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:55px 0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px}.status-wrap h2{font-size:44px;margin-top:12px}.status-wrap p{font-size:12px;color:#687f8e}.system-status{display:grid;grid-template-columns:44px repeat(3,1fr);align-items:center}.system-status>i{width:11px;height:11px;border-radius:50%;background:#718590}.system-status>i.online{background:var(--green);box-shadow:0 0 18px rgba(73,230,170,.62)}.system-status>i.offline{background:var(--red)}.system-status>i.checking{animation:pulse 1.1s infinite}.system-status div{padding-left:18px;border-left:1px solid rgba(255,255,255,.08);display:grid;gap:5px}.system-status span{font-size:7px;letter-spacing:.14em;color:#506774}.system-status b{font-size:11px}.final-cta{height:620px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.055);background:linear-gradient(#030609,#050b10)}.final-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(92,209,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,209,237,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,black,transparent 65%);opacity:.35}.final-glow{position:absolute;width:520px;height:520px;background:rgba(15,136,255,.18);filter:blur(150px);border-radius:50%}.wordmark{width:min(430px,70vw);position:relative;filter:drop-shadow(0 0 28px rgba(46,204,255,.12))}.final-cta h2{position:relative;font-size:52px;margin:28px 0 6px}.final-cta p{position:relative;color:#637a88;font-size:11px;letter-spacing:.08em;margin-bottom:28px}.final-cta .primary-action{position:relative}footer{width:min(calc(100% - 48px),var(--max));margin:auto;height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.07);color:#4f6573;font-size:9px}.footer-logo img{width:30px;height:30px}.footer-logo{font-size:10px}.footer-logo+ p{text-align:center}.footer-logo~div{justify-self:end;display:flex;gap:22px}.footer-logo~div a:hover{color:white}
.purchase-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center}.purchase-modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,3,5,.82);backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(430px,calc(100% - 30px));border:1px solid rgba(91,220,247,.22);background:#08121a;padding:34px;box-shadow:0 40px 100px rgba(0,0,0,.65)}.modal-card>span{font-size:8px;color:#59dcf5;letter-spacing:.16em}.modal-card h3{font-size:29px;letter-spacing:-.035em;margin:12px 0}.modal-card p{color:#748b99;font-size:12px;line-height:1.65}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#6b8290;font-size:23px;cursor:pointer}.modal-action{height:43px;background:#e9fbff;color:#061018;border:0;font-size:11px;font-weight:800;padding:0 18px;margin-top:10px;cursor:pointer}.reveal{
  --reveal-delay:0ms;
  opacity:0;
  transform:translate3d(0,44px,0) scale(.988);
  filter:blur(4px);
  transition:
    opacity .68s cubic-bezier(.2,.75,.25,1) var(--reveal-delay),
    transform .86s cubic-bezier(.16,1,.3,1) var(--reveal-delay),
    filter .64s ease var(--reveal-delay);
  will-change:opacity,transform,filter;
}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.reveal.reveal-card{transform:translate3d(0,58px,0) scale(.972)}
.reveal.reveal-card.visible{transform:translate3d(0,0,0) scale(1)}
.reveal.reveal-heading{transform:translate3d(0,24px,0);filter:blur(2px)}
.reveal.reveal-heading.visible{transform:translate3d(0,0,0);filter:blur(0)}@keyframes pulse{50%{opacity:.45}}
@media(max-width:1050px){.price-grid{grid-template-columns:repeat(2,1fr)}.price-card{min-height:440px}.launch-price-banner{grid-template-columns:auto 1fr}.launch-price-banner>small{grid-column:1/-1;justify-self:start;text-align:left;max-width:none}.demo-layout{grid-template-columns:175px 1fr}.tune-row{grid-template-columns:110px 1fr}.tune-buttons{grid-template-columns:repeat(3,1fr)}.preset-fields{grid-template-columns:1fr}.status-wrap{grid-template-columns:1fr}.system-status{max-width:600px}}
@media(max-width:760px){.topbar{width:calc(100% - 28px);height:78px;grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.hero{height:850px;min-height:850px}.hero-inner{width:calc(100% - 28px);margin-top:45px}.hero h1{font-size:clamp(66px,20vw,105px)}.hero-line{font-size:15px}.hero-tags span{margin-bottom:8px}.hero-bottom{width:calc(100% - 28px)}.release-strip{max-width:70%;line-height:1.5}.section{width:calc(100% - 28px);padding:90px 0}.section-title-row{align-items:flex-start;flex-direction:column}.launch-price-banner{grid-template-columns:1fr;gap:10px;padding:18px}.launch-price-banner>span{border-right:0;padding-right:0}.launch-price-banner>small{grid-column:auto}.price-grid{grid-template-columns:1fr}.demo-shell{overflow-x:auto}.demo-layout{min-width:830px}.status-wrap h2{font-size:36px}.system-status{grid-template-columns:30px 1fr 1fr 1fr}.final-cta{height:500px}.final-cta h2{font-size:37px}footer{width:calc(100% - 28px);height:auto;padding:35px 0;grid-template-columns:1fr;gap:20px;text-align:center}.footer-logo{justify-self:center}.footer-logo~div{justify-self:center}.footer-logo+ p{text-align:center}.menu-button.open i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button.open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue i:after,.system-status>i.checking{animation:none}}

/* v4 checkout + lifetime pricing */
.lifetime-card{grid-column:1/-1;min-height:0;padding:0;border-color:rgba(94,234,255,.2);background:linear-gradient(100deg,rgba(10,26,36,.94),rgba(4,10,15,.98));overflow:visible}.lifetime-card:after{content:"";position:absolute;right:10%;top:50%;width:280px;height:140px;transform:translateY(-50%);background:rgba(41,190,255,.09);filter:blur(70px);pointer-events:none}.lifetime-main{display:grid;grid-template-columns:1.05fr 1.3fr .75fr;align-items:center;gap:34px;padding:28px;position:relative;z-index:1}.lifetime-main .card-top{padding-bottom:12px}.lifetime-main .price{padding:18px 0 0}.lifetime-copy p{color:#7f95a2;font-size:13px;line-height:1.6;margin:0 0 12px}.lifetime-copy ul{margin:0}.lifetime-main>.plan-button{margin:0;align-self:center}.lifetime-badge{position:absolute;right:0;top:0;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:.15em;background:var(--cyan);color:#041018;z-index:3}
.purchase-modal{overflow:auto;padding:24px 0}.checkout-card{width:min(680px,calc(100% - 30px));padding:32px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#1e5269 transparent}.checkout-card>span{display:block}.checkout-view.hidden{display:none}.checkout-eyebrow{display:block;font-size:8px;color:#59dcf5;letter-spacing:.16em;font-weight:800}.checkout-eyebrow b{color:#8eabb9;font-weight:700}.checkout-card h3{font-size:34px;margin:12px 0 18px}.checkout-intro{color:#78909e!important;margin:0 0 22px!important}.checkout-plan-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(94,234,255,.12);background:rgba(8,26,37,.55);margin-bottom:18px}.checkout-plan-summary>div{padding:14px 16px;display:grid;gap:5px}.checkout-plan-summary>div+div{border-left:1px solid rgba(255,255,255,.07)}.checkout-plan-summary span,.payment-copy-box>span,.address-stack>span,.license-delivery>span{font-size:7px;letter-spacing:.15em;color:#5f7d8d}.checkout-plan-summary b{font-size:13px}.payment-methods{display:grid;gap:8px}.payment-method{width:100%;min-height:66px;border:1px solid rgba(101,217,243,.13);background:rgba(9,25,35,.74);color:#effbff;padding:10px 12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.2s var(--ease)}.payment-method:hover,.payment-method.active{border-color:rgba(94,234,255,.44);background:rgba(20,69,88,.34)}.payment-method.disabled{opacity:.36;cursor:not-allowed;filter:grayscale(.45)}.payment-method .asset-mark{width:34px;height:34px;border:1px solid rgba(94,234,255,.18);display:grid;place-items:center;background:#07131a;color:#a6f4ff;font-weight:800}.payment-method>span:nth-child(2){display:grid;gap:4px}.payment-method b{font-size:11px}.payment-method small{font-size:8px;color:#617d8d}.payment-method em{font-style:normal;font-size:7px;letter-spacing:.14em;color:#5bdff7}.checkout-warning{font-size:9px;line-height:1.5;color:#7f9aa8;border-left:2px solid rgba(94,234,255,.42);padding:8px 11px;margin:14px 0 6px;background:rgba(28,74,91,.12)}.checkout-primary{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px}.checkout-loader{height:70px;display:flex;align-items:center;justify-content:center;gap:7px}.checkout-loader i{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 12px rgba(94,234,255,.5);animation:checkoutBounce .9s ease-in-out infinite}.checkout-loader i:nth-child(2){animation-delay:.12s}.checkout-loader i:nth-child(3){animation-delay:.24s}@keyframes checkoutBounce{50%{transform:translateY(-9px);opacity:.45}}.checkout-status-line{display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-state{display:inline-flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.14em;padding:7px 9px;border:1px solid rgba(94,234,255,.15);color:#82a1b1}.payment-state i{width:6px;height:6px;border-radius:50%;background:#6f8998}.payment-state.waiting i{background:#67dff5;box-shadow:0 0 10px rgba(103,223,245,.65);animation:pulse 1.15s infinite}.payment-state.detected{color:#ffe19a;border-color:rgba(255,202,92,.25)}.payment-state.detected i{background:#ffc95b}.payment-state.fulfilled{color:#77efb9;border-color:rgba(78,229,166,.28)}.payment-state.fulfilled i{background:#4ee5a6;box-shadow:0 0 10px rgba(78,229,166,.5)}.payment-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.payment-copy-box{min-height:84px;border:1px solid rgba(94,234,255,.12);background:#061019;padding:13px;display:grid;align-content:center;gap:7px;position:relative}.payment-copy-box strong{font-size:19px;color:#f2fdff;letter-spacing:-.02em;overflow-wrap:anywhere}.payment-copy-box button{position:absolute;right:8px;top:8px;border:1px solid rgba(94,234,255,.14);background:rgba(18,58,75,.4);color:#62dff7;font-size:7px;padding:6px 7px;cursor:pointer}.checkout-payment-body{display:grid;grid-template-columns:154px 1fr;gap:16px;margin-top:9px}.qr-frame{background:white;width:154px;height:154px;padding:8px;display:grid;place-items:center}.qr-frame img{width:138px;height:138px;object-fit:contain}.address-stack{border:1px solid rgba(94,234,255,.12);background:rgba(6,16,25,.74);padding:14px;display:flex;flex-direction:column;min-width:0}.address-stack code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#c9f7ff;font-size:11px;line-height:1.45;overflow-wrap:anywhere;margin:9px 0 12px}.copy-address{width:max-content;border:1px solid rgba(94,234,255,.2);background:rgba(14,55,71,.4);color:#91eafa;font-size:8px;padding:7px 9px;cursor:pointer}.address-stack small{color:#657f8e;font-size:8px;line-height:1.5;margin-top:auto;padding-top:12px}.checkout-progress{margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8ca4b1;font-size:9px}.progress-row b{color:#d6f9ff}.progress-row.subtle{color:#526c7b;font-size:8px;margin-top:9px}.progress-track{height:3px;background:#0a202b;margin-top:10px;overflow:hidden}.progress-track i{display:block;width:4%;height:100%;background:linear-gradient(90deg,#188dff,#65e8ff);box-shadow:0 0 14px rgba(94,234,255,.55);transition:width .4s var(--ease)}.checkout-link-button{border:0;background:none;color:#688493;font-size:8px;padding:13px 0 0;cursor:pointer}.checkout-link-button:hover{color:#b7dce8}.fulfilled-label{color:#69eab1}.error-label{color:#ff8693}.license-delivery{border:1px solid rgba(77,230,168,.24);background:linear-gradient(135deg,rgba(30,112,83,.13),rgba(5,20,22,.65));padding:18px;display:grid;gap:10px}.license-delivery code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#eafff7;font-size:23px;letter-spacing:.04em;overflow-wrap:anywhere}.license-delivery button{width:max-content;border:1px solid rgba(91,230,178,.25);background:rgba(31,91,70,.28);color:#85f0c4;font-size:8px;padding:8px 10px;cursor:pointer}.fulfillment-meta{display:flex;justify-content:space-between;color:#627e8b;font-size:8px;margin-top:12px}.copy-flash{color:#72efba!important;border-color:rgba(73,230,170,.35)!important}
@media(max-width:1050px){.lifetime-main{grid-template-columns:1fr 1fr}.lifetime-main>.plan-button{grid-column:1/-1}}
@media(max-width:760px){.hero-bg-video{width:108%;height:108%;min-width:108%;min-height:108%;object-position:center center}.lifetime-main{grid-template-columns:1fr;gap:8px;padding:22px}.lifetime-main>.plan-button{grid-column:auto}.checkout-card{padding:24px 18px}.checkout-card h3{font-size:28px}.payment-detail-grid{grid-template-columns:1fr}.checkout-payment-body{grid-template-columns:1fr}.qr-frame{margin:auto}.checkout-status-line{align-items:flex-start;flex-direction:column}.license-delivery code{font-size:17px}.purchase-modal{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.checkout-loader i{animation:none}}

.resume-checkout{position:fixed;right:20px;bottom:20px;z-index:120;border:1px solid rgba(94,234,255,.28);background:rgba(5,18,26,.94);backdrop-filter:blur(14px);color:#eafbff;padding:11px 14px;display:grid;gap:3px;text-align:left;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.38)}.resume-checkout.hidden{display:none}.resume-checkout span{font-size:6px;letter-spacing:.16em;color:#5edff5}.resume-checkout b{font-size:9px;font-weight:700}.resume-checkout:hover{border-color:rgba(94,234,255,.55)}

/* =========================================================
   Riftline v5 refinement layer
   Responsive navigation, mobile demo, accessibility + trust
   ========================================================= */

:root{--header-bg:rgba(3,8,12,.82)}
body.menu-open,body.modal-open{overflow:hidden}
button,a,summary,input{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
button{touch-action:manipulation}
.topbar{position:fixed;transition:height .25s var(--ease),background .25s var(--ease),backdrop-filter .25s var(--ease),border-color .25s var(--ease);background:linear-gradient(180deg,rgba(3,7,11,.12),rgba(3,7,11,0));padding:0 2px}
.topbar.scrolled,.topbar.menu-open{height:76px;background:var(--header-bg);backdrop-filter:blur(18px);border-color:rgba(120,225,255,.12);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.mobile-nav{display:none}

.hero-bg-video{background:radial-gradient(circle at 50% 45%,#0a1722 0,#050b11 48%,#03070c 100%)}
.hero-inner{padding-top:12px}
.hero-line{max-width:620px}

.trust-strip{width:min(calc(100% - 48px),var(--max));margin:-1px auto 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(90deg,rgba(7,18,26,.7),rgba(4,10,15,.36))}
.trust-strip>div{min-height:112px;padding:24px 26px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center}
.trust-strip>div+div{border-left:1px solid rgba(255,255,255,.07)}
.trust-strip span{grid-row:1/3;color:#355568;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;padding-top:2px}
.trust-strip strong{font-size:10px;letter-spacing:.13em;color:#dff9ff}
.trust-strip small{font-size:10px;line-height:1.55;color:#607b8a;margin-top:7px}

.price-card,.launch-price-banner,.demo-shell,.status-wrap,.faq-item{content-visibility:auto;contain-intrinsic-size:auto 480px}
.price-card:hover .plan-button{border-color:rgba(98,220,246,.42)}

.faq{padding-top:80px;padding-bottom:140px}
.faq .section-title-row{margin-bottom:28px}
.faq-grid{border-top:1px solid rgba(255,255,255,.08)}
.faq-item{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(13,37,51,.14),transparent)}
.faq-item summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;color:#d8ecf3;font-size:14px;font-weight:650;letter-spacing:-.01em;padding:0 4px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(94,234,255,.16);color:#65dff5;font-size:17px;font-weight:300;transition:transform .2s var(--ease),background .2s var(--ease)}
.faq-item[open] summary span{transform:rotate(45deg);background:rgba(54,186,224,.08)}
.faq-item p{margin:-6px 54px 24px 4px;max-width:720px;color:#6f8998;font-size:12px;line-height:1.7}
.noscript-note{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;padding:14px 16px;border:1px solid rgba(255,190,90,.3);background:#11100b;color:#e9d8b2;font-size:12px;line-height:1.5}

/* Checkout refinements */
.modal-card{border-radius:2px}
.purchase-modal.open .modal-card{animation:modalIn .22s var(--ease) both}
@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.modal-action:disabled{opacity:.55;cursor:wait}
.resume-checkout{max-width:min(330px,calc(100vw - 40px))}

@media(max-width:1050px){
  .desktop-nav{gap:24px}
  .trust-strip>div{padding:22px 18px}
}

@media(max-width:760px){
  .topbar{width:calc(100% - 28px);padding:0;height:78px}
  .topbar.scrolled,.topbar.menu-open{height:68px}
  .logo img{width:34px;height:34px}
  .menu-button{position:relative;z-index:3;cursor:pointer}
  .menu-button i{transition:transform .22s var(--ease),opacity .22s var(--ease)}
  .mobile-nav{position:fixed;z-index:2;top:68px;left:14px;right:14px;display:grid;padding:10px 18px 18px;border:1px solid rgba(94,234,255,.16);background:rgba(4,12,18,.97);backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.52);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s var(--ease)}
  .mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-nav>a:not(.mobile-nav-cta){height:54px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;color:#c7d9e1;font-size:12px;font-weight:700;letter-spacing:.02em}
  .mobile-nav>a span{color:#496472;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
  .mobile-nav-cta{height:48px;margin-top:14px;padding:0 15px;background:#edfaff;color:#061018;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850}
  .mobile-nav-cta b{font-size:18px}

  .hero{height:max(720px,100svh);min-height:720px}
  .hero-inner{margin-top:16px;padding-top:30px}
  .hero h1{font-size:clamp(58px,19vw,94px);line-height:.82}
  .hero-kicker{margin-top:30px}
  .hero-line{max-width:92%;line-height:1.5}
  .hero-actions{gap:18px;flex-wrap:wrap}
  .hero-bottom{bottom:20px}
  .release-strip{max-width:78%}
  .hero-bg-video{filter:saturate(.5) contrast(1.08);opacity:.72}

  .trust-strip{width:calc(100% - 28px);grid-template-columns:1fr}
  .trust-strip>div{min-height:94px;padding:18px 8px}
  .trust-strip>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}

  .pricing{padding-top:96px}
  .price-card{min-height:0;padding:22px}
  .price-card ul{margin-bottom:24px}
  .plan-button{height:52px}

  /* The product demo becomes a real phone layout instead of an 830px canvas. */
  .demo-shell{overflow:hidden}
  .demo-titlebar{height:48px;padding:0 12px}
  .demo-address{font-size:8px}
  .demo-layout{display:block;min-width:0;min-height:0}
  .demo-sidebar{display:flex;align-items:center;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:10px;background:#061019;scroll-snap-type:x proximity;scrollbar-width:none}
  .demo-sidebar::-webkit-scrollbar{display:none}
  .demo-sidebar .demo-brand,.demo-sidebar>p,.demo-sidebar .hotkey{display:none}
  .demo-nav{flex:0 0 auto;width:auto;height:36px;margin:0;padding:0 13px;border:1px solid rgba(83,207,236,.11);background:rgba(8,25,35,.6);text-align:center;scroll-snap-align:start}
  .demo-nav.active{border-color:rgba(94,234,255,.38);background:rgba(30,110,140,.22)}
  .demo-nav:before{display:none}
  .demo-main{padding:18px 12px 12px}
  .demo-page-head{height:auto;min-height:72px;padding-bottom:14px;gap:10px}
  .demo-page-head h3{font-size:26px}
  .demo-page-head>span{display:none}
  .glass-card{padding:14px}
  .tune-row{grid-template-columns:1fr;gap:8px;margin:12px 0}
  .tune-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tune-buttons button{min-width:0}
  .toggle-grid{grid-template-columns:1fr}
  .preset-fields{grid-template-columns:1fr}
  .preset-actions{display:grid;grid-template-columns:repeat(3,1fr)}
  .preset-actions button{padding:0 6px}
  .centered-message{min-height:270px;padding:26px 16px}
  .centered-message h4{font-size:24px}
  .ghost-bars{width:92%}
  .settings-preview{min-height:0}
  .setting-row{grid-template-columns:1fr auto;gap:8px;padding:15px 0}
  .setting-row input{grid-column:1/-1;grid-row:2}
  .setting-row b{grid-column:2;grid-row:1}
  .theme-row{grid-template-columns:repeat(2,1fr)}
  .theme-row span{grid-column:1/-1}
  .demo-footer{height:auto;min-height:42px;gap:12px;padding:10px;font-size:7px}

  .status-section{padding-bottom:90px}
  .status-wrap{padding:38px 0}
  .system-status{grid-template-columns:24px repeat(3,1fr);gap:0}
  .system-status div{padding-left:10px}

  .faq{padding-top:60px;padding-bottom:100px}
  .faq-item summary{min-height:68px;font-size:13px;padding:0}
  .faq-item p{margin:-2px 44px 22px 0;font-size:11px}

  .checkout-card{max-height:calc(100dvh - 24px)}
  .resume-checkout{right:14px;bottom:14px;left:14px;max-width:none}
}

@media(max-width:420px){
  .hero-tags span{padding-right:11px;margin-right:11px;font-size:9px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .primary-action{min-width:160px}
  .system-status{grid-template-columns:20px 1fr 1fr}
  .system-status>div:last-child{display:none}
  .checkout-plan-summary{grid-template-columns:1fr}
  .checkout-plan-summary>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
  .payment-method{grid-template-columns:34px 1fr auto;gap:9px;padding:9px}
}

@media(prefers-reduced-motion:reduce){
  .purchase-modal.open .modal-card{animation:none}
  .topbar,.mobile-nav,.menu-button i,.faq-item summary span{transition:none}
}

/* v6 — faithful control-surface visual preview (website-only; intentionally disconnected). */
.demo-title-status{display:flex;align-items:center;gap:14px}.demo-preview-tag{font-size:8px;letter-spacing:.16em;color:#6f8b99;border:1px solid rgba(122,178,199,.14);padding:7px 9px;background:rgba(13,34,47,.38)}
.demo-layout{grid-template-columns:220px 1fr;min-height:700px}.demo-sidebar{padding:20px 14px}.demo-brand small{line-height:1.45}.demo-nav{height:34px}.demo-sidebar .hotkey{margin-top:14px}.hotkey small{display:block;margin-top:5px;font-size:7px;color:#597181;letter-spacing:.06em}
.demo-main{padding:24px 24px 16px;display:flex;flex-direction:column;min-height:0}.demo-page-head{height:78px;align-items:flex-start;gap:20px}.demo-head-copy{min-width:0}.demo-head-copy p{max-width:560px}.demo-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:430px;padding-top:4px}.demo-action,.demo-head-actions button{height:28px;padding:0 10px;border:1px solid rgba(87,216,246,.14);background:rgba(11,31,43,.7);color:#7593a2;font-size:7px;letter-spacing:.08em;cursor:pointer}.demo-action:hover{color:#e6fbff;border-color:rgba(94,234,255,.34)}.demo-status-pill{height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(87,216,246,.14);font-size:7px;letter-spacing:.08em}.demo-status-pill.unsaved{color:#62dff6;background:rgba(42,151,190,.06)}.demo-status-pill.online{color:#65e4b2;border-color:rgba(70,224,168,.18);background:rgba(29,112,82,.05)}
.demo-stage{flex:1;min-height:0}.demo-page{padding-top:14px}.demo-panel,.demo-settings-group{border:1px solid rgba(87,216,246,.13);background:linear-gradient(180deg,rgba(11,29,42,.82),rgba(6,17,25,.92));padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.demo-panel+.demo-panel,.demo-settings-group+.demo-settings-group{margin-top:10px}.demo-panel.roomy{padding:16px 18px}.demo-panel-title{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.demo-panel-title>span{font-size:8px;letter-spacing:.16em;color:#5de2f8}.demo-panel-title>small{font-size:6px;letter-spacing:.14em;color:#4d6878}.demo-panel-title>button{margin-left:auto}
.demo-control-row{display:grid;grid-template-columns:138px 1fr;align-items:center;gap:12px;padding:7px 0}.demo-control-row.compact{padding-top:11px;border-top:1px solid rgba(255,255,255,.05);margin-top:7px}.demo-control-row label{font-size:9px;color:#c6d8df}.demo-segmented{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.demo-segmented.five{grid-template-columns:repeat(5,minmax(0,1fr))}.demo-segmented.small{grid-template-columns:repeat(2,1fr)}.demo-segmented button,.demo-button-row button,.demo-command,.demo-theme-grid button,.demo-hotkeys button,.demo-toolbar>button,.demo-text-button{height:29px;border:1px solid rgba(83,207,236,.13);background:rgba(13,35,49,.52);color:#718d9b;font-size:8px;cursor:pointer;transition:.16s}.demo-segmented button:hover,.demo-button-row button:hover,.demo-command:hover,.demo-theme-grid button:hover,.demo-hotkeys button:hover,.demo-toolbar>button:hover,.demo-text-button:hover{color:#e8fbff;border-color:rgba(94,234,255,.32)}.demo-segmented button.active,.demo-button-row button.active,.demo-theme-grid button.active,.demo-hotkeys button.active{color:white;border-color:rgba(94,234,255,.42);background:linear-gradient(135deg,rgba(23,178,246,.16),rgba(24,87,198,.13));box-shadow:0 0 16px rgba(57,208,255,.04)}
.demo-toggle-grid,.demo-behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-toggle{height:34px;border:1px solid rgba(83,207,236,.11);background:rgba(13,35,49,.46);color:#91a8b4;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;cursor:pointer}.demo-toggle span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-toggle em{font-style:normal;color:#5f7b8a;margin-left:4px}.demo-toggle i{width:34px;height:17px;border:1px solid rgba(98,201,225,.14);background:#0a1b25;position:relative;flex:0 0 auto}.demo-toggle i b{position:absolute;left:3px;top:2px;width:11px;height:11px;background:#607c89;transition:.18s}.demo-toggle.active{color:#edfaff;border-color:rgba(91,218,245,.2);background:rgba(35,112,140,.09)}.demo-toggle.active i{border-color:rgba(92,221,249,.32);background:rgba(45,173,217,.12)}.demo-toggle.active i b{left:18px;background:#6eeaff;box-shadow:0 0 12px rgba(94,234,255,.46)}
.demo-inline-range{height:34px;border:1px solid rgba(83,207,236,.10);background:rgba(13,35,49,.38);display:grid;grid-template-columns:92px 1fr 40px;align-items:center;gap:9px;padding:0 10px}.demo-inline-range span{font-size:8px;color:#91a8b4}.demo-inline-range>b{font-size:8px;color:#63e3f8;text-align:right}
.demo-range{width:100%;appearance:none;height:4px;background:linear-gradient(90deg,rgba(72,221,246,.78) 0 52%,#0b2634 52%);outline:0;margin:0}.demo-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#e8fdff;border:4px solid #3bd9f4;box-shadow:0 0 15px rgba(59,217,244,.45);cursor:pointer}.demo-range::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#e8fdff;border:3px solid #3bd9f4;box-shadow:0 0 15px rgba(59,217,244,.45);cursor:pointer}
.preset-panel{padding-bottom:12px}.demo-preset-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:8px}.demo-preset-grid label{display:grid;gap:5px;color:#557180;font-size:7px}.demo-preset-grid label span{height:31px;display:flex;align-items:center;padding:0 9px;border:1px solid rgba(83,207,236,.12);background:#07121a;color:#d8f5fc;font-size:8px}.demo-preset-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:9px}.demo-button-row{display:flex;gap:5px;flex-wrap:wrap}.demo-button-row button{padding:0 11px}.demo-live-baseline{height:31px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(70,224,168,.14);background:rgba(27,98,75,.06)}.demo-live-baseline i,.demo-baseline i,.demo-auto-live strong i{width:6px;height:6px;background:#5de0a9;border-radius:50%;box-shadow:0 0 9px rgba(74,225,170,.5)}.demo-live-baseline span{font-size:7px;color:#65e4b2;letter-spacing:.08em}.demo-live-baseline b{font-size:7px;color:#6d8a96}.demo-slot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.demo-slot-row>span{height:28px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:5px;color:#5c7583;font-size:7px}.demo-slot-row button{height:22px;padding:0 7px;border:1px solid rgba(83,207,236,.10);background:rgba(13,35,49,.45);color:#718d9b;font-size:7px;cursor:pointer}.demo-slot-row button:first-of-type{margin-left:auto}
.demo-toolbar{min-height:38px;display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:8px;align-items:center;margin-bottom:10px}.demo-baseline{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(87,216,246,.11);background:rgba(11,31,43,.55);color:#708b98;font-size:8px}.demo-baseline.good{color:#62dca8;border-color:rgba(70,224,168,.13)}.demo-search{height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid rgba(83,207,236,.11);background:#07121a;color:#496676;font-size:8px}.demo-toolbar>button{padding:0 12px}.tire-toolbar{grid-template-columns:auto 1fr}.tire-toolbar .demo-button-row{justify-content:flex-end}
.demo-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-field-card{min-height:86px;border:1px solid rgba(87,216,246,.11);background:linear-gradient(135deg,rgba(10,31,43,.78),rgba(6,17,25,.9));padding:10px 11px}.demo-field-card.favorite{border-color:rgba(94,234,255,.15)}.demo-field-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}.demo-field-top>div:first-child{min-width:0}.demo-field-top strong{display:block;font-size:8.5px;color:#d9edf3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-field-top small{display:block;margin-top:4px;color:#4e6877;font-size:6.5px;letter-spacing:.02em}.demo-field-top small em{font-style:normal;color:#5ed9f0;margin-left:5px}.demo-field-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto}.demo-field-actions button{width:22px;height:21px;padding:0;border:1px solid rgba(83,207,236,.11);background:rgba(13,35,49,.58);color:#698593;font-size:7px;cursor:pointer}.demo-field-actions button:hover,.demo-field-actions button.active{color:white;border-color:rgba(94,234,255,.35)}.demo-field-actions b{min-width:55px;height:21px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid rgba(83,207,236,.12);background:rgba(12,42,56,.6);color:#62e4f8;font-size:7.5px}.demo-context-card{margin-top:10px;border:1px solid rgba(87,216,246,.11);background:radial-gradient(circle at 80% 20%,rgba(29,125,179,.08),transparent 35%),rgba(7,19,28,.75);padding:18px}.demo-context-card span{font-size:7px;color:#56d8ef;letter-spacing:.15em}.demo-context-card strong{display:block;font-size:15px;margin:7px 0 4px}.demo-context-card p{margin:0;color:#5f7c8b;font-size:8px}.demo-page-note{margin-top:9px;padding:9px 11px;border:1px solid rgba(83,207,236,.08);background:rgba(8,23,32,.55);color:#516d7d;font-size:7px;text-align:center;letter-spacing:.02em}
.demo-tire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-tire-card{border:1px solid rgba(87,216,246,.11);background:linear-gradient(135deg,rgba(10,31,43,.76),rgba(6,17,25,.9));padding:11px}.demo-tire-card>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin-bottom:12px}.demo-tire-card strong{font-size:8.5px;color:#d9edf3}.demo-tire-card small{grid-column:1;color:#4f6977;font-size:6.5px}.demo-tire-card b{grid-column:2;grid-row:1/3;color:#62e4f8;font-size:8px;border:1px solid rgba(83,207,236,.12);background:rgba(12,42,56,.6);padding:5px 7px}
.visuals-toggles{grid-template-columns:repeat(3,1fr);margin:8px 0 14px}.demo-settings-lines{display:grid;gap:0}.demo-setting-line{display:grid;grid-template-columns:155px minmax(100px,1fr) 70px;align-items:center;gap:14px;min-height:46px;border-top:1px solid rgba(255,255,255,.05)}.demo-setting-line:first-child{border-top:0}.demo-setting-line>span{font-size:8.5px;color:#b9ced7}.demo-setting-line>b{height:25px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(83,207,236,.11);background:rgba(12,42,56,.58);color:#64e3f8;font-size:8px}.demo-text-button{padding:0 10px}
.demo-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-metric-grid article{height:92px;border:1px solid rgba(87,216,246,.11);background:linear-gradient(180deg,rgba(11,29,42,.78),rgba(6,17,25,.9));display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-metric-grid span{font-size:7px;letter-spacing:.14em;color:#5adbf1}.demo-metric-grid b{font-size:17px;margin-top:8px}.demo-metric-grid b.green{color:#63dda9}.telemetry-controls{margin-top:10px}.telemetry-controls .demo-button-row{margin-top:10px}
.demo-path-stack{display:grid;gap:8px}.demo-path-stack article{min-height:64px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(87,216,246,.11);background:rgba(8,24,34,.68);padding:10px 12px}.demo-path-stack article>span{font-size:7px;color:#5adbf1;letter-spacing:.12em}.demo-path-stack strong{font-size:9px;color:#d4eaf1;font-weight:500}.demo-path-stack button,.demo-auto-live button{height:30px;padding:0 11px;border:1px solid rgba(83,207,236,.12);background:rgba(13,35,49,.56);color:#718d9b;font-size:8px;cursor:pointer}.play-actions{margin-top:10px}.demo-auto-live{margin-top:12px;min-height:112px;border:1px solid rgba(70,224,168,.13);background:radial-gradient(circle at 70% 20%,rgba(53,189,141,.07),transparent 45%),rgba(7,22,29,.78);display:flex;justify-content:space-between;align-items:center;padding:18px}.demo-auto-live>div>span{display:block;font-size:7px;color:#5bd8ef;letter-spacing:.14em}.demo-auto-live strong{display:flex;align-items:center;gap:8px;color:#67e2b0;font-size:15px;margin-top:8px}.demo-auto-live p{margin:4px 0 0;color:#5e7986;font-size:8px}
.demo-settings-group{padding:11px 16px}.demo-behavior-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-behavior-grid .demo-toggle,.demo-behavior-grid .demo-command{height:32px}.demo-command{padding:0 10px}.demo-command.danger-lite{border-color:rgba(255,119,119,.11);color:#907577}.theme-settings{padding-bottom:14px}.demo-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.demo-theme-grid button{height:31px}.demo-hotkey-panel{margin-top:10px;min-height:48px;border:1px solid rgba(87,216,246,.11);background:rgba(8,24,34,.66);display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:12px;padding:8px 12px}.demo-hotkey-panel>span{font-size:7px;color:#5d7785;letter-spacing:.14em}.demo-hotkeys{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.demo-hotkeys button{height:28px}.demo-hotkey-panel>small{font-size:6.5px;color:#4d6674;white-space:nowrap}
.demo-footer{margin-top:10px;min-height:38px;height:auto}.demo-footer strong{color:#88a4b1;font-weight:500}.demo-footer-tip{margin-left:auto;margin-right:auto;color:#4f6977}

@media(max-width:1100px){
  .demo-layout{grid-template-columns:190px 1fr}.demo-sidebar{padding-left:10px;padding-right:10px}.demo-nav{font-size:9px}.demo-head-actions{max-width:300px}.demo-status-pill.unsaved{display:none}.demo-field-actions button:nth-of-type(2),.demo-field-actions button:nth-of-type(3){display:none}.demo-behavior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-preset-bottom{grid-template-columns:1fr}.demo-live-baseline{justify-self:start}.demo-slot-row{display:none}
}

@media(max-width:760px){
  .demo-title-status{gap:7px}.demo-preview-tag{display:none}.demo-layout{display:block;min-height:0}.demo-sidebar{display:flex;padding:9px 10px;gap:5px}.demo-nav{height:34px;font-size:8px;padding:0 11px}.demo-main{padding:16px 11px 11px}.demo-page-head{min-height:76px;height:auto}.demo-head-actions{display:none}.demo-page-head h3{font-size:24px}.demo-stage{overflow:visible}.demo-panel,.demo-settings-group{padding:12px}.demo-control-row{grid-template-columns:1fr;gap:7px}.demo-segmented{grid-template-columns:repeat(3,1fr)}.demo-segmented.five{grid-template-columns:repeat(5,1fr)}.demo-toggle-grid{grid-template-columns:1fr}.demo-inline-range{grid-template-columns:88px 1fr 34px}.demo-preset-grid{grid-template-columns:1fr}.demo-preset-bottom{grid-template-columns:1fr}.demo-live-baseline{width:100%;grid-template-columns:auto auto 1fr}.demo-live-baseline b{text-align:right}.demo-toolbar{grid-template-columns:1fr auto}.demo-toolbar .demo-search{grid-row:2;grid-column:1/-1}.demo-field-grid,.demo-tire-grid{grid-template-columns:1fr}.demo-field-card{min-height:82px}.demo-tire-grid .demo-tire-card:nth-child(n+5){display:none}.demo-page-note{display:block}.visuals-toggles{grid-template-columns:1fr}.demo-setting-line{grid-template-columns:1fr 62px;gap:7px;padding:8px 0}.demo-setting-line input{grid-column:1/-1;grid-row:2}.demo-setting-line>b{grid-column:2;grid-row:1}.demo-metric-grid{grid-template-columns:repeat(2,1fr)}.demo-metric-grid article{height:76px}.demo-path-stack article{grid-template-columns:1fr auto}.demo-path-stack article>span{grid-column:1/-1}.demo-auto-live{padding:14px}.demo-behavior-grid{grid-template-columns:1fr 1fr}.demo-theme-grid{grid-template-columns:1fr 1fr}.demo-hotkey-panel{grid-template-columns:1fr}.demo-hotkey-panel>small{white-space:normal}.demo-footer-tip{display:none}.tire-toolbar{grid-template-columns:1fr}.tire-toolbar .demo-button-row{justify-content:flex-start}.tire-toolbar .demo-button-row button:nth-child(-n+2){display:none}
}

@media(max-width:440px){
  .demo-segmented.five{grid-template-columns:repeat(3,1fr)}.demo-behavior-grid{grid-template-columns:1fr}.demo-theme-grid{grid-template-columns:1fr 1fr}.demo-field-actions b{min-width:48px}.demo-field-top strong{max-width:155px}.demo-hotkeys{grid-template-columns:repeat(5,1fr)}.demo-hotkeys button{font-size:7px}.demo-metric-grid b{font-size:14px}
}

/* v7 — overlay polish pass: make the control preview feel closer to the in-game overlay. */
.demo-shell{
  position:relative;
  border:1px solid rgba(106,230,255,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 82% 8%, rgba(36,159,233,.10), transparent 24%),
    radial-gradient(circle at 10% 100%, rgba(40,104,202,.10), transparent 25%),
    linear-gradient(180deg, rgba(7,16,24,.96), rgba(4,9,14,.98));
  box-shadow:
    0 40px 120px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 45px rgba(44,193,242,.08);
}
.demo-shell:before,
.demo-shell:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.demo-shell:before{
  inset:14px;
  border:1px solid rgba(112,222,255,.08);
  border-radius:12px;
  box-shadow:inset 0 0 30px rgba(51,191,255,.04);
}
.demo-shell:after{
  inset:0;
  background:
    linear-gradient(90deg, transparent 0 24px, rgba(102,229,255,.10) 24px 25px, transparent 25px calc(100% - 25px), rgba(102,229,255,.10) calc(100% - 25px) calc(100% - 24px), transparent calc(100% - 24px)),
    linear-gradient(180deg, transparent 0 24px, rgba(102,229,255,.08) 24px 25px, transparent 25px calc(100% - 25px), rgba(102,229,255,.08) calc(100% - 25px) calc(100% - 24px), transparent calc(100% - 24px));
  opacity:.28;
  border-radius:18px;
}
.demo-titlebar,
.demo-layout,
.demo-footer{position:relative;z-index:1}
.demo-titlebar{
  height:60px;
  padding:0 22px;
  background:linear-gradient(180deg, rgba(10,18,27,.98), rgba(7,14,21,.92));
  border-bottom:1px solid rgba(112,222,255,.12);
}
.demo-titlebar:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(105,232,255,.38), transparent);
}
.demo-address{
  color:#88a3b4;
  letter-spacing:.14em;
}
.demo-address span{
  color:#8cedff;
  text-shadow:0 0 12px rgba(87,229,255,.24);
}
.demo-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(93,232,174,.16);
  background:rgba(16,63,47,.16);
  border-radius:999px;
  color:#7befc0;
}
.demo-layout{grid-template-columns:228px 1fr;min-height:720px}
.demo-sidebar{
  position:relative;
  padding:18px 14px;
  background:
    linear-gradient(180deg, rgba(9,19,28,.96), rgba(5,11,18,.98));
  border-right:1px solid rgba(108,225,255,.10);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03);
}
.demo-sidebar:after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  right:0;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(108,225,255,.18), transparent);
}
.demo-brand{
  margin:0 4px 16px;
  padding:12px 10px 14px;
  border:1px solid rgba(104,221,255,.12);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(13,32,44,.74), rgba(8,19,29,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.demo-brand img{
  width:50px;
  height:50px;
  filter:drop-shadow(0 0 14px rgba(88,224,255,.25));
}
.demo-brand strong{font-size:13px;letter-spacing:.16em}
.demo-brand small{color:#7fe8ff;letter-spacing:.12em}
.demo-sidebar>p{margin:10px 10px 8px;color:#48697e}
.demo-nav{
  height:40px;
  margin:3px 4px;
  padding:0 14px;
  color:#89a3b2;
  border:1px solid transparent;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(12,24,35,.18), rgba(9,18,27,.02));
}
.demo-nav:hover{
  color:#ecfbff;
  border-color:rgba(92,220,255,.14);
  background:linear-gradient(180deg, rgba(18,46,63,.46), rgba(10,23,32,.35));
}
.demo-nav.active{
  color:#fff;
  border-color:rgba(101,229,255,.28);
  background:linear-gradient(135deg, rgba(26,120,163,.48), rgba(9,28,42,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 0 20px rgba(38,187,243,.10);
}
.demo-nav.active:before{
  left:8px;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px;
}
.hotkey{
  margin:16px 4px 0;
  border:1px solid rgba(89,212,242,.12);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(12,28,40,.80), rgba(7,18,26,.80));
}
.hotkey b{font-size:12px;color:#eefcff;letter-spacing:.12em}
.demo-main{
  position:relative;
  padding:24px 24px 16px;
  background:
    radial-gradient(circle at 86% 0%, rgba(33,122,194,.12), transparent 26%),
    linear-gradient(180deg, rgba(5,12,18,.80), rgba(4,9,14,.92));
}
.demo-main:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(94,219,249,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,219,249,.03) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.30;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.65), transparent 75%);
}
.demo-page-head,
.demo-stage,
.demo-footer{position:relative;z-index:1}
.demo-page-head{
  min-height:86px;
  height:auto;
  padding:0 0 14px;
  border-bottom:1px solid rgba(102,226,255,.12);
}
.demo-page-head h3{
  margin:6px 0 3px;
  font-size:28px;
  color:#f6fdff;
  letter-spacing:-.04em;
  text-shadow:0 0 18px rgba(78,220,255,.08);
}
.demo-page-head p{color:#7f9cab;max-width:600px;font-size:10.5px}
.demo-page-head small{color:#5c7889}
.demo-action,.demo-head-actions button,.demo-status-pill{
  height:30px;
  border-radius:9px;
  background:linear-gradient(180deg, rgba(14,33,45,.74), rgba(8,18,26,.80));
}
.demo-status-pill.unsaved{
  color:#90ecff;
  border-color:rgba(96,228,255,.18);
}
.demo-status-pill.online{
  color:#7ef2c2;
  background:linear-gradient(180deg, rgba(12,41,33,.60), rgba(7,25,20,.72));
}
.demo-panel,.demo-settings-group,
.demo-context-card,.demo-tire-card,.demo-field-card,
.demo-metric-grid article,.demo-path-stack article,
.demo-hotkey-panel,.demo-auto-live{
  border:1px solid rgba(102,226,255,.12);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 -18px 30px rgba(0,0,0,.10);
}
.demo-panel,.demo-settings-group{
  background:
    linear-gradient(180deg, rgba(12,29,41,.90), rgba(7,17,25,.94));
}
.demo-panel-title{margin-bottom:10px}
.demo-panel-title>span{color:#79ebff;letter-spacing:.18em}
.demo-panel-title>small{color:#607b89}
.demo-control-row{padding:8px 0}
.demo-segmented button,.demo-button-row button,.demo-command,.demo-theme-grid button,.demo-hotkeys button,.demo-toolbar>button,.demo-text-button{
  border-radius:9px;
  background:linear-gradient(180deg, rgba(14,37,51,.80), rgba(8,19,27,.88));
}
.demo-segmented button.active,.demo-button-row button.active,.demo-theme-grid button.active,.demo-hotkeys button.active{
  background:linear-gradient(135deg, rgba(27,150,214,.42), rgba(15,43,66,.96));
  box-shadow:0 0 24px rgba(57,208,255,.08), inset 0 1px 0 rgba(255,255,255,.04);
}
.demo-toggle,
.demo-inline-range,
.demo-baseline,
.demo-search,
.demo-field-actions b,
.demo-setting-line>b,
.demo-live-baseline,
.demo-path-stack button,
.demo-auto-live button{
  border-radius:10px;
}
.demo-toggle{
  height:38px;
  background:linear-gradient(180deg, rgba(13,34,47,.72), rgba(9,20,29,.86));
}
.demo-toggle.active{
  background:linear-gradient(135deg, rgba(29,124,160,.36), rgba(11,29,40,.92));
  box-shadow:0 0 20px rgba(55,204,245,.05);
}
.demo-inline-range{
  height:38px;
  background:linear-gradient(180deg, rgba(12,31,43,.72), rgba(8,19,27,.86));
}
.demo-range{
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(95,235,255,.90) 0 52%, rgba(10,36,48,.95) 52%);
  box-shadow:inset 0 0 0 1px rgba(99,226,255,.05), 0 0 14px rgba(47,197,243,.08);
}
.demo-range::-webkit-slider-thumb{
  width:16px;
  height:16px;
  border:4px solid #4ce1ff;
  box-shadow:0 0 0 3px rgba(18,69,90,.85), 0 0 18px rgba(76,225,255,.45);
}
.demo-field-card{
  min-height:96px;
  padding:12px 12px 11px;
  background:
    linear-gradient(180deg, rgba(11,30,43,.84), rgba(7,17,25,.95));
}
.demo-field-top{margin-bottom:12px}
.demo-field-top strong{font-size:9px;color:#ebf9fd;letter-spacing:.02em}
.demo-field-top small{font-size:6.6px;color:#648291;letter-spacing:.05em}
.demo-field-actions button{
  border-radius:7px;
  background:linear-gradient(180deg, rgba(16,39,54,.84), rgba(9,21,30,.90));
}
.demo-field-actions b{
  min-width:62px;
  height:22px;
  color:#86edff;
  border-color:rgba(101,225,255,.16);
  background:linear-gradient(180deg, rgba(14,42,56,.92), rgba(10,29,39,.96));
}
.demo-toolbar{margin-bottom:12px}
.demo-baseline,.demo-search{
  height:36px;
  background:linear-gradient(180deg, rgba(12,31,43,.72), rgba(8,19,27,.90));
}
.demo-context-card{
  background:radial-gradient(circle at 82% 18%, rgba(41,155,216,.14), transparent 38%), linear-gradient(180deg, rgba(10,28,39,.86), rgba(7,18,26,.94));
}
.demo-metric-grid article{
  background:linear-gradient(180deg, rgba(12,30,42,.86), rgba(7,17,25,.95));
}
.demo-metric-grid b{
  color:#f4fdff;
  text-shadow:0 0 18px rgba(78,220,255,.10);
}
.demo-path-stack article{
  background:linear-gradient(180deg, rgba(11,28,39,.82), rgba(7,18,26,.93));
}
.demo-auto-live{
  background:radial-gradient(circle at 72% 18%, rgba(60,203,154,.09), transparent 40%), linear-gradient(180deg, rgba(10,28,35,.86), rgba(8,19,25,.94));
}
.demo-hotkey-panel{
  background:linear-gradient(180deg, rgba(11,28,39,.82), rgba(8,19,27,.92));
}
.demo-theme-grid button:nth-child(1){box-shadow:inset 0 0 0 1px rgba(115,234,255,.14)}
.demo-footer{
  min-height:42px;
  margin-top:12px;
  border-radius:12px;
  border-color:rgba(102,226,255,.10);
  background:linear-gradient(180deg, rgba(9,22,31,.82), rgba(6,15,22,.92));
}
.demo-footer b{color:#83ecff;letter-spacing:.10em}

@media(max-width:760px){
  .demo-shell{border-radius:14px}
  .demo-shell:before{inset:10px;border-radius:10px}
  .demo-nav{height:36px;border-radius:9px}
  .demo-main:before{opacity:.18}
  .demo-page-head h3{font-size:24px}
  .demo-panel,.demo-settings-group,.demo-field-card,.demo-tire-card,.demo-context-card,.demo-hotkey-panel,.demo-auto-live,.demo-footer{border-radius:12px}
}

/* v8 — cache-busted, true overlay-proportion presentation */
.features.section{
  width:min(1460px,calc(100% - 56px));
}
.feature-heading{width:min(1180px,100%);margin-left:auto;margin-right:auto}
.demo-shell{
  width:min(1280px,100%);
  margin:0 auto;
  aspect-ratio:1220/720;
  min-height:0;
  border-radius:26px;
  border:1px solid rgba(97,239,255,.42);
  background:#020912;
  box-shadow:0 48px 130px rgba(0,0,0,.55),0 0 80px rgba(0,174,255,.10);
}
.demo-titlebar{height:0;padding:0;border:0;overflow:hidden}
.demo-layout{
  height:100%;
  min-height:0;
  grid-template-columns:230px 1fr;
  background:
    radial-gradient(ellipse at 72% 0%,rgba(0,172,255,.07),transparent 38%),
    linear-gradient(180deg,#06111d,#020811);
}
.demo-sidebar{
  height:100%;
  box-sizing:border-box;
  padding:18px 14px 14px;
  background:linear-gradient(180deg,#071a2d 0%,#04111f 42%,#020a13 100%);
  border-right:2px solid rgba(67,218,255,.16);
}
.demo-brand{
  min-height:72px;
  margin:0 3px 9px;
  padding:8px 8px 12px;
  border:0;
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,#63efff,rgba(58,92,255,.08)) 1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.demo-brand img{width:54px;height:54px}
.demo-brand strong{font-size:14px;letter-spacing:.16em}
.demo-brand small{font-size:7px;color:#61edff}
.demo-sidebar>p{font-size:7px;letter-spacing:.18em;margin:7px 8px 6px;color:#436a82}
.demo-nav{
  height:30px;
  margin:1px 4px;
  border-radius:8px;
  padding:0 12px;
  font-size:8px;
  color:#82a9be;
}
.demo-nav.active{
  background:linear-gradient(90deg,rgba(16,130,196,.44),rgba(7,39,65,.72));
  border-color:rgba(96,235,255,.38);
  color:#fff;
}
.demo-nav.active:before{left:0;top:4px;bottom:4px;width:3px}
.hotkey{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  margin:0;
  padding:10px 12px;
  min-height:84px;
  box-sizing:border-box;
  border-radius:13px;
  background:linear-gradient(180deg,rgba(11,35,54,.9),rgba(5,18,31,.96));
}
.demo-sidebar{position:relative}
.demo-main{
  height:100%;
  box-sizing:border-box;
  padding:26px 24px 14px 22px;
  background:
    linear-gradient(rgba(69,198,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,198,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 75% 0%,rgba(24,128,215,.08),transparent 36%),
    #030b14;
  background-size:32px 32px,32px 32px,auto,auto;
}
.demo-main:before{display:none}
.demo-page-head{
  min-height:82px;
  padding:0;
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,#61efff,rgba(38,67,255,.04)) 1;
}
.demo-page-head small{font-size:7px;letter-spacing:.16em;color:#42657c}
.demo-page-head h3{font-size:25px;margin:5px 0 3px}
.demo-page-head p{font-size:9px;color:#6e93a8}
.demo-head-actions{padding-top:3px;gap:7px}
.demo-action,.demo-head-actions button,.demo-status-pill{
  height:30px!important;
  min-width:62px;
  padding:0 10px!important;
  border:1px solid rgba(91,220,255,.18)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#0d2638,#071722)!important;
  color:#7fa7ba!important;
  font:600 7px/1 Arial,sans-serif!important;
  letter-spacing:.08em!important;
  appearance:none!important;
}
.demo-status-pill.unsaved{color:#62eaff!important}
.demo-status-pill.online{color:#62e8aa!important;border-color:rgba(77,230,166,.22)!important}
.demo-stage{height:calc(100% - 120px);overflow:hidden}
.demo-page{height:100%;box-sizing:border-box;padding-top:10px}
.demo-panel,.demo-settings-group{
  border-radius:15px;
  border:1px solid rgba(81,206,245,.14);
  background:linear-gradient(180deg,rgba(8,31,50,.80),rgba(4,16,28,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.10);
}
.demo-panel{padding:11px 15px}
.demo-panel+.demo-panel{margin-top:9px}
.demo-panel-title{min-height:17px;margin-bottom:5px}
.demo-panel-title>span{font-size:7px;color:#60edff;letter-spacing:.18em}
.demo-panel-title>small{font-size:6px}
.demo-control-row{grid-template-columns:145px 1fr;gap:8px;padding:4px 0}
.demo-control-row label{font-size:8px;color:#d7f1fa}
.demo-segmented{gap:7px}
.demo-segmented button,.demo-button-row button,.demo-command,.demo-theme-grid button,.demo-hotkeys button,.demo-toolbar>button,.demo-text-button,.demo-slot-row button,.demo-path-stack button,.demo-auto-live button,.demo-field-actions button{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(83,211,249,.18)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#0d2a3f,#071923)!important;
  color:#8db2c2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-family:Arial,sans-serif!important;
  font-weight:600!important;
}
.demo-segmented button{height:31px!important;font-size:7px!important}
.demo-segmented button:hover,.demo-button-row button:hover,.demo-command:hover,.demo-theme-grid button:hover,.demo-hotkeys button:hover,.demo-toolbar>button:hover,.demo-text-button:hover,.demo-slot-row button:hover,.demo-field-actions button:hover{
  color:#effdff!important;border-color:rgba(92,234,255,.44)!important;
}
.demo-segmented button.active,.demo-button-row button.active,.demo-theme-grid button.active,.demo-hotkeys button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#0d6e9c,#0a3158)!important;
  border-color:rgba(94,237,255,.56)!important;
  box-shadow:0 0 18px rgba(0,194,255,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.demo-toggle-grid{gap:7px}
.demo-toggle{
  height:33px!important;
  border-radius:9px!important;
  border:1px solid rgba(77,190,229,.14)!important;
  background:linear-gradient(180deg,rgba(10,34,49,.88),rgba(5,20,31,.95))!important;
  color:#a6c5d2!important;
  font:500 7px/1 Arial,sans-serif!important;
}
.demo-toggle i{border-radius:999px;width:32px;height:16px}
.demo-toggle i b{border-radius:50%}
.demo-toggle.active{border-color:rgba(78,225,255,.28)!important;background:linear-gradient(135deg,rgba(12,86,119,.75),rgba(5,28,42,.96))!important;color:#f0fcff!important}
.demo-inline-range{height:33px;border-radius:9px}
.demo-range{height:5px;border-radius:999px}
.demo-preset-grid{gap:8px}
.demo-preset-grid label{font-size:6px;color:#52788c}
.demo-preset-grid label span{height:28px;border-radius:8px;font-size:7px}
.demo-preset-bottom{margin-top:7px}
.demo-button-row button{height:30px!important;font-size:7px!important}
.demo-live-baseline{height:30px}
.demo-slot-row{margin-top:5px}
.demo-slot-row>span{height:26px}
.demo-footer{
  min-height:30px;
  height:30px;
  margin-top:7px;
  border-radius:9px;
  font-size:6px;
  background:#051421;
}
.demo-footer-tip{font-size:6px}

/* Keep field/secondary pages faithful and compact */
.demo-toolbar{min-height:34px;grid-template-columns:minmax(200px,1fr) 200px auto;gap:7px;margin-bottom:8px}
.demo-baseline,.demo-search{height:32px;font-size:7px}
.demo-toolbar>button{height:32px!important;font-size:7px!important}
.demo-field-grid{gap:7px}
.demo-field-card{min-height:76px;padding:8px 10px;border-radius:12px}
.demo-field-top{margin-bottom:8px}
.demo-field-top strong{font-size:7.8px}
.demo-field-top small{font-size:6px}
.demo-field-actions button{width:21px;height:20px!important;font-size:6px!important}
.demo-field-actions b{height:20px;min-width:55px;font-size:7px}
.demo-tire-card{border-radius:12px}
.demo-metric-grid article{height:82px;border-radius:12px}
.demo-settings-group{padding:9px 14px}
.demo-setting-line{min-height:39px}
.demo-behavior-grid .demo-toggle,.demo-behavior-grid .demo-command{height:30px!important}
.demo-theme-grid button{height:30px!important;font-size:7px!important}
.demo-hotkey-panel{min-height:44px;margin-top:8px}
.demo-hotkeys button{height:27px!important;font-size:7px!important}

@media(max-width:900px){
  .features.section{width:calc(100% - 28px)}
  .demo-shell{aspect-ratio:auto}
  .demo-layout{display:block;height:auto}
  .demo-sidebar{height:auto;display:flex;overflow-x:auto;position:relative;padding:10px}
  .demo-sidebar .demo-brand,.demo-sidebar>p,.demo-sidebar .hotkey{display:none}
  .demo-nav{flex:0 0 auto;height:34px}
  .demo-main{height:auto;min-height:620px}
  .demo-stage{height:auto;overflow:visible}
}

/* v9 — website-only GUID Spoofer visualisation. */
.demo-guid-hero{
  min-height:148px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:24px;
  padding:22px 24px;
  border:1px solid rgba(102,226,255,.12);
  border-radius:14px;
  background:
    radial-gradient(circle at 80% 20%,rgba(44,170,226,.13),transparent 34%),
    linear-gradient(180deg,rgba(11,29,41,.88),rgba(7,17,25,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.demo-guid-kicker{font-size:7px;letter-spacing:.18em;color:#74e8ff}.demo-guid-copy h4{margin:7px 0 5px;font-size:22px;letter-spacing:-.035em;color:#f5fdff}.demo-guid-copy p{max-width:620px;margin:0;color:#718d9b;font-size:9px;line-height:1.65}
.demo-guid-generate{
  height:44px;
  padding:0 18px;
  border:1px solid rgba(101,229,255,.30);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(29,142,196,.42),rgba(11,35,51,.96));
  color:#f5fdff;
  font-size:9px;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 0 24px rgba(57,208,255,.08),inset 0 1px 0 rgba(255,255,255,.04);
}
.demo-guid-generate:hover{border-color:rgba(112,235,255,.52);box-shadow:0 0 30px rgba(57,208,255,.13),inset 0 1px 0 rgba(255,255,255,.05)}.demo-guid-generate span{margin-left:8px;color:#84edff}
.demo-guid-panel{
  margin-top:10px;
  padding:18px;
  border:1px solid rgba(102,226,255,.12);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,27,39,.88),rgba(6,16,24,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.demo-guid-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-guid-label-row>span{font-size:8px;letter-spacing:.16em;color:#72e7ff}.demo-guid-label-row>small{font-size:6.5px;letter-spacing:.12em;color:#526d7b}
.demo-guid-value-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.demo-guid-value-row code{min-height:52px;display:flex;align-items:center;padding:0 16px;border:1px solid rgba(100,228,255,.16);border-radius:11px;background:#07131c;color:#dffaff;font-size:15px;letter-spacing:.055em;overflow-wrap:anywhere;box-shadow:inset 0 0 24px rgba(50,174,221,.04)}.demo-guid-value-row button{width:74px;border:1px solid rgba(92,220,255,.18);border-radius:11px;background:linear-gradient(180deg,rgba(14,37,51,.82),rgba(8,20,29,.92));color:#84eaff;font-size:8px;letter-spacing:.10em;cursor:pointer}.demo-guid-value-row button:hover{color:#fff;border-color:rgba(105,232,255,.36)}
.demo-guid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.demo-guid-stats article{min-height:66px;padding:11px 12px;border:1px solid rgba(95,216,247,.10);border-radius:11px;background:linear-gradient(180deg,rgba(12,29,41,.64),rgba(7,17,25,.80))}.demo-guid-stats span{display:block;font-size:6.5px;letter-spacing:.15em;color:#526f7f}.demo-guid-stats strong{display:block;margin-top:8px;font-size:10px;color:#e7f9fd}.demo-guid-stats strong.green{color:#72e9b5}
.demo-guid-note{min-height:38px;margin-top:10px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(78,215,165,.10);border-radius:10px;background:rgba(20,69,54,.08);color:#648690;font-size:7.5px}.demo-guid-note i{width:6px;height:6px;border-radius:50%;background:#66e6b0;box-shadow:0 0 10px rgba(102,230,176,.45);flex:0 0 auto}
@media(max-width:760px){.demo-guid-hero{grid-template-columns:1fr;padding:16px}.demo-guid-generate{width:100%}.demo-guid-value-row{grid-template-columns:1fr}.demo-guid-value-row button{width:100%;height:38px}.demo-guid-value-row code{font-size:12px;min-height:58px}.demo-guid-stats{grid-template-columns:1fr}.demo-guid-label-row{align-items:flex-start;flex-direction:column}}


/* v12 — GUID Spoofer feedback polish */
.demo-guid-stats{grid-template-columns:repeat(2,1fr)}
.demo-guid-value-row{position:relative}
.demo-guid-value-row code,
.demo-guid-value-row button{transition:border-color .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, opacity .25s ease}
.demo-guid-panel.guid-generated .demo-guid-value-row code{
  border-color:rgba(100,240,170,.55);
  background:linear-gradient(180deg, rgba(12,48,34,.92), rgba(8,22,17,.96));
  color:#ecfff6;
  box-shadow:inset 0 0 24px rgba(70,225,170,.10), 0 0 28px rgba(70,225,170,.18);
  animation:guidGreenFlash 1s ease forwards, guidFadeReturn 1s ease 1s forwards;
}
.demo-guid-panel.guid-generated .demo-guid-value-row button{
  border-color:rgba(100,240,170,.38);
  color:#b7ffe1;
  background:linear-gradient(180deg, rgba(16,53,40,.88), rgba(8,24,18,.94));
  box-shadow:0 0 22px rgba(70,225,170,.10);
  animation:guidGreenFlashButton 1s ease forwards, guidFadeReturnButton 1s ease 1s forwards;
}
@keyframes guidGreenFlash{
  0%{border-color:rgba(100,240,170,.22);box-shadow:inset 0 0 8px rgba(70,225,170,.02),0 0 0 rgba(70,225,170,0)}
  30%{border-color:rgba(100,240,170,.72);box-shadow:inset 0 0 24px rgba(70,225,170,.12),0 0 34px rgba(70,225,170,.28)}
  100%{border-color:rgba(100,240,170,.55);box-shadow:inset 0 0 24px rgba(70,225,170,.10),0 0 28px rgba(70,225,170,.18)}
}
@keyframes guidFadeReturn{
  from{border-color:rgba(100,240,170,.55);background:linear-gradient(180deg, rgba(12,48,34,.92), rgba(8,22,17,.96));color:#ecfff6;box-shadow:inset 0 0 24px rgba(70,225,170,.10),0 0 28px rgba(70,225,170,.18)}
  to{border-color:rgba(100,228,255,.16);background:#07131c;color:#dffaff;box-shadow:inset 0 0 24px rgba(50,174,221,.04)}
}
@keyframes guidGreenFlashButton{
  0%{border-color:rgba(100,240,170,.18);box-shadow:0 0 0 rgba(70,225,170,0)}
  30%{border-color:rgba(100,240,170,.52);box-shadow:0 0 26px rgba(70,225,170,.18)}
  100%{border-color:rgba(100,240,170,.38);box-shadow:0 0 22px rgba(70,225,170,.10)}
}
@keyframes guidFadeReturnButton{
  from{border-color:rgba(100,240,170,.38);background:linear-gradient(180deg, rgba(16,53,40,.88), rgba(8,24,18,.94));color:#b7ffe1;box-shadow:0 0 22px rgba(70,225,170,.10)}
  to{border-color:rgba(92,220,255,.18);background:linear-gradient(180deg,rgba(14,37,51,.82),rgba(8,20,29,.92));color:#84eaff;box-shadow:none}
}
@media(max-width:760px){
  .demo-guid-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .demo-guid-stats{grid-template-columns:1fr}
}


/* =========================================================
   v13 — full visual polish pass
   Premium Riftline presentation + clearer section hierarchy
   ========================================================= */
:root{
  --surface:#071019;
  --surface-2:#0a1620;
  --surface-3:#0d1c28;
  --cyan-soft:rgba(94,234,255,.12);
  --cyan-faint:rgba(94,234,255,.055);
  --white-faint:rgba(255,255,255,.06);
}
body{
  background:
    radial-gradient(circle at 10% 20%,rgba(20,89,132,.08),transparent 24%),
    radial-gradient(circle at 90% 52%,rgba(17,74,121,.07),transparent 25%),
    #030609;
}
main{position:relative;isolation:isolate}
main:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0,rgba(94,234,255,.018) 50%,transparent 100%);
}
.section{position:relative}
.section:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(92vw,1500px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(101,226,255,.12),transparent);
}
.section-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#7cecff;
  letter-spacing:.25em;
}
.section-eyebrow:before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),transparent);
  box-shadow:0 0 12px rgba(94,234,255,.30);
}
.section-title-row h2,.status-wrap h2,.final-cta h2{
  text-wrap:balance;
  text-shadow:0 0 40px rgba(82,220,255,.035);
}
.section-title-row p{color:#8197a5}

/* Header */
.topbar{
  width:min(calc(100% - 56px),1340px);
  border-bottom-color:rgba(255,255,255,.08);
}
.topbar.scrolled,.topbar.menu-open{
  border:1px solid rgba(102,226,255,.10);
  border-top:0;
  border-radius:0 0 14px 14px;
  padding-inline:18px;
  box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025);
}
.logo span{font-weight:850}
.header-cta{
  border-radius:10px;
  background:linear-gradient(180deg,rgba(15,39,53,.66),rgba(8,20,29,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

/* Hero */
.hero{border-bottom:1px solid rgba(255,255,255,.045)}
.hero-vignette{
  background:
    radial-gradient(circle at 72% 36%,rgba(8,50,77,.08),transparent 27%),
    linear-gradient(90deg,rgba(2,5,8,.985) 0%,rgba(2,5,8,.91) 30%,rgba(2,5,8,.46) 61%,rgba(2,5,8,.81) 100%),
    linear-gradient(180deg,rgba(2,5,8,.26),rgba(2,5,8,.18) 56%,#030609 100%);
}
.hero-grid{opacity:.10;background-size:76px 76px}
.hero-inner{width:min(calc(100% - 56px),1340px)}
.status-chip{
  padding:8px 11px;
  border:1px solid rgba(84,230,175,.15);
  border-radius:999px;
  background:rgba(9,37,29,.18);
  color:#9dc5b6;
  backdrop-filter:blur(8px);
}
.hero-kicker{color:#8ba5b4}
.hero h1{
  max-width:1050px;
  font-weight:900;
  filter:drop-shadow(0 18px 50px rgba(0,0,0,.24));
}
.hero h1 span{
  -webkit-text-stroke:1px rgba(225,249,255,.86);
  text-shadow:0 0 44px rgba(72,220,255,.075);
}
.hero-line{color:#d2dde2;font-weight:450}
.hero-tags{gap:8px}
.hero-tags span{
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  background:rgba(8,19,27,.36);
  backdrop-filter:blur(8px);
  color:#8199a7;
}
.primary-action{
  min-height:54px;
  border-radius:11px;
  padding:0 24px;
  background:linear-gradient(180deg,#f4fdff,#dff9ff);
  box-shadow:0 12px 38px rgba(50,196,242,.11),inset 0 1px 0 #fff;
}
.text-action{padding:10px 2px 6px}
.hero-bottom{width:min(calc(100% - 56px),1340px)}
.release-strip{
  padding:9px 11px;
  border-left:1px solid rgba(94,234,255,.22);
  background:linear-gradient(90deg,rgba(8,24,34,.42),transparent);
}

/* Trust strip */
.trust-strip{
  width:min(calc(100% - 56px),1340px);
  margin:28px auto 0;
  border:1px solid rgba(96,223,252,.10);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(10,25,35,.72),rgba(6,14,21,.66));
  box-shadow:0 26px 70px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.trust-strip>div{min-height:104px}
.trust-strip span{color:#4e7487}
.trust-strip strong{color:#eefcff}
.trust-strip small{color:#78909e}

/* Pricing */
.pricing{padding-top:126px}
.launch-price-banner{
  min-height:92px;
  border-radius:16px;
  border-color:rgba(97,225,253,.14);
  background:
    radial-gradient(circle at 100% 0%,rgba(39,170,232,.10),transparent 25%),
    linear-gradient(120deg,rgba(12,35,48,.86),rgba(6,16,23,.92));
  box-shadow:0 22px 60px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03);
}
.sale-pill,.discount-badge,.popular,.value-badge,.lifetime-badge{border-radius:8px}
.price-grid{gap:16px}
.price-card{
  min-height:488px;
  border-radius:18px;
  border-color:rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 100% 0%,rgba(66,187,232,.045),transparent 30%),
    linear-gradient(160deg,rgba(13,25,34,.97),rgba(5,11,16,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 22px 55px rgba(0,0,0,.12);
}
.price-card:hover{
  transform:translateY(-7px);
  border-color:rgba(103,229,255,.30);
  box-shadow:0 34px 80px rgba(0,0,0,.28),0 0 34px rgba(51,196,239,.045),inset 0 1px 0 rgba(255,255,255,.04);
}
.price-card.featured{
  border-color:rgba(94,234,255,.43);
  background:
    radial-gradient(circle at 100% 0%,rgba(47,197,255,.10),transparent 30%),
    linear-gradient(160deg,rgba(12,31,43,.98),rgba(5,12,18,.99));
  box-shadow:0 0 60px rgba(35,176,231,.065),inset 0 1px 0 rgba(255,255,255,.035);
}
.price-card.value{border-color:rgba(91,229,178,.26)}
.price-card .card-top{padding-bottom:20px}
.price b{font-size:54px}
.plan-button{
  height:52px;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(16,41,54,.74),rgba(9,22,31,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.price-card.featured .plan-button{
  border-color:rgba(100,229,255,.34);
  background:linear-gradient(135deg,rgba(26,135,182,.35),rgba(12,35,49,.92));
}
.lifetime-card{border-radius:18px}
.lifetime-main{border-radius:16px}

/* Product preview — make it feel like a product showcase, not a page widget */
.features{
  width:min(calc(100% - 40px),1480px);
  padding-top:122px;
}
.features .section-eyebrow,.features .section-title-row{width:min(calc(100% - 32px),1340px);margin-left:auto;margin-right:auto}
.feature-heading{margin-bottom:34px}
.demo-hint{
  padding:8px 10px;
  border:1px solid rgba(97,225,253,.10);
  border-radius:999px;
  background:rgba(8,21,29,.48);
  color:#6e8795;
}
.demo-shell{
  border-radius:22px;
  border-color:rgba(106,230,255,.23);
  box-shadow:0 48px 130px rgba(0,0,0,.46),0 0 90px rgba(18,150,205,.065),inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateZ(0);
}
.demo-shell:before{border-radius:16px}
.demo-shell:after{border-radius:22px}
.demo-titlebar{height:62px}
.demo-layout{min-height:735px}
.demo-sidebar{width:auto}
.demo-main{padding:26px 28px 18px}
.demo-page-head{min-height:90px}
.demo-page-head h3{font-size:30px}
.demo-page-head p{font-size:11px}
.demo-panel,.demo-settings-group,.demo-field-card,.demo-tire-card,.demo-context-card,.demo-hotkey-panel,.demo-auto-live,.demo-footer{border-radius:13px}
.demo-field-card{transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}
.demo-field-card:hover{
  transform:translateY(-2px);
  border-color:rgba(105,229,255,.20);
  background:linear-gradient(180deg,rgba(13,34,47,.90),rgba(7,18,26,.97));
}
.demo-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.026),0 10px 32px rgba(0,0,0,.09)}
.demo-guid-hero,.demo-guid-panel{border-radius:15px}

/* Status */
.status-section{padding-top:106px;padding-bottom:110px}
.status-wrap{
  border:1px solid rgba(97,225,253,.11);
  border-radius:18px;
  padding:44px 42px;
  background:
    radial-gradient(circle at 85% 20%,rgba(40,174,223,.075),transparent 28%),
    linear-gradient(180deg,rgba(10,24,34,.72),rgba(6,15,22,.82));
  box-shadow:0 28px 80px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025);
}
.system-status{
  border:1px solid rgba(98,221,247,.085);
  border-radius:13px;
  padding:16px 14px;
  background:rgba(4,13,19,.38);
}

/* FAQ */
.faq{padding-top:105px}
.faq-grid{
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(8,19,27,.54),rgba(5,12,18,.50));
}
.faq-item{padding:0 22px;background:transparent}
.faq-item:last-child{border-bottom:0}
.faq-item summary{min-height:82px}
.faq-item:hover{background:rgba(30,104,132,.035)}
.faq-item summary span{border-radius:8px}

/* Final CTA/footer */
.final-cta{
  min-height:650px;
  height:auto;
  padding:110px 24px;
  background:
    radial-gradient(circle at 50% 50%,rgba(28,118,173,.12),transparent 32%),
    linear-gradient(180deg,#030609,#050b10);
}
.final-cta:after{
  content:"";
  position:absolute;
  inset:14% 8%;
  border:1px solid rgba(102,226,255,.06);
  border-radius:26px;
  pointer-events:none;
}
.wordmark{filter:drop-shadow(0 0 34px rgba(46,204,255,.16))}
footer{width:min(calc(100% - 56px),1340px)}

/* Mobile refinement */
@media(max-width:760px){
  .topbar{width:calc(100% - 28px)}
  .topbar.scrolled,.topbar.menu-open{padding-inline:10px}
  .hero-inner,.hero-bottom{width:calc(100% - 28px)}
  .hero-tags{gap:6px}
  .hero-tags span{font-size:8px;padding:6px 8px}
  .trust-strip{width:calc(100% - 28px);margin-top:16px;border-radius:13px}
  .launch-price-banner,.price-card,.faq-grid,.status-wrap{border-radius:14px}
  .price-grid{gap:12px}
  .price-card{padding:23px;min-height:0}
  .features{width:calc(100% - 18px)}
  .features .section-eyebrow,.features .section-title-row{width:calc(100% - 10px)}
  .demo-shell{border-radius:15px}
  .demo-shell:after{border-radius:15px}
  .demo-main{padding:17px 12px 12px}
  .status-wrap{padding:28px 20px}
  .faq-item{padding:0 15px}
  .final-cta:after{inset:10% 14px}
  footer{width:calc(100% - 28px)}
}

/* v14 — compact Lifetime pricing + richer FAQ */
.price-card.lifetime-card{
  grid-column:2 / span 2;
  min-height:0;
  padding:0;
  overflow:hidden;
  align-self:start;
}
.lifetime-card:after{
  width:210px;
  height:110px;
  right:8%;
  opacity:.7;
}
.lifetime-main{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:26px;
  align-items:center;
  padding:24px 26px;
}
.lifetime-offer{min-width:0}
.lifetime-main .card-top{padding-bottom:14px}
.lifetime-main .price{padding:18px 0 0}
.lifetime-main .price b{font-size:48px}
.lifetime-copy p{font-size:12px;line-height:1.55;margin-bottom:12px}
.lifetime-copy ul{display:grid;gap:8px;margin:0 0 18px;font-size:10.5px}
.lifetime-copy .plan-button{height:46px;margin:0;max-width:320px}

.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  border:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.faq-item{
  min-width:0;
  border:1px solid rgba(96,223,252,.09);
  border-radius:15px;
  padding:0 18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(48,164,210,.045),transparent 32%),
    linear-gradient(180deg,rgba(10,24,34,.72),rgba(6,15,22,.80));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.faq-item:last-child{border-bottom:1px solid rgba(96,223,252,.09)}
.faq-item:hover{
  background:
    radial-gradient(circle at 100% 0%,rgba(48,164,210,.075),transparent 34%),
    linear-gradient(180deg,rgba(11,28,39,.82),rgba(7,17,25,.88));
  border-color:rgba(96,223,252,.16);
}
.faq-item summary{
  min-height:74px;
  padding:0;
  font-size:13px;
  line-height:1.35;
}
.faq-item summary span{flex:0 0 auto}
.faq-item p{
  margin:-1px 40px 20px 0;
  max-width:none;
  color:#7893a1;
  font-size:11.5px;
  line-height:1.72;
}
.faq-item[open]{border-color:rgba(96,223,252,.18)}

@media(max-width:1050px){
  .price-card.lifetime-card{grid-column:1 / -1}
  .lifetime-main{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .price-card.lifetime-card{grid-column:auto}
  .lifetime-main{grid-template-columns:1fr;gap:8px;padding:22px}
  .lifetime-copy .plan-button{max-width:none}
  .faq-grid{grid-template-columns:1fr;gap:10px}
  .faq-item{padding:0 15px}
  .faq-item summary{min-height:70px;font-size:12.5px}
  .faq-item p{margin:0 34px 18px 0;font-size:11px}
}

/* =========================================================
   Riftline v15 — full product-site expansion
   Showcase, feature map, onboarding, compatibility, trust,
   grouped FAQ, Discord placeholder, policies and CTA polish.
   ========================================================= */

.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}
.header-discord{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8ba5b4;padding:11px 13px;border:1px solid rgba(255,255,255,.075);background:rgba(6,17,25,.42);backdrop-filter:blur(12px);transition:.2s var(--ease)}
.header-discord:hover{color:#fff;border-color:rgba(94,234,255,.25);background:rgba(20,70,88,.22)}
.desktop-nav a.active{color:#fff}
.desktop-nav a.active:after{left:0;right:0}
.discord-text{color:#738e9d}
.section-chip{font-size:8px;letter-spacing:.16em;color:#78e9fd;border:1px solid rgba(94,234,255,.15);padding:10px 12px;background:rgba(16,51,66,.16);white-space:nowrap}

/* Inside Riftline */
.inside{padding-top:118px;padding-bottom:90px}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.showcase-card{min-height:490px;border:1px solid rgba(107,222,251,.13);background:linear-gradient(160deg,rgba(11,25,35,.94),rgba(5,11,16,.98));display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.showcase-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 78%,rgba(38,170,232,.10),transparent 35%);pointer-events:none}
.showcase-card:hover{transform:translateY(-5px);border-color:rgba(99,226,255,.28);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.showcase-copy{padding:28px 28px 22px;position:relative;z-index:1}
.showcase-copy>span{font-size:8px;letter-spacing:.17em;color:#68e6fb;font-weight:800}
.showcase-copy h3{font-size:25px;line-height:1.08;letter-spacing:-.035em;margin:13px 0 10px;max-width:360px}
.showcase-copy p{font-size:11px;line-height:1.7;color:#708997;margin:0;max-width:380px}
.showcase-visual{margin-top:auto;min-height:235px;border-top:1px solid rgba(94,221,250,.10);background:linear-gradient(180deg,rgba(5,13,19,.60),rgba(3,8,12,.98));padding:24px;position:relative;z-index:1}
.showcase-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,222,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(96,222,250,.025) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.mini-title{height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07);font-size:7px;letter-spacing:.13em;color:#668493;position:relative}
.mini-title i{width:6px;height:6px;border-radius:50%;background:#63e6b2;box-shadow:0 0 10px rgba(99,230,178,.55)}
.mini-title b{color:#66e6b2;font-size:6px}
.mini-field{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 15px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.mini-field>span{font-size:9px;color:#d8edf4}.mini-field small{display:block;color:#4e6978;font-size:6px;margin-top:4px;letter-spacing:.06em}.mini-field>b{font-size:9px;color:#7cecff}
.mini-field>i{grid-column:1/-1;height:4px;border-radius:999px;background:linear-gradient(90deg,#5fe9ff 0 var(--p),#0a2633 var(--p));box-shadow:0 0 12px rgba(94,234,255,.08)}
.mini-actions{display:flex;align-items:center;gap:6px;padding-top:13px}.mini-actions span{border:1px solid rgba(94,234,255,.10);padding:6px 8px;color:#708b99;font-size:6px}.mini-actions strong{margin-left:auto;color:#5fe0aa;font-size:6px;letter-spacing:.1em}
.preset-window{border:1px solid rgba(94,234,255,.12);background:rgba(10,27,38,.70);padding:16px;display:grid;gap:5px;position:relative}.preset-window small{color:#5c7988;font-size:6px;letter-spacing:.14em}.preset-window strong{font-size:16px;letter-spacing:-.02em}.preset-window span{font-size:7px;color:#6b8795}
.preset-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.preset-slots b{border:1px solid rgba(94,234,255,.09);padding:11px;font-size:7px;color:#8299a4;background:rgba(8,20,29,.7)}.preset-slots em{display:block;font-style:normal;color:#5b7888;font-size:5.5px;margin-top:6px}.preset-slots b:first-child{border-color:rgba(99,230,178,.18);color:#dffaf0}.preset-slots b:first-child em{color:#65e3ad}.preset-buttons{display:flex;gap:6px;margin-top:12px}.preset-buttons span{flex:1;text-align:center;border:1px solid rgba(94,234,255,.10);padding:8px 5px;color:#748e9b;font-size:6px;background:rgba(9,25,35,.65)}
.telemetry-visual{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:18px}.telemetry-ring{width:150px;height:150px;border-radius:50%;border:1px solid rgba(94,234,255,.18);box-shadow:inset 0 0 0 12px rgba(14,48,64,.16),0 0 35px rgba(48,197,240,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:auto}.telemetry-ring:before{content:"";position:absolute;inset:14px;border:5px solid rgba(94,234,255,.10);border-top-color:#5ce9ff;border-right-color:#5ce9ff;border-radius:50%;transform:rotate(28deg)}.telemetry-ring span,.telemetry-ring b{position:relative;z-index:1}.telemetry-ring span{font-size:7px;color:#5c7c8a;letter-spacing:.15em}.telemetry-ring b{font-size:22px;margin-top:4px}.telemetry-stack{display:grid;gap:8px}.telemetry-stack>span{min-height:51px;border:1px solid rgba(94,234,255,.10);background:rgba(9,25,35,.66);padding:10px 11px;display:flex;align-items:center;justify-content:space-between}.telemetry-stack small{font-size:6px;color:#557483;letter-spacing:.13em}.telemetry-stack b{font-size:12px;color:#e8fbff}

/* Feature map */
.capabilities{padding-top:70px;padding-bottom:100px}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.07)}
.capability-card{min-height:205px;padding:24px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(150deg,rgba(11,25,34,.55),rgba(5,11,16,.20));transition:background .2s var(--ease)}
.capability-card:hover{background:linear-gradient(150deg,rgba(15,44,58,.60),rgba(6,14,20,.30))}
.capability-card>span{font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#45687b;letter-spacing:.12em}.capability-card h3{font-size:18px;margin:28px 0 9px}.capability-card p{font-size:10px;line-height:1.65;color:#667f8d;margin:0}

/* Getting started */
.getting-started{padding-top:90px;padding-bottom:110px}
.steps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(94,234,255,.12);border-bottom:1px solid rgba(94,234,255,.12)}
.step-card{min-height:260px;padding:25px 22px;position:relative;background:linear-gradient(180deg,rgba(8,20,28,.54),rgba(4,10,15,.24))}.step-card+.step-card{border-left:1px solid rgba(255,255,255,.07)}.step-card>b{font-size:32px;letter-spacing:-.06em;color:rgba(94,234,255,.18);font-weight:800}.step-card>span{display:block;margin-top:35px;font-size:7px;letter-spacing:.17em;color:#64e2f8}.step-card h3{font-size:16px;line-height:1.2;margin:10px 0 8px}.step-card p{font-size:9.5px;line-height:1.65;color:#637d8b;margin:0}

/* Compatibility + changelog */
.release-section{padding-top:90px;padding-bottom:120px}
.release-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}
.compat-card,.changelog-card{border:1px solid rgba(97,220,249,.13);background:linear-gradient(155deg,rgba(11,26,36,.88),rgba(5,11,16,.96));padding:34px;position:relative;overflow:hidden}.compat-card:after,.changelog-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(27,149,220,.08);filter:blur(80px);right:-100px;bottom:-100px;pointer-events:none}.compat-card h2{font-size:40px;letter-spacing:-.05em;line-height:1;margin:0 0 28px}.compat-list{border-top:1px solid rgba(255,255,255,.07)}.compat-list>div{min-height:48px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:15px}.compat-list span{font-size:8px;color:#597786;letter-spacing:.10em;text-transform:uppercase}.compat-list b{font-size:10px;color:#dff6fc}.compat-list b.green{color:#68e8b2}.compat-card>p{font-size:9px;line-height:1.7;color:#607a88;margin:20px 0 0}.release-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.release-top span{font-size:7px;color:#64e2f8;letter-spacing:.18em}.release-top h3{font-size:34px;letter-spacing:-.04em;margin:7px 0 0}.release-top>b{font-size:7px;letter-spacing:.14em;color:#75eeba;border:1px solid rgba(85,228,174,.19);background:rgba(32,110,83,.10);padding:8px 10px}.release-date{font-size:7px;color:#526e7e;letter-spacing:.16em;margin:16px 0 25px}.release-list{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.07)}.release-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}.release-list i{width:6px;height:6px;border-radius:50%;background:#5de5f9;box-shadow:0 0 10px rgba(93,229,249,.35);margin-top:5px}.release-list span{font-size:9px;line-height:1.55;color:#718a97}.release-list span b{display:block;color:#d8edf4;font-size:10px;margin-bottom:3px}.release-link{display:inline-flex;gap:10px;align-items:center;margin-top:20px;font-size:9px;font-weight:700;color:#7be8fa;border-bottom:1px solid rgba(94,234,255,.25);padding-bottom:4px}.release-link span{color:#5eeaff}

/* Purchase trust */
.purchase-trust{padding-top:90px;padding-bottom:95px}
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trust-card{min-height:190px;padding:24px;border:1px solid rgba(94,220,249,.10);background:linear-gradient(155deg,rgba(10,24,34,.68),rgba(5,11,16,.88))}.trust-card>span{font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#456879;letter-spacing:.13em}.trust-card h3{font-size:17px;margin:28px 0 8px}.trust-card p{font-size:9.5px;line-height:1.7;color:#66808e;margin:0}

/* Grouped FAQ */
.faq{padding-top:95px;padding-bottom:105px}.faq-groups{display:grid;gap:22px}.faq-group{display:grid;grid-template-columns:260px 1fr;border-top:1px solid rgba(94,234,255,.12);padding-top:18px}.faq-group-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-content:start;padding:14px 28px 0 0}.faq-group-head>span{font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#45697b;letter-spacing:.12em}.faq-group-head h3{font-size:17px;margin:0}.faq-group-head p{font-size:8px;line-height:1.55;color:#5d7887;margin:7px 0 0}.faq-group .faq-grid{border-top:0}.faq-group .faq-item:first-child{border-top:0}.faq-item{content-visibility:auto;contain-intrinsic-size:auto 80px}.faq-item summary{min-height:68px;font-size:12px}.faq-item p{font-size:10.5px}

/* Discord placeholder */
.discord-section{padding-top:65px;padding-bottom:75px}.discord-card{min-height:280px;border:1px solid rgba(99,226,255,.16);background:radial-gradient(circle at 15% 50%,rgba(36,132,225,.13),transparent 28%),linear-gradient(120deg,rgba(10,28,40,.94),rgba(5,11,16,.98));display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:34px;padding:42px 46px;position:relative;overflow:hidden}.discord-card:after{content:"";position:absolute;right:-120px;top:-110px;width:350px;height:350px;border:1px solid rgba(94,234,255,.06);border-radius:50%;box-shadow:0 0 0 45px rgba(94,234,255,.025),0 0 0 90px rgba(94,234,255,.012)}.discord-mark{width:100px;height:100px;border:1px solid rgba(94,234,255,.18);background:linear-gradient(145deg,#0d3548,#07151f);display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 35px rgba(43,191,238,.08)}.discord-mark span{transform:rotate(-45deg);font-size:42px;font-weight:900;color:#8eefff;text-shadow:0 0 22px rgba(94,234,255,.22)}.discord-copy,.discord-actions{position:relative;z-index:1}.discord-copy>span{font-size:8px;letter-spacing:.18em;color:#65e2f8}.discord-copy h2{font-size:38px;letter-spacing:-.045em;line-height:1;margin:10px 0 9px;max-width:620px}.discord-copy p{max-width:620px;margin:0;font-size:10px;line-height:1.65;color:#68818f}.discord-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-width:165px}.discord-actions .text-action{text-align:center}.discord-placeholder{white-space:nowrap}

/* Policies */
.policies{padding-top:75px;padding-bottom:105px}.policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.policy-card{min-height:220px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(155deg,rgba(10,23,32,.56),rgba(5,11,16,.75));padding:23px;display:flex;flex-direction:column}.policy-card>span{font-size:7px;letter-spacing:.16em;color:#5edff5}.policy-card h3{font-size:17px;margin:26px 0 9px}.policy-card p{font-size:9px;line-height:1.7;color:#607a89;margin:0}.policy-card>b{margin-top:auto;font-size:6px;letter-spacing:.13em;color:#4c6675}.policy-card>a{margin-top:auto;font-size:8px;color:#72e7fb}

/* Final CTA + footer */
.final-kicker{position:relative;font-size:8px;letter-spacing:.18em;color:#63e0f6;margin-top:24px}.final-cta h2{margin-top:15px}.final-cta>p{max-width:580px;line-height:1.6}.final-actions{position:relative;display:flex;align-items:center;gap:10px;margin-top:3px}.secondary-action{min-height:50px;padding:0 22px;border:1px solid rgba(94,234,255,.20);background:rgba(9,27,38,.50);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#d8f8ff;transition:.2s var(--ease)}.secondary-action:hover{border-color:rgba(94,234,255,.42);background:rgba(25,83,105,.28)}.secondary-action span{margin-left:12px;color:#5eeaff}.footer-links{justify-self:end;display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}

.placeholder-toast{position:fixed;z-index:500;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid rgba(94,234,255,.22);background:rgba(4,15,22,.94);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.35);padding:11px 15px;color:#dff9ff;font-size:9px;letter-spacing:.04em;transition:opacity .2s var(--ease),transform .2s var(--ease)}.placeholder-toast.show{opacity:1;transform:translate(-50%,0)}

/* Performance containment for below-the-fold sections */
.inside,.capabilities,.getting-started,.release-section,.purchase-trust,.discord-section,.policies{content-visibility:auto;contain-intrinsic-size:auto 700px}

@media(max-width:1120px){
  .desktop-nav{gap:20px}.header-discord{display:none}
  .showcase-grid{grid-template-columns:1fr 1fr}.showcase-card:last-child{grid-column:1/-1;min-height:380px}.showcase-card:last-child .showcase-visual{min-height:210px}.telemetry-visual{grid-template-columns:220px 1fr}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(3,1fr);border-bottom:0}.step-card{border-bottom:1px solid rgba(94,234,255,.10)}.step-card:nth-child(4){border-left:0}
  .policy-grid{grid-template-columns:repeat(2,1fr)}
  .discord-card{grid-template-columns:90px 1fr}.discord-mark{width:78px;height:78px}.discord-actions{grid-column:2;flex-direction:row;align-items:center}.discord-actions .primary-action{width:max-content}
}

@media(max-width:900px){
  .release-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.faq-group{grid-template-columns:1fr}.faq-group-head{padding:8px 0 12px}.discord-card{padding:34px}
}

@media(max-width:760px){
  .header-actions{display:none}
  .hero-actions{gap:18px;flex-wrap:wrap}.discord-text{width:100%;border:0;padding:0;margin-top:-5px}
  .inside,.capabilities,.getting-started,.release-section,.purchase-trust,.faq,.discord-section,.policies{padding-top:78px;padding-bottom:78px}
  .section-chip{white-space:normal}
  .showcase-grid{grid-template-columns:1fr}.showcase-card:last-child{grid-column:auto}.showcase-card{min-height:430px}.showcase-copy{padding:22px 20px 18px}.showcase-copy h3{font-size:23px}.showcase-visual{padding:20px;min-height:220px}.telemetry-visual{grid-template-columns:1fr 1fr}.telemetry-ring{width:120px;height:120px}.telemetry-ring b{font-size:17px}
  .capability-grid{grid-template-columns:1fr 1fr}.capability-card{min-height:180px;padding:20px}
  .steps-grid{grid-template-columns:1fr;border:1px solid rgba(94,234,255,.10)}.step-card,.step-card+.step-card,.step-card:nth-child(4){border-left:0;border-bottom:1px solid rgba(255,255,255,.07);min-height:180px}.step-card:last-child{border-bottom:0}.step-card>span{margin-top:22px}
  .compat-card,.changelog-card{padding:25px}.compat-card h2{font-size:34px}.release-top h3{font-size:28px}
  .trust-grid{grid-template-columns:1fr}.trust-card{min-height:150px}
  .faq-item summary{min-height:64px;font-size:11px;padding-right:0}.faq-item p{margin-right:42px}
  .discord-card{grid-template-columns:1fr;padding:28px;text-align:left}.discord-mark{width:68px;height:68px}.discord-copy h2{font-size:31px}.discord-actions{grid-column:auto;flex-direction:column;align-items:stretch}.discord-actions .primary-action{width:100%}
  .policy-grid{grid-template-columns:1fr}.policy-card{min-height:180px}
  .final-actions{flex-direction:column;width:min(320px,calc(100% - 36px))}.final-actions>a{width:100%}
  .footer-links{justify-self:center;justify-content:center}.footer-links a{padding:4px}
}

@media(max-width:480px){
  .capability-grid{grid-template-columns:1fr}.telemetry-visual{grid-template-columns:1fr}.telemetry-ring{margin-bottom:6px}.preset-slots{grid-template-columns:1fr 1fr}.preset-slots b:last-child{grid-column:1/-1}.compat-list>div{align-items:flex-start;flex-direction:column;gap:5px;padding:11px 0}.release-top{flex-direction:column}.discord-copy h2{font-size:27px}
}


/* v16 — scroll motion polish */
/* Give staggered cards a subtle light lift once they settle. */
.reveal-card.visible{
  backface-visibility:hidden;
}
.showcase-card.reveal-card,
.price-card.reveal-card,
.capability-card.reveal-card,
.step-card.reveal-card,
.trust-card.reveal-card,
.policy-card.reveal-card{
  transform-origin:50% 100%;
}

/* Long feature blocks feel better with slightly slower motion than small cards. */
.demo-shell.reveal{
  transform:translate3d(0,64px,0) scale(.982);
  transition-duration:.78s,1s,.72s;
}
.demo-shell.reveal.visible{transform:translate3d(0,0,0) scale(1)}
.discord-card.reveal-card,
.status-wrap.reveal-card{
  transform:translate3d(0,48px,0) scale(.985);
}
.discord-card.reveal-card.visible,
.status-wrap.reveal-card.visible{transform:translate3d(0,0,0) scale(1)}

/* The first strip below the hero now participates in the same scroll language. */
.trust-strip>div.reveal{
  transform:translate3d(0,34px,0) scale(.99);
  filter:blur(3px);
}
.trust-strip>div.reveal.visible{transform:none;filter:none}

/* Avoid hover transforms fighting with a card while it is still revealing. */
.reveal:not(.visible):hover{transform:translate3d(0,58px,0) scale(.972)}
.reveal-heading:not(.visible):hover{transform:translate3d(0,24px,0)}

@media(max-width:760px){
  .reveal{transform:translate3d(0,34px,0) scale(.99);filter:blur(2px)}
  .reveal.reveal-card{transform:translate3d(0,42px,0) scale(.982)}
  .reveal.reveal-heading{transform:translate3d(0,18px,0)}
  .demo-shell.reveal{transform:translate3d(0,44px,0) scale(.988)}
}

@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.reveal-card,.reveal.reveal-heading,.demo-shell.reveal,.trust-strip>div.reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* v18 hero-video compatibility: keep the same visual fallback while allowing
   the muted background video on all viewport sizes. */
.hero-bg-video{background:radial-gradient(circle at 50% 45%,#0a1722 0,#050b11 48%,#03070c 100%)}

/* v19 — production polish: loading state, accessibility, secondary pages, checkout completion. */
.skip-link{position:fixed;z-index:10000;left:18px;top:14px;padding:11px 15px;background:#eefcff;color:#041018;font-size:12px;font-weight:800;transform:translateY(-160%);transition:transform .18s var(--ease);border-radius:6px}.skip-link:focus{transform:none}
:where(a,button,input,summary):focus-visible{outline:2px solid #72eaff;outline-offset:3px}
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#030609;transition:opacity .38s ease,visibility .38s ease}.site-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.site-loader-inner{display:grid;justify-items:center;gap:14px;color:#eefcff;font-size:11px;font-weight:850;letter-spacing:.22em}.site-loader-inner img{width:56px;height:56px;filter:drop-shadow(0 0 22px rgba(76,222,255,.32))}.site-loader-inner i{display:block;width:130px;height:2px;overflow:hidden;background:rgba(94,234,255,.10);position:relative}.site-loader-inner i:after{content:"";position:absolute;top:0;bottom:0;width:44%;background:#6eeaff;box-shadow:0 0 14px rgba(94,234,255,.45);animation:loaderSweep 1s ease-in-out infinite}@keyframes loaderSweep{0%{left:-44%}100%{left:100%}}
.policy-privacy-note{max-width:720px;margin:-5px 0 28px;color:#6e8997;font-size:10px;line-height:1.7}
.release-link-secondary{margin-left:18px;color:#8ca8b5}
.payment-support-note{margin:14px 0 4px;padding:12px 13px;border:1px solid rgba(255,193,96,.14);background:rgba(94,61,17,.09);display:grid;gap:5px;border-radius:8px}.payment-support-note strong{font-size:8px;letter-spacing:.08em;color:#ffc77a;text-transform:uppercase}.payment-support-note span{font-size:8px;line-height:1.55;color:#82929a}
.post-purchase-actions{display:grid;gap:8px;margin-top:14px}.checkout-secondary{border:1px solid rgba(94,234,255,.18);background:rgba(12,30,42,.72);color:#dffaff;text-decoration:none}.checkout-secondary:hover{border-color:rgba(94,234,255,.38);background:rgba(24,74,94,.35)}

/* Secondary / utility pages */
.utility-body{min-height:100vh;background:#030609}.utility-topbar{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:min(calc(100% - 48px),var(--max))}.utility-main{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:92px 0 120px}.utility-hero{padding:58px 0 48px;border-bottom:1px solid rgba(255,255,255,.075);position:relative}.utility-hero:before{content:"";position:absolute;width:420px;height:260px;left:-110px;top:-60px;background:rgba(21,151,232,.08);filter:blur(95px);pointer-events:none}.utility-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.2em;color:#64e2f8;margin-bottom:16px}.utility-hero h1{font-size:clamp(46px,7vw,82px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:850px}.utility-hero p{max-width:710px;margin:20px 0 0;font-size:13px;line-height:1.75;color:#7b929f}.utility-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:38px}.utility-card{border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.82),rgba(5,11,16,.94));padding:26px;min-height:190px;position:relative;overflow:hidden}.utility-card:after{content:"";position:absolute;width:180px;height:180px;right:-100px;bottom:-100px;border-radius:50%;background:rgba(31,158,225,.06);filter:blur(48px)}.utility-card>span{font-size:7px;letter-spacing:.16em;color:#5edff5}.utility-card h2,.utility-card h3{font-size:23px;letter-spacing:-.035em;margin:20px 0 10px}.utility-card p,.utility-card li{font-size:10px;line-height:1.7;color:#708997}.utility-card ul,.utility-card ol{padding-left:18px;margin:12px 0 0}.utility-card a{position:relative;z-index:1;display:inline-flex;margin-top:16px;font-size:9px;color:#78e8fb;border-bottom:1px solid rgba(94,234,255,.22);padding-bottom:3px}.utility-wide{grid-column:1/-1}.utility-notice{margin-top:22px;padding:16px 18px;border:1px solid rgba(255,194,91,.15);background:rgba(95,61,16,.08);font-size:9px;line-height:1.7;color:#8d9699}.utility-notice strong{color:#ffd08a}.utility-table{display:grid;margin-top:20px;border-top:1px solid rgba(255,255,255,.07)}.utility-row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.utility-row span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#5b7887}.utility-row b,.utility-row p{margin:0;font-size:10px;color:#d8edf4;font-weight:600}.utility-row p{font-weight:400;color:#79909d;line-height:1.65}.status-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:36px}.service-card{min-height:150px;border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.82),rgba(5,11,16,.94));padding:22px}.service-card>span{font-size:7px;letter-spacing:.16em;color:#567383}.service-card strong{display:flex;align-items:center;gap:8px;margin-top:25px;font-size:17px}.service-card strong i{width:8px;height:8px;border-radius:50%;background:#6e7e86}.service-card strong.online i{background:#55e6ad;box-shadow:0 0 13px rgba(73,230,170,.45)}.service-card strong.offline i{background:#ff6879}.service-card small{display:block;margin-top:8px;color:#607986;font-size:8px;line-height:1.55}.status-detail{margin-top:12px;border:1px solid rgba(94,222,250,.10);padding:22px;background:rgba(7,18,26,.66)}.status-detail pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#6f8d9b;font-size:9px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.release-entry{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.075);display:grid;grid-template-columns:170px 1fr;gap:34px}.release-entry time{font-size:8px;letter-spacing:.14em;color:#587887}.release-entry h2{font-size:29px;margin:0 0 12px}.release-entry ul{padding-left:18px;color:#718a98}.release-entry li{font-size:10px;line-height:1.8}.download-checklist{counter-reset:step;display:grid;gap:10px;margin-top:28px}.download-step{counter-increment:step;border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.82),rgba(5,11,16,.94));padding:22px 22px 22px 74px;position:relative}.download-step:before{content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:22px;font-size:17px;font-weight:900;color:#65e5fa}.download-step h2{font-size:18px;margin:0 0 7px}.download-step p{font-size:10px;line-height:1.7;color:#708997;margin:0}.disabled-download{opacity:.62;cursor:not-allowed}.policy-copy{max-width:900px}.policy-copy h2{font-size:23px;margin:42px 0 11px}.policy-copy h3{font-size:16px;margin:26px 0 8px}.policy-copy p,.policy-copy li{font-size:11px;line-height:1.8;color:#8196a1}.policy-copy ul{padding-left:20px}.policy-copy strong{color:#dff5fb}.draft-badge{display:inline-flex;padding:7px 9px;border:1px solid rgba(255,194,91,.18);color:#ffd08a;background:rgba(95,61,16,.08);font-size:7px;letter-spacing:.13em;font-weight:800}.utility-footer{width:min(calc(100% - 48px),var(--max));margin:auto;min-height:100px;height:auto;padding:26px 0}

@media(max-width:980px){.status-page-grid{grid-template-columns:1fr 1fr}.utility-grid{grid-template-columns:1fr}.utility-wide{grid-column:auto}.release-entry{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.utility-main{width:calc(100% - 28px);padding-top:55px}.utility-topbar{width:calc(100% - 28px)}.utility-hero{padding-top:35px}.utility-hero h1{font-size:50px}.status-page-grid{grid-template-columns:1fr}.utility-row{grid-template-columns:1fr;gap:6px}.release-link-secondary{margin-left:0;display:flex;width:max-content}.site-loader-inner img{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.site-loader-inner i:after{animation:none;left:28%}.site-loader{transition:none}}
.site-loader{animation:loaderFailsafe .01s linear 4s forwards}@keyframes loaderFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.site-loader.hidden{animation:none}
.incident-item{padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.incident-item strong{font-size:10px;color:#dff4f9}.incident-item p{margin:4px 0 0!important}.utility-card code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8deaff}

/* v20 — customer accounts + Discord linking */
.header-account{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border:1px solid rgba(96,222,250,.13);background:rgba(8,20,28,.54);color:#91a8b4;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.18s ease}.header-account:hover,.header-account.active{color:#f2fdff;border-color:rgba(102,230,255,.32);background:rgba(18,47,63,.62);box-shadow:0 0 20px rgba(55,204,245,.05)}
.account-main{padding-top:72px}.account-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}.account-hero .utility-actions{justify-content:flex-end}.account-shell{margin-top:34px}.account-auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:12px}.account-panel{border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.88),rgba(5,11,16,.96));padding:28px;position:relative;overflow:hidden}.account-panel:before{content:"";position:absolute;width:240px;height:240px;right:-130px;top:-120px;border-radius:50%;background:rgba(31,158,225,.065);filter:blur(60px);pointer-events:none}.account-panel>*{position:relative;z-index:1}.account-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.account-panel-head span{display:block;font-size:7px;letter-spacing:.17em;color:#5edff5}.account-panel-head h2{font-size:27px;letter-spacing:-.04em;margin:8px 0 0}.account-panel-head p{max-width:520px;margin:8px 0 0;color:#718a98;font-size:9px;line-height:1.7}.account-tabs{display:flex;gap:6px;margin-bottom:18px}.account-tab{height:34px;padding:0 14px;border:1px solid rgba(94,222,250,.11);background:rgba(8,22,31,.68);color:#698795;font-size:8px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.account-tab.active{color:#f3fdff;border-color:rgba(94,234,255,.36);background:linear-gradient(135deg,rgba(27,150,214,.22),rgba(10,32,47,.88))}.account-form{display:grid;gap:12px}.account-form.hidden,.account-view.hidden{display:none}.account-field{display:grid;gap:7px}.account-field>span{font-size:7px;letter-spacing:.13em;color:#5c7888;text-transform:uppercase}.account-field input{height:44px;border:1px solid rgba(93,218,247,.13);background:#061018;color:#e4f8fd;padding:0 13px;font:inherit;font-size:10px;outline:none;transition:.18s}.account-field input:focus{border-color:rgba(99,232,255,.42);box-shadow:0 0 0 3px rgba(59,213,244,.055)}.account-field small{color:#526c79;font-size:7.5px;line-height:1.55}.account-submit{height:44px;border:1px solid rgba(100,229,255,.32);background:linear-gradient(135deg,rgba(28,157,220,.28),rgba(8,33,48,.92));color:#f2fdff;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.18s}.account-submit:hover{border-color:rgba(112,235,255,.58);box-shadow:0 0 26px rgba(57,208,255,.10)}.account-submit:disabled{opacity:.55;cursor:wait}.account-inline-action{border:0;background:transparent;color:#6ee4f9;text-decoration:underline;text-underline-offset:4px;font-size:8px;cursor:pointer;padding:0}.account-message{min-height:36px;display:none;align-items:center;padding:0 12px;border:1px solid rgba(94,222,250,.10);background:rgba(8,23,32,.56);color:#8299a5;font-size:8px;line-height:1.5}.account-message.show{display:flex}.account-message.error{border-color:rgba(255,104,121,.18);color:#ff9eab;background:rgba(79,20,30,.12)}.account-message.success{border-color:rgba(83,230,172,.16);color:#78eab7;background:rgba(20,75,55,.10)}.account-security-list{display:grid;gap:10px;margin-top:18px}.account-security-item{border-top:1px solid rgba(255,255,255,.065);padding-top:13px}.account-security-item strong{display:block;font-size:9px;color:#dff5fb}.account-security-item p{margin:5px 0 0;color:#637d8a;font-size:8px;line-height:1.6}
.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.account-stat{min-height:104px;border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.82),rgba(5,11,16,.94));padding:19px}.account-stat span{display:block;font-size:7px;letter-spacing:.14em;color:#587585}.account-stat strong{display:block;margin-top:17px;font-size:17px;color:#ecfbff;word-break:break-word}.account-stat small{display:block;margin-top:6px;color:#607986;font-size:7.5px}.account-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px}.account-stack{display:grid;gap:12px}.account-license-list{display:grid;gap:8px}.account-license{border:1px solid rgba(94,222,250,.10);background:rgba(7,19,28,.68);padding:15px}.account-license-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-license-top strong{font-size:11px}.account-license-top span{font-size:7px;letter-spacing:.12em;padding:6px 8px;border:1px solid rgba(82,229,172,.15);color:#75e7b4;background:rgba(20,76,56,.08)}.account-license-top span.bad{color:#ff98a5;border-color:rgba(255,104,121,.16);background:rgba(79,20,30,.09)}.account-license-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.account-license-meta div{border-top:1px solid rgba(255,255,255,.055);padding-top:9px}.account-license-meta span{display:block;color:#536f7e;font-size:6.5px;letter-spacing:.11em;text-transform:uppercase}.account-license-meta b{display:block;margin-top:5px;color:#bcd4dd;font-size:8px}.account-empty{padding:20px;border:1px dashed rgba(94,222,250,.14);color:#667f8c;font-size:9px;text-align:center}.account-discord-card{border-color:rgba(116,139,255,.15);background:radial-gradient(circle at 90% 5%,rgba(91,104,255,.10),transparent 36%),linear-gradient(155deg,rgba(11,25,35,.88),rgba(5,11,16,.96))}.discord-mark{width:38px;height:38px;border:1px solid rgba(132,151,255,.23);display:grid;place-items:center;color:#bac5ff;font-size:13px;font-weight:900;background:rgba(90,104,255,.09)}.discord-link-state{display:flex;align-items:center;gap:10px;margin:15px 0}.discord-link-state i{width:8px;height:8px;border-radius:50%;background:#687b86}.discord-link-state.linked i{background:#58e5ae;box-shadow:0 0 13px rgba(73,230,170,.45)}.discord-link-state strong{font-size:10px}.account-button-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.account-small-button{min-height:34px;padding:0 11px;border:1px solid rgba(94,222,250,.14);background:rgba(8,23,32,.66);color:#7f9aa7;font-size:7.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.account-small-button:hover{color:white;border-color:rgba(94,234,255,.34)}.account-small-button.primary{color:#eafdff;border-color:rgba(94,234,255,.30);background:rgba(27,117,153,.16)}.account-small-button.danger{color:#d98b94;border-color:rgba(255,104,121,.12)}.account-link-license{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.account-link-license input{height:38px;border:1px solid rgba(93,218,247,.12);background:#061018;color:#e4f8fd;padding:0 11px;font-size:9px;outline:none}.account-link-license button{height:38px;padding:0 13px}.account-password-grid{display:grid;gap:9px}.account-password-grid input{height:38px;border:1px solid rgba(93,218,247,.12);background:#061018;color:#e4f8fd;padding:0 11px;font-size:9px;outline:none}.account-status-pill{display:inline-flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.12em;color:#6fe9b8}.account-status-pill i{width:6px;height:6px;border-radius:50%;background:#55e6ad;box-shadow:0 0 10px rgba(73,230,170,.5)}
.account-loading{min-height:330px;display:grid;place-items:center;border:1px solid rgba(94,222,250,.10);background:rgba(7,18,26,.55)}.account-loading div{text-align:center}.account-loading i{display:block;width:28px;height:28px;border:2px solid rgba(94,222,250,.12);border-top-color:#66e6fa;border-radius:50%;margin:0 auto 13px;animation:accountSpin .8s linear infinite}.account-loading span{font-size:8px;letter-spacing:.13em;color:#66818f}@keyframes accountSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.account-auth-grid,.account-dashboard-grid{grid-template-columns:1fr}.account-summary{grid-template-columns:1fr 1fr 1fr}.account-hero{grid-template-columns:1fr;align-items:start}.account-hero .utility-actions{justify-content:flex-start}}
@media(max-width:760px){.header-account{display:none}.account-main{padding-top:50px}.account-summary{grid-template-columns:1fr}.account-panel{padding:20px}.account-license-meta{grid-template-columns:1fr}.account-link-license{grid-template-columns:1fr}.account-link-license button{width:100%}}


/* v21 — Discord-required account setup gate */
.account-discord-gate{
  max-width:760px;
  margin:0 auto;
  padding:34px;
  text-align:center;
  border-color:rgba(88,216,255,.24);
  background:radial-gradient(circle at 50% 0,rgba(40,147,216,.13),transparent 42%),linear-gradient(180deg,rgba(10,27,39,.96),rgba(6,16,24,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 48px rgba(46,190,240,.06);
}
.account-discord-gate .account-panel-head{justify-content:center;text-align:center}
.account-discord-gate .account-panel-head>div{margin:0 auto;max-width:600px}
.account-discord-gate .account-button-row{justify-content:center;margin-top:22px}
.account-discord-gate>.account-small-button{margin-top:14px}
.discord-gate-mark{
  width:58px;height:58px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;
  border:1px solid rgba(105,225,255,.24);background:linear-gradient(145deg,rgba(31,118,168,.38),rgba(8,25,36,.92));
  color:#a9f2ff;font-size:24px;font-weight:800;box-shadow:0 0 34px rgba(64,203,246,.11)
}

/* Optional account newsletter opt-in */
.account-newsletter-consent{display:flex;align-items:flex-start;gap:9px;color:#7892a3;font-size:8px;line-height:1.65}
.account-newsletter-consent input{flex:0 0 auto;width:14px;height:14px;margin:1px 0 0;accent-color:#5eeaff}
.account-newsletter-consent a{color:#75e7f7;text-decoration:underline;text-underline-offset:2px}

/* Account security, sessions, order history and the combined release view. */
.security-form{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.account-session-list,.account-order-list{display:grid;gap:7px;margin-top:16px}
.account-session-row,.account-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(94,222,250,.10);background:rgba(7,19,28,.68)}
.account-session-row strong,.account-order-row strong{display:block;font-size:8px;color:#dff5fb}
.account-session-row span,.account-order-row span{display:block;margin-top:5px;font-size:7px;color:#6b8593}
.account-order-row{margin:0}
.account-revoke-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
.account-revoke-form input{min-width:0;height:36px;border:1px solid rgba(93,218,247,.12);background:#061018;color:#e4f8fd;padding:0 10px;font-size:8px}
.download-changelog-panel{margin-top:38px;padding:26px;border:1px solid rgba(94,222,250,.12);background:linear-gradient(155deg,rgba(11,25,35,.82),rgba(5,11,16,.94))}
.download-changelog-heading>span{font-size:7px;letter-spacing:.16em;color:#5edff5}
.download-changelog-heading h2{font-size:24px;margin:12px 0 6px}
.download-changelog-heading p{font-size:9px;color:#708997}
.download-changelog-panel .release-entry{grid-template-columns:130px 1fr;padding:18px 0}
.download-changelog-panel .release-entry h2{font-size:19px}
@media(max-width:760px){.account-revoke-form{grid-template-columns:1fr}.account-order-row{align-items:flex-start}.download-changelog-panel{padding:18px}.download-changelog-panel .release-entry{grid-template-columns:1fr;gap:10px}}

/* v21.2 — account state visibility hotfix */
.account-loading.hidden,
.account-discord-gate.hidden{
  display:none !important;
}

/* MX Bikes setup pack purchase and account downloads */
.setup-pack-panel{border-color:rgba(94,222,250,.22)}
.setup-pack-orders{display:grid;gap:8px;margin-top:14px}
.setup-pack-order{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(94,222,250,.10);background:rgba(7,19,28,.68);padding:12px}
.setup-pack-order strong{display:block;color:#e8faff;font-size:9px}
.setup-pack-order span{display:block;margin-top:5px;color:#7893a0;font-size:8px}
.setup-pack-order .account-small-button{flex:none;text-decoration:none;display:inline-flex;align-items:center}
.setup-pack-promo{padding-top:16px;padding-bottom:70px}
.setup-pack-promo-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(94,222,250,.18);background:linear-gradient(120deg,rgba(11,25,35,.96),rgba(6,20,29,.82))}
.setup-pack-promo-card h2{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}
.setup-pack-promo-card p{max-width:650px;margin:10px 0 0;color:#819aa6;font-size:12px;line-height:1.7}
.setup-pack-promo-card .primary-action{flex:none}
@media(max-width:760px){.setup-pack-order,.setup-pack-promo-card{align-items:flex-start;flex-direction:column}.setup-pack-promo-card .primary-action{width:100%;justify-content:center}}