:root{--ink:#16201d;--muted:#55615d;--line:#dcd8cd;--bg:#faf8f3;--alt:#f1eee5;--accent:#0b5d4b;--accent-d:#084739;--ok:#1f8a63;--warn:#b9650b;--paper:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}
.preview{background:#f2b705;color:#16201d;text-align:center;padding:10px 20px;font-size:.92rem}
.top{border-bottom:1px solid var(--line);background:var(--bg)}
.bar{display:flex;justify-content:space-between;align-items:center;height:56px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.mark{width:18px;height:18px;border-radius:5px;background:var(--accent);box-shadow:inset -6px 0 0 #7fd1b6}
.toplink{font-size:.9rem;text-decoration:none;font-weight:600}
.hero{padding:24px 0 40px}
.herogrid{display:grid;gap:36px}
.copy,.shot{min-width:0}
.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent);margin:0 0 12px}
h1{font-size:2rem;line-height:1.12;letter-spacing:-.025em;margin:0 0 16px;font-weight:750}
.sub{font-size:1.06rem;color:var(--muted);margin:0 0 22px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:15px 26px;border-radius:8px;text-decoration:none;font-weight:700;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;box-shadow:none}
a.btn:hover,a.btn:focus{background:var(--accent-d)}
a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.cta .btn{display:block}
.terms{list-style:none;padding:0;margin:14px 0 0;font-size:.9rem;color:var(--ink)}
.terms li{padding:5px 0 5px 22px;position:relative;line-height:1.45}
.terms li:before{content:"";position:absolute;left:3px;top:.8em;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.honest{margin:0 0 22px;padding:12px 14px;border:1px solid var(--line);background:var(--alt);border-radius:8px;font-size:.92rem;color:var(--muted)}
.honest strong{color:var(--ink)}
.shot{margin:0}
.shot figcaption{font-size:.85rem;color:var(--muted);margin-bottom:10px;display:flex;gap:8px;align-items:center}
.tag{background:#16201d;color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px;font-weight:700}
.browser{background:#fff;border:1px solid #c9c4b6;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(22,32,29,.45)}
.chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#ece9df;border-bottom:1px solid #d6d2c5}
.chrome span{flex:none;width:9px;height:9px;border-radius:50%;background:#c4bfb0}
.chrome em{font-style:normal;font:12px ui-monospace,Menlo,Consolas,monospace;color:#4b5551;background:#fff;border-radius:5px;padding:3px 9px;margin-left:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.sp{padding:18px;font-size:.9rem;color:#1c2a26}
.sphead,.ph{display:flex;gap:12px;align-items:center}
.logo{flex:none;width:36px;height:36px;border-radius:9px;background:#3b3fa8;color:#fff;font-weight:800;display:grid;place-items:center;font-size:1.1rem}
.sphead b,.ph b{display:block;line-height:1.2}
.sphead small,.ph small{color:var(--muted);font-size:.8rem}
.okbanner{margin:16px 0;padding:12px 14px;background:#e6f4ee;border:1px solid #bfe0d1;border-radius:8px;font-weight:700;color:#0e5a3f;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.okbanner small{font-weight:500;color:#2f6b55;margin-left:auto}
.dot{width:10px;height:10px;background:var(--ok);border-radius:50%}
.rows{list-style:none;margin:0;padding:0}
.rows li{padding:12px 0;border-top:1px solid #e8e5dc}
.r1{display:flex;justify-content:space-between;align-items:center}
.r2{display:flex;justify-content:space-between;gap:10px;font-size:.76rem;color:var(--muted);margin-top:6px}
.r2.plain{justify-content:flex-start;flex-wrap:wrap;gap:2px 14px;margin-top:2px}
.pill{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}
.pill.ok{background:#e1f3ea;color:#0e5a3f}
.uptime{display:flex;gap:2px;height:26px;margin-top:8px}
.uptime i{flex:1;background:var(--ok);border-radius:1px}
.uptime i.w{background:#e0a23b}.uptime i.d{background:#c9473a}
.inc{border-top:1px solid #e8e5dc;padding-top:12px;font-size:.82rem}
.inc p{margin:4px 0 0;color:var(--muted)}.inc time{font-weight:700;color:var(--ink);margin-right:4px}
.powered{text-align:center;font-size:.72rem;color:#7a8480;margin:14px 0 0}
.band{background:var(--ink);color:#fff;padding:26px 0}
.lead{margin:0;font-size:1.2rem;line-height:1.4;letter-spacing:-.01em;max-width:760px}
.sec{padding:40px 0}.sec.alt{background:var(--alt)}
h2{font-size:1.6rem;line-height:1.18;letter-spacing:-.02em;margin:0 0 14px}
h3{margin:0 0 8px;font-size:1.05rem}
.two{display:grid;gap:32px}
.two>*{min-width:0}
.ticks,.plain{padding:0;list-style:none;margin:16px 0 0}
.ticks li,.plain li{padding:6px 0 6px 26px;position:relative}
.ticks li:before,.plain li:before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.plain.no li:before{border:0;transform:none;width:11px;height:2.5px;background:#9a4b3d;top:1.05em}
.paper{background:var(--paper);border:1px solid #d6d2c5;box-shadow:0 18px 40px -22px rgba(22,32,29,.45);padding:24px 22px;font-size:.88rem;color:#1c2a26}
.paper h3{margin:18px 0 8px;font-size:1.02rem}
.sum{margin:0 0 14px;line-height:1.55}
.paper table{border-collapse:collapse;width:100%;font-size:.84rem}
.paper th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid #1c2a26;padding:6px 6px 6px 0}
.paper td{border-bottom:1px solid #e8e5dc;padding:9px 6px 9px 0;vertical-align:top}
.next{margin:14px 0 0;padding:10px 12px;background:#f3f1ea;border-radius:6px}
.cols{display:grid;gap:28px;margin-top:18px}
.small{font-size:.88rem;color:var(--muted)}
.cols+.small{margin-top:26px}
.pricegrid{display:grid;gap:28px}
.pricebox{background:#fff;border:2px solid var(--accent);border-radius:12px;padding:26px}
.amt{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;line-height:1}
.amt span{font-size:1rem;font-weight:600;color:var(--muted);letter-spacing:0}
.btn.big{display:block;margin:18px 0 14px}
.fine{font-size:.85rem;color:var(--muted);margin:0 0 8px}
.who{padding:6px 0}.name{font-size:1.5rem;font-weight:750;letter-spacing:-.02em;margin:0 0 2px}
.narrow{max-width:640px}
textarea{width:100%;padding:10px;font:inherit;border:1px solid #bdb8a8;border-radius:6px;margin:6px 0;background:#fff}
button{font:inherit;padding:10px 18px;border-radius:6px;border:1px solid var(--accent);background:#fff;color:var(--accent);cursor:pointer;font-weight:600}
footer{background:var(--ink);color:#c9d1ce;padding:34px 0;font-size:.85rem}
footer a{color:#fff}footer p{margin:0 0 12px;max-width:820px}
@media(min-width:768px){
h1{font-size:2.5rem}
.hero{padding:48px 0 64px}
.cols{grid-template-columns:1fr 1fr;gap:48px}
.shot{max-width:560px}
.sp{padding:22px}
.pricegrid{grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
.cta .btn{display:inline-block}
}
@media(min-width:1100px){
h1{font-size:2.85rem}
.herogrid{grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.two{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sec{padding:76px 0}
.report{justify-self:end}
}