:root{
  --paper:#F1F3F6; --panel:#FFFFFF; --ink:#0D1726; --ink-2:#2A3546; --slate:#5B6678; --mist:#A9B2C0;
  --line:#DCE1E8; --coral:#FF5B3A; --coral-deep:#E2401F; --coral-wash:#FFE9E3; --live:#12A150; --live-wash:#E2F6EA;
  --night:#0B1422; --night-2:#142035; --night-line:#24324A;
  --r-s:10px; --r-m:16px; --r-l:24px;
  --display:"Schibsted Grotesk",system-ui,sans-serif; --body:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;margin:0;color:inherit}
h1{font-size:clamp(44px,6.4vw,84px);line-height:.98;font-weight:800}
h2{font-size:clamp(32px,4.2vw,54px);line-height:1.03;font-weight:800}
h3{font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.015em}
p{margin:0}
.lede{font-size:clamp(18px,1.6vw,21px);color:var(--ink-2);line-height:1.5;max-width:56ch}
.muted{color:var(--slate)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 16px/1 var(--body);padding:15px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:background .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-deep)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#1d2a3f}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn-line:hover{background:#fff}
section{position:relative}
.sec{padding:120px 0}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:64px}
.sec-head .lede{justify-self:end}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(241,243,246,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 20px var(--display);letter-spacing:-.02em}
.brand img{width:28px;height:28px}
.nav-links{display:flex;gap:28px;margin-left:12px}
.nav-links a{text-decoration:none;font-weight:500;font-size:15px;color:var(--ink-2)}
.nav-links a:hover{color:var(--ink)}
.nav-cta{margin-left:auto;display:flex;gap:18px;align-items:center}
.nav-cta .signin{text-decoration:none;font-weight:500;font-size:15px}
.nav-cta .btn{padding:11px 18px;font-size:15px}

/* hero */
.hero{padding:72px 0 96px}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.hero-copy{padding-top:56px;position:sticky;top:120px}
.hero h1 .say{color:var(--coral)}
.hero .lede{margin:28px 0 36px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{margin-top:20px;font-size:14px;color:var(--slate)}
.sources{margin-top:56px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sources span.lbl{font-size:14px;color:var(--slate);margin-right:4px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--coral);display:inline-block}

/* the theater */
.theater{position:relative;background:var(--panel);border-radius:var(--r-l);box-shadow:0 1px 0 var(--line),0 30px 80px -30px rgba(13,23,38,.35);border:1px solid var(--line);overflow:hidden}
.th-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--slate)}
.th-bar .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}
.th-bar strong{color:var(--ink);font-weight:600}
.th-bar .conn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--live);background:var(--live-wash);padding:4px 10px;border-radius:999px;font-weight:500}
.th-bar .conn::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live)}
.th-body{padding:22px;display:flex;flex-direction:column;gap:14px;min-height:560px}
.msg-user{align-self:flex-end;max-width:86%;background:var(--ink);color:#fff;padding:14px 16px;border-radius:18px 18px 4px 18px;font-size:15.5px;line-height:1.45}
.msg-ai{max-width:92%;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.tool{border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;font-size:14px}
.tool-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#F7F8FA;border-bottom:1px solid var(--line)}
.tool-head img{width:18px;height:18px}
.tool-head b{font-weight:600}
.tool-head code{font-family:var(--mono);font-size:12.5px;color:var(--slate)}
.tool-head .st{margin-left:auto;font-size:12.5px;color:var(--slate)}
.tool pre{margin:0;padding:12px 14px;font:13px/1.55 var(--mono);color:var(--ink-2);white-space:pre-wrap}
.tool pre .k{color:var(--slate)}.tool pre .s{color:var(--coral-deep)}
.call{background:var(--night);color:#E8ECF3;border-radius:var(--r-m);padding:16px 16px 12px}
.call-top{display:flex;align-items:center;gap:10px;font-size:14px}
.call-top .ring{width:30px;height:30px;border-radius:50%;background:var(--coral);display:grid;place-items:center;flex:0 0 auto}
.call-top .ring svg{width:15px;height:15px}
.call-top .who b{display:block;font-weight:600}
.call-top .who span{font-size:12.5px;color:var(--mist)}
.call-top .timer{margin-left:auto;font:500 14px var(--mono);color:#fff}
.call-top .state{white-space:nowrap;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--night-2);color:var(--mist)}
.call-top .state.live{background:rgba(18,161,80,.18);color:#5BE08F}
.lines{margin-top:12px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.45}
.line{display:grid;grid-template-columns:42px 52px 1fr;gap:6px}
.line .t{font:12px/1.6 var(--mono);color:#6E7B91}
.line .n{font-weight:600;color:var(--mist);font-size:13px;line-height:1.6}
.line.agent .n{color:#FF8A70}
.result{display:flex;gap:14px;align-items:flex-start;border:1px solid #BFE6CF;background:var(--live-wash);border-radius:var(--r-m);padding:14px 16px}
.result .ok{width:30px;height:30px;border-radius:50%;background:var(--live);display:grid;place-items:center;flex:0 0 auto}
.result b{display:block;font-weight:600;font-size:15px}
.result span{font-size:14px;color:var(--ink-2)}
.th-foot{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--slate)}
.th-foot button{margin-left:auto;font:500 13px var(--body);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink-2)}
.th-foot button:hover{border-color:var(--ink)}
[data-step]{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
[data-step].on{opacity:1;transform:none}
.line[data-step]{transform:none}
.typing::after{content:"";display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* try it */
.try{background:var(--night);color:#E8ECF3}
.try h2{color:#fff}
.try .lede{color:#B6C0CF}
.try-grid{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:20px;align-items:stretch}
.haley{background:var(--night-2);border:1px solid var(--night-line);border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;gap:18px}
.haley .face{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--coral)}
.haley .name{font:800 26px var(--display);color:#fff}
.haley p{color:#B6C0CF;font-size:15px}
.player{margin-top:auto;display:flex;align-items:center;gap:12px;background:var(--night);border:1px solid var(--night-line);border-radius:999px;padding:8px 14px 8px 8px}
.player button{width:38px;height:38px;border-radius:50%;border:0;background:var(--coral);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.player button svg{width:16px;height:16px;fill:#fff}
.wave{display:flex;align-items:center;gap:3px;flex:1;height:34px}
.wave i{display:block;width:3px;border-radius:2px;background:#33435E}
.player .tm{font:12px var(--mono);color:var(--mist)}
.tcard{border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;gap:14px}
.tcard.dark{background:var(--night-2);border:1px solid var(--night-line)}
.tcard.light{background:#fff;color:var(--ink)}
.tcard h3{font-size:24px}
.tcard.dark h3{color:#fff}
.tcard.dark p{color:#B6C0CF;font-size:15px}
.tcard .note{font-size:13px;color:var(--mist)}
.tcard.light .note{color:var(--slate)}
.tcard .btn{justify-content:center;margin-top:auto}
.field input[type=text],.field input:not([type]){width:100%;font:16px var(--body);padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#F7F8FA;color:var(--ink)}
.field input:focus{outline:none;border-color:var(--ink);background:#fff}
.hl-sms{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--slate);cursor:pointer}
.hl-sms input{margin-top:2px;width:15px;height:15px;flex:0 0 auto;accent-color:var(--coral)}
.hl-sms a{color:inherit}
#hl-msg{display:none;font-size:14px;color:var(--ink-2);text-align:center}
.try-trust{margin-top:28px;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--mist)}

/* flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.flow-step{padding:0 22px 0 0;position:relative}
.flow-step .num{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);display:grid;place-items:center;font:700 16px var(--display);position:relative;z-index:1}
.flow::before{content:"";position:absolute;top:20px;left:20px;right:20px;height:1.5px;background:var(--ink)}
.flow-step h3{margin:22px 0 10px}
.flow-step p{font-size:15.5px;color:var(--ink-2)}
.branch{margin-top:56px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;align-items:stretch}
.branch .q{background:var(--ink);color:#fff;border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;justify-content:center}
.branch .q h3{font-size:26px;color:#fff}
.branch .q p{color:#B6C0CF;margin-top:10px;font-size:15.5px}
.branch .opt{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;gap:12px}
.opt .tag{align-self:flex-start;font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px}
.opt .tag.free{background:var(--live-wash);color:#0B7A3B}
.opt .tag.busy{background:var(--coral-wash);color:var(--coral-deep)}
.opt p{font-size:15.5px;color:var(--ink-2)}
.opt .quote{font-size:15px;color:var(--ink);border-left:3px solid var(--line);padding-left:12px}

/* cadence */
.cad{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cad-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.day{border:1px solid var(--line);border-radius:var(--r-m);padding:14px 12px;background:var(--paper)}
.day .d{font-size:13px;color:var(--slate)}
.day .tm{font:500 15px var(--mono);margin:6px 0 10px}
.day .o{font-size:13px;font-weight:600;display:inline-block;padding:3px 8px;border-radius:999px}
.o.miss{background:#E9ECF1;color:var(--slate)}.o.vm{background:#FFF1D6;color:#8A5A00}.o.book{background:var(--live-wash);color:#0B7A3B}
.cad-list{margin-top:28px;display:grid;gap:12px;padding:0;list-style:none}
.cad-list li{display:flex;gap:12px;font-size:16px;color:var(--ink-2)}
.cad-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);margin-top:9px;flex:0 0 auto}

/* tell your ai */
.tell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ask{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:16px}
.ask .say{background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;padding:14px 16px;font-size:15.5px;line-height:1.45}
.ask .does{font-size:15px;color:var(--ink-2)}
.ask code{font:12.5px var(--mono);color:var(--slate);background:#F3F5F8;padding:2px 6px;border-radius:6px}
.connect{margin-top:56px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
.steps3{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;display:grid;gap:22px;align-content:start}
.steps3 .s{display:grid;grid-template-columns:36px 1fr;gap:14px}
.steps3 .s b{width:36px;height:36px;border-radius:50%;background:var(--coral-wash);color:var(--coral-deep);display:grid;place-items:center;font:700 15px var(--display)}
.steps3 h3{font-size:18px}
.steps3 p{font-size:15px;color:var(--ink-2);margin-top:4px}
.code{background:var(--night);border-radius:var(--r-l);padding:28px;color:#C9D2DF;overflow:auto}
.code .cap{font-size:14px;color:var(--mist);margin-bottom:14px}
.code pre{margin:0;font:13.5px/1.7 var(--mono);white-space:pre}
.code .c{color:#6E7B91}.code .s{color:#FF9F87}.code .k{color:#8FB8FF}

/* details */
.det{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid var(--ink)}
.det > div{padding:32px 28px 36px 0;border-bottom:1px solid var(--line)}
.det > div:nth-child(3n+2),.det > div:nth-child(3n+3){padding-left:28px;border-left:1px solid var(--line)}
.det h3{font-size:19px;margin-bottom:10px}
.det p{font-size:15.5px;color:var(--ink-2)}

/* pricing */
.price{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pt{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:6px}
.pt.hot{background:var(--ink);color:#fff;border-color:var(--ink)}
.pt .nm{font:700 17px var(--display)}
.pt .pr{font:800 40px/1.1 var(--display);letter-spacing:-.03em;margin-top:8px}
.pt .per{font-size:14px;color:var(--slate)}
.pt.hot .per,.pt.hot li{color:#C9D2DF}
.pt ul{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.pt .btn{margin-top:auto;justify-content:center;padding:12px 16px;font-size:15px}
.pt .badge{align-self:flex-start;font-size:12px;font-weight:600;background:var(--coral);color:#fff;padding:3px 9px;border-radius:999px;margin-bottom:4px}
.credit-note{margin-top:22px;font-size:15px;color:var(--slate);text-align:center}

/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{list-style:none;cursor:pointer;font:700 19px var(--display);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:500;color:var(--slate);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--ink-2);font-size:16px;max-width:68ch}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}

/* cta + footer */
.cta{background:var(--coral);color:#fff;padding:110px 0;text-align:center}
.cta h2{color:#fff;font-size:clamp(40px,5.6vw,72px)}
.cta p{margin:18px auto 34px;font-size:19px;max-width:52ch;color:#FFE4DC}
.cta .btn-ink{padding:17px 26px;font-size:17px}
.foot{background:var(--night);color:#AEB8C7;padding:72px 0 36px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
.foot .brand{color:#fff}
.foot h4{margin:0 0 14px;font:600 14px var(--body);color:#fff}
.foot a{display:block;text-decoration:none;margin-bottom:9px;color:#AEB8C7}
.foot a:hover{color:#fff}
.foot .legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--night-line);display:flex;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}
.foot .legal a{display:inline;margin:0}

/* responsive */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{padding-top:0;position:static}
  .try-grid{grid-template-columns:1fr 1fr}.haley{grid-column:1/-1}
  .price{grid-template-columns:repeat(3,1fr)}
  .branch{grid-template-columns:1fr 1fr}.branch .q{grid-column:1/-1}
}
@media (max-width:860px){
  .nav-links{display:none}
  .sec{padding:84px 0}
  .sec-head{grid-template-columns:1fr;gap:20px;margin-bottom:44px}.sec-head .lede{justify-self:start}
  .flow{grid-template-columns:1fr 1fr;row-gap:40px}.flow::before{display:none}
  .cad-grid,.connect,.faq-grid{grid-template-columns:1fr;gap:40px}
  .tell-grid,.det{grid-template-columns:1fr}
  .det > div,.det > div:nth-child(3n+2),.det > div:nth-child(3n+3){padding:26px 0;border-left:0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .days{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  .nav-cta .signin{display:none}
  .hero{padding:40px 0 64px}
  .try-grid,.branch,.price,.flow{grid-template-columns:1fr}
  .th-body{min-height:0;padding:16px}.th-sub{display:none}
  .line{grid-template-columns:36px 46px 1fr}
  .days{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-step]{opacity:1;transform:none;transition:none}
  .typing::after{display:none}
}

/* ===== shared page components ===== */
.nav-links a.on{color:var(--ink);font-weight:600}
.page-hero{padding:80px 0 72px}
.page-hero h1{font-size:clamp(40px,5.4vw,72px);max-width:15ch}
.page-hero .lede{margin-top:24px}
.page-hero .hero-ctas{margin-top:32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.card h3{margin-bottom:10px}
.card p{font-size:15.5px;color:var(--ink-2)}
.card .tag{display:inline-block;font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--coral-wash);color:var(--coral-deep);margin-bottom:14px}
.card.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.card.dark h3{color:#fff}.card.dark p{color:#B6C0CF}
.stats{background:var(--ink);color:#fff;padding:72px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{padding:8px 28px;border-left:1px solid var(--night-line)}
.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font:800 clamp(34px,3.8vw,52px)/1 var(--display);letter-spacing:-.03em}
.stat span{display:block;margin-top:10px;color:#B6C0CF;font-size:15px}
.stats .src{margin-top:36px;font-size:14px;color:var(--mist)}
.res{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.res .card b{display:block;font:800 40px/1 var(--display);letter-spacing:-.03em;margin:6px 0 10px}
.res .card .who{font-size:14px;color:var(--slate)}
.list-check{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.list-check li{display:flex;gap:12px;font-size:16px;color:var(--ink-2)}
.list-check li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);margin-top:9px;flex:0 0 auto}
.mock{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 30px 80px -40px rgba(13,23,38,.35);overflow:hidden}
.mock-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--slate)}
.mock-head b{color:var(--ink);font-weight:600}
.mock table{width:100%;border-collapse:collapse;font-size:14.5px}
.mock th{text-align:left;font-weight:500;color:var(--slate);padding:10px 18px;border-bottom:1px solid var(--line);font-size:13px}
.mock td{padding:12px 18px;border-bottom:1px solid var(--line)}
.mock tr:last-child td{border-bottom:0}
.pill{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pill.ok{background:var(--live-wash);color:#0B7A3B}.pill.go{background:var(--coral-wash);color:var(--coral-deep)}.pill.wait{background:#E9ECF1;color:var(--slate)}.pill.vm{background:#FFF1D6;color:#8A5A00}
.prose{max-width:760px}
.prose h2{font-size:clamp(26px,3vw,34px);margin:52px 0 14px}
.prose h3{font-size:20px;margin:30px 0 10px}
.prose p,.prose li{font-size:16.5px;color:var(--ink-2);line-height:1.65}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose a{color:var(--coral-deep)}
.prose code{font:14px var(--mono);background:#E6EAF0;padding:2px 6px;border-radius:6px}
.prose pre{background:var(--night);color:#C9D2DF;border-radius:var(--r-m);padding:20px;overflow:auto;font:13.5px/1.7 var(--mono);margin:0 0 20px}
.prose pre code{background:none;padding:0;color:inherit}
.prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-weight:600;color:var(--ink)}
.legal-wrap{padding:72px 0 110px}
.legal-wrap .legal-body h1{font-size:clamp(36px,4.6vw,56px);margin-bottom:12px}
.legal-wrap .legal-body h2{font-size:24px;margin:40px 0 12px}
.legal-wrap .legal-body h3{font-size:19px;margin:26px 0 8px}
.legal-wrap .legal-body p,.legal-wrap .legal-body li{font-size:16px;color:var(--ink-2);line-height:1.7}
.legal-wrap .legal-body p{margin:0 0 14px}
.legal-wrap .legal-body a{color:var(--coral-deep)}
.legal-wrap .legal-body{max-width:780px}
.docs{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.docs nav{position:sticky;top:100px;display:grid;gap:10px;font-size:15px}
.docs nav a{text-decoration:none;color:var(--ink-2)}
.docs nav a:hover{color:var(--ink)}
.form{display:grid;gap:12px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form input,.form select,.form textarea{width:100%;font:16px var(--body);padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#F7F8FA;color:var(--ink)}
.form textarea{resize:vertical;min-height:110px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--ink);background:#fff}
.form label{font-size:14px;font-weight:600}
.form .msg{font-size:15px;color:var(--ink-2)}
.big-price{font:800 44px/1 var(--display);letter-spacing:-.03em}
.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;font-size:15.5px}
.compare th,.compare td{padding:16px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare thead th{background:var(--ink);color:#fff;font:700 17px var(--display)}
.compare tbody th{font-weight:600;color:var(--slate);width:24%}
.compare tr:last-child td,.compare tr:last-child th{border-bottom:0}
@media (max-width:1080px){.res{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;row-gap:32px}.stat:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:860px){.split,.grid2,.grid3,.docs{grid-template-columns:1fr;gap:32px}.docs nav{position:static;grid-template-columns:1fr 1fr}.page-hero{padding:56px 0 48px}.compare{font-size:14px}.compare th,.compare td{padding:12px}}
@media (max-width:620px){.res,.stats-grid{grid-template-columns:1fr}.stat{border-left:0;padding-left:0}.form .row2{grid-template-columns:1fr}.mock th:nth-child(3),.mock td:nth-child(3){display:none}}
.docs > *{min-width:0}
.prose pre{max-width:100%}
@media (max-width:620px){.prose table{display:block;overflow-x:auto}.docs nav{grid-template-columns:1fr 1fr}}
.foot a.brand{display:flex;margin-bottom:0}

/* theater: examples, tabs */
.th-body{transition:opacity .45s ease}
.th-body.fade{opacity:0}
.tool.search .found{margin:0;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--ink)}
.th-foot{flex-wrap:wrap}
.th-tabs{display:flex;gap:6px}
.th-tabs button{font:500 13px var(--body);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink-2)}
.th-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.th-note{margin-left:auto}
@media (max-width:620px){.th-note{margin-left:0;width:100%}}
.th-body{min-height:1000px}
@media (max-width:1080px){.th-body{min-height:1060px}}
@media (max-width:620px){.th-body{min-height:1240px}}