:root{
--bg:#F4F7F8;--bg-2:#E8EFF0;--bg-3:#DCE6E7;--card:#FFFFFF;--line:#D0DCDD;
--ink:#071A1E;--ink-2:#3A4B50;
--accent:#0F766E;--accent-2:#115E59;--on-accent:#FFFFFF;--accent-soft:#DDF2EE;--line-strong:#6F8286;
--ok:#166534;--ok-soft:#E3F4E8;--err:#B42318;--err-soft:#FEE4E2;
--shadow:0 1px 2px rgb(15 23 42/.05),0 12px 32px rgb(15 23 42/.07);
--r-1:6px;--r-2:10px;--r-3:16px;
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
--font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--t-xs:0.8125rem;--t-sm:0.9375rem;--t-md:clamp(1rem,0.95rem + 0.25vw,1.125rem);--t-lg:clamp(1.125rem,1rem + 0.5vw,1.375rem);
--t-xl:clamp(1.5rem,1.25rem + 1vw,2rem);--t-2xl:clamp(1.875rem,1.4rem + 2vw,2.875rem);--t-3xl:clamp(2.375rem,1.6rem + 3.6vw,4.25rem);
--measure:66ch;--wrap:1120px;--gutter:max(var(--s-5),calc((100% - var(--wrap))/2));
}
.sec-dark{--bg:#0B2A2E;--bg-2:#0F3338;--bg-3:#143D42;--card:#0F3338;--line:#214F54;--line-strong:#4F7A7E;--ink:#EAF4F3;--ink-2:#B3C9C7;--accent:#5EEAD4;--accent-2:#99F6E4;--on-accent:#042F2E;--accent-soft:#164B4A;--ok:#6EE7A0;--ok-soft:#0F2A1C;--err:#F97066;--err-soft:#3A1412;--shadow:0 1px 2px rgb(0 0 0/.35),0 16px 40px rgb(0 0 0/.35);background:var(--bg);color:var(--ink);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
html{color-scheme:light}
body{background:var(--bg)}
.page{color-scheme:light;font-family:var(--font-sans);font-size:var(--t-md);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-wrap:pretty}
.page :where(a){color:var(--accent);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
.page :where(a:hover){color:var(--accent-2)}
.page :where(:focus-visible){outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.page :where(h1,h2,h3,p,ul,ol,dl,figure,pre,table,blockquote){margin:0}
.page :where(ul,ol){padding:0;list-style:none}
.page :where(h1,h2){font-family:var(--font-serif);font-weight:400;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance}
.page :where(h1){font-size:var(--t-3xl)}
.page :where(h2){font-size:var(--t-2xl)}
.page :where(h3){font-size:var(--t-lg);font-weight:600;letter-spacing:-0.01em;line-height:1.3}
.muted{color:var(--ink-2)}
.lead{font-size:var(--t-lg);line-height:1.5;color:var(--ink-2);max-width:var(--measure)}
.skip{position:absolute;inset-inline-start:var(--s-4);inset-block-start:-100px;background:var(--accent);color:var(--on-accent);padding:var(--s-2) var(--s-4);border-radius:var(--r-1);z-index:10}
.skip:focus{inset-block-start:var(--s-4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-5);border-radius:var(--r-2);font-weight:600;font-size:var(--t-sm);text-decoration:none;border:1px solid transparent;transition:background-color .15s,border-color .15s;white-space:nowrap}
.btn-p{background:var(--accent);color:var(--on-accent)}
.btn-p:hover{background:var(--accent-2);color:var(--on-accent)}
.btn-s{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-s:hover{background:var(--bg-2);color:var(--ink)}
.tag{display:inline-block;font-size:var(--t-xs);font-weight:600;line-height:1;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;vertical-align:middle;letter-spacing:.01em}
.tag-ok{background:var(--ok-soft);color:var(--ok)}
.sec{padding-block:var(--s-9);padding-inline:var(--gutter)}
.sec-alt{background:var(--bg-2)}
.sec>h2{max-width:22ch}
.sec>.lead,.sec>p{margin-block-start:var(--s-4)}
.sec>.lead{margin-block-start:var(--s-5)}
.site-head{position:sticky;inset-block-start:0;z-index:5;display:flex;align-items:center;gap:var(--s-5);min-height:64px;padding-inline:var(--gutter);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-block-end:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;letter-spacing:-0.02em;color:var(--ink);text-decoration:none}
.logo svg{inline-size:24px;block-size:24px;display:block}
.logo:hover{color:var(--ink)}
.nav-d{display:none;gap:var(--s-5);margin-inline-start:var(--s-5)}
.nav-d a{color:var(--ink-2);text-decoration:none;font-size:var(--t-sm);font-weight:500}
.nav-d a:hover{color:var(--ink)}
.head-cta{margin-inline-start:auto;display:flex;gap:var(--s-3);align-items:center}
.head-cta .login{display:none}
.nav-m{position:relative}
.nav-m summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--ink);font-size:var(--t-sm);font-weight:600}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m ul{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow);padding:var(--s-2);display:grid}
.nav-m a{display:block;padding:var(--s-3) var(--s-4);color:var(--ink);text-decoration:none;border-radius:var(--r-1);font-weight:500}
.nav-m a:hover{background:var(--bg-2);color:var(--ink)}
.hero{padding-block:var(--s-8) var(--s-9);padding-inline:var(--gutter);text-align:center;display:grid;justify-items:center}
.hero h1{max-width:16ch}
.hero .lead{margin-block-start:var(--s-5);margin-inline:auto;max-width:58ch}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;margin-block-start:var(--s-6)}
.facts{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);justify-content:center;margin-block-start:var(--s-5);font-size:var(--t-sm);color:var(--ink-2)}
.facts li{display:flex;align-items:center;gap:var(--s-2);min-height:32px;padding:0 var(--s-3);border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-weight:500}
.facts li::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--accent)}
.facts li a{color:var(--ink);text-decoration-color:var(--accent)}
.claim{margin-block-start:var(--s-6);inline-size:100%;max-width:560px;display:grid;grid-template-columns:1fr;gap:var(--s-3);text-align:start}
.claim input{min-height:48px;padding:0 var(--s-4);font:inherit;font-size:var(--t-md);color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-2);inline-size:100%;min-inline-size:0;transition:border-color .15s,box-shadow .15s}
.claim input::placeholder{color:var(--ink-2);opacity:1}
.claim input:hover{border-color:var(--ink)}
.claim .btn{min-height:48px}
.claim .help{grid-column:1/-1;font-size:var(--t-sm);color:var(--ink-2);text-align:center;text-wrap:pretty}
.vh{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.demo{inline-size:100%;max-width:var(--wrap);margin-block-start:var(--s-8);text-align:start;display:grid;gap:var(--s-4)}
.demo figcaption{font-size:var(--t-xs);color:var(--ink-2);text-align:center}
.panel{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow);padding:var(--s-5);display:grid;gap:var(--s-5);align-content:start;min-inline-size:0}
.panel>header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);font-size:var(--t-sm)}
.panel>header strong{font-weight:600}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}
.stats dt{font-size:var(--t-xs);color:var(--ink-2)}
.stats dd{margin:0;font-size:var(--t-xl);font-weight:600;letter-spacing:-0.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.stats dd small{display:block;font-size:var(--t-xs);font-weight:500;color:var(--ok);letter-spacing:0;margin-block-start:2px}
.bars{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;align-items:end;block-size:150px;border-block-end:1px solid var(--line);padding-block-end:1px}
.bars li{background:var(--accent);opacity:.35;border-radius:2px 2px 0 0;min-block-size:3px}
.bars li:nth-child(n+24){opacity:1}
.bars li:last-child{background:var(--accent-2)}
.axis{display:flex;justify-content:space-between;font-size:var(--t-xs);color:var(--ink-2);margin-block-start:calc(-1 * var(--s-3))}
.rank{inline-size:100%;border-collapse:collapse;font-size:var(--t-sm);font-variant-numeric:tabular-nums}
.rank th{text-align:start;font-weight:500;font-size:var(--t-xs);color:var(--ink-2);padding:0 var(--s-2) var(--s-2);border-block-end:1px solid var(--line)}
.rank td{padding:var(--s-3) var(--s-2);border-block-end:1px solid var(--line)}
.rank tr:last-child td{border:0}
.rank :where(th,td):first-child{padding-inline-start:0}
.rank :where(th,td):last-child{padding-inline-end:0}
.rank td:not(:first-child),.rank th:not(:first-child){text-align:end;white-space:nowrap}
.rank .pos .up{font-size:var(--t-xs);margin-inline-start:2px}
.up{color:var(--ok);font-weight:600}
.down{color:var(--ink-2)}
.pos{font-weight:600}
.pos.hl{color:var(--accent)}
.edit{display:grid;gap:var(--s-6)}
.edit h2{font-size:var(--t-2xl)}
.edit .body p+p{margin-block-start:var(--s-4)}
.costs{display:grid;gap:0;margin-block-start:var(--s-6);border-block-start:1px solid var(--line)}
.costs>div{display:grid;gap:var(--s-2);padding-block:var(--s-5);border-block-end:1px solid var(--line)}
.costs dt{font-weight:600}
.costs dd{margin:0;color:var(--ink-2);font-size:var(--t-sm);line-height:1.55}
.feature{display:grid;gap:var(--s-7);align-items:center}
.feature .text{display:grid;gap:var(--s-5);align-content:start}
.feature .text h2{max-width:20ch}
.feature .text p{color:var(--ink-2)}
.caps{display:grid;gap:0;border-block-start:1px solid var(--line)}
.caps>div{display:grid;gap:var(--s-2);padding-block:var(--s-4);border-block-end:1px solid var(--line)}
.caps dt{font-weight:600}
.caps dd{margin:0;color:var(--ink-2);font-size:var(--t-sm);line-height:1.55}
.feature .text h3{margin-block-start:var(--s-3)}
.feature .text h3+p{margin-block-start:calc(-1 * var(--s-3))}
.checks{display:grid;gap:var(--s-2)}
.checks li{display:flex;gap:var(--s-3);align-items:baseline}
.checks li::before{content:"";flex:none;inline-size:8px;block-size:8px;border-radius:2px;background:var(--accent);transform:translateY(-1px)}
.live{display:grid;gap:var(--s-4)}
.live .big{font-size:clamp(3rem,2rem + 5vw,5.5rem);font-weight:600;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.live .big small{display:block;font-size:var(--t-sm);font-weight:400;color:var(--ink-2);letter-spacing:0;margin-block-start:var(--s-2)}
.dot{display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;background:var(--ok);margin-inline-end:6px;vertical-align:middle}
.toplist{display:grid;gap:var(--s-4);font-size:var(--t-md)}
.toplist li{display:grid;grid-template-columns:1fr auto;gap:var(--s-1) var(--s-3);align-items:center}
.toplist li i{grid-column:1/-1;display:block;block-size:8px;border-radius:3px;background:var(--accent);opacity:.8}
.toplist .n{font-variant-numeric:tabular-nums;color:var(--ink-2)}
.toplist code{font-family:var(--font-mono);font-size:.9em}
.pages{inline-size:100%;border-collapse:collapse;font-size:var(--t-md);font-variant-numeric:tabular-nums}
.pages th{text-align:start;font-weight:500;font-size:var(--t-xs);color:var(--ink-2);padding:0 var(--s-2) var(--s-2);border-block-end:1px solid var(--line)}
.pages td{padding:var(--s-3) var(--s-2);border-block-end:1px solid var(--line)}
.pages tr:last-child td{border:0}
.pages :where(th,td):first-child{padding-inline-start:0}
.pages :where(th,td):last-child{padding-inline-end:0}
.pages td:not(:first-child):not(:nth-child(2)),.pages th:not(:first-child):not(:nth-child(2)){text-align:end}
.pages code{font-family:var(--font-mono);font-size:.9em}
.audit{display:grid;gap:var(--s-2);font-size:var(--t-md)}
.audit li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-1)}
.audit li::before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--accent)}
.audit li.low::before{background:var(--line)}
.audit .n{color:var(--ink-2);font-variant-numeric:tabular-nums}
.feat-wrap{display:grid;gap:var(--s-7);align-items:start}
.feat-wrap h2{grid-column:1/-1}
.feat-wrap .feat{margin:0}
.funnel ol{display:grid;gap:var(--s-4)}
.funnel li{display:grid;grid-template-columns:1fr auto;gap:var(--s-1) var(--s-3);font-size:var(--t-sm)}
.funnel li b{font-variant-numeric:tabular-nums;font-weight:600}
.funnel li i{grid-column:1/-1;display:block;block-size:28px;border-radius:4px;background:var(--accent);opacity:.7}
.funnel li:first-child i{opacity:1}
.funnel .small{font-size:var(--t-xs)}
.feat{inline-size:100%;border-collapse:collapse;font-size:var(--t-sm)}
.feat th,.feat td{text-align:start;padding:var(--s-3) var(--s-3) var(--s-3) 0;border-block-end:1px solid var(--line);vertical-align:top}
.feat thead th{font-size:var(--t-xs);font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.feat th[scope="row"]{font-weight:600}
.feat td.desc{color:var(--ink-2);display:none}
.feat td:last-child{text-align:end;padding-inline-end:0}
.feat caption{text-align:start;font-size:var(--t-xs);color:var(--ink-2);caption-side:bottom;padding-block-start:var(--s-3)}
.setup{display:grid;gap:var(--s-6);margin-block-start:var(--s-7)}
.code{min-inline-size:0;max-inline-size:100%;background:#071417;color:#E6EEF0;border-radius:var(--r-2);padding:var(--s-5);font-family:var(--font-mono);font-size:var(--t-sm);line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;border:1px solid var(--line)}
.code .k{color:#5EEAD4}.code .a{color:#A2B4B8}.code .v{color:#6EE7A0}
.steps{display:grid;gap:var(--s-4);counter-reset:s}
.steps li{display:grid;grid-template-columns:32px 1fr;gap:var(--s-4);align-items:start;counter-increment:s}
.steps li::before{content:counter(s);inline-size:32px;block-size:32px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:var(--t-xs);font-weight:600}
.steps p{color:var(--ink-2);font-size:var(--t-sm)}
.steps strong{display:block;color:var(--ink);font-weight:600;margin-block-end:2px}
.privacy{display:grid;gap:var(--s-7)}
.privacy .intro{display:grid;gap:var(--s-4);align-content:start}
.privacy .intro p{color:var(--ink-2)}
.pillars{display:grid}
.pillars>div{padding-block:var(--s-5);border-block-start:1px solid var(--line);display:grid;gap:var(--s-2)}
.pillars>div:last-child{border-block-end:1px solid var(--line)}
.pillars dt{font-weight:600;font-size:var(--t-lg);letter-spacing:-0.01em}
.pillars dd{margin:0;color:var(--ink-2)}
.pillars dd a{display:inline-block;margin-block-start:var(--s-2)}
.team{display:grid;gap:var(--s-7)}
.team h2{max-width:22ch}
.team .grid{display:grid;gap:var(--s-6)}
.quote{display:grid;gap:var(--s-5);align-content:start;padding-block-start:var(--s-5);border-block-start:2px solid var(--ink)}
.quote blockquote{font-family:var(--font-serif);font-size:var(--t-xl);line-height:1.3;letter-spacing:-0.01em;text-wrap:pretty;max-width:34ch}
.quote blockquote::before{content:"\201C";color:var(--accent);margin-inline-start:-0.45em}
.quote blockquote::after{content:"\201D";color:var(--accent)}
.quote figcaption{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);align-items:center;font-size:var(--t-sm);color:var(--ink-2)}
.quote figcaption::before{content:"TA";inline-size:44px;block-size:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600;font-size:var(--t-xs)}
.quote strong{display:block;color:var(--ink);font-weight:600}
.bio{display:grid;gap:var(--s-5);align-content:start;padding-block-start:var(--s-5);border-block-start:2px solid var(--line)}
.bio p{color:var(--ink-2);max-width:48ch}
.plans{display:grid;gap:var(--s-4);margin-block-start:var(--s-7)}
.plan{border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-6);background:var(--card);display:grid;gap:var(--s-4);align-content:start}
.plan.hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}
.plan h3{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2)}
.plan .price{font-size:var(--t-2xl);font-weight:600;letter-spacing:-0.02em;line-height:1}
.plan .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2)}
.plan .price small{font-size:var(--t-sm);font-weight:400;color:var(--ink-2);letter-spacing:0}
.plan ul{display:grid;gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-2)}
.plan li{display:grid;grid-template-columns:16px 1fr;gap:var(--s-3);align-items:start}
.plan li::before{content:"";inline-size:5px;block-size:10px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg);margin:4px 0 0 5px}
.calc{margin-block-start:var(--s-7);padding:var(--s-5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-3);display:grid;grid-template-columns:1fr;grid-template-areas:"label" "value" "bill" "range" "ticks";gap:var(--s-2) var(--s-5);align-items:center}
.calc-label{grid-area:label;font-size:var(--t-sm);color:var(--ink-2)}
.calc-value{grid-area:value;font-size:var(--t-2xl);font-weight:600;letter-spacing:-0.02em;line-height:1;font-variant-numeric:tabular-nums}
.range{grid-area:range;inline-size:100%;margin:var(--s-4) 0 0;accent-color:var(--accent);block-size:24px;cursor:pointer}
.ticks li:nth-child(even){display:none}
.ticks{grid-area:ticks;display:flex;justify-content:space-between;font-size:var(--t-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}
.bill{grid-area:bill;margin:var(--s-2) 0 0;padding:3px;border:1px solid var(--line);border-radius:var(--r-2);display:inline-flex;gap:2px;background:var(--bg-2);align-self:start;justify-self:start}
@media (min-width:880px){.bill{margin:0;justify-self:end}}
.bill label{position:relative;display:inline-flex;align-items:center;gap:var(--s-2);min-height:38px;padding:0 var(--s-4);border-radius:calc(var(--r-2) - 3px);font-size:var(--t-sm);font-weight:600;color:var(--ink-2);cursor:pointer}
.bill label:has(:checked){background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgb(15 23 42/.08)}
.bill label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.bill input{position:absolute;opacity:0;inline-size:1px;block-size:1px}
.plan .btn{margin-block-start:var(--s-2)}
.sec>p.more{margin-block-start:var(--s-5);font-size:var(--t-sm)}
.faqwrap{display:grid;gap:var(--s-6)}
.faqwrap .intro{display:grid;gap:var(--s-4);align-content:start}
.faqwrap .intro p{color:var(--ink-2)}
.faq{border-block-start:1px solid var(--line)}
.faq details{border-block-end:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;font-weight:600;font-size:var(--t-lg);line-height:1.3;letter-spacing:-0.01em;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;inline-size:28px;block-size:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:400;font-size:1.25rem;color:var(--ink-2);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);padding-block-end:var(--s-5)}
.final{padding-block:var(--s-9) var(--s-8);padding-inline:var(--gutter);text-align:center;display:grid;justify-items:center}
.final h2{max-width:18ch}
.final p{margin-block-start:var(--s-4);max-width:48ch;color:var(--ink-2)}
.final .btn-p{margin-block-start:var(--s-6)}
.site-foot{padding-block:var(--s-7) var(--s-6);padding-inline:var(--gutter);border-block-start:1px solid var(--line);font-size:var(--t-sm)}
.foot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-6)}
.foot-grid h3{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:600;margin-block-end:var(--s-3)}
.foot-grid ul{display:grid;gap:var(--s-2)}
.foot-grid a{color:var(--ink);text-decoration:none}
.foot-grid a:hover{color:var(--accent)}
.foot-base{margin-block-start:var(--s-8);padding-block-start:var(--s-5);border-block-start:1px solid var(--line);display:grid;gap:var(--s-3);color:var(--ink-2);font-size:var(--t-xs)}
@media (min-width:640px){
.claim{grid-template-columns:1fr auto}
.costs{grid-template-columns:1fr 1fr;gap:0 var(--s-6)}
.ticks li:nth-child(even){display:list-item}
.feat td.desc{display:table-cell}
.feat th[scope="row"],.feat td:last-child{white-space:nowrap}
.team .grid{grid-template-columns:1fr 1fr}
.foot-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:880px){
.nav-d{display:flex}
.nav-m{display:none}
.head-cta .login{display:inline-flex}
.demo{grid-template-columns:minmax(0,3fr) minmax(400px,2fr)}
.edit{grid-template-columns:5fr 7fr;gap:var(--s-8)}
.feature{grid-template-columns:7fr 5fr;gap:var(--s-8)}
.feature.flip{grid-template-columns:5fr 7fr}
.feature.flip .text{order:-1}
.feature .panel{padding:var(--s-6);gap:var(--s-6)}
.feat-wrap{grid-template-columns:5fr 7fr}
.setup{grid-template-columns:1.2fr 1fr;gap:var(--s-8);align-items:start}
.privacy{grid-template-columns:5fr 7fr;gap:var(--s-8)}
.faqwrap{grid-template-columns:4fr 8fr;gap:var(--s-8)}
.team .grid{grid-template-columns:7fr 5fr;gap:var(--s-8)}
.faqwrap .intro{position:sticky;inset-block-start:96px}
.plans{grid-template-columns:repeat(3,1fr)}
.calc{padding:var(--s-6);grid-template-columns:1fr auto;grid-template-areas:"label bill" "value bill" "range range" "ticks ticks"}
}
/* bars (no inline styles: CSP style-src 'self') */
.bars li:nth-child(1){height:42%}
.bars li:nth-child(2){height:48%}
.bars li:nth-child(3){height:45%}
.bars li:nth-child(4){height:52%}
.bars li:nth-child(5){height:50%}
.bars li:nth-child(6){height:38%}
.bars li:nth-child(7){height:35%}
.bars li:nth-child(8){height:55%}
.bars li:nth-child(9){height:58%}
.bars li:nth-child(10){height:54%}
.bars li:nth-child(11){height:61%}
.bars li:nth-child(12){height:57%}
.bars li:nth-child(13){height:44%}
.bars li:nth-child(14){height:40%}
.bars li:nth-child(15){height:63%}
.bars li:nth-child(16){height:66%}
.bars li:nth-child(17){height:60%}
.bars li:nth-child(18){height:70%}
.bars li:nth-child(19){height:68%}
.bars li:nth-child(20){height:49%}
.bars li:nth-child(21){height:46%}
.bars li:nth-child(22){height:72%}
.bars li:nth-child(23){height:75%}
.bars li:nth-child(24){height:71%}
.bars li:nth-child(25){height:82%}
.bars li:nth-child(26){height:79%}
.bars li:nth-child(27){height:58%}
.bars li:nth-child(28){height:55%}
.bars li:nth-child(29){height:88%}
.bars li:nth-child(30){height:96%}
.w-100{width:100%}
.w-64{width:64%}
.w-50{width:50%}
.w-31{width:31%}
.w-29{width:29%}
.w-21{width:21%}
.w-18{width:18%}
@media (prefers-reduced-motion:reduce){.page *{transition:none !important;animation:none !important}}
.claim .help{grid-column:1/-1}
.claim input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.btn .short{display:none}
@media (max-width:519px){.btn .long{display:none}.btn .short{display:inline}.site-head .btn{padding:0 var(--s-4)}}
.tiers-wrap{margin-block-start:var(--s-7);overflow-x:auto}
.tiers{inline-size:100%;border-collapse:collapse;font-size:var(--t-sm);font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);border-radius:var(--r-2)}
.tiers caption{text-align:start;font-size:var(--t-xs);color:var(--ink-2);caption-side:bottom;padding-block-start:var(--s-3)}
.tiers th,.tiers td{text-align:end;padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--line);white-space:nowrap}
.tiers th:first-child,.tiers td:first-child{text-align:start}
.tiers thead th{font-size:var(--t-xs);font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.tiers td small{display:block;font-size:var(--t-xs);color:var(--ink-2)}
.tiers tr:last-child td{border:0}
.plan .from{font-size:var(--t-sm);color:var(--ink-2)}
.plan .price small{font-size:var(--t-sm)}
.lead+.lead{margin-block-start:var(--s-3)}
.calc[hidden]{display:none}
.all-prices{margin-block-start:var(--s-6)}
.all-prices summary{cursor:pointer;font-weight:600;font-size:var(--t-sm);min-height:44px;display:flex;align-items:center}
.all-prices .tiers-wrap{margin-block-start:var(--s-4)}