:root{--ground:#fcfff4;--ink:#3b501b;--mut:#697d47;--pri:#a1d840;--prid:#88b831;--navy:#3e541c;--peri:#f6ffe1;--blush:#e9fbff;--butter:#e0d6ff;--mint:#f5e1df;--line:rgba(161,216,64,.16);--r:28px;--belly:84px;
--disp:"Quicksand","Trebuchet MS",system-ui,sans-serif;--body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Sono",ui-monospace,Menlo,Consolas,monospace;
--puff:inset 0 2px 0 #ffffff,inset 0 -14px 20px -14px rgba(161,216,64,.2),0 18px 30px -22px rgba(59,80,27,.45)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 var(--body);overflow-x:hidden}
main{display:block;overflow-x:clip}
img,svg{max-width:100%}
h1,h2,h3,.pt{font-family:var(--disp);font-weight:700;line-height:1.14;letter-spacing:-.01em;margin:0;overflow-wrap:break-word}
h1{font-size:clamp(2.05rem,4.6vw,3.5rem)}
p{margin:0 0 1em}
a{color:var(--prid);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--pri);outline-offset:3px;border-radius:10px}
.b-navy :focus-visible,.cush :focus-visible,pre.code :focus-visible{outline-color:#d3f6ff}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--navy);color:#ffffff;padding:12px 20px;border-radius:999px}
.skip:focus{top:12px}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px;min-height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;font:700 1.18rem/1 var(--disp);color:var(--ink);text-decoration:none;min-height:44px;margin-right:auto}
.mark{flex:none;filter:drop-shadow(0 4px 5px rgba(161,216,64,.3))}
.nav{display:flex;align-items:center;gap:4px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;color:var(--ink);font-weight:500;font-size:.97rem;text-decoration:none}
.nav a:hover{background:var(--peri)}
.nav a[aria-current]{background:var(--peri);color:var(--prid);font-weight:600;box-shadow:inset 0 -3px 6px -3px rgba(161,216,64,.35)}
.burger{display:none;width:48px;height:48px;border:0;border-radius:50%;background:var(--peri);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger i{display:block;width:20px;height:3px;border-radius:3px;background:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--pri);color:#ffffff;font:700 1rem/1.15 var(--disp);text-decoration:none;text-align:center;cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -8px 12px -6px rgba(64,96,16,.45),0 12px 20px -12px rgba(161,216,64,.75);transition:transform .15s,background .15s}
.btn:hover{background:var(--prid);color:#ffffff;transform:translateY(-2px)}
.btn:active{transform:translateY(1px)}
.btn.big{min-height:58px;padding:0 34px;font-size:1.1rem}
.btn.sm{min-height:44px;padding:0 20px;font-size:.93rem}
.btn.ghost{background:#ffffff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line),inset 0 -8px 12px -8px rgba(161,216,64,.25)}
.btn.ghost:hover{background:var(--peri);color:var(--ink)}
.btn.light{background:#ffffff;color:var(--navy);box-shadow:inset 0 -8px 12px -6px rgba(161,216,64,.3),0 12px 22px -12px rgba(0,0,0,.6)}
.btn.light:hover{background:var(--blush);color:var(--navy)}
.btn.line{background:transparent;color:#ffffff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.btn.line:hover{background:rgba(255,255,255,.12)}
.btn[disabled]{opacity:.6;cursor:default;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* bands with bellies */
.band{position:relative;background:var(--c);padding:calc(var(--belly)/2 + 64px) 0 64px}
.band::after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--belly)/-2);height:var(--belly);background:var(--c);border-radius:0 0 50% 50%/0 0 100% 100%;z-index:1;filter:drop-shadow(0 8px 8px rgba(59,80,27,.07));pointer-events:none}
.in{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.b-peri{--c:var(--peri)}.b-white{--c:#ffffff}.b-blush{--c:var(--blush)}.b-butter{--c:var(--butter)}.b-mint{--c:var(--mint)}.b-navy{--c:var(--navy);color:#ffffff}
main>.band:first-child{padding-top:48px}
.g{display:grid;gap:22px}.g>*{min-width:0}
.narrow{max-width:780px;margin:0 auto}
.sh{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 30px;text-align:center}
.sh::after{content:"";display:block;width:14px;height:14px;border-radius:50%;margin:16px auto 0;background:var(--pri);box-shadow:0 0 0 6px rgba(161,216,64,.16),26px 0 0 -3px #9decff,-26px 0 0 -3px #d37c6f}

/* pillows */
.pil{position:relative;background:#ffffff;border:1px solid var(--line);border-radius:var(--r);padding:52px 26px 26px;box-shadow:var(--puff);list-style:none}
.pil::before{content:"";position:absolute;left:26px;top:22px;width:16px;height:16px;border-radius:50%;background:var(--tuft,#daff8f);box-shadow:inset 0 -3px 4px rgba(59,80,27,.22),inset 0 2px 2px rgba(255,255,255,.7),0 0 0 6px rgba(218,255,143,.16)}
.pil:nth-child(4n+2){--tuft:#9decff}.pil:nth-child(4n+3){--tuft:#704dff}.pil:nth-child(4n){--tuft:#d37c6f}
.pt{font-size:1.22rem;margin:0 0 10px}
.pil p{margin:0;color:var(--mut);font-size:.98rem}.pil p.pt{font-size:1.22rem;color:var(--ink);margin:0 0 10px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.steps{counter-reset:s}
.steps .pil{counter-increment:s;padding-top:104px;text-align:center}
.steps .pil::before{content:counter(s);left:50%;top:-30px;margin-left:-55px;width:110px;height:110px;display:grid;place-items:center;background:var(--pri);color:#ffffff;font:700 3rem/1 var(--disp);box-shadow:inset 0 4px 0 rgba(255,255,255,.3),inset 0 -16px 20px -8px rgba(64,96,16,.5),0 14px 20px -12px rgba(161,216,64,.7),0 0 0 8px var(--c)}
.steps{margin-top:60px}

/* hero */
.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:8px 18px 8px 12px;border-radius:999px;background:#ffffff;font:600 .9rem/1.3 var(--body);color:var(--prid);box-shadow:var(--puff)}
.eyebrow::before{content:"";width:12px;height:12px;border-radius:50%;background:#9decff;box-shadow:inset 0 -2px 3px rgba(59,80,27,.25);flex:none}
.lead{font-size:clamp(1.06rem,1.5vw,1.24rem);line-height:1.6;color:var(--mut);margin:20px 0 0;max-width:62ch}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:32px;font-weight:500}
.ticks li::before{content:"";position:absolute;left:2px;top:.36em;width:16px;height:16px;border-radius:50%;background:#d37c6f;box-shadow:inset 0 -3px 4px rgba(59,80,27,.22),inset 0 2px 2px rgba(255,255,255,.7)}
.ticks li:nth-child(3n+2)::before{background:#9decff}.ticks li:nth-child(3n)::before{background:#704dff}
.cush{position:relative;background:var(--navy);color:#ffffff;border-radius:38px;padding:26px 22px 22px;box-shadow:inset 0 3px 0 rgba(255,255,255,.16),inset 0 -22px 30px -14px rgba(0,0,0,.5),0 34px 50px -30px rgba(59,80,27,.75)}
.cush::before,.cush::after{content:"";position:absolute;top:26px;width:14px;height:14px;border-radius:50%;background:#d3f6ff;box-shadow:inset 0 -3px 4px rgba(59,80,27,.35)}
.cush::before{right:26px}.cush::after{right:50px;background:#e3ffae}
.cush-h{font-size:1.08rem;color:#f5ffdf;margin:0 60px 16px 6px;line-height:1.3}

/* code */
.codebox{min-width:0}
.codetabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:5px;border-radius:999px;background:rgba(255,255,255,.08);width:fit-content;max-width:100%}
.codetabs button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#eeffcf;font:600 .93rem/1 var(--disp);cursor:pointer}
.codetabs button[aria-selected="true"]{background:#ffffff;color:var(--navy);box-shadow:inset 0 -6px 8px -5px rgba(161,216,64,.4)}
pre.code{position:relative;margin:1.2em 0;padding:18px 20px;border-radius:22px;background:var(--navy);color:#f8ffe8;font:400 .88rem/1.7 var(--mono);overflow-x:auto;max-width:100%;white-space:pre;tab-size:2;box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -14px 20px -12px rgba(0,0,0,.45)}
.cush pre.code{margin:0;background:#304213;box-shadow:inset 0 2px 8px rgba(0,0,0,.5)}
pre.code code{font:inherit;background:none;padding:0;color:inherit}
pre.code .k{color:#e3ffae;font-weight:600}pre.code .s{color:#9e8aff}pre.code .c{color:#ccdea9}
pre.code .copy{display:block;width:fit-content;position:sticky;left:0;right:0;margin:-6px -8px 8px auto;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#5a782c;color:#ffffff;font:600 .82rem/1 var(--disp);cursor:pointer}
pre.code .copy:hover{background:var(--pri)}

/* facts */
.facts{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.facts li{min-width:0;background:#ffffff;border:1px solid var(--line);border-radius:26px;padding:18px 14px 16px;text-align:center;box-shadow:var(--puff)}
.facts b{display:block;font:700 1.55rem/1.1 var(--disp);color:var(--prid);overflow-wrap:anywhere}
.facts span{display:block;margin-top:6px;font-size:.84rem;line-height:1.35;color:var(--mut)}
.facts.seam{margin:54px 0 -128px}
.after-seam{padding-top:calc(var(--belly)/2 + 124px)}
.facts.big{margin-top:36px}
.facts.big b{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.facts.big li{padding:26px 14px 22px;border-radius:32px}
.facts.big li:nth-child(-n+2){background:var(--navy);border-color:var(--navy);box-shadow:inset 0 3px 0 rgba(255,255,255,.16),inset 0 -18px 24px -12px rgba(0,0,0,.5),0 18px 30px -20px rgba(59,80,27,.7)}
.facts.big li:nth-child(-n+2) b{color:#ffffff}.facts.big li:nth-child(-n+2) span{color:#f0ffd5}
.facts.chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}
.facts.chips li{grid-column:span 2;padding:12px 10px;border-radius:20px}
.facts.chips li:nth-child(-n+2){grid-column:span 3}
.facts.chips b{font-size:1.15rem}.facts.chips span{font-size:.78rem}
.sub{margin:22px 0 0;text-align:center;font-weight:500;color:var(--mut)}

/* page tops */
.top-in>h1,.top-in>.lead,.top-in>.upd{max-width:860px}
.top .lead{max-width:68ch}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;font-size:.86rem}
.crumbs li{display:inline-flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pri);margin:0 8px 0 2px;opacity:.5;flex:none}
.crumbs a,.crumbs span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.75);color:var(--ink);text-decoration:none;font-weight:500}
.crumbs a{min-height:44px}
.crumbs a:hover{background:#ffffff}
.crumbs span{background:transparent;padding:0 4px;color:var(--mut)}
.upd{margin:20px 0 0;font-size:.9rem;color:var(--mut);font-weight:500}

/* key page */
.keygrid{grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-areas:"l f" "x f";column-gap:52px;row-gap:0;align-items:start}
.key-l{grid-area:l;padding-top:10px}.key-f{grid-area:f}.key-x{grid-area:x}
.form{position:relative;background:#ffffff;border:1px solid var(--line);border-radius:36px;padding:26px;box-shadow:inset 0 3px 0 #ffffff,inset 0 -18px 26px -16px rgba(161,216,64,.24),0 34px 50px -32px rgba(59,80,27,.55)}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;margin-bottom:18px;border-radius:999px;background:var(--peri)}
.tabs2 button{min-height:46px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 .98rem/1.1 var(--disp);cursor:pointer;padding:0 10px}
.tabs2 button[aria-selected="true"]{background:#ffffff;color:var(--prid);box-shadow:0 4px 10px -4px rgba(59,80,27,.35),inset 0 -5px 8px -5px rgba(161,216,64,.3)}
.msg{font-size:.94rem;font-weight:500}
.msg:empty{display:none}
.msg.err{margin:0 0 14px;padding:12px 18px;border-radius:20px;background:#e1f7ff;color:#12758c;border:1px solid #b3ecff}
.row{margin:0 0 14px}
.row label,.calc label{display:block;margin:0 0 6px 6px;font:600 .9rem/1.3 var(--body);color:var(--ink)}
input,select,textarea{width:100%;min-height:52px;padding:12px 18px;border:2px solid transparent;border-radius:20px;background:#faffee;color:var(--ink);font:500 1rem/1.4 var(--body);box-shadow:inset 0 3px 6px -2px rgba(161,216,64,.22)}
textarea{border-radius:22px;resize:vertical;min-height:150px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri);background:#ffffff}
.note{margin:8px 6px 0;font-size:.85rem;line-height:1.45;color:var(--mut)}
.form form .btn,.supform form .btn{width:100%;min-height:56px;margin-top:6px;font-size:1.05rem}
.form [data-note]{text-align:center;margin-top:12px}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font-size:1.3rem;margin:0 0 12px}
.keybox{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-radius:22px;background:var(--navy);color:#ffffff;font:600 .9rem/1.4 var(--mono)}
.keybox span{flex:1;min-width:0;overflow-wrap:anywhere}
.keybox .btn{flex:none;background:#ffffff;color:var(--navy);box-shadow:none}
.keyout p{margin:14px 0 0;font-size:.95rem;overflow-wrap:anywhere}
.keyout code,.prose code{font:400 .9em var(--mono);background:#faffee;padding:.15em .5em;border-radius:8px;overflow-wrap:anywhere}
.mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

/* prose */
.prose{min-width:0;overflow-wrap:break-word}
.prose h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin:1.9em 0 .6em;scroll-margin-top:96px}
.prose h3{font-size:1.2rem;margin:1.5em 0 .4em}
.prose>h2:first-child,.prose>:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--pri);font-weight:700}
.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;font-size:.94rem;background:#ffffff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--peri);font-family:var(--disp)}
.prose tr:last-child>*{border-bottom:0}
.prose blockquote{margin:1.2em 0;padding:16px 22px;border-radius:22px;background:var(--peri)}
main>section:not(.band){position:relative;z-index:2;background:#ffffff;padding:8px 0 40px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap>div{max-width:860px;margin:0 auto!important}
.wrap table{background:#ffffff;border-radius:16px}
.wrap h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin:0 0 .6em}

/* docs / article */
.docgrid{grid-template-columns:270px minmax(0,1fr);gap:52px;align-items:start}
.artgrid{grid-template-columns:minmax(0,740px) 290px;gap:56px;justify-content:center;align-items:start}
.rail{position:sticky;top:96px;display:grid;gap:18px;max-height:calc(100vh - 110px);overflow:auto;padding:4px 4px 30px}
.toc{background:var(--peri);border-radius:var(--r);padding:20px 12px 14px;box-shadow:inset 0 2px 0 #ffffff,inset 0 -14px 20px -14px rgba(161,216,64,.25)}
.toc-h{font:700 1rem var(--disp);margin:0 12px 8px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border-radius:18px;color:var(--ink);text-decoration:none;font-size:.92rem;line-height:1.3;font-weight:500;counter-increment:t}
.toc a::before{content:counter(t);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff;color:var(--prid);font:700 .8rem var(--disp);box-shadow:inset 0 -3px 4px rgba(161,216,64,.25)}
.toc a:hover{background:#ffffff}
.side{padding-top:50px}
.side .btn{margin-top:16px;width:100%}
.read .prose{font-size:1.06rem;line-height:1.78}
.takeaways{background:var(--butter);margin-bottom:34px;--tuft:#704dff}
.takeaways .ticks{margin-top:6px}.takeaways .ticks li{font-weight:400;color:var(--ink)}

/* pricing */
.pricegrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.pricegrid .sh{text-align:left}.pricegrid .sh::after{margin-left:26px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--peri);border-radius:34px;padding:24px;box-shadow:inset 0 3px 0 #ffffff,inset 0 -18px 26px -16px rgba(161,216,64,.3),0 24px 40px -30px rgba(59,80,27,.5)}
.calc>div{min-width:0}
.calc input{background:#ffffff;font-family:var(--mono)}
.calc>div:last-child{grid-column:1/-1;background:var(--navy);color:#ffffff;border-radius:26px;padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;box-shadow:inset 0 3px 0 rgba(255,255,255,.16),inset 0 -14px 20px -10px rgba(0,0,0,.5)}
.calc>div:last-child label{color:#f5ffdf;margin:0}
.calc output{font:700 clamp(1.8rem,4vw,2.4rem)/1 var(--disp);color:#ffffff}
.examples{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.examples .pil{padding:22px 24px 22px 58px}
.examples .pil::before{left:24px;top:26px}
.examples .pt{font-size:1.1rem}

/* faq */
.faq{display:grid;gap:12px}
.qa{background:#ffffff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--puff)}
.qa summary{position:relative;list-style:none;cursor:pointer;min-height:60px;padding:16px 64px 16px 24px;font:700 1.06rem/1.35 var(--disp);display:flex;align-items:center}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:20px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--mint) linear-gradient(var(--ink),var(--ink)) center/12px 2.5px no-repeat;box-shadow:inset 0 -3px 4px rgba(59,80,27,.18);transition:transform .2s}
.qa summary::before{content:"";position:absolute;right:33px;top:50%;width:2.5px;height:12px;margin-top:-6px;background:var(--ink);z-index:1;transition:transform .2s}
.qa[open] summary::before{transform:scaleY(0)}
.qa p{margin:0;padding:0 24px 20px;color:var(--mut)}

/* cta + footer */
.cta-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.cta-in>*{min-width:0}
.cta-in h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.cta-in p{margin:14px 0 0;color:#f0ffd5;max-width:56ch}
.cta-in .btns{margin:0}
.ft{padding:calc(var(--belly)/2 + 56px) 0 40px}
.ft-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:30px}
.ft-b p{margin:10px 0 16px;color:var(--mut)}
.ft-l{list-style:none;margin:0;padding:0}
.ft-l a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:500}
.ft-l a:hover{color:var(--prid);text-decoration:underline}
.legal{grid-column:1/-1;margin:10px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:.86rem;color:var(--mut)}

/* support / 404 */
.supgrid{grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.supform{padding:30px 28px 28px}
.supform::before{display:none}
.supform form{margin-top:0!important}
.supform [data-support-msg]{font-weight:600;color:var(--prid);margin-bottom:0}
.supform [data-support-msg]:empty{display:none}
.nf .top-in{margin:0 auto;max-width:860px;text-align:center;padding:30px 0 20px}
.nf .lead{margin-left:auto;margin-right:auto}
.nf .btns{justify-content:center}
.nf-pillow .mark{width:120px;height:120px}

@media (max-width:1060px){
.nav a{padding:0 11px;font-size:.93rem}
.hero{grid-template-columns:minmax(0,1fr);gap:34px}
.g4{grid-template-columns:repeat(2,1fr)}
.docgrid,.artgrid,.pricegrid,.supgrid{grid-template-columns:minmax(0,1fr)}
.rail{position:static;max-height:none;overflow:visible;padding:0}
.docgrid .side{display:none}
.artgrid .rail{order:-1}.artgrid .side{display:none}
.keygrid{grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:30px}
}
@media (max-width:860px){
:root{--belly:44px}
body{font-size:16px}
.hd-in{padding:8px 16px;gap:10px;min-height:64px}
.burger{display:flex;flex:none}
.nav{display:none;position:absolute;left:10px;right:10px;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:2px;padding:12px;background:#ffffff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 50px -20px rgba(59,80,27,.5)}
.nav.open{display:flex}
.nav a{min-height:50px;padding:0 20px;font-size:1.05rem}
.logo{font-size:1rem;gap:8px}
.mark{width:30px;height:30px}
.hcta{min-height:44px;padding:0 16px;font-size:.9rem}
.in,.wrap{padding:0 16px}
.band{padding:calc(var(--belly)/2 + 44px) 0 44px}
main>.band:first-child{padding-top:30px}
.g3,.g2{grid-template-columns:minmax(0,1fr)}
.steps{gap:52px}
.facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.facts li{grid-column:span 2;padding:14px 8px;border-radius:20px}
.facts li:nth-child(-n+2){grid-column:span 3}
.facts b{font-size:1.2rem}.facts span{font-size:.76rem}
.facts.seam{margin:36px 0 0}
.after-seam{padding-top:calc(var(--belly)/2 + 44px)}
.cush{border-radius:28px;padding:22px 12px 12px}
.cush::before{right:20px;top:22px}.cush::after{right:42px;top:22px}
pre.code{font-size:.8rem;padding:14px;border-radius:18px}
.keygrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"l" "f" "x";row-gap:22px}
.key-l{padding-top:0}
.key-band .lead{margin-top:12px;font-size:1rem}
.key-band .crumbs ol{margin-bottom:12px}
.form{padding:18px;border-radius:28px}
.cta-in{grid-template-columns:minmax(0,1fr)}
.ft-in{grid-template-columns:1fr 1fr}
.ft-b{grid-column:1/-1}
.pil{padding:48px 20px 22px}
.btn.big{min-height:54px;padding:0 26px;font-size:1.02rem}
.sh{margin-bottom:24px}
}
@media (max-width:520px){
.g4{grid-template-columns:minmax(0,1fr)}
.calc{grid-template-columns:minmax(0,1fr);padding:18px;border-radius:28px}
.btns .btn.big{flex:1 1 100%}
.supform{padding:22px 16px}
.prose table{display:block;overflow-x:auto}
}
@media (max-width:380px){.logo span{font-size:.92rem}.hcta{padding:0 12px;font-size:.84rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}