:root{color-scheme:dark;--bg:#0d0915;--panel:#151020;--border:#30243d;--text:#f3edf9;--muted:#a69aae;--pink:#e998dd;--purple:#a36aff;--accent:linear-gradient(115deg,#9b65f7,#e994da)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background-image:radial-gradient(ellipse at 76% 20%,#71329114,transparent 44%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.shell{width:min(1180px,calc(100% - 80px));margin:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:600;letter-spacing:5px;line-height:1.2}.brand img{width:37px;height:44px}.brand-sub{display:block;font-size:12px;letter-spacing:5px;color:var(--muted);margin-top:6px}.nav nav{display:flex;gap:36px;font-size:15px;color:var(--muted)}.nav nav a:last-child{color:var(--pink)}a:hover,.text-button:hover{color:#f7c7ee}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:710px;padding:75px 0 70px;gap:30px}.eyebrow,.tiny{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--muted)}.eyebrow{display:flex;gap:10px;align-items:center}.spark{width:5px;height:5px;background:var(--pink);box-shadow:0 0 15px var(--pink);border-radius:50%}h1{font-size:clamp(38px,4.25vw,59px);font-weight:500;line-height:1.14;letter-spacing:-2.5px;margin:23px 0}h1 em{font-style:normal;background:var(--accent);background-clip:text;-webkit-text-fill-color:transparent}.intro{color:var(--muted);font-size:17px;max-width:440px;line-height:1.8;margin-bottom:30px}.access-card{max-width:420px;background:linear-gradient(125deg,#21162e99,#151020cc);border:1px solid #51355b;border-radius:14px;padding:23px 25px;box-shadow:0 15px 45px #0002}.card-heading{display:flex;align-items:center;justify-content:space-between}.tag{font-size:12px;letter-spacing:1.5px;border:1px solid #8f5cb64d;padding:4px 8px;border-radius:4px;color:#d1a4e5;background:#8f5cb60c}.access-card h2{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:13px 0 17px}label{display:block;font-size:14px;color:#c0b4cd;margin:13px 0 7px}input,select,textarea{width:100%;border:1px solid #382943;border-radius:7px;background:#0e0b17;color:var(--text);padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a36aff15}input::placeholder,textarea::placeholder{color:#756580}.input-row{display:flex;gap:9px}.input-row input{letter-spacing:2px;font-family:Consolas,monospace}.button{border:1px solid #dc9ae03d;background:var(--accent);color:#1e0d30;border-radius:7px;padding:12px 20px;font-size:12px;font-weight:650;display:inline-flex;gap:30px;align-items:center;justify-content:center;box-shadow:0 0 25px #b467ed18;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.15);transform:translateY(-1px)}.icon-button{font-size:23px;min-width:48px;padding:4px}.form-message{color:#8f7f9d;font-size:13px;line-height:1.6;margin:9px 0 0;min-height:16px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff08;margin-top:18px;padding-top:16px;font-size:14px;color:var(--muted)}.text-button{background:none;border:0;color:var(--pink);font-size:14px;padding:0}.preview-link{display:inline-flex;gap:23px;font-size:14px;color:#92839e;margin-top:20px}.portal{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.portal-glow{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,#d776ec21 0,#9357d317 38%,transparent 68%);filter:blur(20px)}.portal-sigil{width:84%;filter:drop-shadow(0 0 14px #b872e99c);animation:breathe 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #a369d530;border-radius:50%;width:96%;height:96%;transform:rotate(-25deg) scaleY(.8)}.orbit-two{width:94%;height:94%;transform:rotate(32deg) scaleY(.83);border-style:dashed;border-color:#c18bea20;animation:orbit 70s linear infinite}.orbit-three{width:105%;height:105%;border-color:#b16bd312;transform:rotate(65deg) scaleY(.75)}.rune{position:absolute;color:#d3a4e8;font-size:28px;text-shadow:0 0 18px #b35ddb}.rune-top{top:4%;left:49%}.rune-bottom{bottom:4%;left:49%}.rune-left{left:6%;top:48%}.rune-right{right:6%;top:48%}.portal-caption{position:absolute;bottom:-20px;font-family:Consolas,monospace;font-size:12px;letter-spacing:3px;color:#8e789d}.portal-caption span{color:var(--pink);margin:0 14px}.particle{position:absolute;width:3px;height:3px;background:#efd5ff;box-shadow:0 0 15px 3px #c067df;border-radius:50%}.p1{top:20%;left:20%}.p2{right:13%;top:65%}.p3{left:35%;bottom:12%}.network{border-top:1px solid #ffffff09;padding-top:55px;padding-bottom:65px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-top h2,.closing h2{font-size:28px;font-weight:450;letter-spacing:-.8px;margin:12px 0 0}.muted{color:var(--muted);font-size:12px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product{padding:30px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(140deg,#1c1326,#110d1b);position:relative;overflow:hidden}.product-symbol{color:var(--pink);font-size:26px;margin-bottom:16px;width:44px;height:44px;border:1px solid #9f63c536;border-radius:10px;background:#9f63c50c;display:grid;place-items:center}.product h3{font-size:21px;letter-spacing:-.4px;font-weight:500;margin:12px 0}.product p{color:var(--muted);max-width:380px;font-size:16px}.product-bottom{margin-top:29px;border-top:1px solid #ffffff08;padding-top:17px;display:flex;justify-content:space-between;font-size:13px;color:#8f809b}.closing{text-align:center;padding:36px 0 85px}.small-sigil{font-size:36px;color:var(--pink)}.closing h2{margin:10px 0 25px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0a;padding:25px 0 30px;font-size:13px;color:#8f809b}.footer a{color:var(--pink)}dialog{background:#171020;color:var(--text);border:1px solid #674678;border-radius:15px;width:min(460px,calc(100% - 32px));padding:30px;box-shadow:0 0 80px #b660da18}dialog::backdrop{background:#080510cc;backdrop-filter:blur(8px)}dialog h2{font-size:27px;line-height:1.2;font-weight:500}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;color:var(--muted);font-size:25px}.full{width:100%;margin-top:20px}textarea{resize:vertical}.demo-banner{background:#261536;border-bottom:1px solid #55316b;text-align:center;padding:9px 20px;color:#d3b9e5;font-size:14px}.dashboard{padding:45px 0 65px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard h1{font-size:35px;letter-spacing:-1px;margin:7px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric,.chart-panel,.generator{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.metric .value{font-size:29px;letter-spacing:-1px;margin-top:10px}.value small{font-size:13px;color:var(--muted)}.metric p{font-size:14px;color:var(--muted);margin:4px 0}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title h2,.generator h2{font-size:17px;font-weight:500;margin:0}.chart{width:100%;height:auto;display:block;margin-top:20px}.legend{display:flex;gap:20px;color:var(--muted);font-size:13px}.legend span::before{content:'';display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:50%;margin-right:6px}.legend span:last-child::before{background:var(--pink)}.generator label{margin-top:15px}.credential{display:block;font-size:14px;background:#0b0812;border:1px solid var(--border);border-radius:7px;padding:12px;overflow-wrap:anywhere;color:#d3afea;margin-top:15px}.notice{font-size:14px;color:var(--muted);margin-top:24px}@keyframes breathe{50%{filter:drop-shadow(0 0 24px #d782edbb);opacity:.8}}@keyframes orbit{to{transform:rotate(392deg) scaleY(.83)}}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:850px){.shell{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:45px;gap:45px}.hero-copy{max-width:560px}.portal{width:min(440px,100%);margin:0 auto 25px}.section-top{display:block}.section-top>.muted{display:block;margin-top:15px}.dashboard-grid{grid-template-columns:1fr}.nav{height:90px}.metrics{gap:10px}}@media(max-width:540px){.nav nav{gap:16px;font-size:13px}.brand{font-size:16px;letter-spacing:3px}.brand img{width:30px}.brand-sub{letter-spacing:3px}.eyebrow{font-size:12px;letter-spacing:1.4px}h1{font-size:39px;letter-spacing:-1.7px}.access-card{padding:20px}.product-grid,.metrics{grid-template-columns:1fr}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}.section-top h2,.closing h2{font-size:25px}.dashboard-head{align-items:start;gap:15px}.dashboard-head>.tag{margin-top:8px}.chart-panel,.generator{padding:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the orbit artwork inside its responsive canvas. */
.portal{overflow:hidden}.portal-caption{bottom:0}.hero-copy,.chart-panel,.generator{min-width:0}.input-row input{min-width:0}


/* Readable typography and consistent arcane action buttons. */
:root{--muted:#b8a9c4}
.eyebrow,.tiny{font-size:12px;letter-spacing:1.5px;line-height:1.7}
.brand-sub{font-size:11px;letter-spacing:4px}
.tag{font-size:11px;letter-spacing:1px;padding:5px 9px}
label{font-size:14px}
.button{font-size:15px;min-height:46px}
.icon-button{font-size:24px}
.form-message{font-size:13px;color:#b8a5c7;line-height:1.7}
.muted,.metric p,.notice{font-size:15px}
.product p{font-size:16px}
.card-footer,.product-bottom{gap:12px;flex-wrap:wrap;align-items:center;font-size:14px}
.access-card{max-width:470px}
.nav nav{gap:12px;align-items:center}
.nav nav a,.preview-link,.footer a,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;background:linear-gradient(120deg,#a36aff1c,#e998dd0e);border:1px solid #9662bc80;border-radius:7px;color:#efb2e7;font-size:14px;font-weight:600;line-height:1.4;box-shadow:inset 0 0 18px #ad64d80a;transition:background .2s,border-color .2s,box-shadow .2s}
.nav nav a:hover,.preview-link:hover,.footer a:hover,.text-button:hover{color:#ffdcf7;background:linear-gradient(120deg,#a36aff35,#e998dd25);border-color:#e998dd;box-shadow:0 0 20px #bc6de522}
.preview-link{margin-top:20px}
.footer{align-items:center;font-size:13px}
.portal-caption{font-size:12px;letter-spacing:2px}
.legend{font-size:14px}
.credential{font-size:13px}
.demo-banner{font-size:13px}
.chart text{font-size:15px;fill:#b8a9c4}
.panel-title{gap:12px;flex-wrap:wrap}
@media(max-width:540px){
 .nav{height:auto;min-height:90px;flex-wrap:wrap;gap:18px;padding:20px 0}
 .nav nav{flex-wrap:wrap;gap:10px;width:100%}
 .nav nav a{flex:1;padding:10px 12px;font-size:14px}
 .eyebrow,.tiny{font-size:12px;letter-spacing:1.2px}
 .brand-sub{font-size:11px}
 .card-heading{gap:12px;flex-wrap:wrap}
 .card-footer,.product-bottom{align-items:flex-start;flex-direction:column;gap:12px}
 .card-footer .text-button,.product-bottom .text-button{width:100%}
 .preview-link{width:100%}
 .portal-caption{font-size:11px;letter-spacing:1.5px}
 .portal-caption span{margin:0 9px}
 .dashboard-head{flex-direction:column}
 .chart text{font-size:23px}
 .footer{font-size:13px}
}
/* Match every navigation and action button to the access-code submit. */
.nav nav a,.nav nav a:last-child,.preview-link,.footer a,.text-button{
 background:var(--accent);
 color:#1e0d30;
 border:1px solid #dc9ae03d;
 font-weight:650;
 box-shadow:0 0 25px #b467ed18;
 transition:filter .2s,transform .2s;
}
.nav nav a:hover,.nav nav a:last-child:hover,.preview-link:hover,.footer a:hover,.text-button:hover{
 background:var(--accent);
 color:#1e0d30;
 border-color:#dc9ae03d;
 box-shadow:0 0 25px #b467ed18;
 filter:brightness(1.15);
 transform:translateY(-1px);
}

/* Extended homepage: product depth, session explorer, member tools and access. */
.product-features{list-style:none;padding:0;margin:22px 0;color:#d8c8e4;font-size:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.product-features li::before{content:'✦';color:var(--pink);margin-right:9px;font-size:12px}
.upstream-strip{display:grid;grid-template-columns:190px 1fr 250px;gap:35px;align-items:center;padding:28px 30px;border:1px solid #5c3c70;border-radius:12px;background:linear-gradient(110deg,#251733,#151020);margin-bottom:40px}.supplier-label strong{display:block;font-size:25px;font-weight:500;margin-top:8px;letter-spacing:-.5px}.supplier-label .tiny{font-size:11px}.upstream-strip p{font-size:15px;color:var(--muted);margin:0}.upstream-protocols{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.upstream-protocols span{border:1px solid #684785;padding:6px 10px;border-radius:5px;font-size:12px;color:#d5b4e9}
.home-section{padding-top:75px;padding-bottom:75px;border-bottom:1px solid #ffffff0b}.home-section h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:16px 0 20px}.home-section h3{font-size:19px;font-weight:550;line-height:1.4;margin:0 0 10px}.section-intro{color:var(--muted);font-size:17px;max-width:480px;line-height:1.8}.section-note{font-size:13px;color:var(--muted);line-height:1.7;margin-top:22px}
.session-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.session-switch{display:flex;gap:12px;margin:28px 0}.session-switch .button{gap:15px}.session-switch .button[aria-pressed=true]{outline:2px solid #f6d1f3;outline-offset:4px}.session-copy>p:not(.eyebrow){max-width:460px}.session-copy #session-description{color:var(--muted);font-size:16px;min-height:85px}.routing-panel{padding:28px;border:1px solid #633f7d;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#78359b25,transparent 70%),#151020}.routing-source{display:flex;align-items:center;gap:12px;justify-content:center;border:1px solid #765094;border-radius:10px;background:#22162f;width:190px;padding:14px;margin:35px auto 0}.routing-source img{width:24px;height:30px}.routing-trunk{width:1px;height:50px;background:linear-gradient(var(--purple),var(--pink));margin:auto}.routing-requests{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;padding-top:20px}.routing-requests::before{content:'';position:absolute;left:16%;right:16%;top:0;height:1px;background:#bd79e4}.routing-requests>div{border:1px solid #674178;border-radius:8px;background:#23152f;text-align:center;padding:15px 8px;position:relative}.routing-requests>div::before{content:'';position:absolute;top:-21px;left:50%;height:20px;width:1px;background:#bd79e4}.routing-requests span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted)}.routing-requests strong{display:block;font-size:22px;font-weight:500;color:var(--pink);margin-top:8px}.routing-result{text-align:center;font-size:15px;color:#e4caef;margin:26px 0 0}.routing-panel>.section-note{text-align:center;margin:9px 0 0}
.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.member-preview{border:1px solid #694480;border-radius:14px;background:linear-gradient(150deg,#21172d,#120c1d);padding:25px;box-shadow:0 25px 70px #0003}.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #4a315a;padding-bottom:20px}.preview-brand{display:flex;align-items:center;gap:10px;letter-spacing:1px;font-size:12px}.preview-brand img{width:23px;height:27px}.preview-balances{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.preview-balances>div{border:1px solid var(--border);border-radius:8px;padding:17px;background:#120c1c}.preview-balances span{display:block;color:var(--muted);font-size:14px}.preview-balances strong{display:block;font-size:28px;font-weight:500;margin-top:5px}.preview-balances small{font-size:14px;color:var(--muted)}.preview-chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}.preview-chart-heading>span{font-size:12px;color:var(--muted)}.home-chart{width:100%;height:auto;display:block;margin:15px 0}.experience-list article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #3b2849}.experience-list article:last-child{border:0}.feature-number{color:var(--pink);font-size:14px;padding-top:3px}.experience-list p{color:var(--muted);font-size:16px;margin:0;line-height:1.8}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.workflow-grid article{padding:26px 0;border-top:1px solid #684581}.workflow-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #9162b2;border-radius:9px;color:var(--pink);font-size:24px;background:#9a4cce15;margin-bottom:25px}.workflow-grid p{color:var(--muted);font-size:16px;line-height:1.8}.workflow-grid .tiny{color:#c699dc;font-size:11px}
.invitation-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.invitation-section .button{margin-top:15px}.access-steps{list-style:none;margin:0;padding:0}.access-steps li{display:flex;gap:24px;position:relative;padding:25px 0}.access-steps li>span{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#291737;border:1px solid #8b53ac;border-radius:50%;color:var(--pink);font-size:14px;position:relative;z-index:1}.access-steps li:not(:last-child)::after{content:'';position:absolute;width:1px;background:#684283;left:21px;top:70px;bottom:-22px}.access-steps p{color:var(--muted);font-size:16px;margin:0;line-height:1.8}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-bottom:1px solid #473053;padding:0}.faq-list details:first-child{border-top:1px solid #473053}.faq-list summary{cursor:pointer;list-style:none;font-size:17px;font-weight:500;padding:23px 47px 23px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;top:20px;display:grid;place-items:center;background:var(--accent);color:#1e0d30;width:30px;height:30px;border-radius:6px;font-size:22px}.faq-list details[open] summary::after{content:'−'}.faq-list summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.faq-list p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 40px 25px 0}.closing{padding-top:65px}
@media(max-width:1000px){.upstream-strip{grid-template-columns:180px 1fr}.upstream-protocols{grid-column:1/-1;justify-content:flex-start}.session-section,.experience-grid,.invitation-section,.faq-section{gap:35px}.workflow-grid{grid-template-columns:1fr 1fr}.nav{gap:20px}.nav nav{gap:8px}.nav nav a{padding:10px 12px}}
@media(max-width:850px){.home-section{padding-top:50px;padding-bottom:50px}.session-section,.experience-grid,.invitation-section,.faq-section{grid-template-columns:1fr}.home-section h2{font-size:30px}.session-copy #session-description{min-height:0}.routing-panel{max-width:550px;width:100%}.section-top .button{margin-top:15px}.experience-list article{padding:20px 0}.nav{height:auto;flex-wrap:wrap;padding:20px 0}}
@media(max-width:540px){.upstream-strip{grid-template-columns:1fr;padding:24px;gap:18px}.upstream-protocols{grid-column:auto}.product-features{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr;gap:5px}.workflow-grid article{padding:24px 0}.workflow-icon{margin-bottom:17px}.routing-panel{padding:20px}.routing-requests{gap:8px}.routing-requests span{font-size:9px;letter-spacing:.4px}.routing-requests strong{font-size:20px}.member-preview{padding:18px}.preview-topbar{flex-wrap:wrap}.preview-balances{gap:10px}.preview-balances>div{padding:13px}.preview-balances strong{font-size:25px}.preview-chart-heading{flex-wrap:wrap}.nav nav a{flex:1 1 calc(50% - 10px)}.access-steps li{gap:18px}.faq-list summary{font-size:16px}.faq-list p{margin-right:0}}

/* Neutral dark surfaces let the arcane accents stand out. */
:root{--bg:#08090b;--panel:#111215;--border:#2b2d32;--text:#f2f2f5;--muted:#aeb0b8}
body{background:var(--bg);background-image:none}
.access-card{background:linear-gradient(125deg,#16171b,#101114);border-color:#36383f;box-shadow:0 15px 45px #0003}
.product{background:linear-gradient(140deg,#15161a,#0e0f12);border-color:var(--border)}
.product-symbol,.workflow-icon{background:#18191e;border-color:#39353f}
input,select,textarea{background:#090a0d;border-color:#34363e}
input::placeholder,textarea::placeholder{color:#868892}
.card-footer,.product-bottom,.preview-topbar{border-color:#2b2d32}
.tag{background:#1c1d23;border-color:#45404e;color:#d0bfdc}
.upstream-strip{background:linear-gradient(110deg,#18191d,#101114);border-color:#36383f}
.upstream-protocols span{border-color:#41434b;color:#c8c5ce}
.routing-panel{background:#111215;border-color:#36383f}
.routing-source,.routing-requests>div{background:#1a1b20;border-color:#44404c}
.member-preview{background:linear-gradient(150deg,#191a1f,#101114);border-color:#36383f}
.preview-balances>div,.credential{background:#0b0c0f;border-color:#2b2d32}
.experience-list article,.workflow-grid article,.faq-list details,.faq-list details:first-child{border-color:#303238}
.access-steps li>span{background:#1c1d23;border-color:#575060}
.access-steps li:not(:last-child)::after{background:#414047}
dialog{background:#141519;border-color:#48444f;box-shadow:0 0 80px #0008}
dialog::backdrop{background:#050608d9}
.demo-banner{background:#17181d;border-color:#36343e;color:#c9c2d2}
.chart g[stroke],.home-chart g[stroke]{stroke:#303238}
.form-message{color:#aeb0b8}
.card-footer,.product-bottom,.footer,.preview-link{color:var(--muted)}
.nav nav a,.nav nav a:last-child,.preview-link,.footer a,.text-button{color:#1e0d30}
.portal-glow{background:radial-gradient(circle,#d776ec12 0,#9357d30b 38%,transparent 68%)}

/* Plain header links; prominent gradient buttons remain for page actions. */
.nav nav{gap:28px}
.nav nav a,.nav nav a:last-child,.nav nav a:hover,.nav nav a:last-child:hover{
 background:none;border:0;border-radius:0;box-shadow:none;color:#c9c9d2;
 padding:8px 0;min-height:44px;font-size:15px;font-weight:500;
 filter:none;transform:none;text-decoration:none;
}
.nav nav a:hover,.nav nav a:last-child:hover{color:var(--pink);text-decoration:underline;text-underline-offset:6px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product{display:flex;flex-direction:column;padding:27px}
.product-features{grid-template-columns:1fr}
.product-bottom{margin-top:auto;padding-top:20px;gap:12px}
.product-features{margin-bottom:28px}
.premium-product{border-color:#675079}
@media(max-width:1000px){.nav nav{gap:20px}.product{padding:22px}.product-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.product-grid{grid-template-columns:1fr}.product-bottom{align-items:center;flex-direction:row}.nav nav{flex-wrap:wrap}}
@media(max-width:540px){.nav nav{gap:8px 24px}.nav nav a{flex:0 0 auto;padding:8px 0}.product-bottom{align-items:flex-start;flex-direction:column}}

/* Session modes change the topology as well as the labels. */
.routing-panel[data-mode="sticky"] .routing-requests{grid-template-columns:minmax(0,190px);justify-content:center}
.routing-panel[data-mode="sticky"] .routing-requests::before{display:none}
.routing-panel[data-mode="sticky"] .routing-requests>div:not(:first-child){display:none}
.routing-panel[data-mode="sticky"] .routing-requests>div:first-child{border-color:#e998dd;background:linear-gradient(125deg,#34203b,#21172b);box-shadow:0 0 25px #ce80dd22}
.routing-panel[data-mode="sticky"] .routing-requests strong{font-size:30px}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(1){border-color:#a36aff}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(2){border-color:#c57de9}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(3){border-color:#e998dd}

/* Network overview inspired by the compact four-card reference. */
.network-stats{padding:12px 0 44px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stat-card{background:#111416;border:1px solid #272b30;border-radius:10px;padding:23px;min-width:0}
.stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.stat-top .tiny{font-size:11px;letter-spacing:1.5px;color:#a3a9b3}
.stat-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#24292d;border:1px solid #383e43;color:#dce0e6}
.stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.stat-card strong{display:block;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-1px;color:#e8ebf0}
.stat-card p{font-size:13px;color:#a3a9b3;margin:7px 0 0}
.stats-note{font-size:12px;color:#a3a9b3;line-height:1.6;margin:16px 0 0}
/* Draw + / - with geometry so the strokes sit at the exact center. */
.faq-list summary::after,.faq-list details[open] summary::after{content:'';top:50%;transform:translateY(-50%);width:30px;height:30px}
.faq-list summary::before{content:'';position:absolute;right:9px;top:50%;transform:translateY(-50%);width:12px;height:12px;z-index:1;background:linear-gradient(#1e0d30,#1e0d30) center/12px 2px no-repeat,linear-gradient(#1e0d30,#1e0d30) center/2px 12px no-repeat;pointer-events:none}
.faq-list details[open] summary::before{background:linear-gradient(#1e0d30,#1e0d30) center/12px 2px no-repeat}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.stats-grid{gap:12px}.stat-card{padding:17px}.stat-top{gap:8px;align-items:flex-start}.stat-top .tiny{font-size:10px;letter-spacing:1px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:16px;height:16px}.stat-card strong{font-size:28px}.stat-card p{font-size:13px}.stats-note{font-size:12px}}
@media(max-width:350px){.stats-grid{grid-template-columns:1fr}}

/* Member preview is a text link rather than a call-to-action button. */
.preview-link,.preview-link:hover{
 background:none;border:0;border-radius:0;box-shadow:none;
 color:var(--pink);padding:0;min-height:0;font-size:15px;font-weight:500;
 filter:none;transform:none;transition:color .2s;width:auto;
}
.preview-link:hover{color:#f7c7ee;text-decoration:underline;text-underline-offset:4px}

/* Footer navigation uses the same plain-link treatment. */
.footer a,.footer a:hover{
 background:none;border:0;border-radius:0;box-shadow:none;
 color:var(--pink);padding:0;min-height:0;font-size:15px;font-weight:500;
 filter:none;transform:none;transition:color .2s;
}
.footer a:hover{color:#f7c7ee;text-decoration:underline;text-underline-offset:4px}

/* Interactive retail bandwidth pricing. */
.pricing-intro{text-align:center;max-width:740px;margin:0 auto 40px}
.pricing-intro h2{font-size:40px;margin-top:20px}
.pricing-intro p{color:var(--muted);font-size:17px;line-height:1.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pricing-card{min-width:0;border:1px solid #303238;border-radius:12px;padding:25px;background:#111416;display:flex;flex-direction:column}
.pricing-card-heading{display:flex;gap:13px;align-items:flex-start;min-height:120px}
.pricing-card-heading .product-symbol{flex-shrink:0;margin-bottom:0}
.pricing-card-heading h3{font-size:20px;margin:0 0 7px}
.pricing-card-heading p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.price-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 25px}
.price-readout>div>strong{display:block;font-size:46px;line-height:1.15;font-weight:650;letter-spacing:-1px}
.price-readout span{display:block;font-size:13px;color:var(--muted);margin-top:7px}
.price-readout .price-total{text-align:right}
.price-readout .price-total strong{font-size:31px;margin-top:5px}
.price-readout .price-total .tiny{font-size:10px;letter-spacing:1.5px}
.bandwidth-slider{padding:0;height:8px;width:100%;border:0;appearance:none;-webkit-appearance:none;border-radius:8px;background:linear-gradient(to right,#c47bea 0%,#c47bea var(--range-progress,4.81%),#08090b var(--range-progress,4.81%),#08090b 100%);cursor:pointer}
.bandwidth-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #f0d1f5;border-radius:50%;background:#17131d;box-shadow:0 0 12px #bd75de44}
.bandwidth-slider::-moz-range-thumb{width:17px;height:17px;border:2px solid #f0d1f5;border-radius:50%;background:#17131d}
.bandwidth-slider:focus-visible{outline:2px solid var(--pink);outline-offset:7px}
.slider-limits{display:flex;justify-content:space-between;margin:10px 0 17px;font-size:12px;color:var(--muted)}
.bandwidth-presets{display:flex;gap:7px;flex-wrap:wrap}
.bandwidth-presets button{background:#191c21;border:1px solid #373a42;border-radius:15px;color:#b9bbc4;font-size:12px;padding:5px 9px;min-height:32px}
.bandwidth-presets button[aria-pressed=true]{color:#f3dbf8;border-color:#cc94e5;background:#32203e}
.pricing-card>.button{font-size:13px;gap:0;padding:12px;margin-top:25px}
.pricing-features{list-style:none;margin:25px 0 0;padding:20px 0 0;border-top:1px solid #303238;font-size:14px;color:var(--muted)}
.pricing-features li{margin:10px 0;line-height:1.6}
.pricing-features li::before{content:'✓';color:var(--pink);margin-right:10px}
.pricing-note{text-align:center;font-size:14px;color:var(--muted);margin:28px 0 0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.pricing-card{padding:20px}.pricing-card-heading{min-height:155px}.pricing-card-heading{gap:10px}.pricing-card-heading h3{font-size:18px}.price-readout .price-total strong{font-size:27px}.bandwidth-presets{gap:6px}}
@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.pricing-card-heading{min-height:0}.pricing-card{padding:25px}.pricing-intro h2{font-size:32px}.pricing-card>.button{font-size:15px}.pricing-card-heading h3{font-size:21px}.price-readout .price-total strong{font-size:32px}}

/* Magic Proxies: bold centered typography and playful elemental accents. */
:root{--bg:#111214;--panel:#17191d;--border:#303139;--text:#f9f7e9;--muted:#a6a7b3;--pink:#c0a0ef;--purple:#a06bea;--accent:linear-gradient(115deg,#f5ef79,#be9ac7 55%,#8b53e3)}
body{background:#111214;color:var(--text)}
.shell{width:min(1200px,calc(100% - 64px))}
.nav{height:86px;border:0;gap:24px}
.brand{font-size:27px;font-weight:750;letter-spacing:-1px;gap:10px;line-height:1.2}
.brand img{width:40px;height:40px}
.brand>span{display:flex;background:var(--accent);background-clip:text;-webkit-text-fill-color:transparent}
.brand-sub{display:inline;font-size:27px;letter-spacing:-1px;font-weight:750;margin:0}
.nav nav{gap:26px}.nav nav a{font-size:15px;color:#d2d0ce}
.nav nav a:last-child,.nav nav a:last-child:hover{background:var(--accent);color:#21152d;border-radius:14px;padding:11px 17px;text-decoration:none;font-weight:650}
.element-strip{background:linear-gradient(100deg,#c5b35012,#a276dd18);border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff08}
.element-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-size:13px;font-weight:650}
.strip-label{font-size:10px;letter-spacing:1.5px;color:#d8d377}.element-strip small{font-size:11px;color:#a9a8b4;font-weight:400;margin-left:8px}.strip-private{font-size:10px;color:#d3cc97;letter-spacing:1px;white-space:nowrap}
.frost-text{color:#8edbfa}.fire-text{color:#ffb187}.shadow-text{color:#c79aff}
.hero.magic-hero{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;gap:0;padding:95px 30px 70px;min-height:650px;overflow:hidden}
.hero-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #514a58;border-radius:30px;font-size:10px;letter-spacing:1.5px;color:#dbd6df;background:#19191f}.hero-pill .spark{background:#e8df89;box-shadow:0 0 12px #e8df8933}
.magic-hero h1{font-size:clamp(44px,5.6vw,77px);line-height:1.08;font-weight:780;letter-spacing:-2.8px;max-width:1020px;margin:28px 0 24px}
.magic-hero h1 em{background:var(--accent);background-clip:text;-webkit-text-fill-color:transparent}
.magic-hero .intro{max-width:770px;margin:0 auto 30px;font-size:20px;line-height:1.7}
.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.button{border-radius:12px;font-size:15px;padding:14px 23px;color:#21152d;box-shadow:none;border:1px solid transparent;font-weight:700}.hero-actions .button{min-height:54px}
.secondary-button,.secondary-button:hover{background:#15161a;color:#f4efd5;border:1px solid #5e5638;box-shadow:none}
.hero-benefits{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-benefits>span{background:#17191d;padding:14px 22px;border:1px solid #24252b;border-radius:12px;font-size:13px;font-weight:600}.hero-benefits i{font-size:22px;font-style:normal;margin-right:10px;color:#e2df72}.hero-benefits>span:nth-child(2) i{color:#a777f7}.hero-benefits>span:nth-child(3) i{color:#89dcc4}
.magic-dot{position:absolute;width:12px;height:12px;border-radius:50%;pointer-events:none}.dot-one{left:3%;top:15%;background:#f184d0}.dot-two{right:4%;top:31%;background:#8ae0fb}.dot-three{left:8%;bottom:17%;background:#80dba7}.dot-four{right:7%;bottom:12%;background:#f2b17c}
.network-stats{padding-top:20px}.stat-card{background:#16181c;border-color:#303039}
.invite-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0 75px;border-bottom:1px solid #2b2b32}.invite-section h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:14px 0 20px}.access-card{width:100%;max-width:none;border-radius:18px;background:#18191f;border-color:#3b3547;padding:28px}
.home-section h2,.section-top h2{font-weight:700;letter-spacing:-1px}.product,.pricing-card{background:#17191d;border-color:#34333d;border-radius:18px;padding:28px;--element:#a995c2}.element-frost{--element:#91defb;--element-gradient:linear-gradient(115deg,#a8eaf7,#73bce5)}.element-fire{--element:#ffb184;--element-gradient:linear-gradient(115deg,#ffcc84,#f58c71)}.element-shadow{--element:#c5a0ff;--element-gradient:linear-gradient(115deg,#dbb5ff,#a078eb)}
.product .product-symbol,.pricing-card .product-symbol{border-radius:14px;color:var(--element);background:#22232b;border-color:#44424f;font-size:26px}.product h3{font-size:29px;font-weight:750;margin:12px 0}.product .tiny{color:var(--element)}.product-features li::before,.pricing-features li::before{color:var(--element)}
.product .text-button,.pricing-card .button{background:var(--element-gradient);color:#171321;border-radius:11px;box-shadow:none}.product .text-button:hover{background:var(--element-gradient);color:#171321}.product-bottom>span{color:var(--element)}
.tier-type{display:block;font-size:12px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin-top:4px}.pricing-card-heading{min-height:130px}.pricing-card-heading h3{font-size:25px;line-height:1.1}.pricing-card .bandwidth-slider{background:linear-gradient(to right,var(--element) 0%,var(--element) var(--range-progress,4.81%),#0e0f12 var(--range-progress,4.81%),#0e0f12 100%)}
.bandwidth-presets button[aria-pressed=true]{border-color:var(--element);background:#2d2937;color:var(--text)}.pricing-card [data-total]{color:var(--element)}
.text-button{border-radius:10px}.routing-panel,.member-preview{background:#17191d;border-color:#393540;border-radius:18px}.routing-source,.routing-requests>div{background:#202127;border-color:#514553}.tag{border-radius:20px}.metric,.chart-panel,.generator{background:#17191d;border-radius:16px}.footer{color:var(--muted)}.eyebrow{color:#c5b6d5}.closing h2{font-weight:700}.closing .small-sigil{color:#e8dc8c}
@media(max-width:1000px){.element-strip>.shell{flex-wrap:wrap;justify-content:center;gap:12px 22px}.strip-label{width:100%;text-align:center}.nav nav{gap:18px}.pricing-card-heading{min-height:160px}.magic-hero h1{font-size:61px}.invite-section{gap:35px}}
@media(max-width:850px){.nav{height:auto;padding:20px 0;flex-wrap:wrap}.nav nav{flex-wrap:wrap}.hero.magic-hero{padding:65px 20px 50px;min-height:560px}.magic-hero h1{font-size:51px}.magic-hero .intro{font-size:18px}.invite-section{grid-template-columns:1fr;padding:45px 0;gap:25px}.pricing-card-heading{min-height:0}.hero-benefits{gap:10px}.hero-benefits>span{padding:12px 16px}}
@media(max-width:540px){.shell{width:calc(100% - 40px)}.brand,.brand-sub{font-size:25px}.nav nav{gap:8px 20px}.nav nav a{font-size:14px}.nav nav a:last-child{padding:10px 14px}.element-strip>.shell{align-items:center;gap:10px 16px}.element-strip small{display:none}.strip-private{display:none}.hero.magic-hero{padding:55px 10px 35px;min-height:0}.hero-pill{font-size:9px;letter-spacing:.9px}.magic-hero h1{font-size:42px;letter-spacing:-1.7px;line-height:1.12}.magic-hero .intro{font-size:17px}.hero-actions{flex-direction:column;width:100%;margin-bottom:25px}.hero-actions .button{width:100%}.hero-benefits{flex-direction:column;width:100%;gap:9px}.hero-benefits>span{padding:11px}.magic-dot{width:7px;height:7px}.dot-one{left:0;top:8%}.dot-two{right:0;top:23%}.dot-three,.dot-four{display:none}.invite-section h2{font-size:29px}.access-card{padding:23px}.product,.pricing-card{padding:24px}.pricing-card-heading h3{font-size:25px}.network-stats{padding-top:10px}}

/* Magic's own palette: midnight ink and luminous mint/azure. */
:root{--bg:#080f19;--panel:#101b29;--border:#28394b;--text:#edf5ff;--muted:#a3b5c9;--pink:#81dcd7;--purple:#75a9ed;--accent:linear-gradient(115deg,#87edd0,#63b9f4)}
body{background:#080f19;color:var(--text)}
.element-strip{background:linear-gradient(100deg,#12332e,#101e32);border-color:#25404b}
.strip-label,.strip-private{color:#a0dfce}.element-strip small{color:#a3b5c9}
.nav nav a{color:#c4d3e3}.nav nav a:hover{color:#8ce7d4}
.nav nav a:last-child,.nav nav a:last-child:hover{background:var(--accent);color:#092234}
.hero-pill{background:#102331;border-color:#355363;color:#b7d9e4}
.hero-pill .spark{background:#87edd0;box-shadow:0 0 12px #87edd044}
.button,.text-button{color:#092234}
.secondary-button,.secondary-button:hover{background:#102031;border-color:#446583;color:#d8e8f7}
.hero-benefits>span{background:#101d2b;border-color:#293c50}
.hero-benefits i{color:#87edd0}.hero-benefits>span:nth-child(2) i{color:#77b9f4}.hero-benefits>span:nth-child(3) i{color:#a99ef4}
.dot-one{background:#87edd0}.dot-two{background:#63b9f4}.dot-three{background:#a6b3fa}.dot-four{background:#8bd3ea}
.stat-card,.product,.pricing-card,.metric,.chart-panel,.generator{background:#101b29;border-color:#2b3b4d}
.stat-card strong{color:#edf5ff}.stat-card p,.stat-top .tiny,.stats-note{color:#a3b5c9}
.stat-icon{background:#1b2d40;border-color:#354b61;color:#c2d6e9}
.access-card{background:#111f30;border-color:#344d65}
input,select,textarea,.credential{background:#091421;border-color:#30465c;color:#edf5ff}
.card-footer,.product-bottom,.pricing-features,.preview-topbar{border-color:#2c3e53}
.element-frost{--element:#85dbf4;--element-gradient:linear-gradient(115deg,#a0edf0,#68bbef)}
.element-fire{--element:#fca274;--element-gradient:linear-gradient(115deg,#ffc188,#ee7f69)}
.element-shadow{--element:#b1a0f3;--element-gradient:linear-gradient(115deg,#c1b2fa,#9487e3)}
.product .product-symbol,.pricing-card .product-symbol{background:#18283a;border-color:#385069}
.tag{background:#1a2a3d;border-color:#3b5068;color:#b9cce0}
.eyebrow{color:#99bbd6}.routing-panel,.member-preview{background:#101d2c;border-color:#344d65}
.routing-source,.routing-requests>div{background:#172a3c;border-color:#3b5673}
.routing-panel[data-mode="sticky"] .routing-requests>div:first-child{background:linear-gradient(125deg,#183b3d,#172a3c);border-color:#81dcd7;box-shadow:0 0 25px #81dcd722}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(1){border-color:#75a9ed}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(2){border-color:#78c4e2}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(3){border-color:#81dcd7}
.preview-balances>div{background:#0b1623;border-color:#2b3e52}
.experience-list article,.faq-list details,.faq-list details:first-child{border-color:#2d4055}
.bandwidth-presets button{background:#152637;border-color:#344b61;color:#bbcede}
.bandwidth-presets button[aria-pressed=true]{background:#253349}
.dialog-close{color:#b9cce0}dialog{background:#101d2c;border-color:#42607c}dialog::backdrop{background:#030b15db}
.demo-banner{background:#15283b;border-color:#344b61;color:#bed4e7}
.chart g[stroke],.home-chart g[stroke]{stroke:#2c4258}
.closing .small-sigil{color:#87edd0}

/* Accessible proxy-type tabs for the elemental catalog. */
.network-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;background:#0c1724;border:1px solid #2b4055;border-radius:13px;width:fit-content;margin:0 0 28px}
.network-tabs [role="tab"]{border:1px solid transparent;border-radius:9px;background:none;color:#b1c5d9;padding:12px 23px;font-size:15px;font-weight:600;min-height:46px}
.network-tabs [role="tab"]:hover{color:#edf5ff;background:#1a2a3d}
.network-tabs [aria-selected="true"],.network-tabs [aria-selected="true"]:hover{background:var(--accent);color:#092234;box-shadow:0 3px 12px #0002}
.network [hidden]{display:none!important}
.network [role="tabpanel"]:focus-visible{outline:2px solid #81dcd7;outline-offset:7px;border-radius:16px}
.residential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-grid{grid-template-columns:minmax(0,1fr);max-width:590px}
.datacenter-soon{display:flex;align-items:flex-start;gap:22px;background:#101b29;border:1px dashed #42607c;border-radius:18px;padding:35px}
.datacenter-soon .product-symbol{flex-shrink:0;color:#a5c7e4;background:#18283a;border-color:#385069;margin:0}
.datacenter-soon h3{font-size:25px;font-weight:700;line-height:1.3;margin:17px 0 12px}
.datacenter-soon p{font-size:16px;color:var(--muted);max-width:650px;line-height:1.8;margin:0}
@media(max-width:650px){.residential-grid{grid-template-columns:1fr}.network-tabs{width:100%;gap:4px}.network-tabs [role="tab"]{flex:1;padding:11px 8px;font-size:13px}.datacenter-soon{padding:25px;flex-direction:column;gap:14px}.datacenter-soon h3{font-size:23px}}

/* Wide pill tabs and centered feature/pricing cards. */
.network .section-top{display:block;text-align:center;margin-bottom:30px}
.network .section-top .eyebrow{justify-content:center}
.network .section-top h2{font-size:38px;margin-bottom:15px}
.network .section-top>.muted{display:block;font-size:16px}
.network-tabs{width:100%;border:0;border-radius:999px;padding:8px;background:#14202e;justify-content:center;gap:12px;margin:0 0 48px}
.network-tabs [role="tab"]{border-radius:999px;min-width:155px;padding:14px 28px;min-height:48px;font-size:16px}
.residential-grid{max-width:970px;margin:0 auto;gap:26px}
.mobile-grid{max-width:475px;margin:0 auto}
.product{position:relative;overflow:visible;text-align:center;border-radius:17px;background:linear-gradient(150deg,#172231,#1a283a);padding:30px 28px 26px}
.product h3{margin:0 0 4px;font-size:28px;line-height:1.3}
.catalog-type{display:block;font-size:14px;color:var(--muted);margin-bottom:21px}
.product>p{font-size:16px;line-height:1.7;max-width:360px;margin:0 auto;min-height:82px}
.catalog-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:20px 0 25px}
.catalog-price strong{font-size:42px;font-weight:750;line-height:1.2;letter-spacing:-1px;color:var(--text)}
.catalog-price>span{font-size:15px;color:var(--muted)}
.product-features{text-align:left;gap:17px;margin:0 0 34px;font-size:15px;line-height:1.7}
.product-features li::before{content:'✓';font-size:18px;font-weight:650;margin-right:12px}
.product-bottom{border:0;width:100%;padding:0;display:block}
.product-bottom .text-button{width:100%;min-height:48px;font-size:15px;font-weight:650}
.premium-product{border:1px solid var(--element);box-shadow:0 0 28px #aa8bf321;transform:translateY(-12px);padding-top:42px}
.catalog-badge{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:inline-flex;justify-content:center;align-items:center;gap:6px;white-space:nowrap;padding:8px 18px;border-radius:999px;background:var(--element-gradient);color:#171321;font-size:14px;font-weight:650;box-shadow:0 6px 20px #a689e833}
.pricing-card-heading{display:block;text-align:center;min-height:130px}
.pricing-card-heading .product-symbol{display:none}
.pricing-card-heading h3{font-size:27px;margin-bottom:14px}
.pricing-card-heading .tier-type{font-size:14px;margin-top:7px}
.pricing-card-heading p{font-size:15px;max-width:330px;margin:0 auto}
.pricing-card{background:linear-gradient(150deg,#172231,#1a283a);border-radius:17px}
@media(max-width:1000px){.pricing-card-heading{min-height:170px}}
@media(max-width:850px){.pricing-card-heading{min-height:0;margin-bottom:15px}}
@media(max-width:650px){.network-tabs{gap:4px;margin-bottom:35px;padding:6px}.network-tabs [role="tab"]{min-width:0;flex:1;padding:12px 8px;font-size:13px}.network .section-top h2{font-size:30px}.residential-grid{gap:38px}.premium-product{transform:none;padding-top:39px}.product>p{min-height:0}.product{padding-left:24px;padding-right:24px}.catalog-price strong{font-size:38px}}

/* Each element gets its own visible card highlight. */
.product.element-frost{border-color:#85dbf4;box-shadow:0 0 28px #85dbf424}
.product.element-fire{border-color:#fca274;box-shadow:0 0 28px #fca27424}
.pricing-card.element-frost{border-color:#85dbf4;box-shadow:0 0 24px #85dbf420}
.pricing-card.element-fire{border-color:#fca274;box-shadow:0 0 24px #fca27420}
.pricing-card.element-shadow{border-color:#b1a0f3;box-shadow:0 0 24px #b1a0f320}

/* Seven tier catalog across the three proxy categories. */
.element-mist{--element:#b5d9df;--element-gradient:linear-gradient(115deg,#d0ecee,#92bccb)}
.element-storm{--element:#92bbff;--element-gradient:linear-gradient(115deg,#b0d0ff,#789bf0)}
.element-earth{--element:#a9d4a0;--element-gradient:linear-gradient(115deg,#c4e5ac,#88b591)}
.element-void{--element:#c2a9db;--element-gradient:linear-gradient(115deg,#d6c2ea,#a58cc0)}
.catalog-grid{max-width:none;margin:0;gap:24px}
.residential-grid.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mobile-grid.catalog-grid,.datacenter-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:970px;margin:auto}
.catalog-grid .product{border-color:var(--element);box-shadow:0 0 24px color-mix(in srgb,var(--element) 12%,transparent)}
.pending-price{font-size:22px!important;font-weight:650;color:var(--element)!important;line-height:1.3}
.catalog-grid .catalog-price{min-height:51px;align-items:center}
.catalog-grid .product>p{min-height:108px}
@media(max-width:850px){.residential-grid.catalog-grid{grid-template-columns:1fr}.catalog-grid .product>p{min-height:0}.catalog-grid{gap:36px}}
@media(max-width:650px){.mobile-grid.catalog-grid,.datacenter-grid.catalog-grid{grid-template-columns:1fr}}

.element-arcane{--element:#bba8ff;--element-gradient:linear-gradient(115deg,#cdbaff,#948eea)}

/* Keep catalog cards and their content on shared horizontal baselines. */
.catalog-grid{align-items:stretch}
.catalog-grid .product{padding:30px 28px 26px;transform:none}
.catalog-grid .premium-product{padding-top:30px;transform:none}
.catalog-grid .product-bottom{margin-top:auto}
@media(max-width:650px){.catalog-grid .product,.catalog-grid .premium-product{padding:30px 24px 26px}}

.element-holy{--element:#f0d994;--element-gradient:linear-gradient(115deg,#f8e7ac,#d6bc73)}

/* Interactive pricing now lives directly in the element tabs. */
.network{position:relative}.section-anchor{position:absolute;top:0;left:0}
.catalog-grid .pricing-card{padding:30px 25px 26px;text-align:left;transform:none}
.catalog-grid .pricing-card .pricing-card-heading{min-height:150px;text-align:center}
.catalog-grid .pricing-card .pricing-card-heading h3{margin-bottom:15px}
.catalog-grid .pricing-card .pricing-card-heading p{margin:auto;max-width:350px;line-height:1.7;font-size:15px;min-height:0}
.catalog-grid .pricing-card .price-readout{margin:20px 0 25px}
.catalog-grid .pricing-card .pricing-features{margin-top:25px;padding-top:15px}
.catalog-grid .pricing-card .button{margin-top:25px;width:100%;min-height:48px}
.catalog-grid .pricing-card .placeholder-note{font-size:12px;color:var(--muted);margin:10px 0 -5px;text-align:center}
.pricing-card.element-arcane .bandwidth-slider,.pricing-card.element-holy .bandwidth-slider,.pricing-card.element-earth .bandwidth-slider{background:linear-gradient(to right,var(--element) 0%,var(--element) var(--range-progress,4.81%),#0e0f12 var(--range-progress,4.81%),#0e0f12 100%)}
.unlimited-card{text-align:center}.unlimited-card .pricing-card-heading{min-height:150px}.unlimited-price{margin:25px 0}.unlimited-price strong{display:block;font-size:46px;line-height:1.2}.unlimited-price span{display:block;font-size:14px;color:var(--muted);margin-top:9px}
.unlimited-card .unlimited-note{font-size:15px;line-height:1.8;color:var(--muted);min-height:0;margin:15px auto 30px}.unlimited-card>.button{background:var(--element-gradient);margin-top:auto}.unlimited-card .pricing-features{text-align:left}
@media(max-width:1000px){.catalog-grid .pricing-card{padding:30px 20px 24px}.catalog-grid .pricing-card .pricing-card-heading{min-height:185px}.catalog-grid .price-readout>div>strong{font-size:38px}}
@media(max-width:850px){.catalog-grid .pricing-card .pricing-card-heading,.unlimited-card .pricing-card-heading{min-height:0;margin-bottom:15px}.catalog-grid .pricing-card{padding:30px 24px 26px}}
.catalog-grid .pricing-card .placeholder-note{min-height:0;height:24px;margin:10px 0 -5px;font-size:12px;line-height:1.6}

/* Frostfire identity: glacial blue meets ember orange. */
:root{--bg:#0b1018;--panel:#151e2b;--border:#344357;--text:#edf5ff;--muted:#acb9ca;--pink:#8ad3ff;--purple:#72b7f0;--accent:linear-gradient(115deg,#98dfff,#79bdee 42%,#fca272 85%,#ff855f)}
body{background:#0b1018}
.brand,.brand-sub{font-size:25px}.brand>span{gap:5px}.brand img{width:43px;height:43px}
.element-strip{background:linear-gradient(100deg,#173045,#20212c 55%,#38251f);border-color:#39404e}
.strip-label,.strip-private{color:#d3dfea}
.hero-pill{background:#162331;border-color:#445267;color:#cedeee}.hero-pill .spark{background:#ffac78;box-shadow:0 0 12px #ffac7833}
.button,.nav nav a:last-child,.nav nav a:last-child:hover,.text-button{color:#18202c}
.hero-benefits i{color:#98dfff}.hero-benefits>span:nth-child(2) i{color:#ffad78}.hero-benefits>span:nth-child(3) i{color:#c0d7ec}
.dot-one{background:#91dfff}.dot-two{background:#ff9b6f}.dot-three{background:#b4e8fa}.dot-four{background:#ffd2a1}
.secondary-button,.secondary-button:hover{background:#15202e;border-color:#506174;color:#e4edf8}
.nav nav a:hover{color:#ffc294}.nav nav a:last-child{color:#18202c}
.routing-panel[data-mode="sticky"] .routing-requests>div:first-child{background:linear-gradient(125deg,#18324a,#302622);border-color:#8ad3ff;box-shadow:0 0 25px #8ad3ff20}
.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(1){border-color:#8ad3ff}.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(2){border-color:#acbfd2}.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(3){border-color:#ffad78}
.closing .small-sigil{color:#ffa777}
@media(max-width:540px){.brand,.brand-sub{font-size:23px}.brand img{width:36px;height:36px}}

/* Neutral charcoal surfaces for Frostfire. */
:root{--bg:#090a0b;--panel:#161719;--border:#34363a;--muted:#b0b2b9}
body{background:#090a0b}
.element-strip{background:linear-gradient(100deg,#1b1d20,#202022 55%,#251f1c);border-color:#343436}
.hero-pill{background:#191a1d;border-color:#414247}
.hero-benefits>span,.stat-card,.product,.pricing-card,.metric,.chart-panel,.generator{background:#161719;border-color:#34363a}
.stat-icon{background:#25272a;border-color:#3e4145}
.network-tabs{background:#191b1e}
.network-tabs [role="tab"]:hover{background:#25272c}
.network-tabs [aria-selected="true"],.network-tabs [aria-selected="true"]:hover{background:var(--accent)}
.access-card,.routing-panel,.member-preview,dialog{background:#17181b;border-color:#3c3d43}
.routing-source,.routing-requests>div{background:#222327;border-color:#45464d}
.routing-panel[data-mode="sticky"] .routing-requests>div:first-child{background:#232529}
.preview-balances>div,input,select,textarea,.credential{background:#0c0d0f;border-color:#37393e}
.secondary-button,.secondary-button:hover{background:#17181b;border-color:#505258}
.product,.pricing-card{background:linear-gradient(150deg,#1b1d20,#202226)}
.product .product-symbol,.pricing-card .product-symbol,.tag{background:#24262a;border-color:#45474e}
.bandwidth-presets button{background:#202226;border-color:#41444b}
.bandwidth-presets button[aria-pressed=true]{background:#303238}
.card-footer,.product-bottom,.pricing-features,.preview-topbar,.experience-list article,.faq-list details,.faq-list details:first-child{border-color:#35373c}
.demo-banner{background:#202226;border-color:#3d3f44}
.chart g[stroke],.home-chart g[stroke]{stroke:#393b40}
.stat-card p,.stat-top .tiny,.stats-note{color:#b0b2b9}
@media(prefers-color-scheme:dark){body{background:#090a0b}}

/* Compact category navigation. */
.network-tabs{padding:4px;gap:8px;margin-bottom:38px}
.network-tabs [role="tab"]{min-width:130px;min-height:38px;padding:8px 20px;font-size:14px;line-height:1.4}
@media(max-width:650px){.network-tabs{padding:4px;gap:4px;margin-bottom:30px}.network-tabs [role="tab"]{min-width:0;min-height:36px;padding:8px 10px;font-size:13px}}

.coming-soon-card .pricing-card-heading{min-height:150px;text-align:center}
.coming-soon-price{font-size:30px;font-weight:700;color:var(--element);text-align:center;margin:25px 0}
.catalog-grid .coming-soon-card .coming-soon-note{font-size:15px;min-height:0;line-height:1.7;margin:10px auto 30px;color:var(--muted)}
.coming-soon-card>.button{margin-top:auto;width:100%;background:#363238;color:#c3bdc5;cursor:not-allowed;box-shadow:none}
.coming-soon-card>.button:hover{filter:none;transform:none}
@media(max-width:850px){.coming-soon-card .pricing-card-heading{min-height:0}}

/* Bright action backgrounds require dark labels in every interactive state. */
.button:not(:disabled):not(.secondary-button),
.button:not(:disabled):not(.secondary-button):hover,
.button:not(:disabled):not(.secondary-button):focus,
.button:not(:disabled):not(.secondary-button):active,
.text-button,.text-button:hover,.text-button:focus,.text-button:active,
.nav nav a:last-child,.nav nav a:last-child:hover,.nav nav a:last-child:focus,.nav nav a:last-child:active{
 color:#101820;
}
.button:not(:disabled):not(.secondary-button) *, .text-button *, .nav nav a:last-child *{color:inherit}
.secondary-button,.secondary-button:hover,.secondary-button:focus,.secondary-button:active{color:#edf5ff}

/* Styled selects retain the original form values behind an accessible combobox. */
.styled-native-select{display:none}
.custom-select{position:relative;width:100%}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:50px;padding:13px 15px;text-align:left;border:1px solid #3a3d43;border-radius:9px;background:#101113;color:#edf5ff;font:inherit;cursor:pointer}
.select-trigger::after{content:'';width:7px;height:7px;flex-shrink:0;border-right:2px solid #a7bbc9;border-bottom:2px solid #a7bbc9;transform:rotate(45deg);margin-right:3px;margin-top:-4px}
.select-trigger:hover{border-color:#647583;background:#17191c}
.select-trigger:focus-visible,.select-trigger[aria-expanded=true]{outline:none;border-color:#8ad3ff;box-shadow:0 0 0 3px #8ad3ff18}
.select-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-top:4px}
.select-options{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:50;max-height:235px;overflow-y:auto;margin:0;padding:6px;list-style:none;border:1px solid #49515d;border-radius:10px;background:#1a1c20;box-shadow:0 16px 40px #0009;scrollbar-width:thin;scrollbar-color:#647583 #1a1c20}
.select-options[hidden]{display:none}
.select-option{position:relative;padding:11px 35px 11px 12px;color:#dce5ee;border-radius:6px;font-size:15px;line-height:1.45;cursor:pointer}
.select-option:hover,.select-option.is-active{background:#2b3540;color:#f2f7ff}
.select-option[aria-selected=true]{background:linear-gradient(110deg,#89d5ff20,#ffa57713);color:#a8defb}
.select-option[aria-selected=true]::after{content:'✓';position:absolute;right:12px;color:#ffb184;font-weight:700}
.select-option[aria-disabled=true]{color:#767e88;cursor:not-allowed}

/* Full-width usage chart above the generator and its output. */
.dashboard-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr);gap:24px;align-items:stretch}
.dashboard-grid>.chart-panel{grid-column:1/-1}
.dashboard-grid>.chart-panel .chart{width:100%;height:auto;max-height:310px;display:block}
.dashboard-grid>.chart-panel .notice{margin:12px 0 0}
.generated-panel{min-width:0;background:#17181b;border:1px solid #3c3d43;border-radius:16px;padding:24px;display:flex;flex-direction:column}
.generated-panel h2{font-size:18px;font-weight:600;margin:0 0 6px}
.output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 14px}
.output-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}
.output-toolbar .text-button{font-size:13px;padding:10px 13px}
.output-format{font-size:10px;letter-spacing:1px;color:var(--muted)}
.proxy-output{margin:0;background:#0c0d0f;border:1px solid #37393e;border-radius:9px;padding:17px;min-height:300px;max-height:430px;flex:1;overflow:auto;font:13px/2 Consolas,monospace;color:#bddff3;white-space:pre;scrollbar-width:thin;scrollbar-color:#555b63 #0c0d0f}
.output-toolbar button:disabled{background:#303236;color:#8c9097;border-color:#46494f;cursor:not-allowed;box-shadow:none;filter:none;transform:none}
.dashboard .legend span:first-child::before{background:#8ad3ff}.dashboard .legend span:last-child::before{background:#ffa477}
@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.generated-panel{padding:20px}.proxy-output{min-height:260px}.dashboard-grid>.chart-panel{overflow:hidden}.dashboard-grid>.chart-panel .chart{min-width:640px}.dashboard-grid>.chart-panel{overflow-x:auto}}

/* Compact badge controls for generated batch size. */
.proxy-count{border:0;padding:0;margin:18px 0 0;min-width:0}
.proxy-count legend{padding:0;font-size:14px;color:#c0b4cd;margin-bottom:9px}
.count-badges{display:flex;gap:8px;flex-wrap:wrap}
.count-badge{min-width:48px;min-height:34px;padding:6px 13px;border:1px solid #43464d;border-radius:999px;background:#202226;color:#c3cbd4;font-size:13px;font-weight:600;line-height:1.4}
.count-badge:hover{border-color:#8ad3ff;color:#edf5ff;background:#2c3036}
.count-badge[aria-pressed=true]{background:var(--accent);color:#101820;border-color:transparent}
@media(max-width:540px){.count-badges{gap:6px}.count-badge{min-width:44px;padding:6px 11px}}

.sticky-duration{margin-top:17px;padding:15px;border:1px solid #3b3f46;border-radius:9px;background:#101113}
.sticky-duration[hidden]{display:none}
.duration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.duration-heading label{margin:0;font-size:14px}
.duration-heading output{font-size:13px;font-weight:600;color:#a7dfff;border:1px solid #3e5564;background:#1b2932;padding:4px 9px;border-radius:6px;white-space:nowrap}
.duration-slider{background:linear-gradient(to right,#8ad3ff 0%,#8ad3ff var(--range-progress,21.74%),#26292e var(--range-progress,21.74%),#26292e 100%)}
.sticky-duration .slider-limits{margin-bottom:0}

/* Arcane identity: restrained charcoal, violet light and magenta accents. */
:root{--bg:#090a0b;--panel:#161719;--border:#34363a;--text:#f3eff9;--muted:#b0acb9;--pink:#e392d8;--purple:#a77cec;--accent:linear-gradient(115deg,#a47ae8,#db8bd3)}
body{background:#090a0b;color:var(--text)}
.brand,.brand-sub{font-size:25px}.brand img{width:42px;height:42px}
.element-strip{background:linear-gradient(100deg,#1e1925,#1a191f 65%,#241b27);border-color:#39313f}
.strip-label,.strip-private{color:#d9c6e8}.frost-text,.fire-text,.shadow-text{color:#cdb1ed}
.hero-pill{background:#1c1822;border-color:#51415f;color:#dfccea}
.hero-pill .spark{background:#df8bd6;box-shadow:0 0 13px #df8bd644}
.magic-hero h1{font-weight:740;letter-spacing:-2.5px}
.hero-benefits>span{background:#19171d;border-color:#39303f}
.hero-benefits i,.hero-benefits>span:nth-child(2) i,.hero-benefits>span:nth-child(3) i{color:#c28ff0}
.dot-one{background:#d58ce0}.dot-two{background:#a88bee}.dot-three{background:#c8a7ef}.dot-four{background:#e7a1dc}
.button:not(:disabled):not(.secondary-button),.button:not(:disabled):not(.secondary-button):hover,.button:not(:disabled):not(.secondary-button):focus,.button:not(:disabled):not(.secondary-button):active,.text-button,.text-button:hover,.text-button:focus,.text-button:active,.nav nav a:last-child,.nav nav a:last-child:hover,.nav nav a:last-child:focus,.nav nav a:last-child:active{color:#1b1128}
.secondary-button,.secondary-button:hover{background:#18151c;border-color:#634b75;color:#eee2f7}
.nav nav a:hover{color:#e392d8}.nav nav a:last-child,.nav nav a:last-child:hover{background:var(--accent)}
.element-arcane,.element-frost,.element-fire,.element-shadow,.element-holy,.element-earth,.element-void{--element:#c19ae9;--element-gradient:linear-gradient(115deg,#b08be9,#df91d5)}
.catalog-grid .product{border-color:#8e70af;box-shadow:0 0 20px #a77cec12}
.catalog-badge{background:var(--accent);color:#1b1128;box-shadow:0 6px 20px #a778db26}
.bandwidth-slider{background:linear-gradient(to right,#c08dea 0%,#c08dea var(--range-progress,4.81%),#101014 var(--range-progress,4.81%),#101014 100%)}
.duration-slider{background:linear-gradient(to right,#c08dea 0%,#c08dea var(--range-progress,21.74%),#26242b var(--range-progress,21.74%),#26242b 100%)}
.duration-heading output{color:#d7b3f0;border-color:#5b416a;background:#281d30}
.count-badge[aria-pressed=true]{background:var(--accent);color:#1b1128}.count-badge:hover{border-color:#b88be5}
.select-trigger:focus-visible,.select-trigger[aria-expanded=true]{border-color:#c19ae9;box-shadow:0 0 0 3px #c19ae918}
.select-option:hover,.select-option.is-active{background:#352b3e}.select-option[aria-selected=true]{background:linear-gradient(110deg,#a47ae82b,#db8bd31a);color:#e2c9f5}.select-option[aria-selected=true]::after{color:#e392d8}
.routing-trunk{background:linear-gradient(#a77cec,#e392d8)}.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(1),.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(2),.routing-panel[data-mode="rotating"] .routing-requests>div:nth-child(3){border-color:#b487dd}
.routing-panel[data-mode="sticky"] .routing-requests>div:first-child{background:#2b2133;border-color:#cf97e5;box-shadow:0 0 25px #cf97e522}
.routing-source{border-color:#604970}.routing-result{color:#decaec}.closing .small-sigil{color:#d58ce0}
.proxy-output{color:#d6bce9}.dashboard .legend span:first-child::before{background:#b08be9}.dashboard .legend span:last-child::before{background:#df91d5}
@media(max-width:540px){.brand,.brand-sub{font-size:24px}.brand img{width:36px;height:36px}.magic-hero h1{letter-spacing:-1.8px}}

/* The invitation gate is the homepage hero. */
.invitation-hero{display:flex;flex-direction:column;align-items:center;padding:80px 0 65px;min-height:500px;justify-content:center}
.invitation-hero>.eyebrow{text-align:center;justify-content:center;margin:0 0 24px;font-size:12px}
.invitation-hero .access-card{max-width:500px;width:100%;padding:30px;border-color:#695079;background:linear-gradient(140deg,#201925,#141417);box-shadow:0 20px 65px #0004,0 0 50px #a77cec0a}
.invitation-hero .access-card h2{font-size:27px;margin:18px 0 24px;line-height:1.3}
.invitation-hero .preview-link{margin-top:23px}
@media(max-width:540px){.invitation-hero{min-height:0;padding:45px 0 50px}.invitation-hero .access-card{padding:24px}.invitation-hero .access-card h2{font-size:24px}.invitation-hero>.eyebrow{font-size:10px;letter-spacing:1.1px}}

/* Arcane styling shared by the network overview cards. */
.stat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#211b28,#17171b);border:1px solid #69527e;border-radius:17px;padding:25px;box-shadow:0 0 22px #a77cec0c}
.stat-card::before{content:'';position:absolute;left:24px;right:24px;top:0;height:2px;background:var(--accent);opacity:.8}
.stat-icon{background:#30243b;border-color:#725189;color:#d7b8ee;border-radius:10px}
.stat-card strong{color:#dcbcf3;font-size:36px;letter-spacing:-1px}
.stat-top .tiny{color:#d1b7e3;font-size:11px;letter-spacing:1.4px}
.stat-card p{color:#bcb0c7;font-size:13px}
.network-stats{padding-top:24px}
@media(max-width:540px){.stat-card{padding:18px}.stat-card strong{font-size:29px}.stat-top .tiny{font-size:10px;letter-spacing:1px}}

/* Neutral text with Arcane accents; no residual ice-blue labels. */
:root{--text:#f3eff9;--muted:#b8b0c0}
.nav nav a{color:#d7d0df}.nav nav a:hover{color:#e392d8}
.muted,.section-intro,.intro,.notice,.metric p,.form-message,.footer,.product p,.pricing-card-heading p,.pricing-features,.slider-limits,.price-readout span{color:var(--muted)}
.network-tabs [role="tab"]{color:#c6b7d3}
.network-tabs [role="tab"]:hover{background:#302635;color:#f3eff9}
.network-tabs [aria-selected="true"],.network-tabs [aria-selected="true"]:hover{background:var(--accent);color:#1b1128}
label,.proxy-count legend{color:#cec0d9}
.select-trigger{color:#f3eff9}.select-trigger::after{border-color:#b9a9c7}
.select-option{color:#ddd1e6}.select-option:hover,.select-option.is-active{color:#f3eff9}
.select-option[aria-selected=true]{color:#e2c9f5}
.preview-brand,.preview-chart-heading,.preview-balances strong{color:#f3eff9}
.chart text{fill:#b8b0c0}
.count-badge{color:#c6b7d3}.count-badge:hover{color:#f3eff9}
.count-badge[aria-pressed=true]{color:#1b1128}
/* Category background hugs the controls rather than filling the content row. */
.network-tabs{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:4px 7px;background:#1d1922}
@media(max-width:650px){.network-tabs{width:fit-content;gap:4px}.network-tabs [role="tab"]{flex:0 0 auto;padding:8px 13px}}

/* Replace the inherited frost-blue eyebrow and small-label colors. */
.eyebrow,.tiny{color:#cdb7df}
.tag{color:#d9c5e8}
.stat-top .tiny{color:#d1b7e3}
.section-note,.stats-note,.preview-chart-heading>span{color:var(--muted)}

/* Invitation on the left, animated arcane seal on the right. */
.sigil-invite{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding-top:55px;padding-bottom:55px}
.invitation-side{min-width:0}.invitation-side>.eyebrow{margin:0 0 20px}
.invitation-side .access-card{max-width:490px}
.invitation-side .preview-link{margin-top:22px}
.animated-sigil{position:relative;aspect-ratio:1;min-width:0;isolation:isolate;display:grid;place-items:center}
.animated-sigil svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 15px #b078dc33)}
.sigil-aura{position:absolute;inset:13%;z-index:-1;background:radial-gradient(circle,#bd78d820,transparent 65%);filter:blur(20px);border-radius:50%;animation:sigil-pulse 6s ease-in-out infinite}
.sigil-ring-outer,.sigil-ring-inner{transform-origin:240px 240px}
.sigil-ring-outer{animation:sigil-turn 70s linear infinite}.sigil-ring-inner{animation:sigil-turn 45s linear infinite reverse}
.sigil-crystal{animation:sigil-float 6s ease-in-out infinite}.sigil-sparks{animation:sigil-pulse 4s ease-in-out infinite}
.sigil-caption{position:absolute;bottom:0;text-align:center;font-size:10px;letter-spacing:2px;color:#bca7cc}.sigil-caption span{color:#df91d5;margin:0 12px}
@keyframes sigil-turn{to{transform:rotate(360deg)}}
@keyframes sigil-float{50%{transform:translateY(-7px)}}
@keyframes sigil-pulse{50%{opacity:.45}}
@media(max-width:850px){.sigil-invite{grid-template-columns:1fr;gap:30px}.invitation-side .access-card{max-width:none}.animated-sigil{width:min(430px,100%);margin:auto}}
@media(max-width:540px){.sigil-invite{padding-top:35px;padding-bottom:40px}.sigil-caption{font-size:9px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){.sigil-ring-outer,.sigil-ring-inner,.sigil-crystal,.sigil-sparks,.sigil-aura{animation:none}}

/* Layered ritual circle: original rune glyphs, geometry and orbiting seals. */
.ritual-circle .magic-circle-svg{width:94%;overflow:visible;filter:none}
.ritual-circle .sigil-aura{inset:4%;background:radial-gradient(circle,#a36bea16,transparent 68%)}
.magic-inscription-ring,.magic-geometry-ring,.magic-node-ring{transform-origin:240px 240px}
.magic-inscription-ring{animation:sigil-turn 110s linear infinite}
.magic-geometry-ring{animation:sigil-turn 85s linear infinite reverse}
.magic-node-ring{animation:sigil-turn 130s linear infinite}
.magic-core{animation:sigil-pulse 7s ease-in-out infinite}
.ritual-circle .sigil-caption{bottom:-5px}
@media(prefers-reduced-motion:reduce){.magic-inscription-ring,.magic-geometry-ring,.magic-node-ring,.magic-core{animation:none}}

.account-page{padding:65px 0;display:flex;justify-content:center;min-height:70vh}
.account-card{max-width:490px;width:100%;align-self:flex-start}
.account-card h1{font-size:31px;letter-spacing:-1px;margin:15px 0 22px}
.account-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.account-card [hidden],.admin-layout [hidden]{display:none}
.admin-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:24px;margin:30px 0}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.admin-table th{color:#c9b1dd;font-weight:600;white-space:nowrap}
.admin-table th,.admin-table td{padding:13px 10px;border-bottom:1px solid #39303f;vertical-align:top}
.admin-table td{color:var(--muted);overflow-wrap:anywhere;max-width:380px}
.admin-table .text-button{font-size:12px;padding:8px 10px;min-height:34px}
.table-scroll{overflow-x:auto}.access-requests{margin-top:24px}
@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.account-page{padding:40px 0}}

/* Give account mode actions clear separation. */
.account-tabs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:0 0 24px}
.account-tabs .text-button{flex:0 0 auto;margin:0}

/* Member workspace: persistent sidebar and focused UI views. */
.member-app{background:#0c0d0f;color:#f3eff9;font-size:14px}
.member-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}
.member-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #302834;background:#111114;padding:28px 18px;display:flex;flex-direction:column;min-width:0}
.member-sidebar .brand{gap:8px;padding:0 8px;margin-bottom:36px}.member-sidebar .brand,.member-sidebar .brand-sub{font-size:21px}.member-sidebar .brand img{width:31px;height:31px}.member-sidebar .brand>span{gap:4px}
.sidebar-label{font-size:9px;letter-spacing:2px;color:#8e809b;margin:0 12px 13px}
.member-sidebar nav{display:flex;flex-direction:column;gap:7px}
.member-nav-link{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid transparent;border-radius:8px;color:#a9a0b4;font-size:14px;font-weight:500;line-height:1.5}
.member-nav-link svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.member-nav-link:hover{background:#211a28;color:#e5d9ee}
.member-nav-link[aria-current=page]{background:linear-gradient(100deg,#a47ae826,#db8bd312);border-color:#74518c66;color:#dfbdf4}
.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-account{display:flex;gap:10px;align-items:center;border-top:1px solid #302834;padding-top:20px}.sidebar-avatar{display:grid;place-items:center;background:#2b2037;border:1px solid #644b77;color:#d7b8ed;width:34px;height:34px;border-radius:9px;font-size:13px}.sidebar-account>div{min-width:0}.sidebar-account strong{display:block;font-size:11px;font-weight:600;color:#c6b9d1}.sidebar-account .tag{display:block;background:none;border:0;padding:3px 0;font-size:9px;letter-spacing:0;color:#998da6;max-width:170px;overflow-wrap:anywhere}
.member-account-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.member-account-actions>a,.sidebar-return{font-size:11px;color:#b9a4ca}.member-account-actions .text-button{font-size:12px;min-height:38px}.sidebar-return{display:block;margin:18px 10px 0}
.member-main{min-width:0}.member-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid #2b252f;background:#111114;gap:15px}.member-breadcrumb{font-size:12px;color:#8f829c;display:flex;gap:12px;align-items:center}.member-breadcrumb strong{color:#d4c8df;font-weight:500}.member-preview-tag{font-size:9px;letter-spacing:1.5px;color:#c7a4df;border:1px solid #574365;padding:5px 9px;border-radius:5px}
.member-content{padding:28px 35px 50px;max-width:1550px;margin:0 auto}.member-ui-note{background:#201827;border:1px solid #403046;border-radius:7px;color:#bba8ca;font-size:11px;line-height:1.7;padding:10px 14px;margin:0 0 30px}
.member-view[hidden],.member-app [role=tabpanel][hidden]{display:none!important}
.member-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.member-page-heading h1{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:9px 0}.member-page-heading .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0}.member-page-heading .muted{font-size:13px;margin:0}.member-page-heading>.button{font-size:12px;padding:11px 18px;min-height:42px}
.member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.member-metrics .metric{padding:21px;background:#16151a;border-color:#302834;border-radius:10px}.member-metrics .tiny{font-size:9px;letter-spacing:1.1px}.member-metrics .value{font-size:29px;line-height:1.3;margin:12px 0 6px}.member-metrics .metric p{font-size:11px;margin:0}
.member-view .chart-panel,.member-view .generator,.member-view .generated-panel{background:#16151a;border:1px solid #302834;border-radius:10px;padding:24px;min-width:0}.member-view .chart-panel>h2,.member-view .generator>h2{font-size:17px;font-weight:500;margin:0 0 20px}.member-chart{margin-bottom:22px}.member-chart .chart{width:100%;height:auto;max-height:270px;margin-top:20px}.member-chart .chart text{font-size:14px}.member-app .legend{font-size:11px}.member-app .legend span:first-child::before{background:#b08be9}.member-app .legend span:last-child::before{background:#df91d5}.panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px}.panel-bottom .muted{font-size:11px}.member-app .preview-link{font-size:12px;margin:0}
.workspace-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.workspace-table th{font-size:10px;color:#9c8daa;font-weight:500;padding:13px 12px;border-bottom:1px solid #342938;white-space:nowrap}.workspace-table td{padding:15px 12px;color:#bcb0c6;border-bottom:1px solid #2c2531;white-space:nowrap}.workspace-table td:first-child{color:#e0d5e9}.workspace-table tr:last-child td{border-bottom:0}.workspace-table strong{font-weight:500;color:#d9b8ed}.pool-dot{display:inline-block;width:6px;height:6px;background:#b18ae1;border-radius:50%;margin-right:10px}.member-status{display:inline-block;padding:3px 7px;border:1px solid #70518b55;border-radius:4px;color:#c6a6df;background:#a47ae80b;font-size:10px}.member-status.upcoming{background:none;color:#8c8197;border-color:#4d4355}
.generator-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:22px}.member-app .generator .panel-title h2{font-size:17px}.member-app .generator .tiny{font-size:9px}.member-app label{font-size:12px}.member-app .form-message{font-size:11px}.member-app .generator input:not([type=range]),.member-app .select-trigger{font-size:13px}.member-app .proxy-output{font-size:12px;min-height:340px;max-height:500px;line-height:2.1}.member-app .generated-panel h2{font-size:17px}
.usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-period,.settings-tabs{display:flex;gap:8px;padding:4px;background:#1d1723;border:1px solid #3c2e47;border-radius:7px;width:fit-content}.usage-period button,.settings-tabs button{padding:9px 15px;background:none;border:1px solid transparent;border-radius:4px;font-size:12px;color:#ad9cbc;min-height:36px}.usage-period [aria-pressed=true],.settings-tabs [aria-selected=true]{background:var(--accent);color:#1b1128;font-weight:600}
.usage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.usage-bar-row{margin:24px 0}.usage-bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#bcb0c6;margin-bottom:10px}.usage-bar-row strong{color:#d1b2e5;font-weight:500}.usage-bar-track{background:#29212f;height:7px;border-radius:7px;overflow:hidden}.usage-bar-track span{height:100%;display:block;border-radius:7px;background:var(--accent)}
.purchase-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:22px;align-items:start}.buy-presets{display:flex;gap:8px;margin:12px 0 20px;flex-wrap:wrap}.buy-presets button{border:1px solid #594465;background:#241a2d;color:#cbb6db;border-radius:5px;padding:6px 15px;font-size:12px}.buy-presets button:hover{background:#362442}.member-app .notice{font-size:12px;line-height:1.8}
.summary-row{display:flex;justify-content:space-between;gap:25px;padding:19px 0;border-bottom:1px solid #342938;font-size:13px;color:#a798b4}.summary-row strong{color:#dcd0e6;text-align:right;font-weight:500}.summary-total{display:flex;justify-content:space-between;align-items:center;margin:30px 0 8px}.summary-total span{font-size:15px;color:#b9aac6}.summary-total strong{font-size:36px;font-weight:600;color:#d3b1ed}.order-summary>.muted{font-size:11px}.checkout-placeholder{display:flex;gap:15px;background:#211828;border:1px solid #403047;border-radius:7px;padding:17px;margin-top:30px}.checkout-placeholder>span{font-size:24px;color:#c99be1}.checkout-placeholder strong{font-size:12px;color:#ccb6df;font-weight:500}.checkout-placeholder p{font-size:11px;color:#9f8caf;margin:5px 0 0}
.settings-tabs{margin-bottom:25px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.member-footer{display:flex;justify-content:space-between;padding:20px 35px;border-top:1px solid #2b252f;font-size:10px;color:#8b7c98}
@media(min-width:1750px){.member-content{padding-top:35px}}
@media(max-width:1150px){.member-layout{grid-template-columns:215px minmax(0,1fr)}.member-sidebar .brand,.member-sidebar .brand-sub{font-size:19px}.member-sidebar{padding:25px 13px}.member-content{padding:25px}.member-topbar{padding:0 25px}.member-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-workspace{grid-template-columns:1fr}.member-app .proxy-output{min-height:300px}}
@media(max-width:850px){.member-layout{display:block}.member-sidebar{position:relative;height:auto;padding:20px;border-right:0;border-bottom:1px solid #302834}.member-sidebar .brand{margin:0 0 20px}.sidebar-label,.sidebar-account{display:none}.member-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:6px}.member-nav-link{padding:10px 12px;font-size:12px;gap:7px}.member-nav-link svg{width:15px;height:15px}.sidebar-bottom{padding:0;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.member-account-actions{margin:0;flex-direction:row;align-items:center;gap:15px}.sidebar-return{margin:0;font-size:10px}.member-topbar{height:62px;padding:0 20px}.member-content{padding:20px}.member-page-heading h1{font-size:29px}.purchase-grid,.settings-grid,.usage-detail-grid{grid-template-columns:1fr}.member-chart{overflow-x:auto}.member-chart .chart{min-width:600px}.member-footer{padding:20px}}
@media(max-width:540px){.member-metrics{gap:12px}.member-metrics .metric{padding:16px}.member-metrics .tiny{font-size:8px}.member-metrics .value{font-size:25px}.member-metrics .metric p{font-size:10px}.member-page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.member-page-heading>.button{min-height:38px}.member-view .chart-panel,.member-view .generator,.member-view .generated-panel{padding:18px}.panel-bottom{align-items:flex-start;flex-direction:column;gap:10px}.generator-workspace{grid-template-columns:minmax(0,1fr)}.usage-metrics{grid-template-columns:1fr}.member-app .proxy-output{font-size:11px}.member-footer span{display:none}.member-sidebar .brand,.member-sidebar .brand-sub{font-size:22px}.member-nav-link{padding:9px 10px}.output-toolbar{gap:14px}}
.member-footer>div>span{display:inline}

/* Neutral member-area surfaces; Arcane color is reserved for accents. */
.member-app{background:#090a0b;color:#efeff2}
.member-sidebar,.member-topbar{background:#111214;border-color:#2f3135}
.member-nav-link{color:#b4b5bd}.member-nav-link:hover{background:#1e2024;color:#eeeef2}.member-nav-link[aria-current=page]{background:#212226;border-color:#70518b;color:#d8b5ee}
.sidebar-account{border-color:#303238}.sidebar-account strong{color:#bfc0c7}.sidebar-account .tag{color:#92949f}.sidebar-avatar{background:#222429;border-color:#44464e;color:#c5b6d4}
.member-breadcrumb,.member-breadcrumb strong{color:#bfc0c7}.member-topbar .member-preview-tag{background:#17181b}
.member-ui-note{background:#191a1d;border-color:#34363c;color:#a8aab5}
.member-metrics .metric,.member-view .chart-panel,.member-view .generator,.member-view .generated-panel{background:#161719;border-color:#303238}
.member-metrics .metric p,.member-page-heading .muted,.member-app .notice,.member-app .form-message{color:#a8aab5}
.workspace-table th{color:#9396a3;border-color:#34363c}.workspace-table td{color:#b9bbc5;border-color:#2c2e33}.workspace-table td:first-child{color:#d6d7df}
.member-status{background:#232428}.member-status.upcoming{border-color:#42454e;color:#9396a3}
.usage-period,.settings-tabs{background:#1d1f23;border-color:#393c44}.usage-period button,.settings-tabs button{color:#b3b5c0}
.usage-period [aria-pressed=true],.settings-tabs [aria-selected=true]{background:var(--accent);color:#1b1128}
.usage-bar-row>div:first-child{color:#b9bbc5}.usage-bar-track{background:#292c31}
.buy-presets button{background:#24262b;border-color:#494c56;color:#c1c3cc}.buy-presets button:hover{background:#30333a;border-color:#a47ae8}
.summary-row{color:#aaaeb9;border-color:#34373e}.summary-row strong{color:#d1d3dd}.summary-total span{color:#b7bac6}
.checkout-placeholder{background:#1e2024;border-color:#373a43}.checkout-placeholder strong{color:#c7c9d3}.checkout-placeholder p{color:#9398a5}
.member-footer{border-color:#303238;color:#9295a1}
.member-app .select-trigger,.member-app input:not([type=range]):not([type=hidden]),.member-app .proxy-output{background:#0d0e10;border-color:#383b43}
.member-app .select-options{background:#1d1f23;border-color:#494d57}.member-app .select-option{color:#c8cbd5}.member-app .select-option:hover,.member-app .select-option.is-active{background:#2c2f36}
.member-app .select-option[aria-selected=true]{background:#2a2432;color:#dcc0f0}
.member-app .sticky-duration{background:#1c1e22;border-color:#393c44}
.member-app .output-toolbar button:disabled{background:#2d3036;color:#9096a2;border-color:#454954}

/* Readable supporting typography throughout the member workspace. */
.member-metrics .tiny{font-size:12px;letter-spacing:1px;line-height:1.6}
.member-metrics .metric p{font-size:14px;line-height:1.7}
.member-metrics .value small{font-size:15px}
.member-app .legend{font-size:14px}
.member-app .tag,.member-status{font-size:12px}
.member-app .workspace-table{font-size:14px}
.member-app .workspace-table th{font-size:13px;padding:15px 12px}
.member-app .workspace-table td{font-size:14px;padding:17px 12px}
.member-app .panel-bottom .muted,.member-app .preview-link{font-size:14px}
.member-page-heading .eyebrow{font-size:12px;letter-spacing:1.2px}
.member-page-heading .muted,.member-app .notice,.member-app .form-message,.member-ui-note{font-size:14px;line-height:1.7}
.member-app label,.member-app .proxy-count legend{font-size:14px}
.member-app .generator input:not([type=range]),.member-app .select-trigger{font-size:15px}
.member-app .generator .tiny{font-size:12px}
.output-format{font-size:12px;letter-spacing:.7px}
.member-app .member-preview-tag{font-size:11px}
.member-app .member-breadcrumb{font-size:14px}
.sidebar-account strong,.sidebar-account .tag,.member-account-actions>a{font-size:13px}
.sidebar-account .tag{line-height:1.6}
.usage-bar-row>div:first-child,.usage-period button,.settings-tabs button{font-size:14px}
.order-summary>.muted,.checkout-placeholder p{font-size:13px}.checkout-placeholder strong{font-size:14px}
.member-footer{font-size:12px}
@media(max-width:540px){.member-metrics .tiny{font-size:11px}.member-metrics .metric p{font-size:13px}.member-app .proxy-output{font-size:12px}.member-preview-tag{letter-spacing:1px}}

/* Sandbox checkout waits for private server configuration. */
.member-app #purchase-preview .button:disabled{opacity:.55;cursor:not-allowed}