:root{
  --lofi-bg:#090a0f;--lofi-panel:#111218;--lofi-panel-2:#151720;--lofi-line:#292c38;--lofi-line-2:#3a3e4d;
  --lofi-text:#f6f7fb;--lofi-muted:#9ba2b1;--lofi-accent:#b7a2ff;--lofi-accent-2:#7dd3fc;--lofi-green:#70d6a7;
}
*{box-sizing:border-box}
body{background:
  radial-gradient(circle at 77% -10%,rgba(141,112,255,.12),transparent 32%),
  radial-gradient(circle at 10% 20%,rgba(72,125,255,.06),transparent 24%),
  linear-gradient(180deg,#090a0f 0,#0b0c12 100%);color:var(--lofi-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.site-header,.appTop,.top{background:rgba(9,10,15,.88)!important;border-color:var(--lofi-line)!important;backdrop-filter:blur(16px)}
.brand{color:var(--lofi-text)}.brandmark{background:#f3f0ff;box-shadow:none}.brandmark span{color:#17131f}.brandmark:after{background:#a78bfa;opacity:.72}
.navlinks{color:var(--lofi-muted)}.navlinks>a:not(.btn):hover{color:#fff}.wrap{width:min(1180px,calc(100% - 40px))}
.hero h1,.section-head h2,.final-cta h2,.price-copy h2,.pageHero h1{color:#fff}
.hero-lead,.lead,.section-head p,.muted,.sub,.feature-card p,.trust-grid p,.provider-card p{color:var(--lofi-muted)!important}
.btn{box-shadow:none!important;border-radius:10px}.btn.primary{background:#f1efff;color:#17131f}.btn.primary:hover{background:#fff}.btn.secondary{background:#14161e;border:1px solid var(--lofi-line);color:#f5f6fa}.btn.secondary:hover{border-color:#555b70;background:#181b24}
.eyebrow,.section-kicker{color:#c6b8ff}.eyebrow-dot{background:#c6b8ff;box-shadow:0 0 0 4px rgba(198,184,255,.12)}
.product-frame,.price-card{background:#101117;border:1px solid var(--lofi-line);box-shadow:0 22px 70px rgba(0,0,0,.35)}
.product-frame{position:relative;overflow:visible}.product-frame:before{content:"";position:absolute;inset:-36px -28px auto auto;width:180px;height:120px;z-index:-1;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%238e82b9' stroke-width='1.4'%3E%3Ccircle cx='20' cy='62' r='7'/%3E%3Ccircle cx='78' cy='28' r='7'/%3E%3Ccircle cx='145' cy='62' r='7'/%3E%3Ccircle cx='92' cy='98' r='7'/%3E%3Cpath d='M27 58 71 32m14 1 53 25m-2 9-37 26M27 66l57 27'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.frame-body,.preview-main{background:#12131a}.preview-side{background:#0e0f14;border-color:var(--lofi-line)}.preview-nav{background:#20222c}.preview-nav.active{background:#2e2942;border-color:#51466f}.preview-kpis>div,.preview-table{border-color:var(--lofi-line);background:#12131a}.preview-row{border-color:var(--lofi-line);color:#c7ccd6}.preview-row.head{background:#171922;color:#858c9b}.skeleton{background:#2b2e3a}.status-chip{background:#173126;border-color:#28513f;color:#91e4bd}
.proof-strip{background:#0e0f14;border-color:var(--lofi-line)}.proof-grid>div{border-color:var(--lofi-line)}.proof-grid strong{color:#fff}.proof-grid span{color:var(--lofi-muted)}
.soft-section{background:#0d0e13;border-color:var(--lofi-line)}.feature-card,.trust-grid article,.provider-card,.card,.kpi,.paywall-card,.auth,.price-box{background:var(--lofi-panel)!important;border:1px solid var(--lofi-line)!important;color:var(--lofi-text)!important;box-shadow:none!important}
.feature-card .step{background:#272238;color:#c8b9ff}.trust-icon,.provider-monogram{background:#24202f;color:#ddd2ff}.provider-tag{background:#1c1e27;color:#a7adba}.provider-link{color:#c7b8ff}.price-box strong,.price-box .price-label{color:#fff}.secure-note,.affiliate-note,.section-note{color:#858c9b}.footer{border-color:var(--lofi-line)}.footer-links{color:#9ca3b1}
.authshell{background:#090a0f}.auth-side{background:#101117}.input,textarea,select{background:#0e0f14!important;color:#f6f7fb!important;border:1px solid var(--lofi-line)!important}.input:focus,textarea:focus,select:focus{border-color:#6f628e!important;box-shadow:0 0 0 3px rgba(167,139,250,.09)!important}.field label{color:#b4bac6!important}
.appshell{background:transparent}.side{background:#0e0f14!important;border-color:var(--lofi-line)!important}.menu button{color:#9299a7!important}.menu button.active,.menu button:hover{background:#171922!important;color:#fff!important}.main{background:transparent!important}.badge{background:#1b2b24!important;color:#8be1b8!important;border-color:#29483a!important}
.paywall-top{background:#101117!important}.paywall-body{background:#111218!important}.unlock-list div{border-color:var(--lofi-line)!important}.unlock-list i{background:#183226!important;color:#8be1b8!important}.unlock-price{background:#0d0e13!important;border-color:var(--lofi-line)!important}.payment-status{color:#9299a7!important}
.table{color:#e8eaf0}.table th{color:#888f9d;background:#14161d}.table td,.table th{border-color:var(--lofi-line)}.tablewrap{border-color:var(--lofi-line)}.progress{background:#1b1d26!important;border-color:#2d303c!important}.progress i{background:linear-gradient(90deg,#8b75d6,#7cc6e9)!important}.dot.ok{background:#70d6a7}.dot.bad{background:#ef8b98}.provider-hint{background:#151922!important;border-color:#2a2f3d!important}

/* Lo-fi page headers */
.lofi-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center;margin-bottom:18px;padding:24px;border:1px solid var(--lofi-line);border-radius:18px;background:linear-gradient(135deg,rgba(17,18,24,.96),rgba(13,14,20,.92));overflow:hidden;position:relative;min-height:164px}
.lofi-intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.018) 50%,transparent 100%)}
.lofi-intro h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;margin:8px 0 9px;color:#fff}.lofi-intro p{margin:0;color:var(--lofi-muted);line-height:1.6}.lofi-intro>div:first-child{position:relative;z-index:2}
.lofi-intro:after,.lofi-scene{min-height:118px;border-radius:14px;background-color:#0c0d12;border:1px dashed #303441;background-position:center;background-repeat:no-repeat;background-size:94% 94%}
.lofi-intro:after{content:"";display:block}
.lofi-scene{display:grid;place-items:center;position:relative;overflow:hidden}.lofi-scene:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#a78bfa;right:18%;top:31%;box-shadow:-116px 37px 0 #7dd3fc,48px 41px 0 #70d6a7}.lofi-scene svg{width:92%;height:auto;stroke:#72798a;stroke-width:2;fill:none}.lofi-scene .softfill{fill:#171922;stroke:#373b49}.lofi-scene .accent{stroke:#a78bfa}.lofi-scene .pulse{fill:#a78bfa;stroke:none}
[data-panel="dashboard"] .lofi-intro:after{display:none}
[data-panel="traffic"] .lofi-intro:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 132'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='18' y='41' width='70' height='48' rx='9'/%3E%3Crect x='232' y='41' width='70' height='48' rx='9'/%3E%3Ccircle cx='137' cy='34' r='10'/%3E%3Ccircle cx='137' cy='67' r='10'/%3E%3Ccircle cx='137' cy='100' r='10'/%3E%3Cpath d='M88 65h34m25-31 71 27m-71 6h71m-71 33 71-29'/%3E%3C/g%3E%3Cg fill='%23b7a2ff'%3E%3Ccircle cx='102' cy='65' r='3'/%3E%3Ccircle cx='194' cy='67' r='3'/%3E%3C/g%3E%3C/svg%3E")}
[data-panel="player"] .lofi-intro:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 132'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='18' y='22' width='126' height='86' rx='10'/%3E%3Cpath d='M68 50v30l27-15z'/%3E%3Crect x='174' y='20' width='54' height='38' rx='7'/%3E%3Crect x='244' y='20' width='54' height='38' rx='7'/%3E%3Crect x='174' y='75' width='54' height='38' rx='7'/%3E%3Crect x='244' y='75' width='54' height='38' rx='7'/%3E%3Cpath d='M144 65h20m64-26h16m-16 55h16'/%3E%3C/g%3E%3Cpath d='M164 65c13 0 13-26 10-26m-10 26c13 0 13 29 10 29' fill='none' stroke='%23b7a2ff' stroke-width='2'/%3E%3C/svg%3E")}
[data-panel="tester"] .lofi-intro:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 132'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='18' y='21' width='190' height='90' rx='10'/%3E%3Cpath d='M37 48h75m-75 19h109m-109 19h92'/%3E%3Ccircle cx='245' cy='48' r='24'/%3E%3Cpath d='M245 48 260 36'/%3E%3Ccircle cx='245' cy='93' r='10'/%3E%3C/g%3E%3Ccircle cx='37' cy='48' r='3' fill='%2370d6a7'/%3E%3Ccircle cx='37' cy='67' r='3' fill='%23b7a2ff'/%3E%3Ccircle cx='245' cy='93' r='4' fill='%2370d6a7'/%3E%3C/svg%3E")}

/* Decorative mini-scenes for utility pages */
[data-panel="history"],[data-panel="providers"],[data-panel="profile"]{position:relative}
[data-panel="history"]:before,[data-panel="providers"]:before,[data-panel="profile"]:before{content:"";display:block;height:132px;margin-bottom:16px;border:1px solid var(--lofi-line);border-radius:18px;background-color:#0c0d12;background-position:center right 24px;background-repeat:no-repeat;background-size:min(42%,360px) 90%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
[data-panel="history"]:before{background-image:linear-gradient(90deg,rgba(183,162,255,.08),transparent 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 120'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Cpath d='M30 61h295'/%3E%3Ccircle cx='74' cy='61' r='9'/%3E%3Ccircle cx='150' cy='61' r='9'/%3E%3Ccircle cx='226' cy='61' r='9'/%3E%3Ccircle cx='302' cy='61' r='9'/%3E%3Cpath d='M74 52V29m76 41v24m76-42V28m76 42v25'/%3E%3C/g%3E%3Ccircle cx='226' cy='61' r='4' fill='%23b7a2ff'/%3E%3C/svg%3E")}
[data-panel="providers"]:before{background-image:linear-gradient(90deg,rgba(125,211,252,.06),transparent 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 120'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Ccircle cx='180' cy='60' r='18'/%3E%3Ccircle cx='60' cy='28' r='13'/%3E%3Ccircle cx='60' cy='92' r='13'/%3E%3Ccircle cx='300' cy='28' r='13'/%3E%3Ccircle cx='300' cy='92' r='13'/%3E%3Cpath d='M73 31 163 55M73 89l90-24m34-10 90-24m-90 34 90 24'/%3E%3C/g%3E%3Ccircle cx='180' cy='60' r='5' fill='%23b7a2ff'/%3E%3C/svg%3E")}
[data-panel="profile"]:before{background-image:linear-gradient(90deg,rgba(112,214,167,.06),transparent 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 120'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Ccircle cx='126' cy='46' r='20'/%3E%3Cpath d='M88 99c7-25 24-35 38-35s31 10 38 35'/%3E%3Crect x='215' y='28' width='92' height='66' rx='10'/%3E%3Cpath d='M237 51h49m-49 18h34'/%3E%3C/g%3E%3Ccircle cx='285' cy='84' r='5' fill='%2370d6a7'/%3E%3C/svg%3E")}

/* Landing-page mini illustrations */
#product .feature-card{position:relative;overflow:hidden;padding-bottom:124px!important}
#product .feature-card:after{content:"";position:absolute;left:18px;right:18px;bottom:14px;height:90px;border-radius:12px;border:1px dashed #303441;background-color:#0c0d12;background-position:center;background-repeat:no-repeat;background-size:92% 86%;opacity:.96}
#product .feature-card:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='8' y='20' width='52' height='38' rx='7'/%3E%3Ccircle cx='112' cy='19' r='8'/%3E%3Ccircle cx='112' cy='40' r='8'/%3E%3Ccircle cx='112' cy='61' r='8'/%3E%3Crect x='178' y='20' width='52' height='38' rx='7'/%3E%3Cpath d='M60 39h42m18-20 58 18m-58 3h58m-58 21 58-18'/%3E%3C/g%3E%3C/svg%3E")}
#product .feature-card:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='8' y='10' width='86' height='60' rx='8'/%3E%3Cpath d='M40 27v26l22-13z'/%3E%3Crect x='128' y='8' width='42' height='27' rx='5'/%3E%3Crect x='184' y='8' width='42' height='27' rx='5'/%3E%3Crect x='128' y='45' width='42' height='27' rx='5'/%3E%3Crect x='184' y='45' width='42' height='27' rx='5'/%3E%3Cpath d='M94 40h25m51-18h14m-14 36h14'/%3E%3C/g%3E%3C/svg%3E")}
#product .feature-card:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80'%3E%3Cg fill='none' stroke='%236e7484' stroke-width='2'%3E%3Crect x='12' y='9' width='144' height='62' rx='8'/%3E%3Cpath d='M29 28h70m-70 15h93m-93 15h76'/%3E%3Ccircle cx='196' cy='40' r='26'/%3E%3Cpath d='M196 40 211 28'/%3E%3C/g%3E%3C/svg%3E")}
.trust-grid article{position:relative;overflow:hidden}.trust-grid article:after{content:"";position:absolute;right:-20px;bottom:-22px;width:92px;height:92px;border:1px dashed rgba(183,162,255,.16);border-radius:50%}
.provider-card{position:relative;overflow:hidden}.provider-card:after{content:"";position:absolute;right:-24px;bottom:-24px;width:82px;height:82px;border:1px solid rgba(125,211,252,.08);transform:rotate(35deg)}

.engine-note{display:inline-flex;margin-top:12px;padding:8px 10px;border:1px solid #363b4a;border-radius:9px;background:#0e0f14;color:#a6adba;font-size:12px}.engine-note.ok{color:#8be1b8;border-color:#2a4a3b;background:#10231b}
.player-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--lofi-line);border-radius:12px;background:#0e0f14;margin:0 0 14px}.player-tab{border:0;background:transparent;color:#8f96a4;padding:10px 16px;border-radius:9px;font-weight:760;cursor:pointer}.player-tab.active{background:#25202f;color:#f2edff}.player-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:14px}.player-stack{display:grid;gap:14px;align-content:start}.player-controls,.bulk-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-row,.mode-choice{display:flex;gap:12px;flex-wrap:wrap}.check-toggle{display:inline-flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--lofi-line);border-radius:9px;background:#0e0f14;color:#c3c8d1;font-size:13px}.check-toggle input{accent-color:#a78bfa}.player-preview{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:13px;background:#08090c;border:1px solid var(--lofi-line)}.player-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:22px 22px}.player-preview iframe{width:100%;height:100%;border:0;position:relative;z-index:1}.player-preview-hint{position:absolute;inset:0;display:grid;place-items:center;color:#737b8a;font-size:13px;z-index:2}.proxy-file-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px dashed #3b3f4d;border-radius:10px;background:#0e0f14}.proxy-file-row input{max-width:70%;color:#aab0bb}.active-proxy{padding:14px;border:1px solid var(--lofi-line);border-radius:10px;background:#0e0f14}.active-proxy strong{display:block;color:#f3f4f7;word-break:break-all}.active-proxy small{display:block;color:#848c9a;margin-top:6px}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mini-stat{padding:12px;border-radius:10px;background:#0e0f14;border:1px solid var(--lofi-line)}.mini-stat b{display:block;font-size:24px;letter-spacing:-.04em}.mini-stat span{display:block;font-size:11px;color:#8c94a2;margin-top:4px}.plan-box{padding:12px;border:1px dashed #414656;border-radius:10px;background:#0e0f14;color:#a4abb8;line-height:1.5}.session-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--lofi-line);font-size:12px}.session-line:last-child{border-bottom:0}.session-line span:first-child{min-width:0}.session-line b{display:block;color:#f2f3f6}.session-line small{display:block;color:#858d9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.session-line span:last-child{color:#bcb5d6;white-space:nowrap}
@media(max-width:980px){.lofi-intro{grid-template-columns:1fr 250px}.player-grid{grid-template-columns:1fr}.feature-grid[style*="repeat(3"]{grid-template-columns:1fr!important}}
@media(max-width:720px){body:before{background-size:24px 24px}.lofi-intro{display:block;padding:18px;min-height:0}.lofi-intro:after,.lofi-scene{display:none!important}[data-panel="history"]:before,[data-panel="providers"]:before,[data-panel="profile"]:before{height:92px;background-size:70% 86%;background-position:center}.player-controls,.bulk-config-grid{grid-template-columns:1fr}.player-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.player-tab{width:100%}.mini-stats{grid-template-columns:1fr 1fr}.session-line{display:grid}.session-line span:last-child{white-space:normal}#product .feature-card{padding-bottom:112px!important}}