@font-face{font-family:FrauncesLocal;src:local("Georgia");font-display:swap}
:root{--bg:#f5f0e8;--ink:#191714;--muted:#675f55;--panel:#fffaf2;--line:#d9cab7;--accent:#e04f2f;--accent-2:#0f8b8d;--accent-3:#263d7a;--good:#168354;--warn:#bc7a00;--bad:#c63d35;--shadow:0 24px 70px rgba(49,35,18,.16)}
[data-theme=dark]{--bg:#101112;--ink:#f5efe6;--muted:#b9afa2;--panel:#191a1b;--line:#343230;--accent:#ff6b45;--accent-2:#35c7bf;--accent-3:#89a7ff;--good:#51d58b;--warn:#ffbe55;--bad:#ff7670;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Aptos,Calibri,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-2}#pulseCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;background:radial-gradient(circle at 20% 10%,rgba(224,79,47,.16),transparent 32%),radial-gradient(circle at 85% 15%,rgba(15,139,141,.14),transparent 34%),var(--bg)}
a{color:inherit;text-decoration:none}button,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px clamp(18px,4vw,58px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);background:var(--accent);color:#fff;box-shadow:4px 4px 0 var(--ink);font-size:13px}.nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.nav a:hover{color:var(--ink)}.top-actions{display:flex;gap:8px}.icon-btn,.mini-btn,.mode,.ghost-link,.primary-link,.file-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.icon-btn{width:40px;height:40px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:center;padding:76px clamp(18px,5vw,76px) 34px}.sub-hero{padding-top:58px}.eyebrow,.section-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;font-size:12px}.hero h1{font-family:FrauncesLocal,Georgia,serif;font-size:clamp(44px,7vw,92px);line-height:.93;margin:0;max-width:920px}.lede{font-size:clamp(18px,2vw,24px);line-height:1.42;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-link,.ghost-link,.file-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;font-weight:800}.primary-link{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ghost-link:hover,.file-btn:hover,.mini-btn:hover,.mode:hover{border-color:var(--ink)}.signal-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px;min-height:320px;display:grid;align-content:space-between;transform:rotate(1.2deg)}.meter-card{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted)}.meter-card strong{font-size:42px;color:var(--good)}.meter-ring{justify-self:center;width:150px;height:150px;border:14px solid var(--accent-2);border-right-color:var(--line);border-radius:50%;display:grid;place-items:center;align-content:center}.meter-ring span{font-size:46px;font-weight:900}.meter-ring small{color:var(--muted)}.wave-bars{display:flex;gap:8px;align-items:end;height:64px}.wave-bars i{flex:1;background:var(--accent);height:24px;animation:bounce 1.4s infinite ease-in-out}.wave-bars i:nth-child(2n){background:var(--accent-2);animation-delay:.15s}.wave-bars i:nth-child(3n){background:var(--accent-3);animation-delay:.3s}@keyframes bounce{50%{height:58px}}.tool-shell,.feature-band,.seo-grid{margin:28px clamp(18px,5vw,76px);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);box-shadow:var(--shadow)}.tool-shell{padding:20px}.tool-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.tool-head h2,.feature-band h2{font-family:FrauncesLocal,Georgia,serif;font-size:clamp(28px,4vw,48px);line-height:1;margin:0}.file-btn input{display:none}.mode-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.mode{min-height:40px;padding:0 14px}.mode.active{background:var(--accent);border-color:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pane{min-height:470px;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column}.pane-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:800}.mini-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mini-btn{min-height:32px;padding:0 10px;font-size:13px}textarea,pre{width:100%;flex:1;margin:0;padding:16px;border:0;outline:0;background:transparent;color:var(--ink);resize:vertical;min-height:420px;line-height:1.55}pre{white-space:pre-wrap;overflow:auto}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.metrics-grid article{border:1px solid var(--line);padding:16px;background:var(--panel)}.metrics-grid span{display:block;color:var(--muted);font-size:13px}.metrics-grid strong{font-size:34px}.feature-band{display:grid;grid-template-columns:.9fr 1.4fr;gap:32px;padding:34px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-list article,.seo-grid a{border:1px solid var(--line);background:var(--bg);padding:18px}.feature-list h3{margin:0 0 8px}.feature-list p,.seo-grid span{color:var(--muted);line-height:1.5}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.seo-grid a{transition:transform .2s,box-shadow .2s}.seo-grid a:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--accent)}.seo-grid strong,.seo-grid span{display:block}footer{display:flex;justify-content:space-between;gap:20px;padding:36px clamp(18px,5vw,76px);color:var(--muted)}.flag-good{color:var(--good)}.flag-warn{color:var(--warn)}.flag-bad{color:var(--bad)}
@media (max-width:900px){.nav{display:none}.hero,.feature-band{grid-template-columns:1fr}.signal-panel{transform:none;min-height:240px}.work-grid,.seo-grid,.feature-list,.metrics-grid{grid-template-columns:1fr}.tool-head{align-items:start;flex-direction:column}.hero{padding-top:42px}.hero h1{font-size:44px}footer{flex-direction:column}.pane{min-height:360px}textarea,pre{min-height:310px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.file-mini input{display:none}
.file-mini{font-weight:800}
.mini-actions{align-items:center}
.mini-btn{display:inline-flex;align-items:center;justify-content:center}
.download-hint{color:var(--muted);font-size:12px;margin-right:3px;white-space:nowrap}
.brand{gap:12px}
.brand-mark{position:relative;overflow:hidden;width:48px;height:48px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 78%,transparent);background:linear-gradient(135deg,var(--accent),#f49a36 48%,var(--accent-2));box-shadow:5px 5px 0 var(--ink)}
.brand-mark:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.55);border-radius:9px}
.brand-initials{position:relative;z-index:2;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.brand-wave{position:absolute;left:-8px;right:-8px;bottom:9px;height:15px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 8px,transparent 8px 16px);opacity:.45;transform:skewY(-12deg)}
.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1.05}
.brand-copy strong{font-size:15px;letter-spacing:.01em}
.brand-copy small{color:var(--muted);font-size:11px;font-weight:700}
@media (max-width:520px){.brand-copy small{display:none}.brand-copy strong{font-size:14px}.brand-mark{width:42px;height:42px;border-radius:12px}}