body[data-theme="original"]{--sa-green:#16865c;--sa-gold:#ffd267;--black:#061a14;--dark:#0a241b;--panel:#102e24;--line:#315446;--text:#f4f8f1;--muted:#bdcfc3;--accent:#ffd267;--tint:#193f2e;--glow:#216f4333;color-scheme:dark}
body[data-theme="purple"]{--sa-green:#b48af1;--sa-gold:#d4b5ff;--sa-red:#bc8be7;--sa-blue:#8d6cc7;--black:#0b0811;--dark:#130d20;--panel:#1c132b;--line:#4c355f;--text:#f7efff;--muted:#cfbfdc;--accent:#d4b5ff;--tint:#2a1b3b;--glow:#853dc733;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 0,var(--glow),transparent 55%),var(--black);font-size:1rem;line-height:1.65}
header{background:var(--dark);border-bottom:1px solid var(--line);gap:20px;padding:18px 28px}
header h1{font-family:'Space Grotesk',sans-serif!important;text-transform:none;font-size:1.15rem;letter-spacing:-.035em}
header p{font-size:.88rem;color:var(--muted)}
.logo-img{border:1px solid var(--line);border-radius:12px;width:48px;height:48px}
.header-actions,.header-meta{flex-wrap:wrap;gap:10px}
.download-btn,.preview-button,.refresh-btn,.apply-btn{font-family:inherit;font-size:.9rem;letter-spacing:0;text-transform:none;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:var(--black);padding:11px 17px;box-shadow:none;font-weight:700}
.preview-button.secondary{background:transparent;color:var(--text);border-color:var(--line)}
.demo-banner{background:var(--tint);color:var(--text);font-size:.9rem;border-bottom:1px solid var(--line);line-height:1.7}
.appearance-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 28px;background:var(--dark);border-bottom:1px solid var(--line)}
.appearance-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--black)}
.appearance-switch button{border:0;border-radius:999px;padding:9px 16px;font:600 .9rem 'Space Grotesk',sans-serif;color:var(--muted);background:transparent;cursor:pointer}
.appearance-switch button[aria-pressed="true"]{background:var(--accent);color:var(--black)}
.companion-nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.companion-nav a{color:var(--muted);font-size:.9rem;padding:7px 10px;text-decoration:none;border-radius:8px}
.companion-nav a[aria-current="page"],.companion-nav a:hover{background:var(--tint);color:var(--text)}
.theme-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{max-width:1240px;width:100%;margin:0 auto;padding:26px 28px 40px}
.safety-hero,.hero{background:linear-gradient(130deg,var(--tint),var(--dark));border:1px solid var(--line);border-radius:24px;padding:32px;margin-bottom:28px;overflow:hidden}
.safety-hero h2,.hero h2{font:700 clamp(2rem,4.5vw,3.5rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.055em;text-transform:none;color:var(--text)}
.safety-hero p,.hero p{font-size:1rem;line-height:1.8;color:var(--muted)}
.safety-hero .eyebrow,.hero .eyebrow{font-size:.9rem;letter-spacing:.08em;color:var(--accent)}
.safety-hero img,.hero .market-visual{width:100%;max-height:390px;object-fit:contain;border-radius:18px;background:var(--black);margin-top:22px}
.image-caption,.safety-hero figcaption{font-size:.88rem!important;color:var(--muted);line-height:1.7}
.device-card,.job-card,.tech-card,.card,.chart-card,.stat-card,.alert-item,.sub-item,.payout-item,.sec-item,.e-stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.device-card h3,.job-card h3,.tech-card h3,.card h3,.chart-card h3,.alert-item h3,.tab-panel h2{font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:-.025em}
.device-card p,.job-card p,.card p,.chart-card p,.tech-card p,.alert-item p,.sec-item p,.sub-item p,.payout-item p{font-size:.95rem;line-height:1.8}
.device-photo{width:100%;height:220px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--black);margin-bottom:20px}
.tab-bar{background:var(--dark);border-color:var(--line);gap:5px;flex-wrap:wrap;position:relative;top:0;padding:12px 24px}
.tab{font-family:inherit;font-size:.9rem;text-transform:none;padding:11px 17px;border-radius:10px;border:1px solid transparent;color:var(--muted);background:transparent}
.tab.active{border-color:var(--line);background:var(--tint);color:var(--accent)}
.section-note,.d-type,.d-meta,.s-label,.j-meta,.explanation,.preview-feedback,.filter-row label,.chart-toolbar label{font-size:.9rem;line-height:1.7}
.explanation,.preview-feedback,.event-steps li.preview-complete{background:var(--tint);border-color:var(--accent);color:var(--text);border-radius:10px}
select,input{font:inherit;color:var(--text);background:var(--black);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
table{font-size:.9rem}table th,table td{border-color:var(--line)}
a.text-link,.footer-home{color:var(--accent);font-size:.95rem}
footer{background:var(--dark);border-color:var(--line);font-size:.88rem;padding:16px 28px;gap:15px}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
body[data-theme="purple"] .flag-strip span:nth-child(odd){background:#6b4496}body[data-theme="purple"] .flag-strip span:nth-child(even){background:#bc96ef}
@media(max-width:760px){header{padding:16px 20px;position:relative;flex-wrap:wrap}.appearance-tools{padding:14px 20px}.companion-nav{margin-left:0;width:100%;gap:3px}.companion-nav a{padding:7px 9px}main{padding:20px}.safety-hero,.hero{padding:24px}.device-photo{height:240px}.device-grid,.job-grid,.chart-grid,.tables{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-bar{padding:12px 20px}.tab{padding:9px 12px}footer{position:relative;flex-wrap:wrap;padding:16px 20px}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-theme="purple"]{--accent:#dbb6ff;--line:#674582;--tint:#352047;--panel:#21142f;background:radial-gradient(ellipse at 0 0,#71359b3b,transparent 55%),radial-gradient(ellipse at 100% 45%,#8e3ac51c,transparent 50%),#0e0916;background-attachment:fixed}
body[data-theme="purple"] .appearance-tools{background:linear-gradient(100deg,#291536,#140d20);border-bottom-color:#785199}
body[data-theme="purple"] .appearance-switch button[aria-pressed="true"]{background:linear-gradient(120deg,#e7cdff,#bf8af7);color:#210e33;box-shadow:0 2px 14px #bb78ed26}
body[data-theme="purple"] .companion-nav a[aria-current="page"]{background:#4a2a60;color:#f7eaff;box-shadow:inset 0 0 0 1px #b280d255}
body[data-theme="purple"] :is(.panel,.card,.demo-card,.device-card,.stat-card,.metric-card){background:linear-gradient(145deg,#2c1b3a,#1b1226);border-color:#674582;box-shadow:0 10px 35px #0002}
body[data-theme="purple"] :is(.preview-button,.download-btn,.refresh-btn,.apply-btn){background:linear-gradient(120deg,#e7cdff,#bf8af7);color:#210e33;border-color:#d4a9f8}
body[data-theme="purple"] :is(button,a){transition:background .2s,box-shadow .2s,border-color .2s}
body[data-theme="purple"] :is(button,a):focus-visible{outline:3px solid #e1bbff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body[data-theme="purple"] :is(button,a){transition:none}}

body .safety-hero,body .demo-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid var(--line);padding:clamp(22px,4vw,46px);background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 70%),var(--dark);box-shadow:0 18px 60px #0002}
body[data-theme="purple"] :is(.safety-hero,.demo-intro){background:radial-gradient(ellipse at 90% 10%,#a152d849,transparent 65%),linear-gradient(130deg,#321a45,#160e23);border-color:#9363b4}
body :is(.safety-hero h2,.demo-intro h1){letter-spacing:-.045em;line-height:1.08}
body[data-theme="purple"] :is(.safety-hero h2,.demo-intro h1){color:#eed9ff;text-shadow:0 4px 35px #b66ee12b}
body :is(.safety-hero figure,.demo-seal){border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0003}
body :is(.stat-card,.chart-card,.demo-device,.card){transition:transform .22s,border-color .22s,box-shadow .22s}
body[data-theme="purple"] :is(.chart-card,.demo-device){background:linear-gradient(145deg,#30203f,#1a1126);border:1px solid #704b8b;border-radius:18px}
body[data-theme="purple"] .stat-card{border-top:3px solid #cd9bff}
body[data-theme="purple"] .demo-device[aria-pressed="true"]{border-color:#dbb6ff;box-shadow:0 0 0 2px #bd86ec55,0 15px 40px #8d3dbc22}
body[data-theme="purple"] .device-art{background:radial-gradient(ellipse,#efe2fc,#d5bbe9);border-radius:14px}
body[data-theme="purple"] .tabs button[aria-selected="true"],body[data-theme="purple"] .tab-bar button.active{background:#39234d;color:#f4e6ff;border-radius:10px 10px 0 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body :is(.stat-card,.chart-card,.demo-device):hover{transform:translateY(-4px);box-shadow:0 18px 40px #0003}body :is(.preview-button,.download-btn,.refresh-btn,.apply-btn):hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--glow)}}
@media(prefers-reduced-motion:no-preference){body .safety-hero,body .demo-intro{animation:app-arrive .6s ease-out both}@keyframes app-arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(max-width:600px){body .safety-hero,body .demo-intro{border-radius:18px;padding:22px}body .safety-hero h2{font-size:2rem}}

body[data-theme="purple"]{background:linear-gradient(#10091de8,#10091df5),url("../../../images/safety/purple-solidarity-art.png") center top/cover fixed}
body[data-theme="purple"] :is(.safety-hero,.demo-intro){background:linear-gradient(90deg,#21122ff2,#21122fc7),url("../../../images/safety/purple-solidarity-art.png") center 35%/cover no-repeat}
@media(max-width:700px){body[data-theme="purple"]{background-attachment:scroll}body[data-theme="purple"] :is(.safety-hero,.demo-intro){background-position:65% center}}

.companion-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);background:var(--black);border-radius:12px;padding:9px 14px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}
.companion-nav a[aria-current="page"]{border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}
.companion-nav a:hover{border-color:var(--accent);background:var(--tint);box-shadow:0 4px 18px var(--glow)}
.companion-nav a[data-app="checkout"],.companion-nav a[data-theme-link="checkout"]{background:var(--accent);color:var(--black);font-weight:700;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.companion-nav a{transition:none}}