:root{--r:10px;--page:#f5f6f4;--card:#fff;--line:#e3e6e2;--line2:#d4d9d3;--text:#1d2420;--muted:#5d6862;--dim:#8a948e;--deep:#123326;--green:#1f6f46;--red:#d8342c;--free:#2e8b57;--code:#0f1512;--codetext:#d9e3dd;--mint:#9fc2ae}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--page)}
body{font-family:Roboto,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
.mono,code{font-family:"Roboto Mono",Consolas,monospace;font-size:12.5px}
.hide{display:none!important}
main{flex:1}
.in{max-width:1240px;margin:0 auto;padding:0 24px}

/* header */
.top{background:linear-gradient(180deg,#0b2018,#0a1b14);border-bottom:1px solid rgba(159,194,174,.14);position:sticky;top:0;z-index:20}
.top .in{height:64px;display:flex;align-items:center;gap:28px}
.lock{display:inline-flex;align-items:center;gap:9px;color:#fff;white-space:nowrap}.lock:hover{text-decoration:none}
.lock .word{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:18px;letter-spacing:3px;text-transform:uppercase}
.lock .api{font-family:"Archivo Narrow",sans-serif;font-size:12px;letter-spacing:1.5px;height:20px;padding:0 6px 0 8px;border-radius:6px;display:inline-flex;align-items:center;background:var(--red);color:#fff}
.nav{display:flex;gap:2px;flex:1}.nav a{color:#a7b0aa;padding:8px 12px;border-radius:8px;white-space:nowrap}.nav a:hover,.nav a.on{color:#fff;text-decoration:none;background:rgba(255,255,255,.05)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;width:170px;border-radius:var(--r);white-space:nowrap;border:1px solid transparent;cursor:pointer;font-size:13.5px}
.btn:hover{text-decoration:none}
.btn-p{background:var(--deep);color:#fff}.btn-o{background:#fff;border-color:var(--line2);color:var(--text)}
.btn-g{border-color:rgba(255,255,255,.18);color:#e6e9e7;background:transparent;width:130px;height:36px}
.btn-w{width:100%}
.burger{display:none;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:none;color:#e6e9e7;cursor:pointer;align-items:center;justify-content:center}


/* page heads: the small keyword h1, the large line beneath, a faint moving backdrop */
.ph{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b2018,#0e2a1f);color:#e8efea}
.ph::before{content:"";position:absolute;inset:-40%;background:radial-gradient(600px 300px at 20% 40%,rgba(46,139,87,.22),transparent 70%),radial-gradient(500px 260px at 80% 60%,rgba(159,194,174,.12),transparent 70%);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{from{transform:translate(-3%,-2%)}to{transform:translate(3%,2%)}}
.ph .in{position:relative;padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center}
.kw{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mint);font-weight:400}
.big{display:block;font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:38px;line-height:1.14;color:#fff;margin:8px 0 12px}
.lead{color:#bccac2;font-size:15px;max-width:620px}
.live{background:rgba(5,14,10,.55);border:1px solid rgba(159,194,174,.18);border-radius:var(--r);padding:14px 16px;min-height:150px}
.live .t{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mint);display:flex;justify-content:space-between;margin-bottom:8px}
.pulse{display:inline-flex;align-items:center;gap:6px}.pulse i{width:7px;height:7px;border-radius:50%;background:#5fd394;animation:pl 1.6s infinite}
@keyframes pl{50%{opacity:.25}}
.feed{list-style:none;font-family:"Roboto Mono",monospace;font-size:12px;color:#cfe0d6}
.feed li{display:grid;grid-template-columns:52px 1fr 54px;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.06);animation:in .5s ease}
.feed li:first-child{border-top:0}
.feed .s{text-align:right;color:#e8d7a8}
@keyframes in{from{opacity:0;transform:translateY(-6px)}}
.meterbig{height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 6px}
.meterbig i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2e8b57,#9fc2ae);border-radius:8px;transition:width .6s ease}
.small{font-size:12px;color:#9fb0a6}

.body{padding:36px 24px 70px;max-width:1240px;margin:0 auto;width:100%}
h2.sec{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:26px;color:var(--deep);margin:0 0 6px}
p.secl{color:var(--muted);margin-bottom:18px;max-width:760px}

/* pricing (confirmed preview, 14 October 2026): every rule under .pr, so it never reaches another page */
.pr{--felt:#0e2a1f;--gold:#e8d7a8}
.pr .n{font-variant-numeric:tabular-nums}
.pr .btn-h{background:#fff;color:var(--deep)}.pr .btn-h:hover{background:#eef4f0}
.pr .btn-ho{border-color:rgba(255,255,255,.24);color:#e8efea;background:rgba(255,255,255,.03)}.pr .btn-ho:hover{border-color:rgba(255,255,255,.5)}
.pr .btn-l{background:#e8f1ec;color:var(--deep)}.pr .btn-l:hover{background:#dcebe2}
.pr .btn-p:hover{background:#0b2419}.pr .btn-o:hover{border-color:var(--green)}
/* hero */
.pr .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b2018,var(--felt));color:#e8efea}
.pr .hero::before{content:"";position:absolute;inset:-40%;background:radial-gradient(640px 320px at 18% 40%,rgba(46,139,87,.24),transparent 70%),radial-gradient(520px 280px at 82% 62%,rgba(159,194,174,.12),transparent 70%);animation:pr-drift 18s ease-in-out infinite alternate;pointer-events:none}
.pr .hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
@keyframes pr-drift{from{transform:translate(-3%,-2%)}to{transform:translate(3%,2%)}}
.pr .hero .in{position:relative;z-index:1;padding-top:52px;padding-bottom:56px;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:48px;align-items:center}
.pr .kw{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mint);font-weight:400}
.pr .big{display:block;font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:44px;line-height:1.1;color:#fff;margin:10px 0 14px}
.pr .big em{font-style:normal;color:var(--gold)}
.pr .lead{color:#bccac2;font-size:15px;max-width:600px}
.pr .bill{display:inline-grid;grid-template-columns:1fr 1fr;margin:24px 0 18px;background:rgba(5,14,10,.5);border:1px solid rgba(159,194,174,.2);border-radius:var(--r);padding:4px;position:relative}
.pr .bill button{position:relative;z-index:1;width:170px;height:34px;border:0;background:none;color:#a9b8af;cursor:pointer;border-radius:7px;white-space:nowrap;font-size:13px;transition:color .2s}
.pr .bill button.on{color:var(--deep)}
.pr .bill .knob{position:absolute;top:4px;left:4px;width:170px;height:34px;border-radius:7px;background:#e8efea;transition:transform .25s ease}
.pr .bill[data-y="1"] .knob{transform:translateX(170px)}
.pr .bill .save{font-size:11px;color:var(--free);margin-left:6px}
.pr .bill button:not(.on) .save{color:#7fc7a0}
.pr .ctas{display:flex;gap:10px}
.pr .assure{display:flex;gap:22px;margin-top:20px;color:#9fb0a6;font-size:12.5px;flex-wrap:wrap}
.pr .assure span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pr .assure svg{color:var(--mint)}

/* hero panel: what each plan reads */
.pr .reach{background:rgba(5,14,10,.55);border:1px solid rgba(159,194,174,.18);border-radius:var(--r);padding:18px 18px 16px;backdrop-filter:blur(2px)}
.pr .reach .t{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mint);display:flex;justify-content:space-between;margin-bottom:14px}
.pr .pulse{display:inline-flex;align-items:center;gap:6px}.pr .pulse i{width:7px;height:7px;border-radius:50%;background:#5fd394;animation:pr-pl 1.6s infinite}
@keyframes pr-pl{50%{opacity:.25}}
.pr .lane{display:grid;grid-template-columns:82px 1fr 92px;gap:12px;align-items:center;margin-bottom:11px;font-size:12.5px}
.pr .lane .nm{color:#dfe8e2;white-space:nowrap}
.pr .lane .bar{height:10px;border-radius:10px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}
.pr .lane .bar i{position:absolute;top:0;right:0;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#2e8b57,#9fc2ae);transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.pr .lane.free .bar i{background:#e8d7a8}
.pr .lane .v{color:#9fb0a6;text-align:right;white-space:nowrap}
.pr .axis{display:grid;grid-template-columns:82px 1fr 92px;gap:12px;font-size:10.5px;color:#6f8379;margin:-2px 0 14px}
.pr .axis div{display:flex;justify-content:space-between}
.pr .counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.pr .counts div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px}
.pr .counts b{display:block;font-weight:400;font-family:"Archivo Narrow",sans-serif;font-size:21px;color:#fff;line-height:1.2}
.pr .counts span{font-size:11px;color:#8fa298}
.pr .tick{margin-top:12px;height:38px;border-radius:8px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px;padding:0 12px;overflow:hidden}
.pr .tick .yr{font-family:"Roboto Mono",monospace;font-size:11.5px;color:var(--gold);width:34px;flex:none}
.pr .tick .tx{font-size:12.5px;color:#d7e3dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:pr-in .5s ease}
.pr .tick .lk{margin-left:auto;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:#6f8379;flex:none}
@keyframes pr-in{from{opacity:0;transform:translateY(8px)}}

/* sections */
.pr .sec{padding:56px 0}
.pr .sec.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pr .eyebrow{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.pr h2{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:30px;line-height:1.15;color:var(--deep);margin-bottom:8px}
.pr .sub{color:var(--muted);max-width:720px;margin-bottom:26px}

/* plan cards */
.pr .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-34px;position:relative;z-index:2}
.pr .plan{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px -18px rgba(18,51,38,.35);transition:transform .2s,box-shadow .2s}
.pr .plan:hover{transform:translateY(-3px);box-shadow:0 16px 36px -18px rgba(18,51,38,.45)}
.pr .plan.pick{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 16px 40px -18px rgba(31,111,70,.5)}
.pr .plan .tag{position:absolute;top:-11px;left:24px;height:22px;padding:0 10px;border-radius:999px;background:var(--green);color:#fff;font-size:11.5px;display:inline-flex;align-items:center}
.pr .plan .hd{display:flex;justify-content:space-between;align-items:center}
.pr .plan .name{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:24px;color:var(--deep)}
.pr .plan .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef4f0;color:var(--green)}
.pr .plan .who{color:var(--muted);font-size:13px;margin:4px 0 16px;min-height:42px}
.pr .price{display:flex;align-items:baseline;gap:8px;height:52px}
.pr .price .amt{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:46px;color:var(--text);line-height:1;transition:opacity .2s}
.pr .price .per{color:var(--muted);font-size:13px}
.pr .note{height:22px;font-size:12.5px;color:var(--muted);margin:6px 0 16px;background:none;border:0;border-radius:0;padding:0;min-height:0}
.pr .note .g{color:var(--free)}
.pr .plan .btn{width:100%}
.pr .plan ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:20px 0 4px;padding-top:18px;border-top:1px solid #eef1ed;color:#2e3833;font-size:13.5px}
.pr .plan li{display:grid;grid-template-columns:20px 1fr;gap:6px;align-items:start}
.pr .y{color:var(--free)}.pr .x{color:#b6bdb8}
.pr .plan li.off{color:var(--dim)}

/* figures */
.pr .figs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pr .fig{background:var(--page);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.pr .fig b{display:block;font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:30px;color:var(--deep);line-height:1.15}
.pr .fig span{font-size:12.5px;color:var(--muted)}
.pr .fig .sp{display:block;height:26px;margin-top:8px}

/* estimator */
.pr .est{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pr .box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.pr .box h3{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:19px;color:var(--deep);margin-bottom:4px}
.pr .box p.s{color:var(--muted);font-size:13px;margin-bottom:18px}
.pr .use{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.pr .use button{height:58px;border:1px solid var(--line2);background:#fff;border-radius:var(--r);cursor:pointer;text-align:left;padding:0 12px;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s,background .15s}
.pr .use button span{font-size:13px;color:var(--text);white-space:nowrap}
.pr .use button small{font-size:11.5px;color:var(--dim);white-space:nowrap}
.pr .use button.on{border-color:var(--green);background:#f1f8f4}
.pr .rng{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.pr .rng .mono{color:var(--deep);font-size:13px}
.pr input[type=range]{width:100%;accent-color:var(--green);height:24px}
.pr .meters{display:flex;flex-direction:column;gap:12px}
.pr .mt{display:grid;grid-template-columns:90px 1fr 120px;gap:12px;align-items:center;font-size:13px}
.pr .mt .b{height:12px;border-radius:12px;background:#eef1ed;overflow:hidden}
.pr .mt .b i{display:block;height:100%;border-radius:12px;background:var(--green);width:0;transition:width .35s ease,background .35s}
.pr .mt .b i.over{background:#c9a24a}
.pr .mt .r{text-align:right;color:var(--muted);white-space:nowrap}
.pr .verdict{margin-top:18px;border-radius:var(--r);background:#f1f8f4;border:1px solid rgba(46,139,87,.3);padding:14px 16px;display:flex;align-items:center;gap:14px}
.pr .verdict .pl{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:22px;color:var(--deep);white-space:nowrap}
.pr .verdict .w{font-size:13px;color:var(--muted);flex:1}
.pr .verdict .btn{width:150px;flex:none}

/* compare table */
.pr .cmpwrap{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.pr .mtabs{display:none}
.pr table.cmp{width:100%;border-collapse:separate;border-spacing:0}
.pr .cmp thead th{position:sticky;top:64px;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:18px 16px 16px;text-align:center;font-weight:400;vertical-align:bottom}
.pr .cmp thead th:first-child{text-align:left;border-top-left-radius:var(--r);width:31%}
.pr .cmp thead th:last-child{border-top-right-radius:var(--r)}
.pr .cmp thead .pn{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:20px;color:var(--deep)}
.pr .cmp thead .pp{font-size:13px;color:var(--muted);margin:2px 0 12px;white-space:nowrap}
.pr .cmp thead .pp b{font-weight:400;color:var(--text);font-size:18px}
.pr .cmp thead .btn{width:150px;height:36px;font-size:13px}
.pr .cmp thead th.hl{background:#f6faf7}
.pr .cmp thead .lead2{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:20px;color:var(--deep)}
.pr .cmp thead .lead2+div{font-size:12.5px;color:var(--muted);margin-top:4px}
.pr .cmp td{padding:11px 16px;border-top:1px solid #eef1ed;text-align:center;white-space:nowrap;font-size:13.5px}
.pr .cmp td:first-child{text-align:left;color:#2e3833;white-space:normal}
.pr .cmp td:first-child small{display:block;color:var(--dim);font-size:12px;line-height:1.4}
.pr .cmp td.hl{background:#f6faf7}
.pr .cmp tr.grp td{background:#f0f3ef;color:var(--muted);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;padding:9px 16px;border-top:1px solid var(--line)}
.pr .cmp tbody tr:not(.grp):hover td{background:#f9fbf9}
.pr .cmp tbody tr:not(.grp):hover td.hl{background:#eef6f1}
.pr .cmp .ck{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e6f3eb;color:var(--free)}
.pr .cmp .no{color:#c3c9c5}
.pr .cmp tbody tr:last-child td:first-child{border-bottom-left-radius:var(--r)}
.pr .cmp tbody tr:last-child td:last-child{border-bottom-right-radius:var(--r)}

/* alternatives */
.pr .alt3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pr .alt3 .box{display:flex;flex-direction:column}
.pr .alt3 .box.us{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.pr .alt3 .lbl{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.pr .alt3 .us .lbl{color:var(--green)}
.pr .alt3 dl{display:grid;grid-template-columns:1fr;margin-top:12px}
.pr .alt3 dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 0;border-top:1px solid #eef1ed;font-size:13px}
.pr .alt3 dt{color:var(--dim)}
.pr .alt3 dd{color:#2e3833}

/* faq */
.pr .faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pr details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 18px}
.pr summary{list-style:none;cursor:pointer;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:14px}
.pr summary::-webkit-details-marker{display:none}
.pr summary svg{flex:none;color:var(--dim);transition:transform .2s}
.pr details[open] summary svg{transform:rotate(45deg)}
.pr details p{color:var(--muted);font-size:13.5px;padding:0 0 16px}

/* closing */
.pr .close{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b2018,#123326);color:#e8efea;border-radius:var(--r);padding:38px 40px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.pr .close::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(216,52,44,.32),transparent 62%);animation:pr-drift 14s ease-in-out infinite alternate}
.pr .close .t{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:28px;color:#fff;position:relative}
.pr .close p{color:#bccac2;position:relative}
.pr .close .ctas{position:relative}
.pr .charge{margin-top:16px;font-size:12.5px;color:var(--muted)}


@media (max-width:1000px){
 .pr .hero .in{grid-template-columns:minmax(0,1fr)}.pr .plans,.pr .est,.pr .alt3,.pr .faq{grid-template-columns:1fr}.pr .figs{grid-template-columns:repeat(2,1fr)}
 .pr .plans{margin-top:-24px}
}
@media (max-width:760px){
 .pr .big{font-size:32px}.pr .bill button,.pr .bill .knob{width:140px}.pr .bill[data-y="1"] .knob{transform:translateX(140px)}
 .pr .ctas{flex-direction:column}.pr .ctas .btn{width:100%}
 .pr .lane,.pr .axis{grid-template-columns:66px minmax(0,1fr) 84px;gap:8px}.pr .counts b{font-size:18px}
 .pr .mtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}
 .pr .mtabs button{height:36px;border:1px solid var(--line2);background:#fff;border-radius:8px;cursor:pointer;white-space:nowrap}
 .pr .mtabs button.on{border-color:var(--green);background:#f1f8f4;color:var(--deep)}
 .pr .cmp [data-c]{display:none}.pr .cmp [data-c].show{display:table-cell}
 .pr .cmp thead th:first-child{width:auto}
 .pr .close{grid-template-columns:1fr;padding:28px 22px}
 .pr .verdict{flex-direction:column;align-items:flex-start}.pr .verdict .btn{width:100%}
 .pr .mt{grid-template-columns:76px 1fr 96px}
 .pr .alt3 dl div{grid-template-columns:100px 1fr}
 .pr .use{grid-template-columns:1fr}.pr .figs{grid-template-columns:1fr 1fr}.pr .assure{gap:8px 18px}
 .pr .cmp td{white-space:normal}
}
.ok{color:var(--free)}.no{color:var(--dim)}

/* data */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;min-height:112px;display:flex;flex-direction:column}
.tile .l{font-size:12px;color:var(--muted);white-space:nowrap}
.tile .n{font-family:"Archivo Narrow",sans-serif;font-size:30px;color:var(--deep);font-variant-numeric:tabular-nums;margin:2px 0}
.tile .s{font-size:12px;color:var(--dim);margin-top:auto}
table.ds{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ds th{background:#f0f3ef;text-align:left;font-weight:400;font-size:12px;color:var(--muted);padding:10px 14px;white-space:nowrap;cursor:pointer}
.ds th:hover{color:var(--deep)}
.ds td{padding:11px 14px;border-top:1px solid #eef1ed;white-space:nowrap;vertical-align:middle}
.ds td.n{text-align:right;font-variant-numeric:tabular-nums}
.ds tr:hover td{background:#f9fbf9}
.ds .what{color:var(--muted);font-size:12.5px;white-space:normal;min-width:260px}
.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;border:1px solid var(--line2);color:var(--muted);background:#fff;white-space:nowrap}
.chip.live{color:var(--free);border-color:rgba(46,139,87,.35);background:#f1f8f4}
.chip.part{color:#8a6a1f;border-color:#ecd9a8;background:#fffaf0}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.dec{display:inline-flex;align-items:flex-end;gap:2px;height:22px;vertical-align:middle}
.dec i{display:block;width:6px;background:#cfe1d6;border-radius:2px 2px 0 0}
.dec i.f{background:var(--green)}
.mini{display:inline-flex;align-items:center;justify-content:center;width:112px;height:30px;border-radius:8px;border:1px solid var(--line2);background:#fff;font-size:12.5px;color:var(--text)}
.mini:hover{border-color:var(--green);color:var(--green);text-decoration:none}
.acol{width:136px;text-align:right}
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.note{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;min-height:150px}
.note h3{font-weight:400;color:var(--deep);font-size:15px;margin-bottom:6px;display:flex;gap:8px;align-items:center}
.note p{color:var(--muted);font-size:13px}

/* support (the kit, in the site's look) */
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tabs button{width:150px;height:38px;border-radius:var(--r);border:1px solid var(--line2);background:#fff;cursor:pointer;white-space:nowrap}
.tabs button.on{background:var(--deep);color:#fff;border-color:var(--deep)}
.search{display:flex;gap:8px;margin-bottom:18px;max-width:760px}
.field{height:42px;border:1px solid var(--line2);border-radius:var(--r);padding:0 12px;background:#fff;outline:none;width:100%}
.field:focus{border-color:var(--green)}
textarea.field{height:140px;padding:10px 12px;resize:vertical}
.faqg{margin-bottom:22px;max-width:860px}
.faqg h3{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:400;margin-bottom:8px}
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}
summary{padding:13px 16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--deep)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--dim)}
details[open] summary::after{content:"\2212"}
details p{padding:0 16px 14px;color:#3a4540}
.pr details{margin-bottom:0}.pr summary{padding:0}.pr summary::after,.pr details[open] summary::after{content:none}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;max-width:760px}
label.f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
table.tk{width:100%;max-width:960px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tk th{background:#f0f3ef;text-align:left;font-weight:400;font-size:12px;color:var(--muted);padding:10px 14px;white-space:nowrap}
.tk td{padding:11px 14px;border-top:1px solid #eef1ed;white-space:nowrap}
.tk tr:hover td{background:#f9fbf9}

/* legal */
.legal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}
.side{position:sticky;top:84px;align-self:start}
.side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);position:relative;white-space:nowrap}
.side a:hover{background:#fff;text-decoration:none}
.side a.on{background:#fff;color:var(--deep)}
.side a.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--red)}
.side .sub{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);margin:14px 12px 6px}
.doc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 34px;max-width:860px}
.doc .upd{color:var(--dim);font-size:12.5px;margin-bottom:16px}
.doc h2{font-family:"Archivo Narrow",sans-serif;font-weight:500;font-size:21px;color:var(--deep);margin:24px 0 8px}
.doc p,.doc li{color:#2e3833}
.doc p{margin-bottom:10px}
.doc ul,.doc ol{margin:0 0 12px 20px;display:flex;flex-direction:column;gap:5px}
.doc .op{background:#f5f8f6;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;color:#2e3833;margin-bottom:6px}
.short{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px}
.short div{background:#f5f8f6;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;min-height:92px}
.short b{font-weight:400;color:var(--deep);display:block;margin-bottom:3px}
.short span{color:var(--muted);font-size:13px}
.steps{list-style:none;margin:6px 0 12px!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;min-height:96px;display:grid;grid-template-columns:30px 1fr;gap:8px}
.steps .k{width:24px;height:24px;border-radius:50%;background:#e7f0ea;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px}
.signin{background:#f5f8f6;border:1px dashed var(--line2);border-radius:var(--r);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:40px;width:220px;border-radius:999px;border:1px solid #dadce0;background:#fff;color:#3c4043;cursor:pointer}


@media (max-width:1000px){.ph .in{grid-template-columns:1fr}.plans,.notes{grid-template-columns:1fr}.plan{min-height:0}.tiles{grid-template-columns:1fr 1fr}.legal{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto;gap:4px}.side .sub{display:none}.short,.steps{grid-template-columns:1fr!important}}
@media (max-width:640px){.nav,.top .btn-g{display:none}.burger{display:inline-flex;margin-left:auto}.in,.body{padding-left:16px;padding-right:16px}.big{font-size:29px}.ds,.cmp,.tk{display:block;overflow:auto}.doc{padding:22px 18px}.row2{grid-template-columns:1fr}.tabs button{width:auto;flex:1}}

/* the menu on a phone */
@media (max-width:640px){.top.open .nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0b2018;padding:8px 16px 14px;border-bottom:1px solid rgba(159,194,174,.14)}}
.me{display:flex;align-items:center;gap:10px;color:#cfdad3;white-space:nowrap}
.av{width:30px;height:30px;border-radius:50%;background:#1f4a37;color:#e6efe9;display:flex;align-items:center;justify-content:center;font-size:12px}
form.inline{display:inline}
.empty{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;color:var(--muted);max-width:760px}
/* nothing wider than the screen (overflow audit, 28 Oct 2026): the menu folds into the button below 1000px, and tables wrap */
@media (max-width:1000px){.nav,.top .btn-g{display:none}.burger{display:inline-flex;margin-left:auto}.top.open .nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0b2018;padding:8px 16px 14px;border-bottom:1px solid rgba(159,194,174,.14)}
  .side{flex-wrap:wrap;overflow:visible}.ds td{white-space:normal}.ds .what{min-width:0}}
@media (max-width:640px){.ds{display:table;overflow:visible}.ds th:nth-child(5),.ds td:nth-child(5),.ds th:nth-child(4),.ds td:nth-child(4){display:none}.ds td,.ds th{padding:9px 10px;overflow-wrap:anywhere}}
@media (max-width:640px){.ds .acol{display:none}.ds .chip{white-space:normal}}
@media (max-width:1000px){.ds th{white-space:normal}.ds th:nth-child(5),.ds td:nth-child(5){display:none}}