*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#F9FAFB;color:#111827}img{max-width:100%;height:auto;display:block}a{color:#0E7490;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0E7490;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;background:#fff;color:#111;border:2px solid #0E7490;padding:8px 12px;z-index:1000}.site-header{background:#fff;border-bottom:1px solid #e5e7eb}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.main-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}.main-nav a{padding:10px 12px;border-radius:8px}.main-nav a:hover,.main-nav a:focus{background:#eef6f8}.trust-badges{display:flex;gap:12px;justify-content:center;align-items:center;padding:8px 16px;background:#fff;border-top:1px solid #e5e7eb}.hero{position:relative;background:#F9FAFB}.hero-bg{position:relative;overflow:hidden;max-height:520px}.hero-bg .bg{width:100%;height:auto;filter:saturate(.9)}.hero .bg-pattern{position:absolute;inset:0;opacity:.15;background-size:400px auto;background-repeat:repeat}.hero-inner{position:relative;margin-top:-120px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98)),transparent;border-radius:16px;backdrop-filter:saturate(140%);box-shadow:0 10px 24px rgba(2,6,23,.08)}.hero h1{color:#0F172A;margin:0 0 8px}.hero .subcopy{margin:0 0 16px}.search-form .search-row{display:flex;gap:8px}.search-form input[type=search]{flex:1;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;background:#0E7490;color:#fff;border:0;cursor:pointer;min-height:44px}.btn.ghost{background:transparent;color:#0E7490;border:1px solid #0E7490}.filters{margin-top:8px}.filters summary{cursor:pointer;padding:8px 0}.filters-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.filter label,.filters fieldset legend{font-weight:600}.swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #cbd5e1;background:var(--sw);cursor:pointer}.results-meta{margin-top:8px}.collections{padding:32px 0}.carousel{position:relative}.carousel-track{overflow:auto;scroll-snap-type:x mandatory}.carousel-list{display:flex;gap:16px;list-style:none;margin:0;padding:0 48px}.carousel-item{min-width:300px;scroll-snap-align:start}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #cbd5e1;border-radius:50%;width:40px;height:40px}.carousel-nav.prev{left:0}.carousel-nav.next{right:0}.bundle-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(2,6,23,.06)}.bundle-body{padding:12px}.bundle-cta{margin-top:8px}.grid-wrap{padding:16px 0 32px}.grid-head{display:flex;align-items:center;justify-content:space-between}.masonry{column-width:300px;column-gap:16px}.image-card{break-inside:avoid;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 0 16px;box-shadow:0 6px 16px rgba(2,6,23,.06)}.image-card:focus{outline:3px solid #0E7490;outline-offset:2px}.image-card .preview{position:relative}.image-card .preview img{width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}.wm{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.85);font-weight:700;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 1px 2px rgba(0,0,0,.25);mix-blend-mode:overlay;pointer-events:none}.image-card .meta{padding:12px}.labels{display:flex;gap:8px;align-items:center;margin:4px 0}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#1e293b}.badge.accent{background:#FEF3C7;color:#B45309}.specs{list-style:none;padding:0;margin:8px 0;color:#334155;font-size:14px}.sizes,.licenses{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.palette .chip{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--chip);border:1px solid rgba(0,0,0,.1)}.actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.rating{font-size:14px;color:#0F172A}.microcopy{font-size:12px;color:#334155;margin-top:6px}.how{background:#fff;padding:24px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;list-style:decimal;padding-left:20px}.licensing{padding:24px 0}.license-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.license-table .tr{display:grid;grid-template-columns:1fr 1.2fr 1.2fr}.license-table .th,.license-table .td{padding:12px;border-bottom:1px solid #e5e7eb}.license-table .thead{background:#f3f4f6}.upgrade{margin-top:8px;color:#334155}.packages{background:#fff;padding:24px 0;border-top:1px solid #e5e7eb}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.tier{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.tier.featured{border-color:#0E7490;box-shadow:0 8px 20px rgba(14,116,144,.15)}.faq{padding:24px 0}.faq details{border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin:8px 0;background:#fff}.support{background:#fff;padding:24px 0;border-top:1px solid #e5e7eb}.cart{position:fixed;right:0;top:0;height:100vh;width:360px;max-width:90vw;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-8px 0 20px rgba(2,6,23,.06);padding:12px;overflow:auto}.cart h2{margin-top:8px}.cart-items{display:grid;gap:8px;margin:8px 0}.cart-item{border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#fafafa}.cart .field{display:grid;gap:4px;margin:8px 0}.totals{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.totals .row{display:flex;justify-content:space-between;margin:4px 0}.totals .grand{font-size:18px}.small{font-size:12px;color:#334155}.site-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px 0}.site-footer .legal{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.ticker{position:fixed;left:16px;bottom:16px;background:#111827;color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;box-shadow:0 6px 16px rgba(2,6,23,.2)}@media (max-width:1024px){.hero-inner{margin-top:-80px}.cart{position:static;width:auto;max-width:none;height:auto;box-shadow:none;border-left:0;border-top:1px solid #e5e7eb;margin-top:16px}}/* SAFETY */ html,body{background:#fff;color:#111!important;} h1,h2,h3,h4,h5,h6{color:#0f172a!important;} p,li,blockquote,small,.text,.copy{color:#111827!important;} a{color:#0d6efd!important;} a:hover,a:focus{color:#0a58ca!important;} .reveal{opacity:1!important;transform:none!important;} [hidden],.is-hidden{display:block!important;} .hero .bg-pattern,.page-overlay,.modal-backdrop{pointer-events:none!important;} .btn,.button{color:#fff!important;background-color:#0d6efd!important;border:none!important;} .btn.ghost,.button.ghost{color:#0d6efd!important;background:transparent!important;border:1px solid #0d6efd!important;}
/* === injected: safe theme tokens === */
:root {
  --bg:#ffffff; --surface:#f6f7f9; --surface-2:#eef1f6;
  --text:#0b0b0f; --muted:#374151; --primary:#0ea5e9;
  --accent:#14b8a6; --ring:#38bdf8; --success:#16a34a; --border:#e5e7eb;
}
[data-theme="dark"] {
  --bg:#0b1221; --surface:#0f172a; --surface-2:#111827;
  --text:#e5e7eb; --muted:#94a3b8; --primary:#3b82f6;
  --accent:#06b6d4; --ring:#7dd3fc; --success:#22c55e; --border:rgba(148,163,184,.22);
}
html,body{background:var(--bg);color:var(--text);}
a{color:var(--primary)} a:hover{color:var(--accent)}
.reveal{opacity:1;transform:none}
.reveal.use-reveal{opacity:0;transform:translateY(12px)}
.reveal.use-reveal.in-view{opacity:1;transform:none;transition:opacity .5s,transform .5s}

/* ===== SAFETY OVERRIDES (visible content, light theme) ===== */
html, body { background: #ffffff !important; color: #111111 !important; }
h1, h2, h3, h4, h5, h6 { color: #0f172a !important; }
p, li, blockquote, small, .text, .copy { color: #111827 !important; }
a { color: #0d6efd !important; } a:hover, a:focus { color: #0a58ca !important; }
.section, .hero, .about, .levels, .method, .testimonials, .faq, .contact { background: transparent !important; }
.card, .panel, .tile { background: #ffffff !important; color: #111827 !important; border-color: rgba(15, 23, 42, 0.12) !important; }
.reveal { opacity: 1 !important; transform: none !important; }
[hidden], .is-hidden { display: block !important; }
.hero .bg-pattern, .page-overlay, .modal-backdrop { pointer-events: none !important; }
.hero .container, .section .container { position: relative; z-index: 1; }
.btn, .button { color: #ffffff !important; background-color: #0d6efd !important; border: none !important; }
.btn.ghost, .button.ghost { color: #0d6efd !important; background: transparent !important; border: 1px solid #0d6efd !important; }
[data-theme="dark"] body { background: #0b0b0f !important; color: #f5f5f5 !important; }


/* === MOBILE NAV — BULLET-PROOF === */
.nav-toggle{display:none}
@media (max-width:768px){
  .header-inner{justify-content:space-between}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  /* Force-hide desktop nav on mobile */
  #primary-menu{display:none !important; position:absolute; top:100%; left:0; right:0;
    background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 10px 30px rgba(0,0,0,.08);
    z-index:9999; padding:.75rem 1rem;
  }
  #primary-menu > ul{display:flex !important; flex-direction:column; gap:.75rem; margin:0; padding:0; list-style:none}
  body.nav-open #primary-menu{display:block !important}
  .site-header{position:relative; z-index:10000}
}
@media (min-width:769px){
  .nav-toggle{display:none}
}