/* uncensoredchatbot.top - GALLEY PROOF */
:root{--paper:#fbfaf5;--white:#ffffff;--ink:#2b2a12;--ink2:#626144;--v:#a0a625;--v2:#868a1a;--tint:#fbfbdc;--tint2:#f9fabd;--hair:#e2e1c7;--code:#383613;--err:#12a357;
--disp:"Instrument Serif","Iowan Old Style",Georgia,serif;--body:"Newsreader",Georgia,"Times New Roman",serif;--mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;--side:280px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.62 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:var(--v);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--v2)}
:focus-visible{outline:3px solid var(--v);outline-offset:3px}
.side :focus-visible,.band :focus-visible{outline-color:#ffffff}
img,svg{max-width:100%}
code,pre,kbd{font-family:var(--mono)}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--ink);color:#ffffff;padding:12px 18px}
.skip:focus{left:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.55em 1.35em;border:1.5px solid var(--v);background:var(--v);color:#ffffff;font:500 .82rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;transition:background .15s,color .15s,transform .15s}
.btn:hover{background:var(--v2);border-color:var(--v2);color:#ffffff}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#ffffff}
.btn.sm{min-height:44px;padding:.4em 1em;font-size:.74rem}
.btn.inv{background:#ffffff;color:var(--v2);border-color:#ffffff}
.btn.inv:hover{background:var(--tint);border-color:var(--tint);color:var(--v2)}
.acts{display:flex;flex-wrap:wrap;gap:12px}

/* sidebar = job slug */
.side{position:fixed;inset:0 auto 0 0;width:var(--side);z-index:20;background:var(--v);color:#ffffff;display:flex;flex-direction:column;padding:36px 30px 28px;overflow-y:auto}
.side::after{content:"";position:absolute;top:0;bottom:0;right:9px;border-right:2px dotted rgba(255,255,255,.38);pointer-events:none}
.logo{display:block;color:#ffffff;text-decoration:none;order:1}
.logo:hover{color:#ffffff}
.logo .mark{display:block;margin-bottom:18px}
.wm{font:400 2.5rem/.95 var(--disp);letter-spacing:-.01em;display:block}
.side-tag{order:2;font:italic 400 1rem/1.4 var(--body);color:#ffffe2;margin-top:14px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.4)}
.nav{order:3;margin-top:8px}
.nav ol{counter-reset:n}
.nav li{counter-increment:n;border-bottom:1px solid rgba(255,255,255,.22)}
.nav a{display:flex;align-items:baseline;gap:14px;min-height:50px;padding:10px 0 8px;color:#ffffff;text-decoration:none;font:400 1.5rem/1.15 var(--disp)}
.nav a::before{content:counter(n,decimal-leading-zero);font:400 .7rem/1 var(--mono);color:var(--tint2);letter-spacing:.06em}
.nav a span{background:linear-gradient(#ffffff,#ffffff) 0 100%/0 1px no-repeat;transition:background-size .2s}
.nav a:hover span{background-size:100% 1px}
.nav a[aria-current] span{background:radial-gradient(circle,#ffffff 1.6px,transparent 2px) 0 100%/8px 5px repeat-x;padding-bottom:7px;font-style:italic}
.hk{order:4;margin-top:26px;background:#ffffff;color:var(--v2);border-color:#ffffff;width:100%}
.hk:hover{background:var(--tint);border-color:var(--tint);color:var(--v2)}
.side-dom{order:5;margin-top:auto;padding-top:28px;font:400 .7rem/1.4 var(--mono);letter-spacing:.06em;color:var(--tint2);overflow-wrap:anywhere}
.burger{display:none}

/* page */
.page{margin-left:var(--side);position:relative;min-width:0}
.page::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;pointer-events:none;
background:linear-gradient(var(--ink) 1px,transparent 1px) 0 0/14px 60px repeat-y,linear-gradient(var(--hair) 1px,transparent 1px) 0 0/7px 12px repeat-y}
.rh,main,.foot{max-width:1160px;margin-inline:auto;padding-inline:64px}
.rh{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:54px;font:400 .72rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.rh::after{content:"";position:absolute;left:64px;right:64px;top:54px;border-top:1px solid var(--ink);max-width:1032px;margin-inline:auto}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.crumbs a{color:var(--ink2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.crumbs a:hover{color:var(--v)}
.crumbs i{font-style:normal;color:var(--hair)}
.crumbs span{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}
.rh-r{text-transform:none;letter-spacing:0;white-space:nowrap}
main{display:block;padding-bottom:40px}

/* type */
h1{font:400 clamp(2.7rem,5.4vw,5.1rem)/1.12 var(--disp);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word}
.stet{font-style:italic;color:var(--v);text-decoration:underline dotted var(--v);text-decoration-thickness:.085em;text-underline-offset:.13em;text-decoration-skip-ink:none}
h2{font:400 clamp(1.9rem,3vw,2.7rem)/1.1 var(--disp);letter-spacing:-.01em;text-wrap:balance}
h3{font:400 1.5rem/1.2 var(--disp)}
.eyebrow,.lab{font:500 .72rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--v)}
.lead{font-size:1.3rem;line-height:1.5;color:var(--ink);max-width:40em}
.dc::first-letter{float:left;font:400 4.6em/.78 var(--disp);color:var(--v);padding:.07em .1em 0 0}
.ph{padding:56px 0 36px;max-width:920px}
.ph .lead{margin-top:32px}
.ph.art{max-width:880px}
.ph.art .eyebrow{margin-bottom:18px}
.ph.art .lead::after{content:"";display:block;clear:both}

/* section heads with circled proof mark */
main{counter-reset:sec}
.sec{padding:60px 0 0}
.sh{counter-increment:sec;display:flex;align-items:center;gap:16px;border-top:1px solid var(--ink);padding-top:18px;margin-bottom:30px;position:relative}
.sh::before{content:counter(sec);flex:none;width:34px;height:34px;border:1.5px solid var(--v);border-radius:50%;display:grid;place-items:center;font:500 .78rem/1 var(--mono);color:var(--v)}
.sh::after{content:"";position:absolute;left:0;top:3px;width:100%;border-top:1px solid var(--ink)}
.sh h2{min-width:0}

/* hero */
.hero{padding:52px 0 8px}
.hero .eyebrow{margin-bottom:22px}
.hero h1{font-size:clamp(2.9rem,7vw,6.6rem);line-height:1.1;max-width:13em}
.hero-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;margin-top:40px;align-items:start}
.hero .acts{margin-top:28px}
.notes{border-top:3px solid var(--ink)}
.notes li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--hair);font:italic 400 1.12rem/1.42 var(--body)}
.notes li::before,.ben li::before,.take li::marker{color:var(--v)}
.notes li::before{content:"";position:absolute;left:4px;top:22px;width:13px;height:13px;border-left:2px solid var(--v);border-top:2px solid var(--v);transform:rotate(45deg)}
.try{padding-top:44px}

/* code */
.codebox{border:1.5px solid var(--ink);background:var(--code);min-width:0}
.codetabs{display:flex;background:var(--paper);border-bottom:1.5px solid var(--ink);overflow-x:auto}
.codetabs button{min-height:46px;padding:0 22px;border:0;border-right:1px solid var(--ink);background:transparent;color:var(--ink);font:500 .76rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.codetabs button[aria-selected="true"]{background:var(--v);color:#ffffff}
.codetabs button:hover:not([aria-selected="true"]){background:var(--tint)}
pre.code{position:relative;margin:0;background:var(--code);color:#fbfae8;font:400 .86rem/1.65 var(--mono);padding:48px 22px 22px;overflow-x:auto;max-width:100%;tab-size:2;white-space:pre}
.codebox pre.code{border:0}
pre.code code{font:inherit;background:none;padding:0;color:inherit}
pre.code .k{color:#fffeb0}
pre.code .s{color:#ecffd2}
pre.code .c{color:#c2bf93;font-style:italic}
.copy{position:absolute;top:0;right:0;min-height:44px;min-width:44px;padding:0 14px;border:0;border-left:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);background:transparent;color:#fafbcd;font:500 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.copy:hover{background:#ffffff;color:var(--code)}

/* facts = colophon strip */
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:60px;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
.facts div{padding:22px 18px 20px;border-left:1px solid var(--hair);display:flex;flex-direction:column;gap:8px;min-width:0}
.facts div:first-child{border-left:0;padding-left:0}
.facts dd{font:400 clamp(2rem,3.2vw,3rem)/1 var(--disp);color:var(--v)}
.facts dt{font:400 .7rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}

/* features = ruled columns */
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:f;row-gap:34px}
.cols li{counter-increment:f;padding:0 26px;border-left:1px solid var(--hair);min-width:0}
.cols li:nth-child(3n+1){padding-left:0;border-left:0}
.cols li::before{content:counter(f,lower-roman) ".";display:block;font:italic 400 1.2rem/1 var(--disp);color:var(--v);margin-bottom:10px}
.cols h3{margin-bottom:8px}
.cols p,.steps p,.quotes p,.ex p,.ben p{color:var(--ink2);font-size:1.04rem;line-height:1.55}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-top:74px;min-width:0}
.steps li::before{content:counter(s);position:absolute;top:-14px;left:-4px;font:italic 400 6.4rem/1 var(--disp);color:var(--tint2)}
.steps li::after{content:"";position:absolute;top:60px;left:0;right:0;border-top:1px solid var(--ink)}
.steps h3{margin:12px 0 8px}

/* use cases = pull quotes */
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 56px}
.quotes li{border-left:3px solid var(--v);padding:2px 0 2px 24px;min-width:0}
.quotes h3{font-style:italic;font-size:1.75rem;margin-bottom:8px}

/* long text */
.split{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:64px;align-items:start}
.body.first{padding-top:8px}
.rail{position:sticky;top:24px;display:grid;gap:28px;min-width:0}
.prose{min-width:0;max-width:44em}
.prose>*+*{margin-top:1.05em}
.prose h2{margin-top:1.7em;margin-bottom:.5em;padding-top:.55em;border-top:1px solid var(--ink)}
.prose h2+*{margin-top:0}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.5em;font-size:1.6rem}
.prose h4{font:500 .8rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:1.5em}
.prose ul,.prose ol{padding-left:1.5em}
.prose ul{list-style:none}
.prose ul>li{position:relative}
.prose ul>li::before{content:"";position:absolute;left:-1.25em;top:.62em;width:.5em;height:.5em;border-left:2px solid var(--v);border-top:2px solid var(--v);transform:rotate(45deg)}
.prose ol{list-style:decimal}
.prose ol>li::marker{font-family:var(--mono);font-size:.82em;color:var(--v)}
.prose li+li{margin-top:.45em}
.prose strong{font-weight:600}
.prose :not(pre)>code{font-size:.82em;background:var(--tint);padding:.12em .38em;overflow-wrap:anywhere}
.prose blockquote{margin:1.4em 0;padding-left:22px;border-left:3px solid var(--v);font:italic 400 1.5rem/1.3 var(--disp)}
.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:.98rem;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.prose th,.prose td{padding:11px 18px 11px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);min-width:8em}
.prose th{font:500 .7rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--ink)}
.prose tr:last-child td{border-bottom:0}
.prose pre.code{margin-top:1.3em;border:1.5px solid var(--ink)}

/* toc + slip */
.toc{border-top:3px solid var(--ink);padding-top:14px}
.toc ol{counter-reset:t;margin-top:8px}
.toc li{counter-increment:t;border-bottom:1px solid var(--hair)}
.toc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:10px 0;color:var(--ink);text-decoration:none;font-size:1rem;line-height:1.3}
.toc a::before{content:counter(t,decimal-leading-zero);font:400 .68rem/1 var(--mono);color:var(--v)}
.toc a:hover{color:var(--v)}
.slip{background:var(--white);border:1.5px solid var(--ink);padding:22px 22px 24px;box-shadow:6px 6px 0 var(--tint2)}
.slip h3{font-size:1.6rem;font-style:italic}
.slip p{font-size:1rem;line-height:1.45;color:var(--ink2);margin:8px 0 18px}
.slip .btn{width:100%}

/* faq */
.faq .sh{margin-bottom:0}
.faq-l{max-width:52em}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:16px 0;font:400 1.5rem/1.2 var(--disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;margin-right:6px;border-left:2px solid var(--v);border-top:2px solid var(--v);transform:rotate(225deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{color:var(--v);font-style:italic}
.faq details p{padding:0 40px 22px 0;color:var(--ink2);max-width:44em}

/* cta band */
.band{margin-top:72px;background:var(--v);color:#ffffff;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:36px;position:relative}
.band::before{content:"";position:absolute;left:14px;right:14px;bottom:10px;border-bottom:2px dotted rgba(255,255,255,.45)}
.band h2{font-size:clamp(2rem,3.4vw,3.1rem);font-style:italic}
.band p{margin-top:10px;color:#ffffe6;max-width:34em}
.band .btn{flex:none}

/* key page */
.keytop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"h f" "b f";gap:0 64px;padding-top:48px;align-items:start}
.kt-h{grid-area:h}
.kt-h .lead{margin-top:32px}
.kt-f{grid-area:f;min-width:0}
.kt-b{grid-area:b;margin-top:36px}
.keytop h1{font-size:clamp(2.7rem,5vw,4.6rem)}
.ben{border-top:3px solid var(--ink)}
.ben li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--hair)}
.ben li::before{content:"";position:absolute;left:4px;top:26px;width:13px;height:13px;border-left:2px solid var(--v);border-top:2px solid var(--v);transform:rotate(45deg)}
.ben h3{font-size:1.4rem;margin-bottom:4px}

/* signup form */
.form{background:var(--white);border:1.5px solid var(--ink);border-top:8px solid var(--v);padding:26px 28px 28px;box-shadow:8px 8px 0 var(--tint2)}
.form .btn.ghost{width:100%;min-height:50px;text-transform:none;letter-spacing:.02em;font-size:.9rem}
.note{font:400 .84rem/1.45 var(--body);color:var(--ink2);margin-top:8px}
.form>.note{text-align:center;margin:12px 0 16px;display:flex;align-items:center;gap:12px}
.form>.note::before,.form>.note::after{content:"";flex:1;border-top:1px solid var(--hair)}
.tabs2{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink);margin-bottom:18px}
.tabs2 button{min-height:46px;border:0;background:transparent;color:var(--ink);font:500 .76rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px 8px}
.tabs2 button+button{border-left:1.5px solid var(--ink)}
.tabs2 button[aria-selected="true"]{background:var(--ink);color:#ffffff}
.msg{font:400 .95rem/1.4 var(--body);padding:10px 14px;margin-bottom:14px;border-left:4px solid var(--v);background:var(--tint)}
.msg:empty{display:none}
.msg.err{border-color:var(--err);background:#e6fbf0;color:#0d7d42}
.row{margin-bottom:14px}
.row label,.calc label{display:block;font:500 .7rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
input,select,textarea{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.3 var(--body);appearance:none;-webkit-appearance:none}
textarea{min-height:140px;resize:vertical}
select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
input:focus,select:focus,textarea:focus{outline:3px solid var(--tint2);outline-offset:0;border-color:var(--v);background:#ffffff}
.form form .btn,.sup form button{width:100%;margin-top:6px;min-height:52px}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font-size:1.7rem;font-style:italic;margin-bottom:12px}
.keybox{display:flex;align-items:stretch;border:1.5px solid var(--ink);background:var(--code)}
.keybox span{flex:1;min-width:0;padding:13px 14px;font:400 .84rem/1.5 var(--mono);color:#fbfae8;overflow-wrap:anywhere}
.keybox .btn{flex:none;border-color:var(--v)}
.keyout p{font-size:.98rem;line-height:1.75;margin-top:12px;overflow-wrap:anywhere}
.keyout p code{font-size:.8em;background:var(--tint);padding:.1em .35em}
.keyout .mut{color:var(--ink2)}
.keyout .acts{margin-top:16px;gap:8px}

/* pricing */
.pull{font:italic 400 clamp(1.5rem,2.4vw,2rem)/1.25 var(--disp);color:var(--v);border-left:3px solid var(--v);padding-left:22px;max-width:30em}
.page-pricing .facts{margin-top:40px}
.price-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.calc{background:var(--white);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--tint2);padding:24px;display:grid;gap:16px}
.calc>div{min-width:0}
.calc input{font-family:var(--mono);font-size:1rem}
.calc>div:last-child{border-top:3px double var(--ink);padding-top:14px}
.calc output{display:block;font:400 3.4rem/1 var(--disp);color:var(--v);overflow-wrap:anywhere}
.ex{counter-reset:x}
.ex li{counter-increment:x;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--hair)}
.ex li:last-child{border-bottom:0;margin-bottom:0}
.ex li::before{content:counter(x,upper-alpha);grid-row:1/3;font:italic 400 2.4rem/1 var(--disp);color:var(--v)}
.ex h3{margin-bottom:6px}

/* article */
.take{background:var(--white);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--tint2);padding:26px 30px 28px;margin-bottom:44px;max-width:920px}
.take h2{font:500 .74rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--v);margin-bottom:14px}
.take ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;counter-reset:k}
.take li{counter-increment:k;display:grid;grid-template-columns:30px minmax(0,1fr);font-size:1.06rem;line-height:1.45}
.take li::before{content:counter(k);font:italic 400 1.6rem/1 var(--disp);color:var(--v)}

/* support, 404 */
.sup{max-width:640px;background:var(--white);border:1.5px solid var(--ink);border-top:8px solid var(--v);box-shadow:8px 8px 0 var(--tint2);padding:28px}
.sup output,.sup [data-out],.sup form>p{display:block;font-size:.98rem;margin-top:12px;color:var(--ink2)}
.sup button{display:inline-flex;align-items:center;justify-content:center;padding:.55em 1.35em;border:1.5px solid var(--v);background:var(--v);color:#ffffff;font:500 .82rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sup button:hover{background:var(--v2)}
.nf{border-top:3px solid var(--ink);max-width:560px;margin-bottom:32px}
.nf a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--hair);font:400 1.6rem/1.2 var(--disp);color:var(--ink);text-decoration:none}
.nf a:hover{color:var(--v);font-style:italic}

/* footer */
.foot{margin-top:72px;padding-top:26px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;position:relative}
.foot::before{content:"";position:absolute;left:64px;right:64px;top:0;border-top:3px double var(--ink)}
.foot .wm{font-size:2rem;color:var(--ink)}
.foot-b p{font-style:italic;color:var(--ink2);margin-top:8px}
.foot ul{columns:2;column-gap:40px}
.foot li{break-inside:avoid}
.foot ul a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-size:1rem;line-height:1.3}
.foot ul a:hover{color:var(--v);text-decoration:underline}
.legal{grid-column:1/-1;font:400 .7rem/1.5 var(--mono);letter-spacing:.05em;color:var(--ink2);border-top:1px solid var(--hair);padding-top:16px}

/* ---------- responsive ---------- */
@media (max-width:1240px){
.rh,main,.foot{padding-inline:44px}
.rh::after,.foot::before{left:44px;right:44px}
.split{grid-template-columns:minmax(0,1fr) 228px;gap:40px}
.hero-g,.price-g{gap:40px}
.keytop{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:0 44px}
}
@media (max-width:1040px){
:root{--side:0px}
html{scroll-padding-top:76px}
.side{position:sticky;top:0;inset:auto;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;overflow:visible}
.side::after{top:auto;bottom:3px;left:16px;right:16px;border-right:0;border-bottom:2px dotted rgba(255,255,255,.38)}
.logo{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:48px;order:0}
.logo .mark{margin:0;width:28px;height:28px;flex:none}
.side>.logo .wm{font-size:1.32rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk{order:0;width:auto;margin:0;min-height:44px;padding:.3em .8em;font-size:.68rem;letter-spacing:.05em;white-space:nowrap}
.burger{display:grid;place-items:center;order:0;width:44px;height:44px;flex:none;background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#ffffff;cursor:pointer;padding:0}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:#ffffff;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.nav{order:1;flex-basis:100%;display:none;margin:0;padding-bottom:10px}
.nav.open{display:block}
.side-tag,.side-dom{display:none}
.page{margin-left:0}
.page::before{display:none}
.rh,main,.foot{padding-inline:32px}
.rh::after,.foot::before{left:32px;right:32px}
}
@media (max-width:860px){
.split,.price-g,.hero-g{grid-template-columns:minmax(0,1fr)}
.rail{position:static;order:-1}
.page-home .rail,.page-pricing .rail{order:0}
.keytop{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "f" "b";padding-top:28px}
.kt-f{margin-top:24px}
.cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols li,.cols li:nth-child(3n+1){padding:0 22px;border-left:1px solid var(--hair)}
.cols li:nth-child(2n+1){padding-left:0;border-left:0}
.steps{grid-template-columns:minmax(0,1fr);gap:26px}
.facts{grid-template-columns:repeat(6,minmax(0,1fr))}
.facts div{grid-column:span 2;padding-left:16px}
.facts div:nth-child(-n+2){grid-column:span 3;border-bottom:1px solid var(--hair)}
.facts div:nth-child(3){border-left:0;padding-left:0}
.band{flex-direction:column;align-items:flex-start;padding:36px 28px 40px}
.rh-r{display:none}
}
@media (max-width:600px){
body{font-size:1.06rem}
.rh,main,.foot{padding-inline:18px}
.rh::after,.foot::before{left:18px;right:18px}
.rh{min-height:46px}
.rh::after{top:46px}
.crumbs span{max-width:22ch}
.hero{padding-top:30px}
.hero h1{font-size:clamp(2.6rem,13.2vw,3.6rem);line-height:1.1}
h1,.keytop h1{font-size:clamp(2.3rem,11vw,3rem)}
.hero-g{margin-top:26px;gap:30px}
.lead{font-size:1.16rem}
.ph{padding:32px 0 26px}
.sec{padding-top:46px}
.sh{margin-bottom:22px;gap:12px}
.cols,.quotes,.take ol{grid-template-columns:minmax(0,1fr)}
.cols{row-gap:0}
.cols li,.cols li:nth-child(3n+1),.cols li:nth-child(2n+1){padding:18px 0;border-left:0;border-bottom:1px solid var(--hair)}
.cols li:first-child{padding-top:0}
.facts{margin-top:44px}
.facts div{padding:16px 6px 14px 12px}
.facts dd{font-size:1.85rem}
.facts dt{font-size:.62rem;letter-spacing:.04em}
.form{padding:20px 18px 22px;box-shadow:5px 5px 0 var(--tint2)}
.sup{padding:20px 18px;box-shadow:5px 5px 0 var(--tint2)}
.take{padding:20px 18px}
.faq summary{font-size:1.3rem}
.faq details p{padding-right:0}
.band{margin-top:52px;padding:30px 20px 36px}
.band .btn{width:100%}
.acts .btn{flex:1 1 auto}
.foot{grid-template-columns:minmax(0,1fr);margin-top:52px}
.foot ul{columns:1}
pre.code{font-size:.8rem;padding:48px 16px 18px}
.codetabs button{padding:0 16px}
.dc::first-letter{font-size:3.9em}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}