/* ================================================================
   CHATS2PDF — Design System v3.0
   Ultra-light editorial theme · Noomo-inspired 3D depth
   ================================================================ */
:root {
  --font-body:'Figtree','Inter',system-ui,-apple-system,sans-serif;
  --font-display:'Bricolage Grotesque','Figtree',system-ui,sans-serif;
  --font-mono:ui-monospace,'JetBrains Mono','Fira Code',Menlo,Monaco,Consolas,monospace;
  --bg:#ffffff; --bg-off:#f8f9fc; --bg-soft:#f3f5f9; --bg-muted:#eceef4;
  --ink:#0a0f1e; --ink-2:#1e2a3d; --ink-soft:#4a5568; --ink-faint:#8a96a8;
  --blue:#2563eb; --blue-light:#3b82f6; --blue-soft:rgba(37,99,235,0.08);
  --violet:#7c3aed; --green:#059669; --amber:#d97706; --rose:#e11d48;
  --glass:rgba(255,255,255,0.64); --glass-2:rgba(255,255,255,0.86);
  --glass-border:rgba(255,255,255,0.94); --panel-bg:rgba(255,255,255,0.68);
  --blur:blur(32px) saturate(190%);
  --s-xs:0 1px 3px rgba(10,15,30,.08);
  --s-sm:0 4px 12px rgba(10,15,30,.08),0 1px 3px rgba(10,15,30,.06);
  --s-md:0 8px 28px rgba(10,15,30,.10),0 2px 6px rgba(10,15,30,.06);
  --s-lg:0 16px 56px rgba(10,15,30,.12),0 4px 12px rgba(10,15,30,.07);
  --s-xl:0 28px 80px rgba(10,15,30,.14),0 8px 20px rgba(10,15,30,.08);
  --s-colored:0 20px 60px rgba(37,99,235,.22);
  --r-xs:8px; --r-sm:12px; --r-md:18px; --r-lg:24px; --r-xl:32px; --r-2xl:40px;
  --ease-expo:cubic-bezier(0.16,1,0.3,1);
  --t-fast:180ms ease; --t-base:280ms ease; --t-slow:420ms ease; --t-expo:600ms cubic-bezier(0.16,1,0.3,1);
  --p1:#2563eb; --p2:#06b6d4;
  --site-logo-image:url('assets/site-logo-wide.svg');
  --site-logo-ratio:1.754;
  --site-logo-mark-width:86px;
  --site-logo-mark-height:calc(var(--site-logo-mark-width) / var(--site-logo-ratio));
  --site-logo-footer-width:124px;
  --site-logo-footer-height:calc(var(--site-logo-footer-width) / var(--site-logo-ratio));
  --site-logo-mark-width-mobile:68px;
  --site-logo-mark-height-mobile:calc(var(--site-logo-mark-width-mobile) / var(--site-logo-ratio));
  --site-logo-footer-width-mobile:96px;
  --site-logo-footer-height-mobile:calc(var(--site-logo-footer-width-mobile) / var(--site-logo-ratio));
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
html,body{min-height:100%}
body{
  font-family:'Figtree','Inter',system-ui,-apple-system,sans-serif;
  font-size:1rem;line-height:1.65;color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
p,li{max-width:76ch}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.skip-link{
  position:absolute;
  left:-999px;
  top:4px;
  padding:8px 14px;
  background:var(--blue);
  color:#fff;
  border-radius:8px;
  font-weight:700;
  z-index:9999;
  text-decoration:none;
}
.skip-link:focus{left:8px}
body::before{
  content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(80rem 60rem at 0% -8%,rgba(219,234,254,.7) 0%,transparent 55%),
    radial-gradient(60rem 50rem at 100% -5%,rgba(237,233,254,.5) 0%,transparent 52%),
    radial-gradient(50rem 42rem at 50% 105%,rgba(209,250,229,.36) 0%,transparent 58%);
  animation:ambientPan 28s ease-in-out infinite alternate;
}
@keyframes ambientPan{from{transform:scale(1) translate(0,0)}to{transform:scale(1.04) translate(-1rem,1.5rem)}}
.site-glow{display:none}
.container{width:min(1496px,99vw);margin:0 auto;padding:20px 0 80px}
.topbar{
  position:sticky;top:10px;z-index:200;
  width:min(1496px,calc(100% - 10px));margin:0 auto 28px;
  display:flex;align-items:center;gap:6px;padding:9px 14px;
  border-radius:var(--r-md);border:1px solid rgba(255,255,255,.95);
  background:rgba(255,255,255,.86);backdrop-filter:var(--blur);
  box-shadow:var(--s-md),inset 0 1px 0 #fff;
  transition:box-shadow var(--t-base),background var(--t-base);
}
.topbar.topbar-compact{padding-block:7px;box-shadow:var(--s-sm),inset 0 1px 0 #fff}
.brand{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  text-decoration:none;font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif;
  font-weight:900;font-size:1.05rem;letter-spacing:.01em;color:var(--ink);
  line-height:1;min-height:calc(var(--site-logo-mark-height) + 4px);
  transition:opacity var(--t-fast);
  overflow:visible;
}
.brand:hover{opacity:.75}
.brand::before{
  content:'';
  width:var(--site-logo-mark-width);
  height:var(--site-logo-mark-height);
  flex:0 0 var(--site-logo-mark-width);
  border-radius:0;
  display:block;
  background-color:transparent;
  background-image:var(--site-logo-image);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  box-shadow:none;
  overflow:visible;
}
.topnav{
  flex:1;min-width:0;display:flex;align-items:center;justify-content:center;
  flex-wrap:nowrap;gap:2px;overflow:hidden;
}
.topnav a{
  display:inline-flex;align-items:center;padding:7px 10px;border-radius:var(--r-xs);
  text-decoration:none;color:var(--ink-soft);font-weight:700;font-size:.82rem;
  white-space:nowrap;transition:color var(--t-fast),background var(--t-fast);
}
.topnav a:hover{color:var(--ink);background:var(--bg-soft)}
.topnav a.active{color:var(--blue);background:var(--blue-soft)}
.convert-btn{flex:0 0 auto;white-space:nowrap}
.nav-toggle{
  display:none;margin-left:auto;align-items:center;gap:5px;
  border:1px solid var(--bg-muted);border-radius:var(--r-xs);
  background:var(--bg-off);color:var(--ink);
  font:inherit;font-weight:700;font-size:.82rem;
  padding:7px 11px;cursor:pointer;transition:var(--t-fast);
}
.nav-toggle:hover{background:var(--bg-soft)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:0;border-radius:var(--r-sm);padding:10px 20px;
  font:inherit;font-weight:800;font-size:.92rem;
  text-decoration:none;color:#fff;cursor:pointer;
  background:var(--ink);box-shadow:var(--s-sm);
  position:relative;overflow:hidden;
  transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.btn:hover{transform:translateY(-2px);box-shadow:var(--s-lg);background:var(--ink-2)}
.btn:active{transform:translateY(0)}
.btn.blue{background:var(--blue);box-shadow:var(--s-colored)}
.btn.blue:hover{background:#1d4ed8;box-shadow:0 24px 70px rgba(37,99,235,.3)}
.btn.ghost{background:var(--bg);color:var(--ink-2);border:1.5px solid var(--bg-muted);box-shadow:var(--s-xs)}
.btn.ghost:hover{background:var(--bg-off);box-shadow:var(--s-sm)}
.glass{
  background:var(--panel-bg);border:1px solid rgba(220,228,240,.6);
  backdrop-filter:var(--blur);
  box-shadow:var(--s-lg),inset 0 1px 0 rgba(255,255,255,.95);
  position:relative;overflow:hidden;
}
.glass::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(152deg,rgba(255,255,255,.5) 0%,transparent 50%);z-index:0;
}
.glass>*{position:relative;z-index:1}
.panel{border-radius:var(--r-lg);padding:clamp(20px,2.8vw,32px);margin-top:20px}
.panel h2{font-size:clamp(1.2rem,2.4vw,1.55rem);margin-bottom:6px}
.panel h3{color:var(--ink-2);margin-bottom:6px}
.panel .intro{margin-top:10px;color:var(--ink-soft);line-height:1.7}
.kicker{
  display:inline-flex;align-items:center;gap:6px;
  margin-bottom:16px;padding:6px 14px;border-radius:999px;
  font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue);border:1px solid rgba(37,99,235,.2);background:rgba(37,99,235,.06);
}
.chip{
  display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;
  font-size:.8rem;font-weight:700;color:var(--ink-2);
  border:1px solid rgba(30,42,61,.14);background:rgba(255,255,255,.7);
}
.hero{border-radius:var(--r-xl);padding:clamp(32px,5vw,56px) clamp(24px,4vw,48px)}
.tool-hero{
  background:linear-gradient(148deg,#f8fafe 0%,#f0f5ff 50%,#f5f0ff 100%);
  border:1px solid rgba(214,222,240,.7);
  box-shadow:var(--s-lg),inset 0 1px 0 #fff;
  position:relative;overflow:hidden;
}
.tool-hero::before{
  content:'';position:absolute;width:400px;height:400px;border-radius:50%;
  right:-80px;top:-120px;
  background:radial-gradient(circle,rgba(219,234,254,.8) 0%,transparent 68%);
  pointer-events:none;
}
.tool-hero::after{
  content:'';position:absolute;width:280px;height:280px;border-radius:50%;
  left:-60px;bottom:-80px;
  background:radial-gradient(circle,rgba(237,233,254,.7) 0%,transparent 68%);
  pointer-events:none;
}
.tool-hero>*{position:relative;z-index:1}
.tool-hero h1{color:var(--ink);font-size:clamp(2rem,4.5vw,3.4rem)}
.tool-hero p{color:var(--ink-soft);max-width:66ch;line-height:1.72;margin-top:14px}
.tool-hero .kicker{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.18)}
.tool-hero .chip{background:rgba(255,255,255,.86);border-color:rgba(37,99,235,.16);color:var(--ink-2)}
.tools-banner{
  margin-top:10px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  border-radius:var(--r-xl);
  background:
    radial-gradient(100% 120% at 0% 0%,rgba(29,78,216,.14),transparent 54%),
    radial-gradient(80% 120% at 100% 100%,rgba(14,165,233,.14),transparent 58%),
    linear-gradient(145deg,rgba(248,251,255,.92),rgba(241,248,255,.86));
}
.tools-banner h1{font-size:clamp(2rem,4.7vw,3.9rem);line-height:1.02;letter-spacing:-.04em}
.tools-banner p{margin-top:10px;color:var(--ink-soft);line-height:1.72}
.tools-banner-panel{
  border:1px solid rgba(194,218,245,.8);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.86);
  padding:18px;
}
.tools-banner-panel h2{font-size:1.15rem}
.tools-checklist{margin:10px 0 0;padding-left:18px}
.tools-checklist li{margin:8px 0;color:var(--ink-soft)}
.banner-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.banner-links a{
  text-decoration:none;
  font-weight:700;
  font-size:.82rem;
  color:var(--ink-2);
  border:1px solid rgba(194,218,245,.8);
  border-radius:999px;
  padding:6px 11px;
  background:rgba(255,255,255,.8);
}
.banner-links a:hover{border-color:rgba(96,165,250,.8);color:var(--blue)}
.tools-flow{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.flow-card{
  border:1px solid rgba(200,216,240,.7);
  border-radius:var(--r-sm);
  background:rgba(255,255,255,.78);
  padding:12px;
}
.flow-step{
  display:inline-flex;
  margin-bottom:7px;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--blue);
  font-weight:800;
}
.flow-card h3{font-size:.96rem;margin-bottom:5px}
.flow-card p{font-size:.86rem;color:var(--ink-soft);max-width:none}
.tool-grid-catalog .tool-box{
  min-height:178px;
  align-items:flex-start;
  text-align:left;
  gap:7px;
}
.tool-grid-catalog .tool-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  margin-bottom:2px;
  box-shadow:var(--s-sm);
}
.tool-grid-catalog .tool-box h3{margin:0}
.tool-grid-catalog .tool-box span{max-width:none}
.tool-cta{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.2);
  background:rgba(37,99,235,.08);
  color:var(--blue)!important;
  font-weight:800;
  font-size:.78rem;
}
.company-refresh-shell{padding-top:6px}
.company-hero-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  border-radius:var(--r-xl);
  background:
    radial-gradient(95% 120% at 0% 0%,rgba(37,99,235,.16),transparent 52%),
    radial-gradient(82% 120% at 100% 100%,rgba(56,189,248,.18),transparent 56%),
    linear-gradient(145deg,rgba(248,251,255,.92),rgba(240,246,255,.86));
  overflow:visible;
}
.company-hero-grid h1{
  font-size:clamp(2rem,4.7vw,4.1rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
.company-hero-grid p{margin-top:12px;color:var(--ink-soft);line-height:1.72}
.company-hero-art{
  border:0;
  min-height:0;
  background:none!important;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  overflow:visible;
}
.company-hero-image{
  display:block;
  width:min(100%,660px);
  max-width:100%;
  max-height:min(62vh,520px);
  height:auto;
  object-fit:contain;
  object-position:center;
  margin-inline:auto;
  filter:drop-shadow(0 18px 34px rgba(114,137,188,.26));
}
.tools-hero-image{
  display:block;
  width:min(100%,420px);
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  margin:0 auto 14px;
}
.company-badge-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.company-card-grid{
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.company-card{
  border:1px solid rgba(199,215,239,.72);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.82);
  padding:16px;
  box-shadow:var(--s-sm);
}
.company-card h3{margin:0 0 8px}
.company-card p{margin:0;color:var(--ink-soft);max-width:none}
.company-list li{margin:8px 0;color:var(--ink-soft)}
.inline-link{color:var(--blue);font-weight:700;text-decoration:none}
.inline-link:hover{text-decoration:underline}
.donate-vibe .company-hero-grid{
  background:
    radial-gradient(90% 120% at 0% 0%,rgba(37,99,235,.2),transparent 52%),
    radial-gradient(82% 120% at 100% 100%,rgba(56,189,248,.22),transparent 58%),
    linear-gradient(145deg,rgba(248,252,255,.92),rgba(235,244,255,.86),rgba(240,250,255,.84));
}
.donate-hero .kicker{color:var(--blue);border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.08)}
.donate-hero .hero-actions{margin-top:18px}
.donate-hero-image{width:min(100%,560px)}
.donate-costs .intro{max-width:740px}
.donate-warning{
  margin-top:14px;
  border-color:rgba(250,204,21,.34);
  background:
    radial-gradient(130% 160% at 0% 0%,rgba(254,240,138,.26) 0%,transparent 55%),
    linear-gradient(145deg,rgba(255,251,235,.9),rgba(255,247,219,.84));
}
.donate-warning p{margin:8px 0 0;color:#78350f;max-width:none}
.donate-warning strong{color:#92400e}
.donate-cost-grid{
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.donate-cost-card{
  border:1px solid rgba(196,214,236,.75);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.82);
  padding:10px 10px 12px;
  box-shadow:var(--s-sm);
}
.donate-cost-card h3{margin:0 0 6px;font-size:1rem}
.donate-cost-card p{margin:0;color:var(--ink-soft);font-size:.91rem;line-height:1.54;max-width:none}
.donate-cost-art{
  height:72px;
  border-radius:12px;
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.84);
  box-shadow:var(--s-sm);
  background-size:cover;background-position:center;
}
.donate-cost-art-hosting{
  background-image:
    radial-gradient(circle at 24% 30%,rgba(255,255,255,.88) 0%,transparent 50%),
    linear-gradient(140deg,rgba(59,130,246,.5),rgba(37,99,235,.42),rgba(6,182,212,.36));
}
.donate-cost-art-dev{
  background-image:
    radial-gradient(circle at 74% 22%,rgba(255,255,255,.86) 0%,transparent 46%),
    linear-gradient(140deg,rgba(99,102,241,.54),rgba(79,70,229,.42),rgba(168,85,247,.36));
}
.donate-cost-art-security{
  background-image:
    radial-gradient(circle at 32% 26%,rgba(255,255,255,.88) 0%,transparent 44%),
    linear-gradient(140deg,rgba(14,165,233,.48),rgba(34,197,94,.38),rgba(20,184,166,.38));
}
.donate-cost-art-support{
  background-image:
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.9) 0%,transparent 44%),
    linear-gradient(140deg,rgba(56,189,248,.5),rgba(96,165,250,.38),rgba(129,140,248,.36));
}
.donate-level-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.donate-level-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}
.donate-level-card{
  border:1px solid rgba(196,214,236,.75);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.84);
  padding:14px;
  box-shadow:var(--s-sm);
}
.donate-level-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 114px;
  gap:12px;
  align-items:center;
}
.donate-level-copy{min-width:0}
.donate-level-graphic{
  margin:0;
  width:114px;
  height:104px;
  border-radius:12px;
  border:1px solid rgba(196,214,236,.72);
  background:linear-gradient(145deg,rgba(248,252,255,.92),rgba(235,244,255,.86));
  box-shadow:var(--s-sm);
  overflow:hidden;
  display:grid;
  place-items:center;
}
.donate-level-graphic img{width:100%;height:100%;object-fit:cover}
.donate-level-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.donate-level-head h3{margin:0}
.donate-level-card p{margin:0;color:var(--ink-soft);font-size:.93rem;line-height:1.56;max-width:none}
.donate-amount-tag{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border-radius:999px;
  background:rgba(37,99,235,.1);color:var(--blue);
  border:1px solid rgba(37,99,235,.22);
  font-family:var(--font-display);font-weight:900;font-size:.92rem;
}
.donate-level-list{
  margin:8px 0 0;
  padding-left:18px;
  display:grid;
  gap:5px;
}
.donate-level-list li{color:var(--ink-soft);font-size:.88rem;line-height:1.48}
.donate-tier-btn{width:100%;margin-top:10px}
.donate-level-card.level-spark .donate-amount-tag{background:rgba(14,165,233,.12);border-color:rgba(14,165,233,.24);color:#0369a1}
.donate-level-card.level-flow .donate-amount-tag{background:rgba(79,70,229,.12);border-color:rgba(99,102,241,.24);color:#4338ca}
.donate-level-card.level-grow .donate-amount-tag{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.24);color:#166534}
.donate-level-card.level-studio .donate-amount-tag{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.24);color:#b45309}
.donate-level-card.level-fancy .donate-amount-tag{background:rgba(37,99,235,.13);border-color:rgba(37,99,235,.24);color:#1d4ed8}
.donate-level-card.level-custom .donate-amount-tag{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.24);color:#047857}
.donate-inline-input{
  width:100%;
  border:1px solid rgba(196,214,236,.84);
  border-radius:10px;
  padding:9px 11px;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  margin:4px 0 10px;
}
.donate-impact-grid{
  margin-top:12px;
  display:grid;
  gap:12px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.donate-impact-block{
  border:1px solid rgba(196,214,236,.75);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.82);
  box-shadow:var(--s-sm);
  padding:14px 12px;
}
.donate-impact-block strong{
  display:block;
  font-family:var(--font-display);
  font-size:1.45rem;
  line-height:1;
  margin-bottom:7px;
  color:var(--blue);
}
.donate-impact-block p{margin:0;color:var(--ink-soft);max-width:none}
.donate-checkout-shell{
  margin-top:12px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:14px;
}
.donate-checkout-shell input{
  width:100%;
  border:1px solid rgba(196,214,236,.84);
  border-radius:12px;
  padding:11px 13px;
  background:rgba(255,255,255,.9);
  color:var(--ink);
}
.donate-field-label{
  display:block;
  margin-bottom:8px;
  font-size:.85rem;
  font-weight:800;
  color:var(--ink-2);
}
.donate-pay-actions{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.donate-card-btn{background:var(--ink-2);color:#fff}
.donate-card-btn:hover{background:var(--ink)}
.donate-checkout-note{
  border:1px solid rgba(196,214,236,.75);
  border-radius:var(--r-md);
  background:rgba(245,249,255,.88);
  padding:14px 14px 12px;
  box-shadow:var(--s-sm);
}
.donate-checkout-note h3{margin:0 0 8px}
.donate-trust-list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
}
.donate-trust-list li{color:var(--ink-soft)}
.donate-community{text-align:center}
.donate-community p{margin:8px auto 0;color:var(--ink-soft)}
.donate-community .hero-actions{justify-content:center;margin-top:16px}
.home-shell{
  border-radius:var(--r-2xl);padding:14px;
  background:
    radial-gradient(90% 140% at 0% 0%,rgba(125,211,252,.28) 0%,transparent 55%),
    radial-gradient(85% 130% at 100% 100%,rgba(196,181,253,.24) 0%,transparent 58%),
    linear-gradient(148deg,rgba(255,255,255,.84),rgba(248,251,255,.78));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--s-xl),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:var(--blur);
}
.home-shell .topbar{
  position:sticky;top:14px;width:100%;margin:0 0 14px;
  background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.92);
  box-shadow:var(--s-md);backdrop-filter:var(--blur);
}
.home-shell .brand{color:var(--ink)}
.home-shell .brand::before{
  background-color:transparent;
  background-image:var(--site-logo-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
}
.home-shell .topnav a{color:var(--ink-soft)}
.home-shell .topnav a:hover,.home-shell .topnav a.active{color:var(--ink);background:rgba(255,255,255,.66)}
.home-shell .btn.ghost{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.9);color:var(--ink)}
.hero-grid{
  border-radius:var(--r-lg);padding:clamp(24px,4vw,48px);
  display:grid;grid-template-columns:1.1fr 0.9fr;gap:32px;align-items:center;
}
.home-record-hero{
  background:
    radial-gradient(100% 140% at 0% 0%,rgba(96,165,250,.20) 0%,transparent 50%),
    radial-gradient(80% 120% at 100% 100%,rgba(196,181,253,.22) 0%,transparent 52%),
    linear-gradient(148deg,rgba(255,255,255,.56),rgba(247,250,255,.72));
  border:1px solid rgba(255,255,255,.88);
  backdrop-filter:var(--blur);
  box-shadow:var(--s-lg),inset 0 1px 0 rgba(255,255,255,.94);
}
.trust-banner{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 16px;border-radius:999px;margin-bottom:20px;
  border:1px solid rgba(148,163,184,.32);background:rgba(255,255,255,.6);
  color:var(--ink-2);font-weight:700;font-size:.88rem;
}
.status-dot{
  width:9px;height:9px;border-radius:50%;background:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.22);
  animation:pulse 2.5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(16,185,129,.22)}50%{box-shadow:0 0 0 8px rgba(16,185,129,.08)}}
.trust-banner .sep{color:rgba(100,116,139,.55)}
.hero-copy h1,.bank-copy h1{
  color:var(--ink);font-size:clamp(2.8rem,6.5vw,6rem);
  line-height:.95;letter-spacing:-.045em;margin-bottom:18px;
}
.hero-copy h1 span,.bank-copy h1 span{
  background:linear-gradient(130deg,#2563eb,#7c3aed 60%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy p,.bank-copy p{color:var(--ink-soft);font-size:1.08rem;max-width:44ch;line-height:1.75}
.hero-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.hero-stats{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.bank-stats,.bank-logos{display:none!important}
.bank-visual{min-height:280px;display:grid;place-items:center}
.home-logo-mark{
  display:inline-flex;align-items:center;gap:9px;
  margin:10px 0 12px;padding:7px 14px;border-radius:999px;
  border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.62);
  font-weight:800;font-size:.88rem;color:var(--ink-2);letter-spacing:.04em;
}
.home-logo-mark img{
  width:46px;
  height:auto;
  aspect-ratio:var(--site-logo-ratio);
  object-fit:contain;
  object-position:center;
  display:block;
}
.section-title{margin:40px 2px 16px;font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--ink-2)}
.msg-doc-scene{
  --s1:var(--p1,#2563eb);--s2:var(--p2,#06b6d4);
  position:relative;
  width:min(100%,640px);
  height:auto;
  margin-inline:auto;
  border-radius:0;
  perspective:none;
  overflow:visible;
}
.msg-doc-scene .hero-illustration-image{
  display:block;
  width:100%;
  max-width:100%;
  max-height:min(62vh,520px);
  height:auto;
  object-fit:contain;
  object-position:center;
  margin-inline:auto;
  filter:drop-shadow(0 18px 34px rgba(114,137,188,.28));
}
.msg-doc-scene .scene-orb,
.msg-doc-scene .msg-stack,
.msg-doc-scene .flow-beam,
.msg-doc-scene .doc-sheet{display:none!important}
.scene-orb{
  position:absolute;width:150px;height:150px;border-radius:50%;
  right:10px;top:2px;
  background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.92),color-mix(in srgb,var(--s2) 52%,#a0deff));
  filter:blur(2px);opacity:.6;animation:orbFloat 7s ease-in-out infinite alternate;
}
@keyframes orbFloat{from{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.04)}}
.msg-stack{position:absolute;left:12px;top:28px;width:195px;height:165px}
.msg-bubble{
  position:absolute;border-radius:22px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 24px 40px -20px rgba(8,18,50,.42),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);padding:14px;transform-style:preserve-3d;
}
.bubble-a{
  width:172px;height:110px;left:0;top:0;
  transform:rotateY(-18deg) rotateX(9deg);
  background:linear-gradient(148deg,color-mix(in srgb,var(--s1) 32%,#fff),rgba(255,255,255,.78));
}
.bubble-b{
  width:144px;height:92px;left:40px;top:66px;
  transform:rotateY(-8deg) rotateX(8deg);
  background:linear-gradient(148deg,color-mix(in srgb,var(--s2) 28%,#fff),rgba(255,255,255,.8));
}
.msg-bubble span{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.88);margin:9px 0}
.bubble-a span:nth-child(1){width:85%}.bubble-a span:nth-child(2){width:62%}.bubble-a span:nth-child(3){width:76%}
.bubble-b span:nth-child(1){width:88%}.bubble-b span:nth-child(2){width:65%}
.flow-beam{
  position:absolute;left:170px;top:122px;width:90px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--s1) 60%,#8ac8ff),color-mix(in srgb,var(--s2) 60%,#c0f4ff));
  box-shadow:0 0 20px color-mix(in srgb,var(--s2) 42%,#88d8ff);
}
.flow-beam::after{
  content:'';position:absolute;right:-9px;top:-6px;
  border-top:8px solid transparent;border-bottom:8px solid transparent;
  border-left:11px solid color-mix(in srgb,var(--s2) 68%,#c0f4ff);
}
.doc-sheet{
  position:absolute;right:2px;bottom:14px;width:122px;height:160px;border-radius:22px;
  transform:rotateY(16deg) rotateX(8deg);
  background:linear-gradient(170deg,rgba(255,255,255,.98),rgba(224,244,255,.9));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 28px 48px -24px rgba(12,32,66,.4),inset 0 1px 0 rgba(255,255,255,.96);
  padding:20px 14px;
}
.doc-sheet i{display:block;height:8px;border-radius:999px;margin-bottom:12px;background:color-mix(in srgb,var(--s1) 18%,#c8e4ff)}
.doc-sheet i:nth-child(1){width:90%}.doc-sheet i:nth-child(2){width:70%}.doc-sheet i:nth-child(3){width:82%}
.doc-sheet strong{position:absolute;left:14px;bottom:14px;font-size:1.1rem;letter-spacing:.1em;color:color-mix(in srgb,var(--s1) 68%,#1c3d68)}
.hero.tool-hero.has-hero-scene{
  position:relative;
  min-height:0;
  padding-right:clamp(24px,4vw,48px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);
  align-items:center;
  gap:clamp(14px,2.5vw,28px);
  overflow:visible;
}
.hero.tool-hero.has-hero-scene>:not(.msg-doc-scene){max-width:none}
.hero.tool-hero.has-hero-scene .msg-doc-scene{
  position:relative;
  right:auto;
  top:auto;
  transform:none;
  width:min(100%,560px);
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero.tool-hero.has-hero-scene .msg-doc-scene .hero-illustration-image{
  max-height:none;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.home-record-hero .bank-visual .msg-doc-scene{transform:none}
.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-top:18px;perspective:1800px}
.tool-box{
  position:relative;min-height:180px;border-radius:var(--r-md);padding:16px;
  background:#fff;border:1px solid rgba(215,225,240,.7);
  box-shadow:var(--s-md),inset 0 1px 0 rgba(255,255,255,.9);
  text-decoration:none;color:inherit;transform-style:preserve-3d;
  transform:perspective(900px) rotateX(2deg) rotateY(-2deg);
  transition:transform 280ms cubic-bezier(0.16,1,0.3,1),box-shadow 280ms ease,border-color 280ms ease;
  will-change:transform;
}
.tool-box:nth-child(even){transform:perspective(900px) rotateX(2deg) rotateY(2deg)}
.tool-box:hover{transform:perspective(900px) rotateX(0) rotateY(0) translateY(-8px) scale(1.02);box-shadow:var(--s-xl);border-color:rgba(190,210,240,.9)}
.tool-box::before{
  content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:999px;
  opacity:0;transition:opacity 280ms ease;
}
.tool-box:hover::before{opacity:1}
.tg.tool-box::before{background:linear-gradient(90deg,#27a7e7,#8de8ff)}
.wa.tool-box::before{background:linear-gradient(90deg,#20b15a,#95f2bf)}
.ms.tool-box::before{background:linear-gradient(90deg,#2382ff,#8cc4ff)}
.ig.tool-box::before{background:linear-gradient(90deg,#fb4ea8,#ffc06e)}
.im.tool-box::before{background:linear-gradient(90deg,#4f86ff,#bed4ff)}
.dc.tool-box::before{background:linear-gradient(90deg,#5865f2,#aeb8ff)}
.sg.tool-box::before{background:linear-gradient(90deg,#3bb4ff,#ace4ff)}
.gm.tool-box::before{background:linear-gradient(90deg,#ea4335,#fbbc05)}
.ss.tool-box::before{background:linear-gradient(90deg,#3d5afe,#71c8ff)}
.az.tool-box::before{background:linear-gradient(90deg,#22324f,#5a79ac)}
.sc.tool-box::before{background:linear-gradient(90deg,#ffdf00,#ffe973)}
.wc.tool-box::before{background:linear-gradient(90deg,#1aad19,#8fe68e)}
.dy.tool-box::before{background:linear-gradient(90deg,#111,#00f2ea)}
.ln.tool-box::before{background:linear-gradient(90deg,#0a66c2,#66b3ff)}
.sl.tool-box::before{background:linear-gradient(90deg,#611f69,#b146ff)}
.tm.tool-box::before{background:linear-gradient(90deg,#6264a7,#9da1ff)}
.xd.tool-box::before{background:linear-gradient(90deg,#111,#5f5f5f)}
.sk.tool-box::before{background:linear-gradient(90deg,#00aff0,#75d8ff)}
.zm.tool-box::before{background:linear-gradient(90deg,#2d8cff,#86c2ff)}
.rd.tool-box::before{background:linear-gradient(90deg,#ff4500,#ffa47a)}
.vb.tool-box::before{background:linear-gradient(90deg,#7360f2,#b0a7ff)}
.le.tool-box::before{background:linear-gradient(90deg,#00b900,#87ea87)}
.kk.tool-box::before{background:linear-gradient(90deg,#fae100,#ffe875)}
.sx.tool-box::before{background:linear-gradient(90deg,#0f766e,#5eead4)}
.tool-icon{
  width:52px;height:52px;border-radius:15px;margin-bottom:12px;
  position:relative;display:block;
  background-color:#ffffff;
  background-size:76% 76%;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:var(--s-sm),inset 0 1px 0 rgba(255,255,255,.75);
}
.tg .tool-icon,.platform-tg .tool-icon{background-image:url('assets/icons/telegram.svg')}
.wa .tool-icon,.platform-wa .tool-icon{background-image:url('assets/icons/whatsapp.svg')}
.ms .tool-icon,.platform-ms .tool-icon{background-image:url('assets/icons/messenger.svg')}
.ig .tool-icon,.platform-ig .tool-icon{background-image:url('assets/icons/instagram.svg')}
.im .tool-icon,.platform-im .tool-icon{background-image:url('assets/icons/imessage.svg')}
.dc .tool-icon,.platform-dc .tool-icon{background-image:url('assets/icons/discord.svg')}
.sg .tool-icon,.platform-sg .tool-icon{background-image:url('assets/icons/signal.svg')}
.gm .tool-icon,.platform-gm .tool-icon{background-image:url('assets/icons/gmail.svg')}
.ss .tool-icon,.platform-ss .tool-icon{background-image:url('assets/icons/screenshot.svg')}
.az .tool-icon,.platform-az .tool-icon{background-image:url('assets/icons/archive-zip.svg')}
.sc .tool-icon,.platform-sc .tool-icon{background-image:url('assets/icons/snapchat.svg')}
.wc .tool-icon,.platform-wc .tool-icon{background-image:url('assets/icons/wechat.svg')}
.dy .tool-icon,.platform-dy .tool-icon{background-image:url('assets/icons/douyin.svg')}
.ln .tool-icon,.platform-ln .tool-icon{background-image:url('assets/icons/linkedin.ico')}
.sl .tool-icon,.platform-sl .tool-icon{background-image:url('assets/icons/slack.svg')}
.tm .tool-icon,.platform-tm .tool-icon{background-image:url('assets/icons/teams.ico')}
.xd .tool-icon,.platform-xd .tool-icon{background-image:url('assets/icons/twitter-x.svg')}
.sk .tool-icon,.platform-sk .tool-icon{background-image:url('assets/icons/skype.ico')}
.zm .tool-icon,.platform-zm .tool-icon{background-image:url('assets/icons/zoom.svg')}
.rd .tool-icon,.platform-rd .tool-icon{background-image:url('assets/icons/reddit.svg')}
.vb .tool-icon,.platform-vb .tool-icon{background-image:url('assets/icons/viber.svg')}
.le .tool-icon,.platform-le .tool-icon{background-image:url('assets/icons/line.svg')}
.kk .tool-icon,.platform-kk .tool-icon{background-image:url('assets/icons/kakaotalk.svg')}
.sx .tool-icon,.platform-sx .tool-icon{background-image:url('assets/icons/sms-mms.svg')}
.tool-box h3,.tool-box h4{margin:0 0 5px;color:var(--ink);font-size:1rem;font-weight:800}
.tool-box span{color:var(--ink-soft);font-size:.84rem;line-height:1.5;display:block}
.tool-page-logo{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;
  border-radius:var(--r-sm);padding:8px 13px;
  border:1px solid color-mix(in srgb,var(--p1) 24%,#dae4ff);
  background:color-mix(in srgb,var(--p1) 6%,rgba(255,255,255,.9));
}
.tool-page-logo .tool-icon{width:36px;height:36px;border-radius:11px;margin-bottom:0}
.tool-page-logo strong{color:var(--ink);font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif}
body.page-tool{--p1:#2563eb;--p2:#06b6d4;background:#ffffff}
body.page-tool::before{
  background:
    radial-gradient(70rem 55rem at -6% -8%,color-mix(in srgb,var(--p1) 12%,#eef6ff) 0%,transparent 56%),
    radial-gradient(55rem 45rem at 105% -8%,color-mix(in srgb,var(--p2) 12%,#e0f8ff) 0%,transparent 58%),
    #ffffff;
}
body.page-tool.platform-tg{--p1:#229ed9;--p2:#5fd0ff}
body.page-tool.platform-wa{--p1:#21c063;--p2:#7df2b3}
body.page-tool.platform-ms{--p1:#0084ff;--p2:#79baff}
body.page-tool.platform-ig{--p1:#f94f8d;--p2:#fcb045}
body.page-tool.platform-im{--p1:#4f86ff;--p2:#9fc2ff}
body.page-tool.platform-dc{--p1:#5865f2;--p2:#9aa4ff}
body.page-tool.platform-sg{--p1:#3aacee;--p2:#8ed8ff}
body.page-tool.platform-gm{--p1:#ea4335;--p2:#fbbc05}
body.page-tool.platform-ss{--p1:#3d5afe;--p2:#71c8ff}
body.page-tool.platform-az{--p1:#22324f;--p2:#5a79ac}
body.page-tool.platform-sc{--p1:#d4a800;--p2:#f7d000}
body.page-tool.platform-wc{--p1:#1aad19;--p2:#8fe68e}
body.page-tool.platform-dy{--p1:#222;--p2:#00f2ea}
body.page-tool.platform-ln{--p1:#0a66c2;--p2:#66b3ff}
body.page-tool.platform-sl{--p1:#611f69;--p2:#b146ff}
body.page-tool.platform-tm{--p1:#6264a7;--p2:#9da1ff}
body.page-tool.platform-xd{--p1:#111;--p2:#6b7280}
body.page-tool.platform-sk{--p1:#00aff0;--p2:#75d8ff}
body.page-tool.platform-zm{--p1:#2d8cff;--p2:#86c2ff}
body.page-tool.platform-rd{--p1:#ff4500;--p2:#ffa47a}
body.page-tool.platform-vb{--p1:#7360f2;--p2:#b0a7ff}
body.page-tool.platform-le{--p1:#00b900;--p2:#87ea87}
body.page-tool.platform-kk{--p1:#d4b600;--p2:#ffe875}
body.page-tool.platform-sx{--p1:#0f766e;--p2:#5eead4}
body.page-tool .tool-hero{
  background:linear-gradient(148deg,color-mix(in srgb,var(--p1) 6%,#f7f9ff) 0%,color-mix(in srgb,var(--p2) 5%,#f4fbff) 100%);
  border-color:color-mix(in srgb,var(--p1) 18%,#dde8ff);
  box-shadow:var(--s-lg),inset 0 1px 0 #fff;
}
body.page-tool .tool-hero::before{background:radial-gradient(circle,color-mix(in srgb,var(--p1) 12%,rgba(255,255,255,0)) 0%,transparent 66%)}
body.page-tool .tool-hero::after{background:radial-gradient(circle,color-mix(in srgb,var(--p2) 10%,rgba(255,255,255,0)) 0%,transparent 66%)}
body.page-tool .tool-hero h1{
  background:linear-gradient(128deg,color-mix(in srgb,var(--p1) 85%,#000) 0%,color-mix(in srgb,var(--p2) 75%,#006090) 80%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.page-tool .kicker{color:color-mix(in srgb,var(--p1) 80%,#0d2060);border-color:color-mix(in srgb,var(--p1) 22%,#c8dcff);background:color-mix(in srgb,var(--p1) 8%,rgba(255,255,255,0))}
body.page-tool .btn:not(.ghost){background:linear-gradient(128deg,var(--p1),var(--p2));box-shadow:0 16px 40px -14px color-mix(in srgb,var(--p1) 50%,transparent)}
body.page-tool .btn.ghost{color:color-mix(in srgb,var(--p1) 72%,#0d2060)}
body.page-tool .panel.glass{border-color:color-mix(in srgb,var(--p1) 12%,rgba(220,230,248,.6));box-shadow:var(--s-lg),inset 0 1px 0 #fff,inset 0 -28px 56px -36px color-mix(in srgb,var(--p2) 10%,transparent)}
body.page-tool .tool-tab.active{background:linear-gradient(125deg,var(--p1),var(--p2));border-color:color-mix(in srgb,var(--p1) 40%,#c0d8ff);color:#fff}
body.page-tool .notice{border-color:color-mix(in srgb,var(--p1) 24%,#c0d8ff);background:color-mix(in srgb,var(--p2) 6%,#f0faff)}
body.page-tool .tool-page-logo{border-color:color-mix(in srgb,var(--p1) 22%,#d8e8ff);background:color-mix(in srgb,var(--p1) 5%,rgba(255,255,255,.9))}
body.page-tool .topbar{background:rgba(255,255,255,.92);border-color:rgba(215,225,242,.8)}
label{display:block;margin:14px 0 7px;color:var(--ink-2);font-size:.93rem;font-weight:800}
input[type=file],select,textarea,input[type=text],input[type=number],input[type=email]{
  width:100%;border-radius:var(--r-sm);border:1.5px solid rgba(200,215,235,.7);
  background:#fff;color:var(--ink);font:inherit;font-size:.95rem;padding:11px 14px;
  box-shadow:inset 0 1px 2px rgba(10,15,30,.04);
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
input[type=file]{border-style:dashed;padding:16px}
input[type=file]::file-selector-button{border:0;border-radius:var(--r-xs);padding:8px 12px;margin-right:10px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--p1,#2563eb),var(--p2,#06b6d4));cursor:pointer}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
textarea{min-height:120px;resize:vertical}
input.file-drop.drag-on{border-color:var(--blue);background:rgba(239,246,255,.96)}
.file-list{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.file-chip{border-radius:999px;border:1px solid rgba(190,210,235,.55);background:var(--bg-off);color:var(--ink-soft);padding:4px 10px;font-size:.78rem;font-weight:700}
.file-hint{margin-top:6px;font-size:.8rem;color:var(--ink-faint)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{display:block;text-decoration:none;color:inherit;border-radius:var(--r-md);padding:20px;background:#fff;border:1px solid rgba(215,225,240,.7);box-shadow:var(--s-md);transition:transform var(--t-base),box-shadow var(--t-base)}
.card:hover{transform:translateY(-6px);box-shadow:var(--s-xl)}
.card h3{margin:0 0 7px;font-size:1.05rem}
.card p{margin:0;color:var(--ink-soft);line-height:1.6}
.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.page-grid{display:grid;grid-template-columns:1.4fr 0.9fr;gap:20px;align-items:start;margin-top:20px}
.guide-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.feature{border-radius:var(--r-sm);padding:14px;background:var(--bg-off);border:1px solid rgba(215,225,240,.6);transition:transform var(--t-base)}
.feature:hover{transform:translateY(-3px)}
.feature strong{display:block;color:var(--ink-2);margin-bottom:5px;font-weight:800}
.notice{margin-top:14px;border-radius:var(--r-sm);border:1px solid rgba(186,219,254,.6);background:rgba(239,246,255,.9);color:#1e40af;padding:11px 14px;line-height:1.58}
.legal-block{margin-top:14px;border-radius:var(--r-sm);padding:13px;border:1px solid rgba(254,202,202,.6);background:rgba(255,241,242,.88);color:#9b1c1c}
.notice-strip{margin-top:12px;border-radius:var(--r-xs);border:1px solid rgba(200,215,235,.55);background:var(--bg-off);color:var(--ink-soft);padding:10px 13px;font-size:.9rem}
.notice-strip.warn{border-color:rgba(253,230,138,.6);background:rgba(255,251,235,.9);color:#92400e}
.fine-note{font-size:.84rem;color:var(--ink-faint);margin-top:8px}
.proud-line{margin:12px 0 0;font-weight:700;color:var(--green)}
.quick-check{margin-top:16px;border-radius:var(--r-md);padding:16px;background:var(--bg-off);border:1px solid rgba(215,225,240,.6)}
.quick-check h3{margin:0 0 8px;font-size:1rem}
.quick-check ul{margin:0;padding-left:18px}
.quick-check li{margin:6px 0;color:var(--ink-soft)}
.faq-list{display:grid;gap:10px}
.faq-list details{border-radius:var(--r-sm);border:1px solid rgba(215,225,240,.6);background:#fff;padding:12px 16px;transition:var(--t-base)}
.faq-list details:hover{background:var(--bg-off)}
.faq-list details[open]{background:rgba(239,246,255,.7)}
.faq-list summary{cursor:pointer;font-weight:800;color:var(--ink-2)}
.faq-list p{margin:9px 0 0;color:var(--ink-soft);line-height:1.65}
.faq-hub{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}
.faq-topics{padding:18px;border-radius:var(--r-md);border:1px solid rgba(215,225,240,.6);background:var(--bg-soft)}
.faq-topics h3{margin:0 0 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint)}
.topic-item{
  width:100%;border:1px solid rgba(215,225,240,.55);border-radius:var(--r-xs);
  background:#fff;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center;
  padding:10px 12px;margin:7px 0;font-weight:700;cursor:pointer;transition:var(--t-fast);
}
.topic-item em{font-style:normal;color:var(--ink-faint)}
.topic-item:hover{background:var(--bg-off)}
.topic-item.active{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.24);color:#1d4ed8}
.faq-modern details{margin:12px 0;border:1px solid rgba(215,225,240,.6);background:#fff;overflow:hidden;border-radius:var(--r-sm)}
.faq-modern details[open]{background:rgba(239,246,255,.5)}
.faq-modern summary{list-style:none;cursor:pointer;padding:14px 44px 14px 16px;position:relative;font-weight:800;color:var(--ink-2)}
.faq-modern summary::-webkit-details-marker{display:none}
.faq-modern summary::after{content:'+';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:1.2rem;font-weight:400}
.faq-modern details[open] summary::after{content:'−'}
.faq-modern details p{margin:0;padding:0 16px 16px;color:var(--ink-soft);line-height:1.65}
.faq-main>h2{margin:0}
.faq-main>p{margin:10px 0 16px;color:var(--ink-soft)}
.disclaimer-hub>h2{margin:0}
.disclaimer-hub>p{margin:4px 0 14px;color:var(--ink-soft)}
.disclaimer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.disclaimer-item{padding:18px;border-radius:var(--r-md);border:1px solid rgba(215,225,240,.6);background:linear-gradient(148deg,#fff,var(--bg-off))}
.disclaimer-item .num{font-size:.8rem;font-weight:800;color:var(--blue);letter-spacing:.06em}
.disclaimer-item h3{margin:6px 0 8px;font-size:1rem}
.disclaimer-item p{margin:0;color:var(--ink-soft)}
.tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
.tool-tab{border:1.5px solid rgba(200,215,235,.6);border-radius:var(--r-xs);background:var(--bg-off);color:var(--ink-2);padding:8px 14px;font-weight:800;font-size:.88rem;cursor:pointer;transition:var(--t-fast)}
.tool-tab:hover{background:#fff;border-color:rgba(180,200,230,.8)}
.tool-tab.active{color:#fff;border-color:transparent;background:var(--blue);box-shadow:0 6px 18px -6px rgba(37,99,235,.5)}
.tool-pane{display:none}
.tool-pane.active{display:block}
.email-list{margin-top:12px;max-height:320px;overflow:auto;border-radius:var(--r-sm);border:1px solid rgba(215,225,240,.6);background:#fff;padding:8px}
.email-item{display:flex;gap:10px;align-items:flex-start;padding:9px 7px;border-bottom:1px solid rgba(220,230,242,.7)}
.email-item:last-child{border-bottom:0}
.small{font-size:.88rem;color:var(--ink-soft)}
.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.power-tools{margin-top:14px;padding:18px 18px 16px}
.power-tools h3{margin:0 0 10px;font-size:1.04rem}
.power-tools .split-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.power-tools label{margin:0;color:var(--ink-soft);font-size:.8rem;font-weight:700}
.power-tools input[type="date"],
.power-tools input[type="text"],
.power-tools input[type="password"],
.power-tools input[type="number"],
.power-tools select{margin-top:5px;padding:9px 10px;font-size:.86rem}
.power-tools .btn-row{gap:10px}
.power-tools .btn-row label{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 10px;border-radius:10px;
  border:1px solid rgba(205,220,240,.74);background:rgba(255,255,255,.68);
}
.power-tools input[type="checkbox"]{
  width:15px;height:15px;accent-color:var(--p1,var(--blue));margin:0;
}
.payment-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.site-footer{margin-top:36px;border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(215,225,240,.7);background:linear-gradient(180deg,var(--bg-off) 0%,var(--bg-soft) 100%);box-shadow:var(--s-lg)}
.footer-top{padding:48px 32px;text-align:center;border-bottom:1px solid rgba(215,225,240,.6)}
.footer-top h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--ink)}
.footer-top p{margin:14px auto 0;max-width:780px;color:var(--ink-soft);font-size:1.04rem}
.footer-top .btn{margin-top:20px}
.footer-main{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:20px;padding:30px 32px}
.footer-brand{display:flex;gap:10px;align-items:center}
.footer-brand .tool-icon{
  width:var(--site-logo-footer-width);
  height:var(--site-logo-footer-height);
  border-radius:0;
  flex:0 0 var(--site-logo-footer-width);
  background-color:transparent!important;
  background-image:var(--site-logo-image)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none;
  overflow:visible;
}
.footer-brand .tool-icon::after{content:''}
.footer-brand strong{font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif;color:var(--ink);display:block;margin-bottom:6px}
.footer-brand p,.footer-col a,.footer-legal{color:var(--ink-soft);line-height:1.6}
.footer-col h4{margin:0 0 10px;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.footer-col a{display:block;text-decoration:none;margin:0 0 9px;font-weight:600;transition:color var(--t-fast)}
.footer-col a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid rgba(215,225,240,.6);padding:16px 32px 22px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.footer-pill-row{display:flex;gap:8px;flex-wrap:wrap}
.footer-pill{font-size:.8rem;border-radius:999px;border:1px solid rgba(200,215,235,.55);background:#fff;color:var(--ink-soft);padding:5px 11px}
.legal-shell{display:grid;gap:20px}
.legal-card,.legal-section{border:1px solid rgba(215,225,240,.7);border-radius:var(--r-md);background:#fff;padding:26px;box-shadow:var(--s-md)}
.legal-hero h1{font-size:clamp(2rem,4vw,3rem);margin:0}
.legal-hero p{margin:12px 0 0;color:var(--ink-soft);line-height:1.76}
.legal-kicker{display:inline-block;margin-bottom:8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800}
.legal-section>h2{margin:0 0 16px;font-size:clamp(1.4rem,2.6vw,2rem)}
.legal-stack{display:grid;gap:14px}
.legal-use-card h3{margin:0 0 8px;color:var(--ink-2)}
.legal-use-card p{margin:0 0 8px;color:var(--ink-soft);line-height:1.68}
.legal-intro{margin:0 0 10px;color:var(--ink-soft)}
.legal-numbered{margin:0;padding-left:20px;display:grid;gap:9px;color:var(--ink-2);line-height:1.68}
.legal-faq-list details{border:1px solid rgba(215,225,240,.6);border-radius:var(--r-xs);background:#fff;margin:8px 0}
.legal-faq-list summary{list-style:none;cursor:pointer;padding:13px 44px 13px 14px;position:relative;font-weight:700;color:var(--ink-2)}
.legal-faq-list summary::-webkit-details-marker{display:none}
.legal-faq-list summary::after{content:'+';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:1.1rem}
.legal-faq-list details[open] summary::after{content:'−'}
.legal-faq-list details p{margin:0;padding:0 14px 14px;color:var(--ink-soft);line-height:1.65}
body.legal-reference-page{background:#ffffff!important;color:var(--ink)}
body.legal-reference-page .site-glow{display:none}
body.legal-reference-page .topbar{background:rgba(255,255,255,.92)!important;border-color:rgba(215,225,240,.8)!important;box-shadow:var(--s-md)!important}
body.legal-reference-page .topbar .brand{color:var(--ink)!important}
body.legal-reference-page .topnav a{color:var(--ink-soft)!important}
body.legal-reference-page .topnav a:hover,.legal-reference-page .topnav a.active{background:var(--blue-soft)!important;color:var(--blue)!important;box-shadow:none!important}
body.legal-reference-page .convert-btn{background:var(--blue)!important;color:#fff}
body.legal-reference-page .site-footer{border-color:rgba(215,225,240,.7)!important;background:var(--bg-off)!important;box-shadow:var(--s-md)!important}
body.legal-reference-page .footer-top h2{color:var(--ink)!important}

/* About, Contact, Donate - match home light glass theme */
body.company-page .legal-shell.company-shell{
  border-radius:var(--r-2xl);
  padding:14px;
  background:
    radial-gradient(90% 140% at 0% 0%,rgba(125,211,252,.28) 0%,transparent 55%),
    radial-gradient(85% 130% at 100% 100%,rgba(196,181,253,.24) 0%,transparent 58%),
    linear-gradient(148deg,rgba(255,255,255,.84),rgba(248,251,255,.78))!important;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--s-xl),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:var(--blur);
}
body.company-page{
  background:var(--bg)!important;
}
body.company-page::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(80rem 60rem at 0% -8%,rgba(219,234,254,.72) 0%,transparent 56%),
    radial-gradient(60rem 50rem at 100% -5%,rgba(237,233,254,.56) 0%,transparent 52%),
    radial-gradient(52rem 44rem at 50% 105%,rgba(224,231,255,.42) 0%,transparent 58%)!important;
  animation:ambientPan 28s ease-in-out infinite alternate;
}
body.company-page .topbar{
  background:rgba(255,255,255,.62);
  border-color:rgba(255,255,255,.92);
  box-shadow:var(--s-md);
  backdrop-filter:var(--blur);
}
body.company-page .site-footer,
body.company-page .footer-top,
body.company-page .footer-main,
body.company-page .footer-bottom{
  background:rgba(255,255,255,.56);
}
body.company-page .legal-card,
body.company-page .legal-section{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:var(--s-lg),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:var(--blur);
}
body.company-page .legal-hero{
  background:
    radial-gradient(100% 140% at 0% 0%,rgba(96,165,250,.20) 0%,transparent 50%),
    radial-gradient(80% 120% at 100% 100%,rgba(196,181,253,.22) 0%,transparent 52%),
    linear-gradient(148deg,rgba(255,255,255,.56),rgba(247,250,255,.72))!important;
}
.guide-list{margin:12px 0 0;padding-left:18px}
.guide-list li,ul.clean li{margin:7px 0;color:var(--ink-soft)}
.guide-list a{color:var(--blue);text-decoration:none}
.guide-list a:hover{text-decoration:underline}
ul.clean{margin:10px 0 0;padding-left:18px}
.instructions ol{margin:10px 0 0;padding-left:18px}
.instructions li{margin:8px 0;color:var(--ink-soft);line-height:1.64}
.instructions.glass{background:linear-gradient(148deg,rgba(239,246,255,.9),rgba(245,248,255,.8))}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 640ms cubic-bezier(0.16,1,0.3,1),transform 640ms cubic-bezier(0.16,1,0.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:160ms}
.reveal-delay-3{transition-delay:240ms}.reveal-delay-4{transition-delay:320ms}
.stat-big{font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(128deg,var(--ink) 0%,var(--ink-2) 40%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-cta{margin-top:24px;border-radius:var(--r-lg);padding:22px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--bg-off),var(--bg-soft));border:1px solid rgba(215,225,240,.7)}
.footer-cta h3{margin:0;font-size:1.2rem}
@media(prefers-reduced-motion:no-preference){
  .hero,.panel,.site-footer,.tool-box,.card{animation:riseIn 540ms cubic-bezier(0.16,1,0.3,1) both}
  .tool-box:nth-child(2n),.card:nth-child(2n){animation-delay:60ms}
  .tool-box:nth-child(3n),.card:nth-child(3n){animation-delay:110ms}
  .tool-box:nth-child(4n),.card:nth-child(4n){animation-delay:155ms}
  .msg-bubble{animation:riseIn 680ms cubic-bezier(0.16,1,0.3,1) both}
  .bubble-b{animation-delay:100ms}
  .doc-sheet{animation-delay:180ms}
}
@keyframes riseIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1200px){.tool-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}}
@media(max-width:1080px){
  .company-hero-grid{grid-template-columns:1fr}
  .company-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-grid,.vibe-grid,.donate-level-grid{grid-template-columns:1fr}
  .donate-cost-grid,.donate-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .donate-checkout-shell{grid-template-columns:1fr}
  .tools-banner{grid-template-columns:1fr}
  .tools-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero.tool-hero.has-hero-scene{padding-right:24px}
  .hero.tool-hero.has-hero-scene .msg-doc-scene{position:relative;right:auto;top:auto;transform:none;margin:18px auto 0}
  .faq-hub{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr 1fr}
  .hero-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  body.nav-open-lock{overflow:hidden}
  .page-grid{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}
  .topbar,.home-shell .topbar{top:8px;width:min(1496px,calc(100% - 8px))}
  .brand{font-size:.98rem;gap:8px}
  .brand::before{
    width:var(--site-logo-mark-width-mobile);
    height:var(--site-logo-mark-height-mobile);
    flex:0 0 var(--site-logo-mark-width-mobile);
  }
  .footer-brand .tool-icon{
    width:var(--site-logo-footer-width-mobile);
    height:var(--site-logo-footer-height-mobile);
    flex:0 0 var(--site-logo-footer-width-mobile);
  }
  .nav-toggle{display:inline-flex}
  .topnav{display:none}
  .convert-btn{display:none}
  .topbar.nav-open .topnav{display:flex;width:100%;order:4;justify-content:flex-start;gap:6px;padding:8px 0 2px;border-top:1px solid rgba(215,225,240,.55);flex-wrap:wrap}
  .topbar.nav-open .topnav a{width:calc(50% - 3px);text-align:center;font-size:.84rem}
  .tool-box:nth-child(odd),.tool-box:nth-child(even){transform:none}
  .disclaimer-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .company-card-grid{grid-template-columns:1fr}
  .donate-cost-grid,.donate-impact-grid{grid-template-columns:1fr}
  .donate-level-shell{grid-template-columns:1fr}
  .donate-level-graphic{width:100%;height:114px}
  .donate-pay-actions{flex-direction:column}
  .donate-pay-actions .btn{width:100%}
  .tools-flow{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .hero.tool-hero.has-hero-scene{grid-template-columns:1fr}
  .hero.tool-hero.has-hero-scene .msg-doc-scene{width:min(100%,520px)}
  .footer-main{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Global glassmorphism reinforcement */
.tool-box,
.card,
.feature,
.faq-list details,
.faq-modern details,
.disclaimer-item,
.quick-check,
.faq-topics,
.site-footer,
.legal-card,
.legal-section,
.footer-cta {
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:var(--s-lg),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:var(--blur);
}

.site-footer,
.footer-top,
.footer-main,
.footer-bottom {
  background:rgba(255,255,255,.56);
}

.theme-toggle{
  flex:0 0 auto;border:1px solid rgba(210,220,235,.85);border-radius:10px;
  background:rgba(255,255,255,.86);color:var(--ink);font:inherit;font-weight:700;
  font-size:.82rem;padding:8px 12px;cursor:pointer;transition:var(--t-fast)
}
.theme-toggle:hover{background:var(--bg-soft)}

body.theme-dark{
  --bg:#060b15; --bg-off:#0d1628; --bg-soft:#132038; --bg-muted:#1a2a45;
  --ink:#f6f9ff; --ink-2:#e7efff; --ink-soft:#c4d4ee; --ink-faint:#9bb1d3;
  --blue:#6aa7ff; --blue-light:#8bbcff; --blue-soft:rgba(106,167,255,.24);
  --panel-bg:rgba(17,30,52,.92); --glass:rgba(17,30,52,.88); --glass-2:rgba(15,25,44,.94);
  --glass-border:rgba(124,152,198,.5)
}
body.theme-dark::before{
  background:
    radial-gradient(82rem 62rem at 0% -8%,rgba(26,54,102,.55) 0%,transparent 55%),
    radial-gradient(60rem 50rem at 100% -5%,rgba(57,39,112,.46) 0%,transparent 52%),
    radial-gradient(50rem 42rem at 50% 105%,rgba(18,80,71,.34) 0%,transparent 58%)
}
body.theme-dark .topbar,
body.theme-dark .home-shell .topbar{background:rgba(16,29,50,.78);border-color:rgba(101,128,172,.4)}
body.theme-dark .brand::before{
  background-color:transparent;
  background-image:var(--site-logo-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
}
body.theme-dark .tool-box,
body.theme-dark .card,
body.theme-dark .feature,
body.theme-dark .panel,
body.theme-dark .site-footer,
body.theme-dark .legal-card,
body.theme-dark .legal-section{
  background:rgba(17,30,52,.92);
  border-color:rgba(124,152,198,.46);
  box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(155,186,236,.17)
}
body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select{background:#0f1c33;color:var(--ink);border-color:rgba(124,152,198,.52)}
body.theme-dark .btn{color:#f8fbff}
body.theme-dark .btn.ghost{background:#101f38;color:var(--ink);border-color:rgba(124,152,198,.5)}
body.theme-dark .btn.ghost:hover{background:#162845;color:#ffffff}
body.theme-dark .topnav a{color:#d0ddf5}
body.theme-dark .topnav a:hover{color:#ffffff;background:rgba(124,152,198,.2)}
body.theme-dark .topnav a.active{color:#ffffff;background:rgba(106,167,255,.34)}
body.theme-dark .trust-banner,
body.theme-dark .chip,
body.theme-dark .topic-item,
body.theme-dark .faq-list details,
body.theme-dark .faq-modern details,
body.theme-dark .history-item,
body.theme-dark .live-stat,
body.theme-dark .security-badge,
body.theme-dark .before-card,
body.theme-dark .after-card,
body.theme-dark .testimonial-card,
body.theme-dark .related-tool-link{
  background:rgba(13,24,42,.86)!important;
  border-color:rgba(124,152,198,.45)!important;
  color:var(--ink);
}
body.theme-dark .tool-box h3,
body.theme-dark .tool-box span,
body.theme-dark .panel p,
body.theme-dark .panel li,
body.theme-dark .fine-note,
body.theme-dark .small,
body.theme-dark .faq-list p,
body.theme-dark .faq-modern details p,
body.theme-dark .footer-brand p,
body.theme-dark .footer-col a,
body.theme-dark .footer-legal{
  color:var(--ink-soft)!important;
}
body.theme-dark .footer-col h4,
body.theme-dark .live-stat .label,
body.theme-dark .ad-slot-head span,
body.theme-dark .ad-slot-head small{
  color:var(--ink-faint)!important;
}
body.theme-dark .footer-pill{
  background:rgba(13,24,42,.92);
  border-color:rgba(124,152,198,.45);
  color:var(--ink-soft);
}
body.theme-dark .notice,
body.theme-dark .legal-block,
body.theme-dark .notice-strip,
body.theme-dark .quick-check,
body.theme-dark .faq-topics,
body.theme-dark .faq-list details,
body.theme-dark .faq-modern details,
body.theme-dark .topic-item,
body.theme-dark .tool-tab,
body.theme-dark .email-list,
body.theme-dark .power-tools .btn-row label,
body.theme-dark .disclaimer-item,
body.theme-dark .preview-pages pre,
body.theme-dark .donate-cost-card,
body.theme-dark .donate-impact-block,
body.theme-dark .donate-level-card,
body.theme-dark .donate-checkout-note{
  background:rgba(12,23,41,.9)!important;
  border-color:rgba(124,152,198,.46)!important;
  color:var(--ink)!important;
}
body.theme-dark .notice{
  background:rgba(15,34,64,.92)!important;
  border-color:rgba(102,153,233,.45)!important;
  color:#d7e6ff!important;
}
body.theme-dark .legal-block{
  background:rgba(63,21,33,.82)!important;
  border-color:rgba(244,114,182,.36)!important;
  color:#ffd4e5!important;
}
body.theme-dark .notice-strip.warn,
body.theme-dark .donate-warning{
  background:rgba(63,47,18,.72)!important;
  border-color:rgba(250,204,21,.35)!important;
}
body.theme-dark .notice-strip.warn,
body.theme-dark .donate-warning p,
body.theme-dark .donate-warning strong{
  color:#ffe3a3!important;
}
body.theme-dark .tool-tab:hover{background:rgba(18,33,56,.95);border-color:rgba(124,152,198,.62)}
body.theme-dark .tool-tab.active{background:var(--blue)!important;color:#fff!important}
body.theme-dark .topic-item.active{
  background:rgba(106,167,255,.34)!important;
  border-color:rgba(124,152,198,.66)!important;
  color:#fff!important;
}
body.theme-dark .email-item{border-color:rgba(124,152,198,.33)}
body.theme-dark .convert-progress-track{background:rgba(20,36,63,.92)}
body.theme-dark .donate-level-graphic{
  background:linear-gradient(145deg,rgba(17,34,59,.95),rgba(13,26,46,.9));
  border-color:rgba(124,152,198,.46);
}
body.theme-dark .donate-inline-input,
body.theme-dark .donate-checkout-shell input{
  background:#0f1c33!important;
  border-color:rgba(124,152,198,.56)!important;
  color:var(--ink)!important;
}
body.theme-dark .donate-card-btn{background:#1f3f73}
body.theme-dark .donate-card-btn:hover{background:#2b5497}
body.theme-dark .footer-col a:hover{color:#aecdff!important}

.global-dropzone{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  background:rgba(8,14,26,.35);backdrop-filter:blur(8px)
}
.global-dropzone.active{display:flex}
.global-dropzone-box{
  padding:24px 28px;border-radius:16px;border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.86);font-weight:800;color:var(--ink)
}

.convert-progress{display:none;margin-top:12px}
.convert-progress-track{height:9px;border-radius:999px;background:rgba(203,217,241,.55);overflow:hidden}
.convert-progress-bar{
  width:0%;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--p1,#2563eb),var(--p2,#06b6d4));
  transition:width 220ms ease
}
.convert-progress-text{margin-top:6px;font-size:.82rem;color:var(--ink-faint)}

.preview-panel,.history-panel{margin-top:14px}
.preview-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.preview-pages pre{
  margin:0;min-height:180px;max-height:240px;overflow:auto;white-space:pre-wrap;
  border-radius:10px;padding:10px 12px;border:1px solid rgba(200,216,240,.72);
  background:rgba(255,255,255,.74);font-size:.78rem;line-height:1.45;color:var(--ink-2)
}
.history-list{display:grid;gap:8px}
.history-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid rgba(200,216,240,.72);border-radius:10px;padding:9px 10px;background:rgba(255,255,255,.7)
}
.history-item span{display:block;font-size:.75rem;color:var(--ink-faint)}

.ad-band{margin-top:16px;padding:14px 16px}
.ad-slot-card{
  border:1px solid rgba(200,216,240,.78);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  padding:10px 12px;
  box-shadow:var(--s-md),inset 0 1px 0 rgba(255,255,255,.94);
}
.ad-slot-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ad-slot-head span{
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.ad-slot-head small{font-size:.74rem;color:var(--ink-faint);font-weight:700}
.ad-slot-frame{
  margin-top:9px;
  border:1px dashed rgba(148,163,184,.55);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(247,250,255,.94),rgba(240,246,255,.88));
  min-height:90px;
  display:grid;
  place-items:center;
}
.ad-slot-placeholder{
  color:var(--ink-soft);
  font-weight:800;
  font-size:.86rem;
  letter-spacing:.01em;
}
.ad-slot-note{margin-top:8px;font-size:.78rem;line-height:1.5;color:var(--ink-faint);max-width:none}
.ad-slot-sidebar{margin-top:14px}
.ad-slot-sidebar .ad-slot-frame{min-height:250px}
.ad-slot-faq{margin:8px 0}
.post-convert-hub{margin-top:14px}
.post-convert-hub h3{margin:0 0 6px}
.related-tools-widget{margin-top:12px}
.related-tools-widget h4{margin:0 0 8px;font-size:.92rem;color:var(--ink-2)}
.related-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.related-tool-link{
  display:block;
  text-decoration:none;
  border:1px solid rgba(200,216,240,.72);
  border-radius:12px;
  background:rgba(255,255,255,.76);
  padding:10px 11px;
  transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);
}
.related-tool-link strong{display:block;font-size:.88rem;color:var(--ink-2)}
.related-tool-link span{display:block;margin-top:4px;font-size:.78rem;color:var(--ink-faint)}
.related-tool-link:hover{
  transform:translateY(-2px);
  border-color:rgba(147,197,253,.72);
  box-shadow:var(--s-sm);
}

.mobile-sticky-ad{
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:950;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(200,216,240,.84);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px) saturate(160%);
  box-shadow:var(--s-lg);
}
.mobile-sticky-ad-inner{display:flex;flex-direction:column;gap:2px;min-width:0}
.mobile-sticky-ad-inner strong{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.mobile-sticky-ad-inner span{font-size:.84rem;color:var(--ink-2);font-weight:700}
.mobile-sticky-close{
  border:1px solid rgba(200,216,240,.7);
  border-radius:9px;
  background:#fff;
  color:var(--ink-soft);
  font:inherit;
  font-weight:800;
  line-height:1;
  width:30px;
  height:30px;
  cursor:pointer;
}

.confetti-burst{position:fixed;inset:0;pointer-events:none;z-index:1200}
.confetti-burst i{
  position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:.95;
  animation:confettiFall 1.5s cubic-bezier(.2,.9,.2,1) forwards
}
@keyframes confettiFall{
  0%{transform:translateY(-10px) rotate(0)}
  100%{transform:translateY(110vh) rotate(540deg);opacity:.04}
}

.live-trust{margin-top:16px;display:grid;gap:10px}
.live-trust-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.live-stat{
  border:1px solid rgba(205,220,240,.75);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.68)
}
.live-stat .label{display:block;font-size:.75rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em}
.live-stat strong{display:block;margin-top:3px;font-size:1.05rem;color:var(--ink-2)}
.security-badges{display:flex;gap:8px;flex-wrap:wrap}
.security-badge{
  border:1px solid rgba(174,199,234,.7);border-radius:999px;padding:6px 10px;
  background:rgba(255,255,255,.7);font-size:.76rem;font-weight:700;color:var(--ink-2)
}

.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.before-card,.after-card{
  border:1px solid rgba(205,220,240,.72);border-radius:12px;padding:12px;background:rgba(255,255,255,.72)
}
.before-card pre,.after-card pre{
  margin-top:8px;white-space:pre-wrap;font-size:.8rem;line-height:1.46;color:var(--ink-2)
}

.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}
.testimonial-card{
  border:1px solid rgba(205,220,240,.72);border-radius:12px;padding:12px;background:rgba(255,255,255,.72)
}
.testimonial-card p{margin:0 0 8px;color:var(--ink-soft)}
.feedback-form{margin-top:10px}

@media(max-width:900px){
  .preview-pages,.before-after-grid,.live-trust-stats,.related-tools-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .container{padding:12px 0 56px}
  .panel{padding:16px}
  .page-grid{gap:14px}
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .power-tools .btn-row label{width:100%}
  .history-item{flex-direction:column;align-items:flex-start}
  .theme-toggle{padding:7px 10px}
}
@media(max-width:980px){
  .ad-slot-sidebar{display:none}
}
@media(max-width:760px){
  .mobile-sticky-ad{display:flex}
  body{padding-bottom:84px}
}
@media(min-width:761px){
  .mobile-sticky-ad{display:none!important}
}

body.theme-dark .ad-slot-card{
  background:rgba(16,29,50,.72);
  border-color:rgba(101,128,172,.38);
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(141,170,220,.13);
}
body.theme-dark .ad-slot-frame{
  background:linear-gradient(145deg,rgba(18,34,58,.95),rgba(14,28,49,.88));
  border-color:rgba(101,128,172,.45);
}
body.theme-dark .mobile-sticky-ad{
  background:rgba(16,29,50,.9);
  border-color:rgba(101,128,172,.4);
}
body.theme-dark .mobile-sticky-close{
  background:rgba(13,26,45,.92);
  border-color:rgba(101,128,172,.4);
  color:var(--ink-soft);
}