:root{
    --bg:#FAFBFC;
    --surface:#FFFFFF;
    --ink:#0C1420;
    --muted:#4C5666;
    --line:#E4E8ED;
    --accent:#1C55FF;
    --accent-soft:#EBF0FF;
    --radius:16px;
    --max:1160px;
    --glass:rgba(255,255,255,.7);
    --glass-strong:rgba(255,255,255,.9);
    --glass-line:rgba(255,255,255,.9);
    --shadow-sm:0 2px 8px -4px rgba(12,20,32,.14);
    --shadow-md:0 14px 34px -18px rgba(12,20,32,.28);
    --shadow-lg:0 30px 60px -28px rgba(12,20,32,.34);
    --ease:cubic-bezier(.22,.61,.36,1);
  }
  [data-division="print"]{
    --accent:#E31937;
    --accent-soft:#FDECEF;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;
    background:var(--bg);
    color:var(--ink);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--accent);color:#fff}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  .mono{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);transition:color .4s}
  h1,h2,h3{font-family:'Archivo',sans-serif;line-height:1.12;letter-spacing:-.01em}

  /* ---------- Nav ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:var(--glass-strong);
    backdrop-filter:blur(22px) saturate(180%);
    -webkit-backdrop-filter:blur(22px) saturate(180%);
    border-bottom:1px solid rgba(228,232,237,.7);
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:68px}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
  .brand-logo{
    width:38px;height:38px;object-fit:contain;display:block;
  }
  .brand-name{font-family:'Archivo';font-weight:700;font-size:1.02rem;letter-spacing:-.01em;color:#1C55FF}
  .brand-name span{color:var(--muted);font-weight:400}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none}
  .nav-links a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:500;transition:color .2s}
  .nav-links a:hover{color:var(--ink)}
  .btn{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;gap:9px;
    min-height:46px;padding:12px 24px;border-radius:12px;
    background:var(--ink);color:#fff;text-decoration:none;
    font-size:.92rem;font-weight:600;border:1px solid transparent;cursor:pointer;
    font-family:'Inter';letter-spacing:-.005em;
    box-shadow:var(--shadow-sm);
    transition:background .3s var(--ease),transform .2s var(--ease),
               box-shadow .3s var(--ease),border-color .3s var(--ease);
  }
  .btn::after{
    content:'\2192';font-size:1.05em;line-height:1;
    transform:translateX(-2px);opacity:.75;
    transition:transform .3s var(--ease),opacity .3s var(--ease);
  }
  /* sweeping light — the cue that says "this is pressable" */
  .btn::before{
    content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
    transition:left .7s var(--ease);pointer-events:none;
  }
  .btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}
  .btn:hover::after{transform:translateX(3px);opacity:1}
  .btn:hover::before{left:130%}
  .btn:active{transform:translateY(0) scale(.985)}
  .btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
  .btn-ghost{
    background:var(--glass);color:var(--ink);
    border:1px solid var(--line);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    box-shadow:none;
  }
  .btn-ghost:hover{background:var(--surface);border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow-md)}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
  .menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}

  /* ---------- Hero ---------- */
  .hero{padding:96px 0 72px;position:relative;overflow:hidden}
  .hero::before{
    content:'';position:absolute;top:-200px;right:-160px;
    width:560px;height:560px;border-radius:50%;
    background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);
    transition:background .6s;pointer-events:none;
  }
  .hero .wrap{position:relative}
  .hero h1{
    font-size:clamp(2.4rem,5.4vw,4rem);
    font-weight:750;
    font-variation-settings:'wdth' 108;
    max-width:16ch;
    margin:18px 0 22px;
  }
  .hero h1 em{font-style:normal;color:var(--accent);transition:color .4s}
  .hero p{max-width:52ch;color:var(--muted);font-size:1.06rem;margin-bottom:36px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap}

  /* ---------- Division switcher ---------- */
  .divisions{padding:24px 0 8px}
  #divSentinel{height:1px}
  .switcher-bar{
    position:sticky;top:67px;z-index:40;
    padding:14px 0;margin-bottom:34px;
    background:transparent;
    border-bottom:1px solid transparent;
    transition:background .3s,border-color .3s,box-shadow .3s,padding .3s;
  }
  .switcher-bar.is-stuck{
    background:var(--glass-strong);
    backdrop-filter:blur(22px) saturate(180%);
    -webkit-backdrop-filter:blur(22px) saturate(180%);
    border-bottom-color:var(--line);
    box-shadow:0 8px 24px -20px rgba(12,20,32,.5);
    padding:10px 0;
  }
  .switcher-inner{display:flex;align-items:center;gap:18px}
  .switcher-hint{
    font-family:'IBM Plex Mono',monospace;font-size:.7rem;
    letter-spacing:.14em;text-transform:uppercase;color:#3D4855;
    white-space:nowrap;
  }
  .switcher{
    display:flex;gap:6px;padding:6px;
    background:var(--glass-strong);
    backdrop-filter:blur(18px) saturate(180%);
    -webkit-backdrop-filter:blur(18px) saturate(180%);
    border:1px solid var(--line);
    border-radius:18px;
    width:max-content;max-width:100%;
    box-shadow:var(--shadow-sm);
  }
  .switcher button{position:relative;overflow:hidden}
  .switcher button:active{transform:scale(.97)}
  .switcher-bar.is-stuck .switcher{box-shadow:0 2px 10px -6px rgba(12,20,32,.3)}
  .switcher button{
    font-family:'Archivo';font-weight:600;font-size:.95rem;
    padding:14px 26px;border:none;border-radius:11px;
    background:transparent;color:var(--muted);cursor:pointer;
    transition:all .25s;display:flex;align-items:center;gap:10px;
    letter-spacing:-.01em;
  }
  .switcher-bar.is-stuck .switcher button{padding:11px 22px}
  .switcher button .dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.35;transition:opacity .25s}
  .switcher button.active{background:var(--ink);color:#fff}
  .switcher button.active .dot{background:var(--accent);opacity:1}
  .switcher button:not(.active){color:#3D4855}
  .switcher button:not(.active):hover{color:var(--ink);background:var(--accent-soft)}
  .switcher button:not(.active):hover .dot{background:var(--accent);opacity:1}
  .switcher button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

  .division-panel{display:none;animation:fade .45s ease}
  .division-panel.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

  .division-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:48px}
  .division-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:720;margin-top:14px}
  .division-head p{color:var(--muted);font-size:1rem;max-width:46ch}

  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .card{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:30px 26px;
    transition:border-color .25s,box-shadow .25s,transform .2s;
    position:relative;
  }
  .card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .card::after{
    content:'';position:absolute;inset:0;border-radius:inherit;
    padding:1px;pointer-events:none;opacity:0;
    background:linear-gradient(140deg,var(--accent),transparent 55%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
    transition:opacity .35s var(--ease);
  }
  .card:hover{
    border-color:transparent;
    box-shadow:var(--shadow-md);
    transform:translateY(-4px);
  }
  .card:hover::after{opacity:1}
  .card-icon{
    width:44px;height:44px;border-radius:11px;
    background:var(--accent-soft);color:var(--accent);
    display:grid;place-items:center;margin-bottom:20px;
    transition:background .4s,color .4s;
  }
  .card-icon svg{width:22px;height:22px}
  .card-art{
    height:136px;border-radius:10px;
    background:var(--accent-soft);
    display:grid;place-items:center;
    margin:-8px -4px 20px;
    transition:background .4s;
  }
  .card-art svg{width:82%;height:82%;overflow:visible}
  .card-art .a{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
  .card-art .g{fill:none;stroke:#C7D0DC;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
  .card-art .dot{fill:#E31937;transition:fill .4s}
  [data-division="print"] .card-art .dot{fill:#1C55FF}
  .card h3{font-size:1.08rem;font-weight:650;margin-bottom:10px}
  .card p{color:var(--muted);font-size:.9rem;line-height:1.65}

  /* ---------- Product showcase ---------- */
  .products{margin-top:72px;padding-top:56px;border-top:1px solid var(--line)}
  .products-head{max-width:60ch;margin-bottom:40px}
  .products-head h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:720;margin:12px 0 14px}
  .products-head p{color:var(--muted);font-size:1rem}
  .supply-note{font-size:.86rem!important;color:var(--muted);margin-top:12px;padding:10px 14px;background:var(--accent-soft);border-radius:9px;display:inline-block;transition:background .4s}
  .product-group{margin-bottom:44px}
  .group-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .group-head h4{font-family:'Archivo';font-weight:680;font-size:1.15rem;letter-spacing:-.01em}
  .group-sub{font-size:.86rem;color:var(--muted)}
  .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .product{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    transition:border-color .25s,box-shadow .25s,transform .2s;
  }
  .product:hover{
    border-color:var(--accent);
    box-shadow:var(--shadow-md);
    transform:translateY(-4px) scale(1.01);
  }
  .product-img img{transition:transform .45s var(--ease)}
  .product:hover .product-img img{transform:scale(1.06)}
  .product-img{
    background:#fff;
    aspect-ratio:4/3;
    display:grid;place-items:center;
    padding:22px;
    border-bottom:1px solid var(--line);
  }
  .product-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
  .product figcaption{
    padding:16px 18px;
    font-family:'Archivo';font-weight:600;font-size:.92rem;
    letter-spacing:-.01em;line-height:1.35;
  }

  .brand-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:40px}
  .brand-tags{display:flex;gap:10px;flex-wrap:wrap}
  .brand-tags span{
    font-family:'Archivo';font-weight:600;font-size:.85rem;
    padding:7px 15px;border:1px solid var(--line);border-radius:20px;
    color:var(--ink);background:var(--surface);letter-spacing:-.01em;
  }

  /* ---------- Stats band ---------- */
  .band{
    margin:88px 0;
    background:var(--ink);
    color:#fff;
    border-radius:22px;
    padding:56px 48px;
    display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;
  }
  .band h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;margin:12px 0 16px}
  .band p{color:#AEB6C2;font-size:.98rem;max-width:48ch}
  .values{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .value{
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;padding:18px 20px;
    font-family:'Archivo';font-weight:600;font-size:.95rem;
    display:flex;align-items:center;gap:12px;
  }
  .value::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;transition:background .4s}

  /* ---------- Partners ---------- */
  .partners{padding:8px 0 88px;text-align:center}
  .partners h2{font-size:1.45rem;font-weight:680;margin:12px 0 36px}
  .partner-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
  .partner{
    font-family:'Archivo';font-weight:700;font-size:1.05rem;
    padding:20px 36px;background:var(--surface);
    border:1px solid var(--line);border-radius:12px;
    color:var(--ink);letter-spacing:-.01em;
    display:flex;align-items:center;gap:8px;
  }
  .partner small{display:block;font-family:'Inter';font-weight:400;font-size:.72rem;color:var(--muted);letter-spacing:0}

  /* ---------- Contact ---------- */
  .contact{padding:0 0 96px}
  .contact-grid{
    display:grid;grid-template-columns:1fr 1.1fr;gap:56px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:22px;
    padding:56px;
  }
  .contact h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:720;margin:14px 0 18px}
  .contact-info p{color:var(--muted);margin-bottom:28px;max-width:40ch}
  .contact-line{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
  .contact-line .card-icon{width:38px;height:38px;margin:0;flex-shrink:0}
  .contact-line a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
  .contact-line a:hover{color:var(--accent)}
  .contact-line .label{font-size:.78rem;color:var(--muted);display:block}
  form{display:grid;gap:16px}
  .field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}
  .field input,.field textarea{
    width:100%;padding:13px 15px;
    border:1px solid var(--line);border-radius:10px;
    font-family:'Inter';font-size:.92rem;color:var(--ink);
    background:var(--bg);transition:border-color .2s,box-shadow .2s;
  }
  .field input:focus,.field textarea:focus{
    outline:none;border-color:var(--accent);
    box-shadow:0 0 0 3px var(--accent-soft);
  }
  .field textarea{resize:vertical;min-height:120px}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

  /* ---------- Footer ---------- */
  footer{border-top:1px solid var(--line);padding:36px 0;background:var(--surface)}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
  .foot p{color:var(--muted);font-size:.84rem}
  .foot .tagline{font-family:'IBM Plex Mono';font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}

  /* ---------- Responsive ---------- */
  @media (max-width:900px){
    .cards{grid-template-columns:1fr 1fr}
    .division-head,.band,.contact-grid{grid-template-columns:1fr}
    .band{padding:40px 28px}
    .contact-grid{padding:36px 24px}
  }
  @media (max-width:640px){
    .nav-links{
      display:none;position:absolute;top:68px;left:0;right:0;
      background:var(--surface);border-bottom:1px solid var(--line);
      flex-direction:column;padding:20px 24px;gap:18px;align-items:flex-start;
    }
    .nav-links.open{display:flex}
    .menu-toggle{display:block}
    .cards,.form-row,.values{grid-template-columns:1fr}
    .hero{padding:64px 0 48px}
    .switcher{width:100%}
    .switcher button{flex:1;justify-content:center;padding:13px 10px;font-size:.86rem}
    .switcher-bar.is-stuck .switcher button{padding:11px 8px}
    .switcher-hint{display:none}
    .switcher-inner{gap:0}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    html{scroll-behavior:auto}
  }

  /* ================= 2026 layer ================= */

  /* Ambient colour field — gives the frosted surfaces something to refract.
     Shifts with the active division. */
  .aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
  .aurora i{
    position:absolute;display:block;border-radius:50%;
    filter:blur(120px);opacity:.26;
    transition:background 1.2s var(--ease),opacity 1.2s var(--ease);
  }
  .aurora i:nth-child(1){width:46vw;height:46vw;top:-14vw;right:-8vw;background:var(--accent)}
  .aurora i:nth-child(2){width:34vw;height:34vw;top:44vh;left:-12vw;background:var(--accent);opacity:.13}
  .aurora i:nth-child(3){width:30vw;height:30vw;bottom:-10vw;right:14vw;background:#8FA6FF;opacity:.12}
  [data-division="print"] .aurora i:nth-child(3){background:#FF9AA8}

  /* Fine grain — stops large flat areas looking plasticky on big screens */
  body::after{
    content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* Reveal on scroll */
  .reveal{opacity:0;transform:translateY(22px);
    transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .reveal.in{opacity:1;transform:none}

  /* Floating WhatsApp contact */
  .wa{
    position:fixed;right:20px;bottom:20px;z-index:60;
    display:inline-flex;align-items:center;gap:10px;
    padding:13px 18px 13px 15px;border-radius:999px;
    background:#25D366;color:#fff;text-decoration:none;
    font-weight:600;font-size:.92rem;
    box-shadow:0 12px 30px -10px rgba(37,211,102,.6);
    transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  }
  .wa svg{width:22px;height:22px;flex-shrink:0}
  .wa:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 40px -12px rgba(37,211,102,.7)}
  .wa:active{transform:translateY(0) scale(.98)}
  .wa:focus-visible{outline:3px solid #0C1420;outline-offset:3px}
  .wa-label{white-space:nowrap}
  @media (max-width:640px){
    .wa{right:14px;bottom:14px;padding:14px}
    .wa-label{display:none}
  }

  /* Hero glass panel behind the headline */
  .hero .wrap{position:relative}

  /* Nav links: animated underline instead of a plain colour change */
  .nav-links a{position:relative;padding-bottom:3px}
  .nav-links a::after{
    content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;
    background:var(--accent);border-radius:2px;
    transform:scaleX(0);transform-origin:right;
    transition:transform .35s var(--ease);
  }
  .nav-links a:hover::after{transform:scaleX(1);transform-origin:left}

  /* Inputs: soften and match the glass language */
  .field input,.field textarea{
    background:var(--glass);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border-radius:12px;
  }
  .contact-grid{
    background:var(--glass-strong);
    backdrop-filter:blur(20px) saturate(160%);
    -webkit-backdrop-filter:blur(20px) saturate(160%);
  }

  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1!important;transform:none!important}
    .btn::before{display:none}
  }

  /* ================= Scroll progress ================= */
  .progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
  .progress i{
    display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;
    background:linear-gradient(90deg,var(--accent),var(--accent) 60%,#8FA6FF);
    transition:transform .1s linear,background .6s var(--ease);
  }
  [data-division="print"] .progress i{background:linear-gradient(90deg,var(--accent),var(--accent) 60%,#FF9AA8)}

  /* ================= Nav actions & theme toggle ================= */
  .nav-actions{display:flex;gap:10px;align-items:center}
  .icon-btn{
    width:42px;height:42px;flex-shrink:0;
    display:grid;place-items:center;
    border-radius:12px;cursor:pointer;
    background:var(--glass);
    border:1px solid var(--line);
    color:var(--ink);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    transition:background .25s var(--ease),border-color .25s var(--ease),
               transform .2s var(--ease),color .25s var(--ease);
  }
  .icon-btn svg{width:19px;height:19px}
  .icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
  .icon-btn:active{transform:translateY(0) scale(.94)}
  .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
  .i-moon{display:none}
  [data-theme="dark"] .i-sun{display:none}
  [data-theme="dark"] .i-moon{display:block}

  /* ================= Hero proof strip ================= */
  .proof{
    list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:38px;
  }
  .proof li{
    display:flex;flex-direction:column;gap:2px;
    padding:14px 20px;border-radius:14px;
    background:var(--glass);
    border:1px solid var(--line);
    backdrop-filter:blur(14px) saturate(160%);
    -webkit-backdrop-filter:blur(14px) saturate(160%);
    box-shadow:var(--shadow-sm);
    transition:transform .25s var(--ease),border-color .25s var(--ease);
  }
  .proof li:hover{transform:translateY(-3px);border-color:var(--accent)}
  .proof strong{
    font-family:'Archivo';font-weight:750;font-size:1.15rem;
    letter-spacing:-.02em;color:var(--ink);line-height:1.1;
  }
  .proof span{font-size:.82rem;color:var(--muted);line-height:1.3}

  /* ================= Dark theme ================= */
  [data-theme="dark"]{
    --bg:#080C13;
    --surface:#111926;
    --ink:#E9EFF7;
    --muted:#93A1B5;
    --line:#212C3B;
    --accent:#5B85FF;
    --accent-soft:#131F38;
    --glass:rgba(17,25,38,.62);
    --glass-strong:rgba(12,18,28,.82);
    --shadow-sm:0 2px 8px -4px rgba(0,0,0,.6);
    --shadow-md:0 14px 34px -18px rgba(0,0,0,.75);
    --shadow-lg:0 30px 60px -28px rgba(0,0,0,.85);
  }
  [data-theme="dark"] [data-division="print"]{
    --accent:#FF5C72;
    --accent-soft:#2A121A;
  }
  /* Surfaces that hard-coded a light palette need re-pointing */
  [data-theme="dark"] header{border-bottom-color:var(--line)}
  [data-theme="dark"] .brand-name{color:var(--accent)}
  [data-theme="dark"] .btn{background:var(--accent);color:#fff}
  [data-theme="dark"] .btn:hover{background:var(--accent);filter:brightness(1.12)}
  [data-theme="dark"] .btn-ghost{background:var(--glass);color:var(--ink);filter:none}
  [data-theme="dark"] .btn-ghost:hover{background:var(--surface);border-color:var(--accent);color:var(--ink)}
  [data-theme="dark"] .switcher button.active{background:var(--accent);color:#fff}
  [data-theme="dark"] .switcher button.active .dot{background:#fff}
  [data-theme="dark"] .switcher button:not(.active){color:var(--muted)}
  [data-theme="dark"] .switcher-hint{color:var(--muted)}
  [data-theme="dark"] .band{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
  [data-theme="dark"] .band p{color:var(--muted)}
  [data-theme="dark"] .value{border-color:var(--line)}
  [data-theme="dark"] .card-art .g{stroke:#3A4759}
  [data-theme="dark"] .menu-toggle span{background:var(--ink)}
  [data-theme="dark"] .nav-links{background:var(--surface)}
  [data-theme="dark"] .aurora i{opacity:.30}
  [data-theme="dark"] .aurora i:nth-child(2){opacity:.18}
  [data-theme="dark"] .aurora i:nth-child(3){opacity:.16}
  [data-theme="dark"] body::after{opacity:.05}
  /* Product photography stays on white — that is how the products actually look */
  [data-theme="dark"] .product-img{background:#fff}
  [data-theme="dark"] .product-img img{mix-blend-mode:normal}

  @media (max-width:640px){
    .proof{gap:8px}
    .proof li{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:8px;padding:12px 16px}
    .icon-btn{width:40px;height:40px}
  }