:root,[data-theme="light"]{
  --font-display:'Cabinet Grotesk', 'Inter', sans-serif;
  --font-body:'General Sans', 'Inter', sans-serif;
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.0625rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.1rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
  --color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f3f0ec;--color-border:#d4d1ca;--color-divider:#dcd9d5;
  --color-text:#28251d;--color-text-muted:#6d6a64;--color-text-faint:#9e9b95;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#cedcd8;--color-text-inverse:#f9f8f4;
  --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(22,21,18,.05);--shadow-md:0 8px 24px rgba(22,21,18,.08);--content:1100px;
}
[data-theme="dark"]{
  --color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#22211f;--color-border:#393836;--color-divider:#262523;
  --color-text:#cdccca;--color-text-muted:#9e9d99;--color-text-faint:#6a6966;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-primary-highlight:#313b3b;--color-text-inverse:#10100f;
  --shadow-sm:0 1px 2px rgba(0,0,0,.22);--shadow-md:0 12px 28px rgba(0,0,0,.35);
}
*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font:400 var(--text-base)/1.6 var(--font-body)}a{color:inherit}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.75rem 1rem;border-radius:var(--radius-md)}
.shell{max-width:var(--content);margin:0 auto;padding:0 var(--space-4)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--color-bg) 80%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%, transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:76px}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700}.brand-mark{width:38px;height:38px;color:var(--color-primary)}.top-nav{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.top-nav a{text-decoration:none;color:var(--color-text-muted)}.top-nav a:hover{color:var(--color-text)}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-text) 10%, transparent);display:grid;place-items:center;background:var(--color-surface)}
.hero{display:grid;grid-template-columns:1.15fr .95fr;gap:var(--space-8);padding:clamp(2rem,5vw,5rem) var(--space-4) var(--space-8)}.hero-copy h1{font:700 var(--text-xl)/1.05 var(--font-display);letter-spacing:-.03em;max-width:12ch;margin:.25rem 0 1rem}.hero-copy.compact h1{max-width:16ch}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);margin:0 0 .75rem}.lede{font-size:var(--text-base);color:var(--color-text-muted);max-width:58ch}.panel{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-text) 10%, transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.form-panel{padding:var(--space-5)}.shorten-form{display:grid;gap:var(--space-4)}.shorten-form label{display:grid;gap:.5rem}.shorten-form span{font-size:var(--text-sm);font-weight:600}.shorten-form input,.shorten-form select{width:100%;padding:.95rem 1rem;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-text) 12%, transparent);background:var(--color-surface-2)}.shorten-form input:focus,.shorten-form select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.9rem 1.1rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-offset);color:var(--color-text)}.notice{margin-top:var(--space-4);padding:1rem;border-radius:var(--radius-md)}.notice-error{background:#f4dfdf;color:#7d1e1e}.notice-success{background:var(--color-primary-highlight)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding-bottom:var(--space-8)}.feature-card{padding:var(--space-5)}.feature-card h2,.panel h2{font-size:var(--text-lg);margin:0 0 .5rem}.narrow-stack{padding:clamp(2rem,4vw,4rem) var(--space-4) var(--space-8);display:grid;gap:var(--space-5);max-width:860px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.price-card{padding:var(--space-5)}.ad-wrap{padding-bottom:var(--space-8)}.ad-panel{padding:var(--space-4);border-style:dashed}.detail-card{padding:var(--space-5)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.meta-grid dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:.35rem}.meta-grid dd{margin:0}.action-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}.break{word-break:break-word}.list{padding-left:1.2rem}.list li+li{margin-top:.45rem}
code{padding:.15rem .35rem;border-radius:.35rem;background:var(--color-surface-offset)}
@media (max-width:900px){.hero,.feature-grid,.meta-grid{grid-template-columns:1fr}.top-nav{gap:.9rem}.header-inner{align-items:flex-start;padding-block:1rem}.grid-2{grid-template-columns:1fr}}