/* KRYXON / REVEAL SYSTEM 01 — designed November 2026
   Editorial, cinematic, purposeful motion. No external font libraries. */
:root{
  color-scheme:dark;
  --void:#06070d;--black:#090a12;--panel:#10111d;--panel2:#171424;
  --white:#f4f2fb;--fog:#c8c1d8;--muted:#9994ac;--edge:#514464;
  --violet:#b25bff;--violet-hot:#d3a5ff;--cyan:#65ebe2;--blue:#60b8ff;
  --signal:#8efbde;--pad:clamp(20px,5vw,100px);
  --display:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif;
  --body:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  --mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;overflow-x:clip;background:var(--void);color:var(--white);
 font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::selection,::selection{background:var(--violet);color:#04030b}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
img,svg{max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);font-stretch:condensed;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:.004em}
h1{font-size:clamp(4.3rem,10vw,11rem)}
h2{font-size:clamp(3rem,6.8vw,7.4rem)}
h3{font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.2}
em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;text-transform:none;letter-spacing:-.05em}
.container{width:min(calc(100% - 2*var(--pad)),1540px);margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.skip{position:absolute;left:15px;top:-110px;z-index:500;background:var(--cyan);color:#090b10;padding:12px}
.skip:focus{top:8px}
.ruler{font:700 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.eyebrow{font:700 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0 0 25px}
.eyebrow::before{content:"//";color:var(--violet);margin-right:10px}

/* Masthead: ultra-thin, tense, editorial */
.topbar{position:sticky;top:0;z-index:90;border-bottom:1px solid #ffffff24;background:#080910ef;backdrop-filter:blur(16px)}
.nav{display:flex;align-items:center;height:80px;gap:20px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}
.brand-mark{display:block;width:42px;height:42px;flex:0 0 42px;border:1px solid #9a75ba65;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.brand-name{font:900 21px/1 var(--display);letter-spacing:.2em}
.brand-sub{display:block;margin-top:6px;font:9px var(--mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:clamp(9px,1.75vw,27px)}
.navlinks a{font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#bfbac9;padding:13px 0;border-bottom:1px solid transparent;white-space:nowrap;transition:color .2s}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--cyan);border-bottom-color:var(--cyan)}
.top-actions{display:flex;align-items:center;gap:9px}
.lang{background:transparent;border:1px solid #5b5167;padding:10px 13px;color:#f2eaff;font:11px var(--mono);cursor:pointer}
.nav-toggle{display:none;color:white;background:transparent;border:1px solid #665b72;width:43px;height:43px;cursor:pointer}
.hamburger{width:19px;margin:auto;display:flex;flex-direction:column;gap:5px}
.hamburger span{height:2px;width:100%;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] .hamburger span:first-child{transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .hamburger span:last-child{transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:14px 23px;border:1px solid #d1c0e780;background:transparent;color:white;cursor:pointer;font:800 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .2s,transform .2s,border-color .2s}
.btn:hover{border-color:#fff;transform:translateY(-2px)}
.btn-primary{background:var(--cyan);color:#090d11;border-color:var(--cyan);box-shadow:0 0 40px #65ebe228}
.btn-primary:hover{background:#b6fff9;color:#0a1111}
.btn-secondary{background:#08091066}
.btn-ghost{border-color:#494053;color:#bfb7ce}
.btn-arrow::after{content:"↗";font-size:18px;line-height:1}

/* Launch sequence */
.launch{position:relative;isolation:isolate;min-height:calc(100svh - 80px);overflow:hidden;background:
 radial-gradient(ellipse at 71% 44%,#54216f29,transparent 37%),
 radial-gradient(ellipse at 15% 80%,#1a7c7420,transparent 52%),
 linear-gradient(155deg,#0a0914,#06070d 74%);}
.launch::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:linear-gradient(90deg,transparent 49.91%,#e7dafa0d 50%,transparent 50.09%),
 repeating-linear-gradient(0deg,transparent 0 95px,#bbb1dd0a 96px),
 repeating-linear-gradient(90deg,transparent 0 95px,#bbb1dd09 96px);
 mask-image:linear-gradient(90deg,transparent,#000 20% 95%,transparent)}
.launch::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#be73ff,#53f0e0,transparent)}
.launch .container{position:relative}
#signal-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6;z-index:-1}
.launch-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(18px,4vw,80px);align-items:center;min-height:740px;padding:95px 0 115px}
.launch-kicker{display:flex;gap:15px;align-items:center;margin-bottom:26px;font:700 10px var(--mono);letter-spacing:.18em;color:#c2b5d5}
.live-ping{height:8px;width:8px;background:var(--cyan);box-shadow:0 0 12px var(--cyan),0 0 23px var(--cyan);animation:ping 2.8s ease-in-out infinite}
@keyframes ping{50%{opacity:.36;box-shadow:0 0 3px var(--cyan)}}
.launch h1{font-size:clamp(5.6rem,11.6vw,13.2rem);margin:0;line-height:.8;letter-spacing:-.01em}
.launch h1 .outline{color:transparent;-webkit-text-stroke:1px #c6b5e7;text-shadow:0 0 35px #bb75ff25}
.launch h1 .chromatic{display:block;color:var(--white)}
.launch h1 .chromatic span{color:var(--violet)}
.launch-deck{max-width:550px;margin:40px 0 24px;color:#c3bfce;font-size:clamp(15px,1.2vw,18px);line-height:1.8}
.launch-actions{display:flex;flex-wrap:wrap;gap:11px}
.launch-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:47px;padding-top:17px;border-top:1px solid #ffffff26;color:#a9a2bc;font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em}
.launch-meta span:first-child{color:var(--cyan)}
.stage{position:relative;display:grid;place-items:center;aspect-ratio:1/1;perspective:1000px;max-width:760px;margin-inline:auto;width:100%;transform:translate3d(0,0,0)}
.stage::before{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,#a255ff27,transparent 64%);filter:blur(32px);animation:breathe 6s ease-in-out infinite}
.stage::after{content:"";position:absolute;width:56%;height:56%;background:radial-gradient(circle,#5d24a32b,transparent 70%);filter:blur(30px)}
.orbit-system{position:absolute;inset:7%;transform-style:preserve-3d;transform:rotateX(var(--tilt-y,4deg)) rotateY(var(--tilt-x,-4deg));transition:transform .24s ease-out}
.orbit{position:absolute;inset:8%;border:1px solid #7f64bb57;border-radius:50%;box-shadow:inset 0 0 15px #7638a10a}
.orbit.r1{inset:0;border-color:#9f5ce23f;border-top-color:#d7b2ff;border-left-color:#65ebe27d;animation:spin 28s linear infinite}
.orbit.r2{inset:13%;border:2px dashed #8c6db64f;animation:spinReverse 35s linear infinite}
.orbit.r3{inset:27%;border:1px solid #66efe04f;box-shadow:0 0 24px #65ebe00f;animation:spin 22s linear infinite}
.orbit.r4{inset:4% 0;transform:rotateX(66deg);border-color:#b66ce35a;animation:orbitX 20s linear infinite}
.orbit.r5{inset:4% 0;transform:rotateY(66deg);border-color:#65ebe04d;animation:orbitY 24s linear infinite}
.orbit.r1::after{content:"";position:absolute;top:8%;left:13%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.orbit.r2::before{content:"";position:absolute;right:13%;bottom:10%;height:9px;width:9px;background:var(--violet);box-shadow:0 0 20px var(--violet)}
.core-hex{position:absolute;width:45%;aspect-ratio:1;z-index:4;display:grid;place-items:center;clip-path:polygon(50% 0,89% 23%,100% 50%,89% 78%,50% 100%,11% 78%,0 50%,11% 23%);
 background:linear-gradient(145deg,#8c4ef04f,#122b384f);border:0;filter:drop-shadow(0 0 33px #8e45c354);
 animation:float 8s ease-in-out infinite}
.core-hex::before{content:"";position:absolute;inset:2px;background:radial-gradient(circle at 45% 30%,#211439,#0b0d19 75%);clip-path:inherit}
.core-hex img{position:relative;z-index:2;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 22px #c78aff6a)}
.stage-cross{position:absolute;inset:8%;pointer-events:none}
.stage-cross::before,.stage-cross::after{content:"";position:absolute;background:#70ebe025}
.stage-cross::before{height:1px;left:0;right:0;top:50%}
.stage-cross::after{width:1px;top:0;bottom:0;left:50%}
.stage-coord{position:absolute;z-index:5;font:10px var(--mono);letter-spacing:.14em;color:#c2b2db;white-space:nowrap}
.stage-coord.top{top:8%;right:0}.stage-coord.bottom{bottom:6%;left:4%;color:var(--cyan)}
.stage-coord.left{left:0;top:48%;transform:rotate(-90deg) translateY(-18px);transform-origin:left center}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 300deg,#99e8ed12 330deg,transparent 357deg);animation:spin 14s linear infinite;mask-image:radial-gradient(circle,transparent 25%,black 65%,transparent 80%)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes orbitX{50%{transform:rotateX(66deg) rotateZ(180deg)}to{transform:rotateX(66deg) rotateZ(360deg)}}
@keyframes orbitY{50%{transform:rotateY(66deg) rotateZ(180deg)}to{transform:rotateY(66deg) rotateZ(360deg)}}
@keyframes float{50%{transform:translateY(-14px) scale(1.035)}}
@keyframes breathe{50%{transform:scale(1.18);opacity:.64}}
.scroll-cue{position:absolute;bottom:27px;left:var(--pad);font:10px var(--mono);color:#a59aaf;letter-spacing:.13em}
.scroll-cue::before{content:"";height:38px;width:1px;background:var(--cyan);display:inline-block;vertical-align:middle;margin-right:17px;animation:cue 2s ease-in-out infinite}
@keyframes cue{50%{transform:translateY(9px);opacity:.3}}
.signal-ticker{overflow:hidden;border-block:1px solid #ffffff2e;background:#0c0b13}
.signal-ticker .track{width:max-content;display:flex;gap:54px;align-items:center;padding:19px 20px;animation:marquee 36s linear infinite}
.signal-ticker span{font:700 12px var(--mono);white-space:nowrap;letter-spacing:.15em;color:#bbb2d0}
.signal-ticker b{color:var(--cyan);font-weight:400}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Editorial product story */
.chap{position:relative;padding:clamp(95px,11vw,190px) 0;border-bottom:1px solid #ffffff27}
.chap-head{max-width:1040px;margin-bottom:60px}
.chap-head h2{margin:20px 0 28px}
.chap-head p{max-width:810px;color:var(--fog);font-size:clamp(16px,1.4vw,21px)}
.stat-line{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff2e;padding:25px 0;font:12px var(--mono);color:#9c93b5}
.stat-line strong{font-size:16px;color:var(--cyan)}
.feature-rail{border-top:1px solid #ffffff3f}
.feature-row{position:relative;display:grid;grid-template-columns:70px minmax(0,1.2fr) minmax(0,1fr) 40px;gap:26px;align-items:center;min-height:168px;border-bottom:1px solid #ffffff35;padding:35px 12px;transition:background .22s,padding .22s}
.feature-row:hover{background:#6e33ba13;padding-inline:25px}
.feature-row .idx{font:11px var(--mono);color:var(--cyan)}
.feature-row h3{font:800 clamp(27px,3.5vw,50px) var(--display);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.feature-row p{margin:0;line-height:1.7;color:#aaa2bf;max-width:480px}
.feature-row .arrow{font-size:28px;color:var(--violet);text-align:right}
.feature-row:hover .arrow{color:var(--cyan)}
.project-strip{display:grid;grid-template-columns:.65fr 1.2fr;gap:clamp(30px,5vw,80px);border-top:1px solid #ffffff33;padding-top:42px}
.project-strip h3{font:normal italic clamp(30px,4vw,60px) Georgia,serif;margin:0}
.project-strip p{max-width:720px;color:#b6afc4;font-size:clamp(16px,1.5vw,21px)}
.product-canvas{position:relative;overflow:hidden;border:1px solid #6d58805c;background:repeating-linear-gradient(0deg,transparent 0 59px,#b59acc0b 60px),
 linear-gradient(125deg,#151129,#080c16);min-height:380px;margin:40px 0;display:grid;grid-template-columns:1fr 1fr}
.product-canvas .blueprint{position:absolute;top:21px;left:25px;font:10px var(--mono);color:#b6a7cd;letter-spacing:.15em}
.diagram{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:80px 30px}
.diagram-node{border:1px solid #9173ad;padding:22px 18px;font:11px var(--mono);text-align:center;letter-spacing:.08em;color:#efe7ff;background:#22153375;min-width:133px}
.diagram-node.accent{border-color:var(--cyan);color:var(--cyan)}
.diagram-link{width:45px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan));position:relative}
.diagram-link::after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--cyan);border-top:3px solid transparent;border-bottom:3px solid transparent}
.diagram-side{padding:80px clamp(25px,4vw,65px) 40px;border-left:1px solid #554663}
.diagram-side p{font-size:clamp(17px,2vw,25px);color:#d7cfe7;max-width:470px}
.diagram-side small{font:11px var(--mono);color:var(--cyan)}
.requeue-portal{position:relative;min-height:610px;overflow:hidden;background:#071112;display:grid;align-items:end}
.requeue-portal::before{content:"REQUEUE";position:absolute;left:-.04em;bottom:10%;font:900 clamp(140px,22vw,450px)/.7 var(--display);letter-spacing:-.04em;color:#65ebe213;white-space:nowrap}
.requeue-portal::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#02070eea 3%,transparent 78%),repeating-linear-gradient(-21deg,transparent 0 130px,#74eade0e 131px)}
.requeue-content{position:relative;z-index:2;padding-top:100px;padding-bottom:90px}
.requeue-content h2{font-size:clamp(5rem,10vw,12rem);margin:12px 0}
.requeue-content p{max-width:650px;color:#bfced0;font-size:clamp(17px,1.65vw,23px)}
.requeue-content h2 em{color:var(--cyan)}
.reveal-status{color:var(--cyan);font:10px var(--mono);letter-spacing:.12em}
.reveal-status::before{content:"●";margin-right:8px;animation:ping 2s infinite}
.launch-cta{padding:clamp(80px,11vw,155px) 0;text-align:center;background:radial-gradient(ellipse at 50% 60%,#4c176a26,transparent 60%);}
.launch-cta h2{max-width:1120px;margin:10px auto 30px}
.launch-cta h2 em{color:var(--violet)}
.launch-cta p{max-width:700px;margin:0 auto 30px;color:#bbb1c8;font-size:18px}
.copyright-ticker{font:10px var(--mono);color:#a299b7;letter-spacing:.09em}

/* REQUEUE: high energy but complementary identity */
.requeue-page{background:#070b0f}
.rq-launch{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 38%,#0d91863d,transparent 47%),linear-gradient(150deg,#09151a,#05090e 76%);min-height:calc(100svh - 80px)}
.rq-launch::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 91px,#4edbd50a 92px),repeating-linear-gradient(0deg,transparent 0 91px,#4edbd509 92px);mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.rq-huge{font-size:clamp(6rem,17.3vw,23.5rem)!important;white-space:nowrap;letter-spacing:-.025em!important;line-height:.76!important;margin:0!important}
.rq-huge span{color:transparent;-webkit-text-stroke:1.5px #b8fff4}
.rq-huge em{font-family:var(--display);font-weight:900;font-style:normal;color:var(--cyan);letter-spacing:-.02em}
.rq-layout{position:relative;z-index:2;padding:115px 0 120px}
.rq-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:80px;font:11px var(--mono);color:#8eede4;letter-spacing:.15em}
.rq-lead{max-width:740px;font-size:clamp(18px,2vw,26px);color:#cadcda;line-height:1.6}
.rq-aftertitle{display:grid;grid-template-columns:.7fr 1fr;gap:50px;align-items:end;margin-top:70px;border-top:1px solid #4e827e70;padding-top:25px}
.rq-orb{position:absolute;right:5%;top:15%;width:min(44vw,630px);aspect-ratio:1;pointer-events:none;opacity:.6;animation:spin 22s linear infinite}
.rq-orb::before,.rq-orb::after{content:"";position:absolute;inset:0;border:1px dashed #7df3eb9b;border-radius:50%}
.rq-orb::after{inset:16%;border:2px solid #53dbce5e;transform:rotateX(63deg)}
.rq-sticky{font:10px var(--mono);letter-spacing:.15em;color:var(--cyan)}
.rq-steps{border-top:1px solid #52716d7a}
.rq-step{display:grid;grid-template-columns:90px 1fr minmax(150px,1fr);gap:30px;padding:34px 0;border-bottom:1px solid #52716d7a}
.rq-step .n{font:13px var(--mono);color:var(--cyan)}
.rq-step h3{font:800 clamp(32px,4vw,58px) var(--display);text-transform:uppercase;margin:0}
.rq-step p{color:#b3c3c2;font-size:16px}
.rq-step a{text-decoration:underline;text-decoration-color:var(--cyan)}
.rq-rule{padding:26px 0;border-bottom:1px solid #447b7573;display:flex;gap:32px;align-items:baseline}
.rq-rule b{font:12px var(--mono);color:var(--cyan)}
.rq-rule p{margin:0;font-size:16px;color:#b8c8c7}
.rq-spotlight{border:1px solid #65ebe268;padding:50px;background:linear-gradient(130deg,#092121,#090e15);position:relative;overflow:hidden}
.rq-spotlight::after{content:"+";position:absolute;right:-.1em;top:-.35em;font:700 350px var(--display);color:#72e7db13}
.rq-spotlight>*{position:relative;z-index:2}
.rq-spotlight h2{font-size:clamp(4rem,7vw,8rem)}
.rq-spotlight p{max-width:700px;font-size:18px;color:#d1dedd}
.rq-smallprint{font:11px var(--mono);color:#86aaa6;letter-spacing:.1em}
.rq-end{padding:120px 0}
.rq-end h2{font-size:clamp(4rem,10vw,11rem);margin:15px 0}
.rq-end h2 em{color:var(--cyan)}
.rq-row{display:grid;grid-template-columns:62px minmax(140px,.8fr) 1fr;gap:30px;align-items:baseline;border-bottom:1px solid #4b77717c;padding:28px 0}
.rq-row strong{font:800 clamp(26px,3vw,44px) var(--display);text-transform:uppercase}
.rq-row p{color:#a7c5c0}
.rq-tag{font:11px var(--mono);color:var(--cyan);letter-spacing:.15em}
.rq-list{border-top:1px solid #4b77717c}
.rq-manifesto{display:grid;grid-template-columns:.5fr 1fr;gap:70px;padding-top:110px;padding-bottom:90px}
.rq-manifesto p{font-size:20px}
.rq-cover{min-height:620px}

/* Shared lightweight text components and legal/readability */
.section{padding:105px 0;border-bottom:1px solid #ffffff2b}
.section-head{max-width:950px;margin-bottom:48px}
.section-head p{color:#b7afc7;font-size:17px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #51475a}
.feature{padding:37px 25px;border-right:1px solid #51475a;border-bottom:1px solid #51475a}
.feature h3{font:italic normal 28px Georgia,serif;text-transform:none}
.feature p{color:var(--muted)}
.feature-num{display:flex;justify-content:space-between;margin-bottom:45px;font:11px var(--mono);color:var(--cyan)}
.path{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4d435a}
.step{padding:34px 28px;border-right:1px solid #4d435a}
.step-num{font:11px var(--mono);color:var(--cyan);margin-bottom:32px}
.step h3{font:800 27px var(--display)}
.step p{color:var(--muted)}
.privacybox{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.privacybox p,.cta p,.demo-action p,.product-wide p{color:var(--muted)}
.privacybox,.cta,.demo-action,.product-wide{padding:clamp(25px,5vw,62px);border:1px solid #50425f;background:#14101d}
.privacybox h2,.cta h2{font-size:clamp(3rem,6vw,6.5rem)}
.privacybox h2 em,.cta h2 em,.product-wide h2 em{color:var(--violet)}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{border-bottom:1px solid #564862;padding:15px 0}
.checklist li::before{content:"+";color:var(--cyan);font:24px var(--display);margin-right:14px}
.cta{text-align:center}
.cta p{max-width:600px;margin:0 auto 25px}
.pill{display:inline-flex;gap:7px;border-bottom:1px solid var(--cyan);font:11px var(--mono);color:var(--cyan);padding:10px 0}
.dot{display:inline-block;height:6px;width:6px;background:var(--cyan)}
.trust{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font:11px var(--mono)}
.trust-dot{height:6px;width:6px;background:var(--cyan)}
.trust-sep{color:#645970}
.dashboard,.board-bar,.board-user,.kpis,.board-section,.board-footer{max-width:100%}
.dashboard{border:1px solid #665778;padding:30px;background:#13101e;box-shadow:15px 15px 0 #21182c}
.board-bar,.board-user,.board-footer,.section-line{display:flex;justify-content:space-between;align-items:center;gap:12px}
.board-bar{border-bottom:1px solid #65526b;padding-bottom:15px;font:11px var(--mono)}
.board-chip{color:var(--cyan)}
.board-user{padding:22px 0}
.avatar{display:grid;place-items:center;width:50px;height:50px;background:var(--violet);font:30px var(--display)}
.board-user h3{margin:0;font-size:18px}
.board-user p,.rank small{font:11px var(--mono);color:var(--muted);margin:0}
.rank{text-align:right;margin-left:auto}
.rank strong{color:var(--violet-hot)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #66526b}
.kpi{padding:20px 10px;border-right:1px solid #66526b}
.kpi:last-child{border:0}
.kpi small{display:block;color:var(--muted);font:10px var(--mono)}
.kpi strong{display:block;font:36px var(--display)}
.kpi span{font:11px var(--mono);color:var(--cyan)}
.board-section{padding:23px 0}
.section-line,.board-footer{font:11px var(--mono);color:#aca4bc}
.section-line strong,.tick{color:var(--cyan)}
.spark{display:block;height:105px;width:100%}
.board-footer{padding-top:12px;border-top:1px solid #66526b}
.strip{border-block:1px solid #4e465d;background:#100e18}
.strip-inner{display:flex;justify-content:space-between;gap:25px;padding:22px 0;align-items:center}
.strip-label,.strip-points{font:11px var(--mono);color:var(--cyan)}
.strip-points{display:flex;flex-wrap:wrap;gap:17px;color:#bab2c8}
.discord-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px;border:1px solid #564863}
.spotlight-label,.mini-window-bar,.mini-foot{font:11px var(--mono);color:var(--cyan)}
.spotlight-left h3{font:800 clamp(34px,4vw,62px) var(--display)}
.spotlight-left p{color:var(--muted)}
.mini-window{border:1px solid #584968;padding:22px}
.mini-window-bar{margin-bottom:15px;border-bottom:1px solid #514361;padding-bottom:12px}
.mini-dots{display:none}
.mini-command{display:flex;justify-content:space-between;gap:13px;border-bottom:1px solid #514361;padding:13px 0}
.mini-command b{color:var(--cyan);font:11px var(--mono)}
.mini-command .pending{color:var(--violet)}
.mini-bullet{font:11px var(--mono);color:var(--violet)}
.mini-foot{margin-top:15px}
.home-trust-grid,.trust-grid,.demo-grid,.status-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #544762}
.home-trust-grid>a,.trust-link,.demo-card,.status-card{display:flex;gap:18px;padding:32px;border-bottom:1px solid #544762;border-right:1px solid #544762}
.home-trust-grid>a:hover,.trust-link:hover{background:#21132880}
.home-trust-grid>a>span,.trust-link-icon{font:31px Georgia,serif;color:var(--violet)}
.home-trust-grid strong,.trust-link strong{display:block}
.home-trust-grid small,.trust-link span,.demo-card p,.status-card p{color:var(--muted);font-size:13px}
.home-trust-grid i,.trust-link>span:last-child{font-style:normal;color:var(--cyan);margin-left:auto}
.demo-card,.status-card{display:block}
.demo-card>span,.status-card-title{display:block;font:11px var(--mono);color:var(--cyan);margin-bottom:15px}
.demo-card h3{font:normal italic 29px Georgia,serif}
.demo-steps{list-style:none;padding:0}
.demo-steps li{display:flex;gap:20px;padding:28px 0;border-bottom:1px solid #544762}
.demo-steps b{font:12px var(--mono);color:var(--cyan)}
.demo-steps p{color:var(--muted)}
.product-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #514361}
.product-metrics>div{padding:23px;border-right:1px solid #514361}
.product-metrics span{font:38px var(--display);color:var(--cyan)}
.product-metrics p{font:11px var(--mono);color:var(--muted)}
.product-wide{margin:60px 0}
.product-wide h2{font-size:clamp(3rem,6vw,7rem)}
.status-value{font:24px var(--display);margin:15px 0}
.status-good{color:var(--cyan)}
.status-pending{color:var(--violet-hot)}
.status-error{color:#ff9ca8}
.faq-item{border-bottom:1px solid #544762}
.faq-item summary{cursor:pointer;padding:24px 35px 24px 0;font-size:18px;position:relative;list-style:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:12px;color:var(--cyan);font:34px var(--display)}
.faq-item[open] summary::after{content:"−"}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{max-width:750px;color:var(--muted);padding-bottom:15px}
.notice{padding:25px 28px;background:#151324;border-left:2px solid var(--cyan);margin:30px 0;color:#ccc3d7}
.notice p{margin:5px 0 0}
.status-tag{display:inline-block;font:11px var(--mono);color:var(--cyan);border-bottom:1px solid var(--cyan);padding:9px 0}
.small{font:12px/1.7 var(--mono);color:#aaa4ba}
.mt-22{margin-top:22px}.mt-26{margin-top:26px}.mt-80{margin-top:80px}
.justify-center{justify-content:center}.field-normal{font-weight:400}
.lang-tabs{display:flex;gap:10px;border-bottom:1px solid #544762;margin:35px 0;padding-bottom:22px}
.lang-tabs button{background:transparent;border:1px solid #625572;color:#d6cddd;padding:10px 20px;cursor:pointer;font:11px var(--mono)}
.lang-tabs button.active{border-color:var(--cyan);color:var(--cyan)}
[data-lang-panel][hidden],[data-demo-panel][hidden]{display:none!important}
.legal-main{padding-top:100px;padding-bottom:100px;max-width:1160px}
.legal-main h1{font-size:clamp(3.9rem,7vw,8rem);max-width:1020px}
.legal-main>p{color:#c0b9d1;font-size:17px;max-width:820px}
.legal-main h2{font-size:clamp(2.2rem,3.7vw,4rem);margin-top:55px}
.legal-main h3{font:italic normal 28px Georgia,serif}
.legal-main a:not(.btn){text-decoration:underline;text-decoration-color:var(--violet);text-underline-offset:4px}
.legal-main p,.legal-main li{line-height:1.85;color:#bbb3c8;font-size:15px}
.legal-main li{margin-bottom:10px}
.legal-main ul{padding-left:25px}
.legal-section{border-bottom:1px solid #4e435e;padding:32px 0}
.legal-section h2{font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.1;margin:0 0 25px}
.legal-section:last-child{border-bottom:0}
.legal-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:clamp(25px,5vw,80px);align-items:start}
.legal-toc{position:sticky;top:100px;max-height:calc(100svh - 125px);overflow-y:auto;border-left:1px solid #64566e;padding:2px 0 10px 15px}
.legal-toc p{font:10px var(--mono);color:var(--cyan);letter-spacing:.11em}
.legal-toc a{display:block;margin:11px 0;font:12px/1.5 var(--mono);color:#a29bb1;text-decoration:none!important}
.legal-toc a:hover,.legal-toc a[aria-current]{color:var(--cyan)}
.legal-toc::-webkit-scrollbar{width:4px}.legal-toc::-webkit-scrollbar-thumb{background:#4c3963}
.legal-table{border-collapse:collapse;width:100%;margin:22px 0;font-size:13px}
.legal-table th,.legal-table td{border-bottom:1px solid #574b63;padding:15px;text-align:left;vertical-align:top}
.legal-table th{font:11px var(--mono);color:var(--cyan);text-transform:uppercase}
.legal-table td{color:#bdb6ca}
.legal-table-wrap{overflow-x:auto}
.legal-eyebrow{color:var(--cyan);font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.legal-flag{border-left:3px solid var(--violet);background:#191325;padding:18px 25px;margin:22px 0;color:#ddcdea}
.legal-contact{text-align:center;border-block:1px solid #6e5685;margin:55px 0;padding:55px 25px}
.legal-contact h2{margin-top:0}

/* Support / form / security */
.support-form{max-width:810px;display:grid;gap:20px}
.field{display:grid;gap:8px;font-size:13px}
.field input,.field select,.field textarea{width:100%;min-height:51px;background:#11111e;border:1px solid #64556f;color:#f7f2fc;padding:14px}
.field textarea{min-height:160px;resize:vertical}
.consent-checkbox{width:auto!important;min-height:auto!important;margin-right:9px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.support-feedback{padding:12px 16px;border-left:2px solid var(--cyan);color:var(--cyan);background:#141321}
.support-feedback[hidden]{display:none}
.copy-field{margin:22px 0}
.copy-field label{display:block;color:var(--cyan);font:11px var(--mono);margin-bottom:7px}
.copy-field-inner{display:flex;gap:9px}
.copy-field-inner input{min-width:0;flex:1;background:#11111e;color:#f5effa;border:1px solid #625273;padding:12px}
.requeue-page .footer{background:#091011}
.brand-kicker{font:11px var(--mono);color:var(--cyan)}
.message-banner{display:flex;gap:25px;justify-content:space-between;align-items:center;background:#171020;border-block:1px solid #6c4d85;padding:22px var(--pad);font:12px var(--mono);color:#d7cce8}
.message-banner p{margin:0}
.glyph-row{display:flex;gap:12px;margin:18px 0}
.glyph{display:inline-grid;place-items:center;width:39px;height:39px;border:1px solid #635875;font:21px var(--mono);color:var(--cyan)}
footer.footer{border-top:1px solid #3e3748;padding:65px 0 28px;background:#0d0b14}
.footer-line{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footlinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 23px;align-content:start}
.footlinks a{font:10px var(--mono);color:#aba4be;text-transform:uppercase}
.footlinks a:hover{color:var(--cyan)}
.legal-note{border-top:1px solid #ffffff26;margin-top:50px;padding-top:26px;color:#8e879f;font:11px/1.8 var(--mono)}
.foot-brandline{color:var(--muted);font:12px var(--mono);margin-top:17px}

/* Progressive enhancement: only animate when scripts confirm motion. */
.js-motion .enter{opacity:0;transform:translate3d(0,40px,0);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.65,.2,1)}
.js-motion .enter.in-view{opacity:1;transform:none}
.lens-flare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x,65%) var(--spot-y,42%),#b66eff0d,transparent 34%);mix-blend-mode:screen}
.page-progress{height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));position:fixed;left:0;top:0;z-index:160;width:var(--read-progress,0%);pointer-events:none}

/* Laptop / tablet / mobile first principles */
@media(max-width:1250px){
 .navlinks{gap:13px}.navlinks a{font-size:9px}
 .launch-layout{grid-template-columns:1fr 1fr}
 .launch h1{font-size:clamp(5rem,10vw,10rem)}
}
@media(max-width:1030px){
 .nav{height:72px}
 .nav-toggle{display:grid;place-items:center;margin-left:auto;flex-shrink:0}
 .nav{position:relative}
 .navlinks{display:none;position:absolute;top:100%;left:0;right:0;padding:12px 20px 20px;background:#0c0b17;border:1px solid #5f4b6f;box-shadow:0 25px 60px #000a;flex-direction:column;align-items:stretch;max-height:min(76svh,690px);overflow-y:auto;gap:0}
 .navlinks.nav-open{display:flex}
 .navlinks a{padding:14px 12px;font-size:12px}
 .top-actions .btn{display:none}
 .launch-layout{min-height:660px}
 .feature-row{grid-template-columns:45px 1fr 1fr 24px;gap:18px}
 .stage-coord.left{display:none}
}
@media(max-width:800px){
 :root{--pad:26px}
 .launch-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:70px 0 90px;gap:22px}
 .launch h1{font-size:clamp(5.2rem,15vw,9.2rem)}
 .launch-deck{margin:25px 0}
 .stage{width:min(100%,550px);margin:8px auto 0}
 .stage-coord{font-size:9px}
 .scroll-cue{display:none}
 .chap{padding:95px 0}
 .feature-row{grid-template-columns:32px minmax(0,1fr) 22px;gap:12px;padding:25px 0;min-height:0}
 .feature-row p{grid-column:2;grid-row:2;padding:0 12px 5px 0}
 .feature-row .arrow{grid-column:3;grid-row:1}
 .feature-row h3{font-size:clamp(26px,5vw,46px)}
 .feature-row:hover{padding-inline:0}
 .project-strip{grid-template-columns:1fr}
 .product-canvas{grid-template-columns:1fr}
 .diagram{padding:100px 24px 40px}
 .diagram-side{border-left:0;border-top:1px solid #554663;padding:30px}
 .requeue-portal{min-height:550px}
 .rq-layout{padding:95px 0}
 .rq-aftertitle{grid-template-columns:1fr;gap:20px;margin-top:40px}
 .rq-step{grid-template-columns:40px 1fr;gap:16px}
 .rq-step p{grid-column:2}
 .rq-manifesto{grid-template-columns:1fr;gap:25px}
 .rq-orb{opacity:.28;width:65vw}
 .grid3,.path,.privacybox,.discord-spotlight,.footer-line{grid-template-columns:1fr}
 .step{border-right:0;border-bottom:1px solid #50445b}
 .home-trust-grid,.trust-grid,.demo-grid,.status-grid{grid-template-columns:1fr}
 .home-trust-grid>a,.trust-link,.demo-card,.status-card{border-right:0}
 .legal-shell{grid-template-columns:1fr}
 .legal-toc{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:7px;border-left:0;border-bottom:1px solid #574761;padding:0 0 19px}
 .legal-toc p{width:100%}
 .legal-toc a{padding:7px 9px;margin:0;border:1px solid #50445b}
 .strip-inner{flex-direction:column;align-items:flex-start;gap:15px}
 .strip-points{gap:14px}
 .footlinks{justify-content:flex-start}
}
@media(max-width:560px){
 :root{--pad:17px}
 .nav{height:66px;gap:8px}.brand-mark{width:36px;height:36px;flex-basis:36px}
 .brand-name{font-size:17px}.brand-sub{display:none}
 .nav-toggle{width:38px;height:38px}
 .lang{padding:8px 9px}
 .launch-layout{padding:68px 0 58px}
 .launch h1{font-size:clamp(4.6rem,16vw,6.4rem)}
 .launch-deck{font-size:15px;margin-top:25px}
 .launch-kicker{font-size:9px}
 .launch-actions .btn{flex:1 1 auto}
 .stage{width:100%;max-width:430px;margin-top:-2px}
 .core-hex{width:45%}
 .stage-coord.top{top:3%}.stage-coord.bottom{bottom:2%}
 .launch-meta{margin-top:25px;gap:10px}
 .signal-ticker .track{padding:15px 5px}
 .signal-ticker span{font-size:10px}
 .chap{padding:77px 0}
 .chap-head h2{font-size:clamp(3.15rem,12vw,5rem)}
 .chap-head p{font-size:15px}
 .feature-row h3{font-size:clamp(25px,7vw,39px)}
 .feature-row p{font-size:14px}
 .product-canvas{margin:26px 0;min-height:300px}
 .diagram{gap:7px;padding:75px 15px 28px}
 .diagram-node{min-width:100px;padding:13px 9px;font-size:10px}
 .diagram-link{width:16px}
 .diagram-side p{font-size:17px}
 .requeue-content h2{font-size:clamp(4.5rem,17vw,8rem)}
 .requeue-content{padding-top:90px;padding-bottom:80px}
 .rq-huge{font-size:clamp(5.7rem,22vw,9.5rem)!important}
 .rq-layout{padding:100px 0 70px}
 .rq-topline{font-size:9px;margin-bottom:65px}
 .rq-lead{font-size:17px}
 .rq-aftertitle{margin-top:33px}
 .rq-step h3{font-size:29px}
 .rq-spotlight{padding:25px}
 .rq-end{padding:70px 0}
 .rq-row{grid-template-columns:35px 1fr;gap:10px}
 .rq-row p{grid-column:2}
 .section{padding:70px 0}
 .feature{padding:25px 9px;border-right:0}
 .privacybox,.cta,.demo-action,.product-wide{padding:27px 18px}
 .legal-main{padding-top:68px;padding-bottom:70px}
 .legal-main h1{font-size:clamp(3.3rem,13vw,5rem)}
 .legal-main h2{font-size:clamp(2rem,9vw,3rem)}
 .legal-main p,.legal-main li{font-size:14px}
 .legal-toc{display:flex;flex-wrap:wrap}
 .legal-table{font-size:12px}
 .legal-table th,.legal-table td{padding:12px 8px}
 .copy-field-inner{flex-direction:column}
 .footer{padding-top:40px}
 .footlinks{gap:14px 17px}
 .footer-line{gap:25px}
 .mini-command{font-size:12px}
 .dashboard{padding:16px;box-shadow:8px 8px 0 #1e1627}
 .kpi strong{font-size:26px}
 .board-user{gap:8px}
 .rq-launch{min-height:auto}
 .brand-kicker{font-size:9px}
}
@media(max-width:365px){
 .launch h1{font-size:clamp(4.1rem,16vw,5rem)}
 .top-actions{gap:4px}
 .launch-actions{flex-direction:column}
 .launch-actions .btn{width:100%}
 .diagram-link{display:none}
 .diagram{flex-direction:column;align-items:stretch}
 .feature-row h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .live-ping,.orbit,.sweep,.stage::before,.core-hex,.scroll-cue::before,.signal-ticker .track,.rq-orb,.reveal-status::before{animation:none!important}
 .js-motion .enter{opacity:1!important;transform:none!important;transition:none!important}
 .btn,.navlinks a,.feature-row{transition:none}
 .btn:hover{transform:none}
}
@media(hover:none){
 .orbit-system{transform:none!important}
 .feature-row:hover{background:transparent;padding-inline:0}
}

/* V8 mobile fixes from 320px phones to small tablets */
@media(max-width:800px){
 .legal-toc{max-height:185px;overflow-y:auto;display:block;padding:14px;border:1px solid #51455f}
 .legal-toc p{margin:0 0 9px}
 .legal-toc a{display:block;padding:8px 9px;margin:0;border:0;border-bottom:1px solid #44384e}
 .legal-shell{gap:24px}
 .requeue-page .rq-topline{flex-wrap:wrap;justify-content:flex-start;gap:10px}
}
@media(max-width:560px){
 .launch h1{font-size:clamp(3.8rem,15.8vw,6.3rem)}
 .rq-huge{font-size:clamp(3.1rem,16vw,7.5rem)!important;letter-spacing:-.035em!important}
 .requeue-content h2{font-size:clamp(3.3rem,14vw,5.9rem)}
 .launch-cta h2{font-size:clamp(2.7rem,10.2vw,4.5rem)}
 .legal-main h1{font-size:clamp(2.2rem,9vw,4.25rem)}
 .legal-contact h2{font-size:clamp(2.4rem,10vw,4.25rem)}
 .rq-spotlight h2{font-size:clamp(3rem,12vw,5.2rem)}
 .rq-end h2{font-size:clamp(3.6rem,13vw,6rem)}
 .rq-topline{gap:8px!important;font-size:9px!important}
 .rq-topline span{white-space:normal}
 .stage-coord.bottom{left:5%}
 .footer-line{display:flex;flex-direction:column}
 .footlinks{width:100%;justify-content:flex-start}
 .copy-field-inner input{width:100%}
 .chap-head h2{font-size:clamp(2.8rem,12vw,4.5rem)}
}
@media(max-width:355px){
 .brand-name{font-size:15px}
 .brand-sub{display:none}
 .stage-coord.top,.stage-coord.left{display:none}
 .legal-main h1{font-size:clamp(2.05rem,8.4vw,3.7rem)}
 .launch h1{font-size:clamp(3.4rem,15.8vw,5.4rem)}
 .rq-huge{font-size:clamp(2.85rem,15.9vw,6rem)!important}
}

/* Motion budget — small screens get a lighter, quieter visual system. */
@media(max-width:800px){
  #signal-field{display:none}
  .stage .orbit.r4,.stage .orbit.r5{display:none}
  .stage::before{filter:blur(18px)}
  .stage .sweep{animation-duration:35s}
  .rq-orb{opacity:.28}
}
@media(max-width:420px){
  .stage .orbit.r2{animation:none}
  .stage .sweep{display:none}
  .core-hex{animation-duration:13s}
  .topbar{backdrop-filter:none;background:#090a12f8}
}
.lang,.lang-tabs button,.nav-toggle{min-height:44px}

/* Chromium-verified 320–390px overflow corrections: fix source sizing, not hide page */
.legal-shell>*,.legal-main,.legal-section{min-width:0}
.legal-shell>div{min-width:0}
.legal-toc{max-width:100%;min-width:0}
.legal-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:560px){
  .rq-huge{font-size:clamp(2.9rem,14.7vw,6.8rem)!important}
}
@media(max-width:355px){
  .launch h1{font-size:clamp(3rem,15vw,5rem)}
  .rq-huge{font-size:clamp(2.7rem,14.6vw,5.5rem)!important}
}

/* Visual regression corrections from Chromium mobile (320/390px) */
@media(max-width:800px){
  .legal-shell{grid-template-columns:minmax(0,1fr)!important}
  .legal-shell>*{min-width:0!important;max-width:100%;width:100%}
  .legal-section{overflow-wrap:anywhere}
  .legal-toc{overflow-x:hidden}
  .legal-table-wrap{display:block;max-width:100%;overflow-x:auto}
  .message-banner{flex-direction:column;align-items:flex-start;gap:13px}
  .message-banner .ruler{align-self:flex-start}
}
@media(max-width:560px){
  .chap-head h2,.chap h2{font-size:clamp(2.4rem,10.5vw,4.5rem)}
}
@media(max-width:355px){
  .legal-main h1{font-size:clamp(1.8rem,7.5vw,3.6rem)}
  .legal-main h1 em{overflow-wrap:anywhere}
}

@media(max-width:355px){
  .rq-huge{font-size:clamp(2.35rem,13.2vw,5rem)!important}
}

/* Final narrow-viewport fixes found by device emulation */
@media(max-width:800px){
  .product-metrics{grid-template-columns:minmax(0,1fr)}
  .product-metrics>div{border-right:0;border-bottom:1px solid #514361}
  .product-metrics>div:last-child{border-bottom:0}
}
@media(max-width:560px){
  .legal-main h2{font-size:clamp(1.9rem,8vw,3rem)}
}
@media(max-width:355px){
  .rq-huge{font-size:clamp(2.35rem,14vw,5rem)!important}
  .chap-head h2,.chap h2{font-size:clamp(2.1rem,11.2vw,4rem)}
}

/* Extra-small device content wrapping, verified by browser analysis */
.trust-grid{min-width:0}
.trust-link,.trust-link>div{min-width:0}
.trust-link strong,.trust-link span{overflow-wrap:anywhere}
@media(max-width:800px){
  .trust-grid{grid-template-columns:minmax(0,1fr)}
  .trust-link{max-width:100%}
}
@media(max-width:355px){
  .rq-end h2{font-size:clamp(2.8rem,14vw,4.5rem)}
  .legal-main h2.mt-80{font-size:clamp(1.6rem,7vw,2.1rem)}
}

/* KRYXON / SYSTEM LAB — product simulation, not a generic card wall */
.xp-showcase{padding-top:clamp(80px,10vw,155px)}
.xp-showcase .chap-head{max-width:1100px}
.xp-showcase h2 em,.xp-fullhero h1 em,.xp-explain h2 em{color:var(--violet)}
.xp-demo{position:relative;border:1px solid #725381;background:#080a13;box-shadow:0 40px 90px #0005,0 0 0 1px #ffffff08;isolation:isolate}
.xp-demo::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(130deg,#a45bea55,transparent 32%,transparent 72%,#4ee6d530);z-index:-1}
.xp-header,.xp-workspace,.xp-footnote{display:flex}
.xp-header{justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #4c415e;padding:17px 25px;background:#131020}
.xp-header-label{display:flex;align-items:center;gap:13px;min-width:0}
.xp-header-label strong{font:800 12px var(--mono);letter-spacing:.08em;white-space:nowrap}
.xp-header-label small{font:10px var(--mono);color:#aea2c7}
.xp-live-dot{width:8px;height:8px;display:inline-block;flex:0 0 8px;background:var(--cyan);box-shadow:0 0 14px #5ae7db91}
.xp-version{font:10px var(--mono);color:var(--cyan);white-space:nowrap}
.xp-workspace{min-height:490px}
.xp-sidebar{width:280px;flex-shrink:0;background:#11101c;border-right:1px solid #4c415e;display:flex;flex-direction:column}
.xp-guild{display:flex;align-items:center;gap:13px;padding:25px;border-bottom:1px solid #3b3547}
.xp-guild-avatar{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(150deg,#ba6cf9,#5f2d95);font:900 27px var(--display)}
.xp-guild strong,.xp-guild small{display:block}
.xp-guild strong{font:800 12px var(--mono)}
.xp-guild small{font:10px var(--mono);color:#9a91af;margin-top:5px}
.xp-side-label{font:10px var(--mono);letter-spacing:.11em;color:#a295b7;padding:24px 23px 10px}
.xp-tabs{display:flex;flex-direction:column;gap:0}
.xp-tabs button{display:flex;align-items:center;gap:13px;width:100%;padding:17px 20px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;color:#b6adc8;font:700 11px var(--mono);letter-spacing:.02em;cursor:pointer}
.xp-tabs button:hover{background:#ffffff08;color:white}
.xp-tabs button.active,.xp-tabs button[aria-selected="true"]{background:#48285d49;color:#f1dfff;border-left-color:var(--violet)}
.xp-tab-id{font:11px var(--mono);color:var(--cyan)}
.xp-sidebar-bottom{display:flex;gap:8px;align-items:flex-start;margin:auto 20px 20px;color:#847b96;font:10px/1.5 var(--mono)}
.xp-led{flex:0 0 7px;width:7px;height:7px;background:var(--cyan);margin-top:4px}
.xp-screen{display:flex;flex-direction:column;flex:1;min-width:0;background:radial-gradient(ellipse at 70% 2%,#5b208a22,transparent 60%),repeating-linear-gradient(0deg,transparent 0 58px,#a38fd80c 59px),#090a14}
.xp-screen-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #4c415e;padding:16px 22px;font:11px var(--mono);color:#bbacd1}
.xp-top-status{font-size:10px;color:#5fe5d8;text-align:right}
.xp-scene{padding:34px clamp(22px,3vw,48px);flex:1}
.xp-scene-kicker{font:10px var(--mono);letter-spacing:.12em;color:var(--cyan);margin-bottom:17px}
.xp-scene h3{font:900 clamp(25px,3.25vw,46px)/1.04 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 12px;max-width:630px}
.xp-scene-desc{max-width:610px;color:#bfb7cf;font-size:14px;line-height:1.8}
.xp-stage-state{display:flex;align-items:center;gap:9px;border-top:1px solid #4d435c;padding:13px 0;margin:17px 0;color:#c3b5d8;font:10px var(--mono);letter-spacing:.13em}
.xp-state-light{height:7px;width:7px;background:#65596e}
.xp-state-light.active{background:var(--cyan);box-shadow:0 0 17px #61e8db}
.xp-voice,.xp-match-ticket,.xp-log,.xp-onboard,.xp-rso{max-width:640px;border:1px solid #4a405b;background:#151323a9}
.xp-voice-name{padding:14px 17px;font:700 12px var(--mono);border-bottom:1px solid #4a405b;color:#eae0f7;display:flex;justify-content:space-between}
.xp-voice-name span{color:var(--cyan)}
.xp-voice-members{min-height:65px;display:flex;gap:12px;align-items:center;padding:14px 17px;font:12px var(--mono)}
.xp-voice-members small{color:var(--muted)}
.xp-member-empty{font:11px var(--mono);color:#817990}
.xp-member-avatar{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;background:var(--violet);color:#120d19;font:900 22px var(--display)}
.xp-terminal{padding:12px 0;display:grid;gap:6px;font:11px var(--mono);color:#80e6d5}
.xp-match-ticket{padding:20px}
.xp-match-title{display:flex;align-items:center;gap:12px}
.xp-match-title div{flex:1}.xp-match-title div strong,.xp-match-title div span{display:block}
.xp-match-title div strong{font:14px var(--mono)}.xp-match-title div span{font:10px var(--mono);color:var(--muted)}
.xp-match-title b{font:10px var(--mono);color:var(--cyan)}
.xp-match-ticket p{font:11px var(--mono);color:#9384a9;margin:15px 0 0}
.xp-match-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:20px}
.xp-match-tags span,.xp-onboard-options span{border:1px solid #574a68;padding:7px 10px;font:10px var(--mono);color:#d1c1e2}
.xp-log>div{display:grid;grid-template-columns:49px 10px 1fr auto;align-items:center;gap:11px;padding:13px;border-bottom:1px solid #42374d;font:10px var(--mono);color:#c6bcdb}
.xp-log>div:last-child{border:0}
.xp-log strong{color:var(--cyan);font-size:9px}.xp-log time{color:#888099}
.xp-log-dot{background:var(--violet);height:5px;width:5px;border-radius:50%}
.xp-onboard{padding:22px;display:flex;align-items:center;gap:15px}
.xp-onboard div{flex:1}.xp-onboard b{font:13px var(--mono)}.xp-onboard p{font:11px var(--mono);color:var(--cyan);margin:5px 0 0}
.xp-onboard>span:last-child{font:10px var(--mono);color:#aea4c1}
.xp-onboard-options{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}
.xp-onboard-options .selected{border-color:var(--cyan);color:var(--cyan)}
.xp-rso{display:flex;align-items:center;gap:10px;padding:15px}
.xp-rso>div{display:grid;gap:6px;flex:1;min-width:0}
.xp-rso>div span{font:10px var(--mono);color:#9687ae}
.xp-rso>div strong{font:11px var(--mono);color:#eee6fa;overflow-wrap:anywhere}
.xp-rso>span{color:var(--cyan)}
.xp-legal-note,.xp-log-note{font:10px var(--mono);color:#9386ab;display:block;margin:11px 0}
.xp-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #4c415e;padding:17px 22px;background:#101020}
.xp-feedback{font:11px/1.6 var(--mono);color:#bcb2ca;flex:1}
.xp-action{background:var(--cyan);color:#090e12;border:0;min-height:43px;padding:11px 17px;font:800 11px var(--mono);white-space:nowrap;cursor:pointer}
.xp-action:hover{background:#a5fff6}
.xp-action:active{transform:translateY(1px)}
.xp-footnote{justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #4c415e;padding:14px 22px;font:10px/1.6 var(--mono);color:#8c809e}
.xp-footnote span:last-child{color:var(--cyan);white-space:nowrap}
.xp-below{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #54435a;margin-top:35px;padding-top:27px}
.xp-below p{flex:1;color:var(--muted);font-size:13px}
.xp-fullhero{padding:clamp(65px,8vw,120px) 0 15px}
.xp-fullhero h1{font-size:clamp(4rem,9vw,10rem);margin:22px 0}
.xp-fullhero>p{font-size:clamp(16px,1.5vw,22px);color:#c3bbd2;max-width:890px}
.xp-mock-notice{display:flex;align-items:center;gap:13px;border-left:2px solid var(--cyan);background:#141422;padding:15px 19px;margin:37px 0 20px;color:#cbbdd8;font:11px/1.6 var(--mono)}
.xp-mock-notice span:first-child{color:var(--cyan)}
.xp-fullsection{padding:30px 0 clamp(60px,9vw,140px)}
.xp-explain{display:grid;grid-template-columns:.85fr 1fr;gap:45px;padding:70px 0 120px;border-top:1px solid #5a4864}
.xp-explain h2{font-size:clamp(3.3rem,6vw,6.6rem)}
.xp-explain p{color:#b5acc5;font-size:16px;max-width:700px}
@media(max-width:1050px){
 .xp-sidebar{width:235px}
 .xp-tabs button{padding:15px 12px}
}
@media(max-width:760px){
 .xp-workspace{flex-direction:column;min-height:0}
 .xp-sidebar{width:100%;border-right:0;border-bottom:1px solid #4c415e}
 .xp-guild,.xp-side-label,.xp-sidebar-bottom{display:none}
 .xp-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory}
 .xp-tabs button{min-width:max-content;scroll-snap-align:center;border-left:0;border-bottom:3px solid transparent;white-space:nowrap;padding:17px 15px}
 .xp-tabs button.active{border-left:0;border-bottom-color:var(--violet)}
 .xp-scene{padding:26px 20px;min-height:340px}
 .xp-below{flex-direction:column;align-items:flex-start}
 .xp-explain{grid-template-columns:1fr;gap:15px}
}
@media(max-width:440px){
 .xp-header,.xp-footnote{padding:13px 15px}
 .xp-header-label{flex-wrap:wrap;gap:7px}
 .xp-header-label small{font-size:9px}
 .xp-version{display:none}
 .xp-screen-top{padding:12px}
 .xp-controls{flex-direction:column;align-items:stretch;padding:15px}
 .xp-action{width:100%}
 .xp-scene h3{font-size:clamp(25px,7.8vw,35px)}
 .xp-match-title b{font-size:9px}
 .xp-log{overflow-x:auto}
 .xp-log>div{min-width:350px}
 .xp-rso{flex-wrap:wrap}
 .xp-fullhero h1{font-size:clamp(3.8rem,12vw,5rem)}
}

/* REQUEUE community walkthrough: cyan live console, separate from KRYXON Lab */
.rq-explore h2 em{color:var(--cyan)}
.rq-terminal{border:1px solid #4a827d8a;background:#081417;box-shadow:20px 22px 0 #10363724;position:relative}
.rq-terminal-head,.rq-terminal-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px;border-bottom:1px solid #28686086;background:#081c1d}
.rq-terminal-head>div{display:flex;align-items:center;gap:12px}
.rq-terminal-head strong{font:800 12px var(--mono);letter-spacing:.11em;color:#e4fff9}
.rq-terminal-head>span,.rq-terminal-foot{font:10px var(--mono);color:#9bbbb7}
.rq-power-led{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 16px #65ebe29a}
.rq-terminal-layout{display:grid;grid-template-columns:260px 1fr;min-height:430px}
.rq-terminal-sidebar{display:flex;flex-direction:column;border-right:1px solid #28686086;padding:17px 0}
.rq-terminal-sidebar button{display:flex;align-items:center;gap:12px;padding:17px 18px;border:0;border-left:3px solid transparent;background:transparent;color:#9bb7b6;text-align:left;cursor:pointer}
.rq-terminal-sidebar button:hover{background:#e2fffa0b;color:#f3fffc}
.rq-terminal-sidebar button.active{border-left-color:var(--cyan);background:#65ebe21b;color:#e9fffc}
.rq-terminal-sidebar button span{font:11px var(--mono);color:var(--cyan)}
.rq-terminal-sidebar button strong{font:700 11px var(--mono)}
.rq-terminal-display{background:repeating-linear-gradient(0deg,transparent 0 71px,#65ebe209 72px),radial-gradient(circle at 70% 6%,#38a09418,transparent 55%),#071113;display:flex;flex-direction:column;min-width:0}
.rq-terminal-path{display:flex;justify-content:space-between;gap:10px;padding:15px 22px;border-bottom:1px solid #28686086;font:11px var(--mono);color:#b6d2ce}
.rq-terminal-live{color:var(--cyan);font-size:9px}
.rq-terminal-panel{padding:35px clamp(20px,4vw,55px);flex:1;min-height:305px}
.rq-illustration-mark{font:10px var(--mono);letter-spacing:.12em;color:var(--cyan)}
.rq-terminal-panel h3{font:900 clamp(26px,3vw,46px)/1 var(--display);text-transform:uppercase;max-width:580px;margin:22px 0}
.rq-terminal-panel p{color:#b5ccc8;max-width:590px;font-size:15px}
.rq-illustration-flow,.rq-illustration-lfg,.rq-illustration-voice,.rq-illustration-clips{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0 15px}
.rq-illustration-flow span{padding:9px 13px;border:1px solid #45867f;font:11px var(--mono);color:#c4f4ee}
.rq-illustration-flow span:nth-child(even){border:0;color:var(--cyan);padding:0}
.rq-illustration-lfg,.rq-illustration-voice,.rq-illustration-clips{max-width:600px;padding:17px;border:1px solid #3a8178;justify-content:space-between}
.rq-illustration-lfg span,.rq-illustration-lfg small,.rq-illustration-clips span,.rq-illustration-clips small{font:10px var(--mono);color:#8fdad1}
.rq-illustration-lfg strong,.rq-illustration-voice strong,.rq-illustration-clips strong{font:800 12px var(--mono);color:#e3fff9}
.rq-illustration-voice>span{font:26px var(--display);color:var(--cyan)}
.rq-illustration-voice b{font:12px var(--mono);color:#a4ede2}
.rq-illustration-note{font:10px var(--mono);color:#669690;margin-top:15px}
.rq-terminal-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-top:1px solid #28686086}
.rq-terminal-actions p{margin:0;font:11px/1.6 var(--mono);color:#a9c4c0}
.rq-terminal-actions .btn{white-space:nowrap}
.rq-terminal-foot{border-top:1px solid #28686086;border-bottom:0;flex-wrap:wrap}
.rq-terminal-foot span:last-child{color:var(--cyan)}
.rq-band{background:radial-gradient(ellipse at 85% 15%,#205f5829,transparent 65%),#071215;padding:clamp(75px,9vw,130px) 0;border-block:1px solid #3a797075}
.rq-proof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,130px);align-items:center}
.rq-proof h2 em{color:var(--cyan)}
.rq-proof>div>p{color:#c1d2cf;max-width:680px;font-size:17px}
.rq-proof-state{border-top:1px solid #539f967d;border-bottom:1px solid #539f967d;padding:5px 0}
.rq-proof-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #326e6680;padding:25px 10px;font:11px var(--mono)}
.rq-proof-line:last-of-type{border-bottom:0}
.rq-proof-line span{color:#d2e9e6}
.rq-proof-line strong{color:var(--cyan);text-align:right;font:11px var(--mono)}
.rq-proof-line strong.rq-status-pending{color:#ffd6a4}
.rq-proof-state>p{color:#86a4a0;font:11px var(--mono);margin:13px 4px 24px}
.rq-proof-state .btn{margin:0 0 22px 4px}
@media(max-width:850px){
 .rq-terminal-layout{grid-template-columns:1fr}
 .rq-terminal-sidebar{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #28686086;scroll-snap-type:x mandatory;padding:0}
 .rq-terminal-sidebar button{min-width:max-content;scroll-snap-align:center;padding:14px;border-left:0;border-bottom:3px solid transparent}
 .rq-terminal-sidebar button.active{border-left:0;border-bottom-color:var(--cyan)}
 .rq-proof{grid-template-columns:1fr}
}
@media(max-width:500px){
 .rq-terminal-head{padding:14px}
 .rq-terminal-head>span{display:none}
 .rq-terminal-path{padding:12px;font-size:10px}
 .rq-terminal-panel{padding:25px 17px;min-height:335px}
 .rq-terminal-panel h3{font-size:clamp(25px,8vw,38px)}
 .rq-terminal-actions{padding:15px;flex-direction:column;align-items:stretch}
 .rq-terminal-actions .btn{width:100%}
 .rq-terminal-foot{padding:14px}
 .rq-illustration-flow{gap:6px}
 .rq-illustration-flow span{padding:7px;font-size:9px}
 .rq-illustration-lfg,.rq-illustration-clips{gap:9px}
 .rq-illustration-lfg strong,.rq-illustration-clips strong{font-size:11px}
 .rq-proof-line{padding:19px 0}
}

/* Secure ticket status: no account, no cookies, no private content exposure */
.ticket-access-info{margin-top:45px;padding:24px 0;border-top:1px solid #5f4f6c}
.ticket-access-info p{color:#b9afc7;font-size:14px;max-width:870px}
.support-status-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:end;max-width:1000px}
.support-status-form .field{min-width:0}
.support-status-form .field input{min-width:0}
.support-status-form .btn{grid-column:1 / -1;justify-self:start}
.support-status-form .support-feedback{grid-column:1 / -1}
.support-key{display:flex;flex-direction:column;gap:9px;margin:17px 0}
.support-key span{font:700 10px var(--mono);color:var(--cyan)}
.support-key code{display:block;font:12px/1.6 var(--mono);background:#0a0d17;border:1px solid #69587b;padding:13px 16px;color:#e5d0ff;overflow-wrap:anywhere;user-select:all}
.support-feedback .btn{margin-top:9px}
.support-status-form .support-feedback{background:#101724}
@media(max-width:680px){.support-status-form{grid-template-columns:1fr}.support-status-form .btn{width:100%}}

/* REQUEUE live status: long technical words must never force desktop columns on phones */
@media(max-width:850px){
 .rq-proof{grid-template-columns:minmax(0,1fr)}
 .rq-proof>div{min-width:0}
 .rq-proof h2{font-size:clamp(2.6rem,8.9vw,5rem);overflow-wrap:anywhere}
 .rq-proof-line{min-width:0}
 .rq-proof-line strong{max-width:58%;overflow-wrap:anywhere;flex-shrink:1}
}