/* Purple - a separate Mzansi Connect design direction. Local preview only. */
body:not([data-theme="original"]) {
  color-scheme:dark;
  --purple-black:#09080c; --purple-surface:#15101c; --purple-soft:#201629;
  --purple-line:#3d2b4e; --purple-accent:#b595ee; --purple-light:#dcc5ff;
  --purple-text:#f8f3ff; --purple-muted:#c4b6d1;
  --sa-green:#a884dc; --sa-gold:#d4b5ff; --sa-red:#c59be5; --sa-blue:#a295d8;
  --black:#100c16; --dark:#15101c; --panel:#19121f; --line:#3d2b4e;
  --text:#f8f3ff; --muted:#c4b6d1; --gray-900:#23182d; --gray-700:#c4b6d1;
  --gray-300:#685475; --gray-100:#19121f; --sa-black:#09080c; --sa-white:#f8f3ff;
  --brutal-border:1px solid #493453; --brutal-border-white:1px solid #795d93;
}
html:has(body:not([data-theme="original"])) { scroll-behavior:smooth; scroll-padding-top:105px; }
body:not([data-theme="original"]) { background:var(--purple-black); color:var(--purple-text); }
body:not([data-theme="original"]),
body:not([data-theme="original"]) input,
body:not([data-theme="original"]) textarea,
body:not([data-theme="original"]) select,
body:not([data-theme="original"]) button { font-family:'Space Grotesk','Segoe UI',system-ui,sans-serif; }
body:not([data-theme="original"]) h1,
body:not([data-theme="original"]) h2,
body:not([data-theme="original"]) h3,
body:not([data-theme="original"]) h4 { text-transform:none; letter-spacing:-.035em; }
body:not([data-theme="original"]) p,
body:not([data-theme="original"]) li { overflow-wrap:anywhere; }
body:not([data-theme="original"]) a { text-underline-offset:4px; }
body:not([data-theme="original"]) button,
body:not([data-theme="original"]) a,
body:not([data-theme="original"]) input,
body:not([data-theme="original"]) select,
body:not([data-theme="original"]) textarea { -webkit-tap-highlight-color:transparent; }
body:not([data-theme="original"]) button:focus-visible,
body:not([data-theme="original"]) a:focus-visible,
body:not([data-theme="original"]) input:focus-visible,
body:not([data-theme="original"]) select:focus-visible,
body:not([data-theme="original"]) textarea:focus-visible { outline:3px solid #dec5ff; outline-offset:4px; }
body:not([data-theme="original"]) [hidden] { display:none!important; }
body:not([data-theme="original"]) nav:not(.tab-bar) { background:rgba(9,8,12,.96); border-bottom:1px solid var(--purple-line); backdrop-filter:blur(16px); padding:15px 0; }
body:not([data-theme="original"]) nav .container { gap:16px; }
body:not([data-theme="original"]) .nav-logo { color:var(--purple-text); }
body:not([data-theme="original"]) .nav-logo img { border-radius:12px; background:#fff; padding:3px; }
body:not([data-theme="original"]) .nav-logo span { font-size:1.08rem; text-transform:none; letter-spacing:-.03em; }
body:not([data-theme="original"]) .nav-logo small { color:var(--purple-muted); font-size:.62rem; margin-top:5px; }
body:not([data-theme="original"]) .nav-links { gap:2px; }
body:not([data-theme="original"]) .nav-links a { color:#e8ddf2; text-transform:none; font-size:.82rem; border-radius:999px; padding:9px 13px; }
body:not([data-theme="original"]) .nav-links a:hover { border-color:var(--purple-line); background:#211629; }
body:not([data-theme="original"]) .nav-cta { background:#b695ef!important; color:#160e20!important; border-color:#b695ef!important; }
body:not([data-theme="original"]) .nav-cta:hover { background:#dbc3ff!important; border-color:#dbc3ff!important; }
body:not([data-theme="original"]) .hamburger span { background:var(--purple-text); border-radius:4px; }
body:not([data-theme="original"]) .hero { padding:158px 0 92px; background:radial-gradient(ellipse at 14% 14%,rgba(131,72,181,.22),transparent 54%),#09080c; border-bottom:1px solid var(--purple-line); }
body:not([data-theme="original"]) .hero::before { background:linear-gradient(160deg,transparent 50%,rgba(137,82,179,.06)); }
body:not([data-theme="original"]) .safety-hero-grid { grid-template-columns:1.05fr 1fr; gap:54px; }
body:not([data-theme="original"]) .hero h1,
body:not([data-theme="original"]) .safety-hero-grid h1 { font-family:'Space Grotesk','Segoe UI',sans-serif; font-size:clamp(3rem,5.7vw,5.3rem); font-weight:700; letter-spacing:-.065em; line-height:1.03; max-width:680px; }
body:not([data-theme="original"]) .hero h1 .highlight { color:#c7a6f5; }
body:not([data-theme="original"]) .hero-badge { border:1px solid #67477d; background:#21132d; color:#dec9fa; border-radius:999px; text-transform:none; letter-spacing:.03em; font-size:.72rem; padding:8px 15px; margin-bottom:27px; }
body:not([data-theme="original"]) .hero .hero-sub { color:#e0c9f5; text-transform:none; letter-spacing:0; font-size:1.13rem; font-weight:500; line-height:1.6; }
body:not([data-theme="original"]) .hero p { color:#c7bdcf; font-size:1.03rem; line-height:1.85; max-width:620px; }
body:not([data-theme="original"]) .hero-actions { gap:12px; }
body:not([data-theme="original"]) .btn,
body:not([data-theme="original"]) .download-btn,
body:not([data-theme="original"]) .preview-button,
body:not([data-theme="original"]) .refresh-btn,
body:not([data-theme="original"]) .apply-btn { border-radius:10px; box-shadow:none; transition:background .18s,transform .18s,border-color .18s; }
body:not([data-theme="original"]) .btn { text-transform:none; font-size:.9rem; font-family:inherit; letter-spacing:0; padding:15px 21px; font-weight:700; border-width:1px; }
body:not([data-theme="original"]) .btn:hover { transform:translateY(-2px); box-shadow:none; }
body:not([data-theme="original"]) .btn-gold,
body:not([data-theme="original"]) .preview-button,
body:not([data-theme="original"]) .download-btn,
body:not([data-theme="original"]) .apply-btn,
body:not([data-theme="original"]) .refresh-btn { background:#bc9aee; color:#1b0d29; border-color:#bc9aee; }
body:not([data-theme="original"]) .btn-gold:hover,
body:not([data-theme="original"]) .preview-button:hover,
body:not([data-theme="original"]) .download-btn:hover,
body:not([data-theme="original"]) .apply-btn:hover,
body:not([data-theme="original"]) .refresh-btn:hover { background:#dcc3ff; color:#160c21; }
body:not([data-theme="original"]) .btn-outline-white { border-color:#6c547e; background:transparent; color:var(--purple-text); }
body:not([data-theme="original"]) .btn-outline-white:hover { background:#25182f; color:#fff; }
body:not([data-theme="original"]) .hero-stat { color:#c4b6d1; border-color:#493555; font-size:.84rem; margin-top:26px; }
body:not([data-theme="original"]) .hero-stat strong { color:#e5d2ff; }
body:not([data-theme="original"]) .safety-figure { border:1px solid #73518b; border-radius:24px; background:#1d1226; overflow:hidden; box-shadow:0 20px 65px rgba(84,37,121,.25); transform:rotate(1deg); }
body:not([data-theme="original"]) .safety-figure img { width:100%; max-height:610px; object-fit:cover; display:block; aspect-ratio:1/1; }
body:not([data-theme="original"]) .concept-note { background:#19111f; color:#c3b5ce; border:0; border-top:1px solid #463151; font-size:.71rem; line-height:1.75; padding:15px 18px; }
body:not([data-theme="original"]) .flag-strip { height:5px; }
body:not([data-theme="original"]) .flag-strip span:nth-child(1),
body:not([data-theme="original"]) .flag-strip span:nth-child(6) { background:#3b2454; }
body:not([data-theme="original"]) .flag-strip span:nth-child(2),
body:not([data-theme="original"]) .flag-strip span:nth-child(5) { background:#765098; }
body:not([data-theme="original"]) .flag-strip span:nth-child(3),
body:not([data-theme="original"]) .flag-strip span:nth-child(4) { background:#b48cdb; }
body:not([data-theme="original"])>section { padding-top:85px; padding-bottom:85px; background:var(--purple-black); }
body:not([data-theme="original"])>section:nth-of-type(2n) { background:#100c16; }
body:not([data-theme="original"]) .section-label span,
body:not([data-theme="original"]) .eyebrow { color:#c6a3ed; letter-spacing:.12em; font-weight:700; text-transform:uppercase; font-size:.7rem; }
body:not([data-theme="original"]) .section-label .line { background:#4d355e!important; height:1px; }
body:not([data-theme="original"]) section h2 { color:var(--purple-text); font-family:'Space Grotesk','Segoe UI',sans-serif; font-weight:700; font-size:clamp(2.1rem,4.3vw,3.8rem); line-height:1.12; letter-spacing:-.055em; }
body:not([data-theme="original"]) .highlight-green { color:#c3a2eb; }
body:not([data-theme="original"]) .section-desc { color:#c3b5ce; line-height:1.85; font-size:1rem; max-width:810px; }
body:not([data-theme="original"]) .problem-box { border:1px solid #4e355b; border-radius:18px; background:#19121f; box-shadow:none; }
body:not([data-theme="original"]) .problem-box.red { background:linear-gradient(145deg,#24162e,#17101f); border-color:#795188; color:#f6eefc; }
body:not([data-theme="original"]) .problem-box.green { background:linear-gradient(145deg,#181323,#21162b); border-color:#65427e; color:#f6eefc; }
body:not([data-theme="original"]) .problem-box h3 { color:#f4e9ff; font-family:inherit; font-size:1.4rem; margin-bottom:20px; }
body:not([data-theme="original"]) .problem-box li { color:#d6c7e2; font-size:.94rem; line-height:1.8; }
body:not([data-theme="original"]) .safety-intent { background:#21162b; border-color:#ac83d0; color:#ddcde8; border-radius:0 12px 12px 0; }
body:not([data-theme="original"]) .prototype-spotlight { background:radial-gradient(ellipse at 85% 0,rgba(117,61,155,.18),transparent 58%),#0d0912!important; border-top:1px solid #3d294b; border-bottom:1px solid #3d294b; }
body:not([data-theme="original"]) .proto-col { background:#1a1122; border:1px solid #523561; border-radius:16px; padding:22px; }
body:not([data-theme="original"]) .proto-col h4 { color:#dbbbff; font-size:1rem; font-family:inherit; letter-spacing:-.02em; }
body:not([data-theme="original"]) .proto-col li { color:#cbbbd7; line-height:1.8; font-size:.88rem; }
body:not([data-theme="original"]) .safety-status { color:#dac2f3; background:#21152d; border:1px solid #4c315f; border-radius:12px; padding:19px 23px; max-width:100%; }
body:not([data-theme="original"]) .proto-gallery { gap:22px; }
body:not([data-theme="original"]) .gallery-item { border:1px solid #593b6a; border-radius:18px; overflow:hidden; background:#1b1222; }
body:not([data-theme="original"]) .gallery-item img { display:block; width:100%; }
body:not([data-theme="original"]) .proto-arch { border:1px solid #4a315a; background:#19111f; border-radius:18px; }
body:not([data-theme="original"]) .proto-arch h4 { color:#f1e5ff; font-family:inherit; }
body:not([data-theme="original"]) .arch-node { background:#251631; border:1px solid #71508b; color:#efdefd; border-radius:12px; }
body:not([data-theme="original"]) .arch-node small { color:#c4b1d2; }
body:not([data-theme="original"]) .arch-arrow { color:#b68ed9; }
body:not([data-theme="original"]) .product-grid { gap:24px; }
body:not([data-theme="original"]) .product-card { background:#18111e; border:1px solid #493454; border-top:2px solid #aa7fd2; border-radius:20px; padding:27px; box-shadow:none; }
body:not([data-theme="original"]) .product-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.18); border-color:#9b74b8; }
body:not([data-theme="original"]) .product-card h3 { color:#f8edff; font-family:inherit; font-size:1.4rem; line-height:1.25; }
body:not([data-theme="original"]) .product-card p { color:#cbbdd5; font-size:.92rem; line-height:1.8; }
body:not([data-theme="original"]) .product-card .card-badge,
body:not([data-theme="original"]) .card-badge.green,
body:not([data-theme="original"]) .card-badge.gold,
body:not([data-theme="original"]) .card-badge.red,
body:not([data-theme="original"]) .card-badge.blue { color:#e7ceff!important; background:#2c1c39!important; border:1px solid #69477f!important; border-radius:999px; text-transform:none; }
body:not([data-theme="original"]) .product-card .card-icon { color:#c29ce7; }
body:not([data-theme="original"]) .product-card .benefits { background:#21162b; border:0; border-radius:12px; color:#e8d5f8; }
body:not([data-theme="original"]) .product-card .benefits strong { color:#e7ceff; }
body:not([data-theme="original"]) .product-card li { color:#cbbbd7; line-height:1.65; }
body:not([data-theme="original"]) .product-card .product-image,
body:not([data-theme="original"]) .product-card>img { width:100%; height:260px; object-fit:cover; border-radius:12px; margin:18px 0; }
body:not([data-theme="original"]) .safety-origin { background:#141019; border:1px solid #3d2b48; border-radius:16px; color:#f1e5fa; }
body:not([data-theme="original"]) .safety-origin h3 { color:#e9d7fa; font-family:inherit; }
body:not([data-theme="original"]) .safety-origin p { color:#c6b7d1; }
body:not([data-theme="original"]) .ground-section,
body:not([data-theme="original"]) .impact-strip,
body:not([data-theme="original"]) .vision-section { background:#0f0b14!important; color:var(--purple-text); }
body:not([data-theme="original"]) .idea-card,
body:not([data-theme="original"]) .eco-card,
body:not([data-theme="original"]) .vision-item,
body:not([data-theme="original"]) .impact-item { border:1px solid #463150; border-radius:16px; background:#19111f; box-shadow:none; }
body:not([data-theme="original"]) .idea-card:hover,
body:not([data-theme="original"]) .eco-card:hover,
body:not([data-theme="original"]) .vision-item:hover { transform:translateY(-3px); border-color:#9c75bd; background:#21152b; box-shadow:none; }
body:not([data-theme="original"]) .idea-card h3,
body:not([data-theme="original"]) .eco-card h3 { color:#f4e8ff; font-family:inherit; font-size:1.35rem; }
body:not([data-theme="original"]) .idea-card p,
body:not([data-theme="original"]) .eco-card p,
body:not([data-theme="original"]) .impact-item p,
body:not([data-theme="original"]) .vision-item { color:#cdbed9; line-height:1.8; }
body:not([data-theme="original"]) .idea-icon,
body:not([data-theme="original"]) .impact-num { color:#cba6f5!important; }
body:not([data-theme="original"]) .tags span { color:#dcc1f5; background:#30203c; border:1px solid #604174; border-radius:999px; }
body:not([data-theme="original"]) .eco-logo { background:#fff; border:1px solid #a77cce; border-radius:15px; padding:4px; }
body:not([data-theme="original"]) .vision-block { background:#1c1224; border:1px solid #5a3a6f; border-radius:20px; }
body:not([data-theme="original"]) .vision-block p { color:#e0d0eb; }
body:not([data-theme="original"]) .vision-block::before { color:#a376c7; }
body:not([data-theme="original"]) .cta-section { background:radial-gradient(ellipse at center bottom,rgba(108,57,145,.19),transparent 70%),#110c18!important; border-top:1px solid #3d2a49; }
body:not([data-theme="original"]) .cta-section p { color:#cdbed9; line-height:1.85; }
body:not([data-theme="original"]) .privacy-note { background:#21162b; border-color:#a77ec9; color:#d8c5e7; border-radius:12px; }
body:not([data-theme="original"]) .contact-form input,
body:not([data-theme="original"]) .contact-form textarea,
body:not([data-theme="original"]) footer input { background:#100b16; color:#f2e7fc; border:1px solid #634774; border-radius:10px; }
body:not([data-theme="original"]) .contact-form label { color:#ddc9ed; }
body:not([data-theme="original"]) .contact-form input::placeholder,
body:not([data-theme="original"]) .contact-form textarea::placeholder,
body:not([data-theme="original"]) footer input::placeholder { color:#a68fb7; }
body:not([data-theme="original"]) .contact-form button,
body:not([data-theme="original"]) footer button { border-radius:10px; }
body:not([data-theme="original"]) footer { background:#08070b; color:#baabc6; border-top:1px solid #3d294c; }
body:not([data-theme="original"]) footer h4,
body:not([data-theme="original"]) footer h3 { color:#eee0fa; font-family:inherit; }
body:not([data-theme="original"]) footer a,
body:not([data-theme="original"]) .footer-home,
body:not([data-theme="original"]) .footer-brand { color:#d6b5f7; }
body:not([data-theme="original"]) .footer-bottom { border-top-color:#382644; color:#a794b7; }
body:not([data-theme="original"]) .footer-logo { color:#eee0fa; }

/* Existing ecosystem dashboards share the same Purple visual language. */
body:not([data-theme="original"]) header { background:#120c19; border-bottom-color:#493052; color:#f1e4ff; }
body:not([data-theme="original"]) header h1,
body:not([data-theme="original"]) .brand h1,
body:not([data-theme="original"]) .app-logo h1 { color:#f3e6ff; font-family:inherit; text-transform:none; }
body:not([data-theme="original"]) .brand,
body:not([data-theme="original"]) .app-logo { color:#f3e6ff; }
body:not([data-theme="original"]) .brand p,
body:not([data-theme="original"]) .app-logo p,
body:not([data-theme="original"]) .brand-tagline,
body:not([data-theme="original"]) .header-right { color:#c2add2; }
body:not([data-theme="original"]) .logo-img,
body:not([data-theme="original"]) .brand-logo { background:#fff; border-color:#8251a5; border-radius:12px; }
body:not([data-theme="original"]) .demo-banner { background:#2a1838; color:#e3caf8; border-bottom:1px solid #65467a; padding:13px 18px; font-weight:500; }
body:not([data-theme="original"]) .conn-badge { color:#ddc1f2; background:#30203c; border:1px solid #66457b; }
body:not([data-theme="original"]) .conn-dot { background:#b58acb; }
body:not([data-theme="original"]) .tab-bar { background:#100b17; border-color:#412a50; }
body:not([data-theme="original"]) .tab { text-transform:none; font-family:inherit; color:#bfaccb; border-radius:0; }
body:not([data-theme="original"]) .tab.active { color:#e2c9fa; background:#2a1b36; border-bottom-color:#b78be0; }
body:not([data-theme="original"]) .safety-hero { border:1px solid #634078; background:radial-gradient(ellipse at top right,rgba(119,61,159,.2),transparent 70%),#16101d; border-radius:22px; }
body:not([data-theme="original"]) .safety-hero h2,
body:not([data-theme="original"]) .hero h2 { color:#f2e6fd; }
body:not([data-theme="original"]) .safety-hero p,
body:not([data-theme="original"]) .hero p,
body:not([data-theme="original"]) .section-note,
body:not([data-theme="original"]) .image-caption,
body:not([data-theme="original"]) figcaption { color:#c7b3d6; }
body:not([data-theme="original"]) .preview-feedback,
body:not([data-theme="original"]) .explanation { background:#25172f; border-color:#bb91e0; color:#e8d6f5; border-radius:0 12px 12px 0; }
body:not([data-theme="original"]) .device-card,
body:not([data-theme="original"]) .alert-item,
body:not([data-theme="original"]) .sub-item,
body:not([data-theme="original"]) .sec-item,
body:not([data-theme="original"]) .plan-card,
body:not([data-theme="original"]) .stat-card,
body:not([data-theme="original"]) .chart-card,
body:not([data-theme="original"]) .card,
body:not([data-theme="original"]) .job-card,
body:not([data-theme="original"]) .tech-card,
body:not([data-theme="original"]) .payout-item,
body:not([data-theme="original"]) .e-stat { background:#19111f; color:#edddf8; border-color:#543660; border-radius:14px; box-shadow:none; }
body:not([data-theme="original"]) .device-card,
body:not([data-theme="original"]) .job-card { border-top-color:#b38ad4; }
body:not([data-theme="original"]) .device-card p,
body:not([data-theme="original"]) .alert-item p,
body:not([data-theme="original"]) .sub-item p,
body:not([data-theme="original"]) .sec-item p,
body:not([data-theme="original"]) .tech-card p,
body:not([data-theme="original"]) .payout-item p,
body:not([data-theme="original"]) .card p,
body:not([data-theme="original"]) .chart-card p { color:#c9b6d5; }
body:not([data-theme="original"]) .device-card .d-type,
body:not([data-theme="original"]) .device-card .d-meta,
body:not([data-theme="original"]) .j-meta,
body:not([data-theme="original"]) .j-desc { color:#c1a9d1; }
body:not([data-theme="original"]) .stat-card .s-num,
body:not([data-theme="original"]) .e-stat strong { color:#d0a8f4; }
body:not([data-theme="original"]) .event-steps li { background:#17101d; color:#cbb8d8; border-color:#573a65; border-radius:12px; }
body:not([data-theme="original"]) .event-steps li.preview-complete { background:#33203f; color:#eedbff; border-color:#bb92dc; }
body:not([data-theme="original"]) .principle-grid h4,
body:not([data-theme="original"]) .text-link,
body:not([data-theme="original"]) .hero .highlight { color:#d3aff5; }
body:not([data-theme="original"]) .chart-toolbar select,
body:not([data-theme="original"]) .filter-row input { color:#eee2f8; background:#100b16; border-color:#634473; border-radius:9px; }
body:not([data-theme="original"]) table th { color:#e0c7f2; background:#24172e; }
body:not([data-theme="original"]) table td { border-bottom-color:#3f2a4b; color:#d8c5e5; }

/* Private tracker: theme only; all authentication and sharing behavior remains. */
body:not([data-theme="original"]) #sidebar { background:#150d1d; border-color:#493052; }
body:not([data-theme="original"]) #sidebar h2,
body:not([data-theme="original"]) #sidebar h3 { color:#ecd8fa; }
body:not([data-theme="original"]) #mapContainer { background:#0d0912; }
body:not([data-theme="original"]) .sidebar-intro,
body:not([data-theme="original"]) .safety-intro,
body:not([data-theme="original"]) .panel,
body:not([data-theme="original"]) .map-panel,
body:not([data-theme="original"]) .concept-strip,
body:not([data-theme="original"]) .prototype-notice { background:#191020; border-color:#5a3970; color:#e8d6f3; border-radius:16px; }
body:not([data-theme="original"]) .safety-intro { background:linear-gradient(130deg,#25122f,#130d1b); }
body:not([data-theme="original"]) .safety-intro h2,
body:not([data-theme="original"]) .sidebar-intro h2,
body:not([data-theme="original"]) .section-heading h2,
body:not([data-theme="original"]) .concept-strip h2 { color:#f1defe; }
body:not([data-theme="original"]) .safety-intro p,
body:not([data-theme="original"]) .sidebar-intro p,
body:not([data-theme="original"]) .muted,
body:not([data-theme="original"]) .small,
body:not([data-theme="original"]) .panel p,
body:not([data-theme="original"]) .concept-strip p { color:#c8b2d5; }
body:not([data-theme="original"]) .family-tag { color:#e3c3fc; background:#31203d; border-color:#815a9a; border-radius:999px; }
body:not([data-theme="original"]) .family-image,
body:not([data-theme="original"]) .concept-strip img { border-color:#754b8d; border-radius:16px; }
body:not([data-theme="original"]) .prototype-notice { border-left-color:#bd90e2; background:#281933; color:#e8cef8; }
body:not([data-theme="original"]) #status { background:#21142c; color:#ead4fa; border-color:#644376; }
body:not([data-theme="original"]) #mapPlaceholder { background:#1b1123; color:#e3c9f7; }
body:not([data-theme="original"]) .privacy-icon { color:#bd8fe4; }
body:not([data-theme="original"]) .map-panel #map { background:#130c1c; }
body:not([data-theme="original"]) .secret { background:#2d1939; border-color:#8e64a6; color:#e4c7f7; }
body:not([data-theme="original"]) #sidebar input,
body:not([data-theme="original"]) #sidebar select,
body:not([data-theme="original"]) .panel input,
body:not([data-theme="original"]) .panel select { background:#100a16; color:#f4e4ff; border-color:#654278; border-radius:9px; }
body:not([data-theme="original"]) #sidebar button,
body:not([data-theme="original"]) .panel button,
body:not([data-theme="original"]) .map-panel button { background:#bb91e3; color:#1b0c28; border-color:#bb91e3; border-radius:9px; }
body:not([data-theme="original"]) #sidebar .secondary,
body:not([data-theme="original"]) .panel .secondary,
body:not([data-theme="original"]) .map-panel .secondary { background:#291a35; color:#e4c8f8; border-color:#78558d; }
body:not([data-theme="original"]) .back-link { color:#d8b2fa; }
body:not([data-theme="original"]) .event-card,
body:not([data-theme="original"]) .contact-card,
body:not([data-theme="original"]) .audit-entry { background:#201329; border-color:#5e3c70; color:#e6d2f1; }

@media(max-width:1000px) {body:not([data-theme="original"]) .nav-links a { padding:8px 10px; font-size:.76rem; }
body:not([data-theme="original"]) .safety-hero-grid { gap:30px; }
body:not([data-theme="original"]) .hero h1,
body:not([data-theme="original"]) .safety-hero-grid h1 { font-size:clamp(2.8rem,5.7vw,4.3rem); }

}
@media(max-width:900px) {body:not([data-theme="original"]) .safety-hero-grid { grid-template-columns:1fr; }
body:not([data-theme="original"]) .hero { padding-top:136px; padding-bottom:64px; }
body:not([data-theme="original"]) .safety-figure { max-width:660px; transform:none; }
body:not([data-theme="original"]) .safety-figure img { max-height:520px; aspect-ratio:6/5; }
body:not([data-theme="original"])>section { padding-top:64px; padding-bottom:64px; }
body:not([data-theme="original"]) .nav-links { background:#120b19; border-color:#513060; }

}
@media(max-width:600px) {html:has(body:not([data-theme="original"])) { scroll-padding-top:88px; }
body:not([data-theme="original"]) .container { padding:0 20px; }
body:not([data-theme="original"]) nav:not(.tab-bar) { padding:13px 0; }
body:not([data-theme="original"]) .nav-logo span { font-size:.96rem; }
body:not([data-theme="original"]) .nav-logo img { width:38px; height:38px; }
body:not([data-theme="original"]) .hero { padding-top:125px; padding-bottom:50px; }
body:not([data-theme="original"]) .hero h1,
body:not([data-theme="original"]) .safety-hero-grid h1 { font-size:clamp(2.65rem,10.8vw,3.8rem); }
body:not([data-theme="original"]) .hero .hero-sub { font-size:1rem; }
body:not([data-theme="original"]) .hero p { font-size:.96rem; }
body:not([data-theme="original"]) .hero-actions { flex-direction:column; align-items:stretch; }
body:not([data-theme="original"]) .hero-actions .btn { text-align:center; }
body:not([data-theme="original"]) .safety-figure { border-radius:18px; }
body:not([data-theme="original"]) .safety-figure img { aspect-ratio:1/1; }
body:not([data-theme="original"]) section h2 { font-size:2.15rem; }
body:not([data-theme="original"]) .section-desc { font-size:.95rem; }
body:not([data-theme="original"]) .product-card { padding:23px; }
body:not([data-theme="original"]) .proto-col { padding:20px; }
body:not([data-theme="original"]) .concept-note { font-size:.68rem; }

}
@media(prefers-reduced-motion:reduce) {html:has(body:not([data-theme="original"])) { scroll-behavior:auto; }
body:not([data-theme="original"]) *,
body:not([data-theme="original"]) *::before,
body:not([data-theme="original"]) *::after { transition:none!important; animation:none!important; }
 }

body:not([data-theme="original"]) .hero{background:radial-gradient(ellipse at 12% 12%,#49206480,transparent 55%),radial-gradient(ellipse at 90% 70%,#652ba530,transparent 50%),#09080e}
body:not([data-theme="original"]) .hero h1 .highlight{background:linear-gradient(110deg,#e8d4ff,#b780ff 65%,#e8d4ff);background-clip:text;-webkit-background-clip:text;color:transparent}
body:not([data-theme="original"]) .safety-figure{box-shadow:0 0 0 8px #a16cd808,0 28px 90px #8c39d330;transform:none}
body:not([data-theme="original"]) .look-picker{border-color:#63457d;color:#e0caff;background:#1e142b}
body:not([data-theme="original"]) .look-picker .theme-switch{margin:0}
body:not([data-theme="original"]) .look-picker a[aria-current="page"]{background:#c29aef;color:#1c1029}
body:not([data-theme="original"]) .safety-shop{background:radial-gradient(ellipse at 50% 0,#271236,transparent 70%),#0d0913;color:#f5eaff}
body:not([data-theme="original"]) .shop-kicker{color:#c7a3ef}
body:not([data-theme="original"]) .shop-card{background:linear-gradient(160deg,#25162e,#16101e);border-color:#58376c;box-shadow:0 12px 40px #0003}
body:not([data-theme="original"]) .shop-card-copy p{color:#d1c1df}
body:not([data-theme="original"]) .shop-price{color:#e4c9ff}
body:not([data-theme="original"]) .shop-calculator{background:#1b1127;border-color:#593871}
body:not([data-theme="original"]) .shop-calculator select{background:#100a18;color:#f5eaff;border-color:#8e69a7}
body:not([data-theme="original"]) .purple-story{border-color:#593871}
body:not([data-theme="original"]) .purple-story h3{color:#e4c9ff}

body:not([data-theme="original"]) .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 0% 20%,#783bb05c,transparent 55%),radial-gradient(ellipse at 95% 65%,#b04ee52b,transparent 55%),#10091d}
body:not([data-theme="original"]) .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 30%,#c692ff24 0,transparent 38%);animation:purple-dawn 9s ease-in-out 2 alternate}
body:not([data-theme="original"]) .hero-badge{background:#39204e;border-color:#ac77df;color:#f0dcff;box-shadow:0 0 30px #b56aef24}
body:not([data-theme="original"]) .hero h1 .highlight{background:linear-gradient(110deg,#f6eaff,#d29cff 45%,#a57aff);background-clip:text;-webkit-background-clip:text;color:transparent}
body:not([data-theme="original"]) .safety-figure{border-color:#ae7de0;box-shadow:0 0 0 8px #be8cf30b,0 24px 90px #8a36cc42;transition:transform .4s,box-shadow .4s}
body:not([data-theme="original"]) .safety-figure:hover{transform:translateY(-5px);box-shadow:0 0 0 8px #be8cf315,0 30px 100px #8a36cc55}
body:not([data-theme="original"]) .btn-gold,body:not([data-theme="original"]) .nav-cta{background:linear-gradient(120deg,#e2c4ff,#be8af6)!important;color:#210e33!important;border-color:#ddb6ff!important;box-shadow:0 5px 22px #ac63e72b}
body:not([data-theme="original"]) .shop-card,body:not([data-theme="original"]) .product-card,body:not([data-theme="original"]) .eco-card{background:linear-gradient(145deg,#30203e,#17101f 75%);border-color:#70508b;transition:transform .25s,border-color .25s,box-shadow .25s}
body:not([data-theme="original"]) .shop-card:hover,body:not([data-theme="original"]) .product-card:hover,body:not([data-theme="original"]) .eco-card:hover{transform:translateY(-6px);border-color:#cb9afa;box-shadow:0 16px 45px #7f32b52b}
body:not([data-theme="original"]) .purple-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#7845a359,transparent 65%),#23142f;border:1px solid #a577c5;border-radius:24px;padding:32px;box-shadow:0 16px 50px #7e3db51c}
body:not([data-theme="original"]) .purple-story h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;color:#f1ddff}
body:not([data-theme="original"]) .purple-story a{color:#e2bcff;text-decoration-thickness:2px}
body:not([data-theme="original"]) .purple-values{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
body:not([data-theme="original"]) .purple-values span{padding:6px 12px;border-radius:999px;background:#ffffff0c;border:1px solid #c08be752;color:#eddaff;font-size:.88rem}
@keyframes purple-dawn{from{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){body:not([data-theme="original"]) .hero::before{animation:none}body:not([data-theme="original"]) .safety-figure:hover,body:not([data-theme="original"]) .shop-card:hover,body:not([data-theme="original"]) .product-card:hover,body:not([data-theme="original"]) .eco-card:hover{transform:none}}

.purple-art{position:relative;isolation:isolate;margin:32px 0;border:1px solid #835a9e;border-radius:24px;overflow:hidden;background:#241330}.purple-art img{display:block;width:100%;height:auto}.purple-art figcaption{position:absolute;left:5%;top:12%;width:32%;color:#fff0ff}.purple-art figcaption span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#e6c9ff}.purple-art figcaption strong{display:block;font-size:clamp(1.6rem,3vw,3rem);line-height:1.06;letter-spacing:-.04em;margin:18px 0}.purple-art figcaption p{font-size:.95rem;line-height:1.6;color:#e1cce9}@media(max-width:700px){.purple-art figcaption{position:static;width:auto;padding:24px;background:#23132f}.purple-art figcaption strong{font-size:2rem}.purple-art img{aspect-ratio:4/3;object-fit:cover;object-position:70% center}}

body:not([data-theme="original"]){background:linear-gradient(#10091de8,#10091df5),url("images/safety/purple-solidarity-art.png") center top/cover fixed}
body:not([data-theme="original"]) .hero{background:linear-gradient(90deg,#10091df5 0%,#160c23db 48%,#1d0f2b99 100%),url("images/safety/purple-solidarity-art.png") center 38%/cover no-repeat}
body:not([data-theme="original"]) .safety-shop{background:linear-gradient(#10091dd9,#10091df2),url("images/safety/purple-solidarity-art.png") center/cover no-repeat}
body:not([data-theme="original"]) .purple-art{min-height:460px;background:linear-gradient(90deg,#1b0e2ee0,transparent 65%),url("images/safety/purple-solidarity-art.png") center/cover no-repeat}
body:not([data-theme="original"]) .purple-art>img{display:none}
body:not([data-theme="original"]) .purple-art figcaption{position:relative;left:auto;top:auto;width:42%;padding:54px 34px}
@media(max-width:700px){body:not([data-theme="original"]){background-attachment:scroll}body:not([data-theme="original"]) .hero{background-position:68% center;background-image:linear-gradient(#10091dd9,#10091df2),url("images/safety/purple-solidarity-art.png")}body:not([data-theme="original"]) .purple-art{min-height:510px;display:flex;align-items:flex-end;background-position:65% top;background-image:linear-gradient(0deg,#1b0e2e 0%,#1b0e2e88 35%,transparent 70%),url("images/safety/purple-solidarity-art.png")}body:not([data-theme="original"]) .purple-art figcaption{width:100%;padding:28px;background:transparent}}