:root{--ink:#0d2a33;--deep:#0b3d4a;--water:#1f7a8c;--copper:#c4692b;--copper-d:#9c4f1c;--paper:#f4f1ea;--line:#d8d0c2;--ok:#2e7d4f;--bad:#b3261e}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif}
h1,h2,h3,.brand{font-family:"Roboto Slab","Rockwell","Zilla Slab",Georgia,serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0 .4em}h2{font-size:clamp(1.4rem,3vw,2rem)}a{color:var(--water)}a:hover{color:var(--copper-d)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.pad{padding-top:40px;padding-bottom:40px}.band{padding:44px 20px;border-top:2px dashed var(--line)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
.top{background:var(--deep);color:#fff;border-bottom:6px solid var(--copper)}.top-in{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.brand{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:8px}.brand svg{width:30px;height:30px}
.top nav{display:flex;gap:14px;flex:1;flex-wrap:wrap}.top nav a{color:#cfe6ea;text-decoration:none;padding:10px 2px}.top nav a[aria-current]{color:#fff;border-bottom:2px solid var(--copper)}
.btn{display:inline-block;background:var(--copper);color:#fff;border:0;border-radius:4px;padding:13px 20px;font:700 1rem/1.2 inherit;text-decoration:none;cursor:pointer;min-height:46px}.btn:hover{background:var(--copper-d);color:#fff}.btn-top{padding:10px 14px}.btn-big{font-size:1.1rem;padding:15px 22px}.btn-ghost{background:transparent;color:var(--copper-d);border:2px solid var(--copper)}
.lnk{font-weight:700}
.hero{background:linear-gradient(var(--deep),var(--deep)) ;color:#fff;position:relative;overflow:hidden}
.hero{border-bottom:10px solid #082a33}
.hero-in{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;padding:56px 20px 70px;align-items:center}
.hero p.lede{font-size:1.2rem;color:#dbeef1;max-width:36em}.hero label{display:block;font-weight:700;margin:18px 0 6px}
.hero-form{display:flex;gap:8px;flex-wrap:wrap}.hero-form input{flex:1;min-width:220px;padding:14px;border-radius:4px;border:2px solid var(--copper);font:inherit}
.hero small{display:block;color:#b9d6db;margin-top:8px}
.pipe-card{background:#082a33;border:2px solid #2a6a78;border-radius:6px;padding:18px;font:14px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#bfe3ea;white-space:pre-wrap}
.pipe-card b{color:#ffb27a}
.reads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border:2px solid var(--deep)}.read{padding:18px;border:1px solid var(--line);background:#fff}.read h3{margin:0 0 6px;font-size:1.1rem;color:var(--deep)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cards{list-style:none;padding:0;display:grid;gap:12px}.cards a{display:block;background:#fff;border-left:6px solid var(--water);padding:16px 18px;text-decoration:none;color:var(--ink)}.cards a span{display:block;color:#4a5f64}.cards a:hover{border-left-color:var(--copper)}
.faq details{background:#fff;border:1px solid var(--line);margin:8px 0;padding:12px 16px}.faq summary{font-weight:700;cursor:pointer}
.news{background:#fff;border:2px solid var(--deep);padding:24px}.news-row{display:flex;gap:8px;flex-wrap:wrap}.news input{flex:1;min-width:220px;padding:12px;border:2px solid var(--line);font:inherit;border-radius:4px}.news-fine,.fine,.g-fine,.d-fine{font-size:.88rem;color:#5b6b6e}.news-status{font-weight:700;color:var(--copper-d)}
.g-row{display:flex;gap:8px;flex-wrap:wrap}.g-row input{flex:1;min-width:220px;padding:14px;border:2px solid var(--deep);border-radius:4px;font:inherit}.g-form label{font-weight:700;display:block;margin-bottom:6px}.g-free{font-weight:600;color:var(--ok)}
.g-out{background:#fff;border:2px solid var(--deep);padding:22px;margin-top:20px}.g-score{display:flex;gap:18px;align-items:center}
.g-dial{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--copper) calc(var(--s)*1%),#e6e0d4 0);display:grid;place-items:center;position:relative}.g-dial:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.g-dial b,.g-dial span{position:relative}.g-dial b{font-size:2rem;line-height:1}.g-dial span{font-size:.8rem;margin-top:-30px}
.g-grade{font:700 1.6rem/1 "Roboto Slab",Georgia,serif;margin:0}.g-url{margin:4px 0 0;color:#5b6b6e;word-break:break-all}.g-fixes li{margin:10px 0}.g-pts{background:#fde7d6;color:var(--copper-d);font-weight:700;padding:1px 6px;border-radius:3px;font-size:.85rem}.g-det{color:#5b6b6e;font-size:.92rem}.g-err{color:var(--bad);font-weight:700}.g-note{background:#fff6df;padding:8px}
.g-cta{background:var(--deep);color:#fff;padding:22px;margin-top:20px}.g-cta a.lnk{color:#ffcfa8}.g-cta .fine{color:#b9d6db}.g-cta .price{font-weight:700}
.demo{background:#fff;border:2px solid var(--deep)}.d-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--deep);color:#fff;padding:8px 12px}.d-tag{font-weight:700;color:#ffb27a;flex:1}.d-bar button{background:transparent;color:#fff;border:1px solid #6aa3ae;padding:8px 10px;border-radius:3px;cursor:pointer;min-height:40px}.d-bar button[aria-pressed=true]{background:var(--copper);border-color:var(--copper)}
.d-log{height:340px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.d-msg{max-width:80%;padding:10px 12px;border-radius:8px;margin:0}.d-bot{background:#e3f0f2;align-self:flex-start}.d-you{background:var(--copper);color:#fff;align-self:flex-end}
.d-summary{border:2px dashed var(--copper);padding:12px;background:#fffaf5}.d-summary p{margin:2px 0}.d-sumh{font-weight:700}
.d-choices{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid var(--line)}.d-opt{background:#fff;border:2px solid var(--water);color:var(--deep);padding:10px 12px;border-radius:20px;cursor:pointer;font:inherit;min-height:44px}.d-opt:hover{background:#e3f0f2}
.guide p,.guide li{max-width:68ch}.dek{font-size:1.2rem;color:#4a5f64}.kicker a{text-decoration:none;font-weight:700}.g-inline{background:#fff;border-left:6px solid var(--copper);padding:16px;margin:30px 0}
.tool .calc{background:#fff;border:2px solid var(--deep);padding:20px;display:grid;gap:14px}.calc label{font-weight:700}.calc input{padding:12px;border:2px solid var(--line);font:inherit;width:100%;max-width:220px;border-radius:4px}.calc .res{font:700 1.5rem/1.3 "Roboto Slab",Georgia,serif;color:var(--copper-d)}
.foraipage pre{background:#082a33;color:#bfe3ea;padding:14px;overflow:auto}
.foot{background:var(--ink);color:#cfe0e3;padding:30px 0;margin-top:40px}.foot a{color:#ffcfa8}.foot .fine{color:#9fb7bb}
@media (max-width:760px){.hero-in,.split{grid-template-columns:1fr}.top nav{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;gap:16px}.top nav a{white-space:nowrap}.btn-top{display:none}}