/* uncensoredaimodel.top - PNEUMATIC POST */
:root{--bg:#fff6f7;--mist:#fde9ec;--sky:#ffd5dc;--line:#fad8dc;--line2:#ffb1bc;--tube:#ffe2e5;--pri:#d0394b;--pri2:#b42839;--pri3:#e66977;--ink:#451a23;--mut:#784d55;--deep:#43191f;--deep2:#59242b;--mint:#d4c6f1;--peach:#c7ffcb;--butter:#b8ffde;--pink:#f4ffd6;--disp:"Comfortaa","Cabin",system-ui,sans-serif;--body:"Cabin",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Fira Mono",ui-monospace,Menlo,Consolas,monospace;--sh:0 18px 40px -22px rgba(170,44,59,.45)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--pri)}
h1,h2,h3{font-family:var(--disp);line-height:1.18;margin:0;letter-spacing:-.02em;overflow-wrap:break-word}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--pri);outline-offset:3px;border-radius:8px}
.b-deep :focus-visible,pre :focus-visible,.codebox :focus-visible{outline-color:var(--mint)}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:#ffffff;padding:12px 20px;border-radius:999px}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1228px;margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:868px}

/* buttons = carrier capsules */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 68px 8px 28px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--pri) 0,var(--pri) calc(100% - 50px),var(--pri3) calc(100% - 50px));color:#ffffff;font:600 17px/1.2 var(--body);text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 3px 0 var(--pri2),0 14px 26px -14px rgba(208,57,75,.75);transition:transform .15s,box-shadow .15s}
.btn::after{content:"";position:absolute;right:21px;top:50%;width:9px;height:9px;border:solid #ffffff;border-width:2.5px 2.5px 0 0;transform:translate(0,-50%) rotate(45deg);transition:transform .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--pri2),0 18px 28px -14px rgba(208,57,75,.8)}
.btn:hover::after{transform:translate(4px,-50%) rotate(45deg)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pri2)}
.btn.big{min-height:60px;font-size:18.5px;padding-left:34px}
.btn.sm,.btn.ghost{padding:8px 22px;background:var(--pri)}
.btn.sm::after,.btn.ghost::after{display:none}
.btn.sm{min-height:44px;font-size:15px;box-shadow:0 2px 0 var(--pri2)}
.btn.ghost{background:#ffffff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line2),0 3px 0 var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--pri),0 4px 0 var(--line2)}
.btn.inv{background:linear-gradient(90deg,#ffffff 0,#ffffff calc(100% - 50px),var(--mint) calc(100% - 50px));color:var(--ink);box-shadow:0 3px 0 var(--line2)}
.btn.inv::after{border-color:var(--ink)}
.btn[disabled]{opacity:.6;cursor:wait}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:76px}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:700 17px/1.15 var(--disp);letter-spacing:-.02em;min-width:0}
.logo .mark{flex:none;width:40px;height:40px}
.nav{margin-left:auto}
.track{display:flex;gap:2px;padding:4px;border-radius:999px;border:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--tube) 46%,var(--tube) 66%,#ffffff 100%)}
.track a{display:flex;align-items:center;min-height:44px;padding:0 17px;border-radius:999px;color:var(--ink);font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap;border:2px solid transparent}
.track a:hover{background:rgba(255,255,255,.85);border-color:var(--line2)}
.track a[aria-current]{background:linear-gradient(90deg,var(--mint) 0,var(--mint) 16px,#ffffff 16px);border-color:var(--ink);padding-left:28px}
.btn.cta{min-height:48px;font-size:16px;white-space:nowrap}
.burger{display:none;width:46px;height:46px;flex:none;border:2px solid var(--line2);border-radius:50%;background:#ffffff;cursor:pointer;padding:0;position:relative}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:50%;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:var(--ink)}
.burger span{top:50%;margin-top:-1.5px}
.burger span::before{top:-6px}
.burger span::after{top:6px}

/* bands + tube runs */
.band{padding:84px 0;position:relative}
.b-white{background:#ffffff}
.b-mist{background:var(--mist)}
.b-hero{background:radial-gradient(620px 320px at 92% 0,rgba(199,255,203,.75),transparent 70%),radial-gradient(520px 320px at 0 100%,rgba(212,198,241,.7),transparent 70%),linear-gradient(180deg,var(--mist),var(--bg));padding:56px 0 88px}
.b-hero.slim{padding:48px 0 72px}
.b-deep{background:radial-gradient(560px 300px at 12% 0,rgba(230,105,119,.5),transparent 70%),radial-gradient(520px 300px at 90% 100%,rgba(212,198,241,.16),transparent 70%),var(--deep);color:#ffffff}
.run{position:relative;z-index:2;height:28px;margin:-14px 0;border-block:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.run::before,.run::after{content:"";position:absolute;top:-9px;width:16px;height:42px;border-radius:7px;background:var(--pri)}
.run::before{left:7%}
.run::after{right:7%}
.run i{position:absolute;top:2px;left:22%;height:20px;width:78px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--cap,var(--mint)) 0,var(--cap,var(--mint)) 36%,#ffffff 36%);animation:glide 1.4s cubic-bezier(.2,.7,.2,1) both}
.run.r2 i{left:64%;--cap:var(--peach)}
.run.r3 i{left:41%;--cap:var(--butter)}
.run.r4 i{left:78%;--cap:var(--pink)}
@keyframes glide{from{transform:translateX(-90px)}to{transform:none}}

/* section heads */
.sh{font-size:clamp(26px,3.1vw,38px);font-weight:700;margin-bottom:36px;max-width:22ch}
.pm{display:block;width:54px;height:16px;margin-bottom:18px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--line2) 0,var(--line2) 40%,#ffffff 40%)}

/* page heads */
.ph h1,.hero h1{font-size:clamp(31px,4.3vw,54px);font-weight:700}
.ph.mid h1,.ph.wide h1{max-width:20ch}
.ph.wide h1{max-width:24ch;font-size:clamp(29px,3.8vw,48px)}
.keygrid .ph h1{font-size:clamp(30px,3.5vw,44px)}
.lead{font-size:clamp(18px,1.6vw,20.5px);line-height:1.6;color:var(--mut);margin:20px 0 0;max-width:60ch}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0 0 22px;padding:0;font-size:14.5px;font-weight:600}
.crumbs li{display:flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"";width:22px;height:8px;margin:0 2px;border-block:2px solid var(--line2);background:#ffffff;flex:none}
.crumbs a,.crumbs span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:99px;border:2px solid var(--line2);background:#ffffff;color:var(--ink);text-decoration:none}
.crumbs a{min-height:44px}
.crumbs a:hover{border-color:var(--pri)}
.crumbs span{background:var(--sky);border-color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62vw;display:block;line-height:30px}
.meta{margin:22px 0 0;font-size:15px;color:var(--mut);font-weight:600}
.meta time{font-family:var(--mono);font-weight:400;background:#ffffff;border:2px solid var(--line2);border-radius:99px;padding:3px 12px;margin-left:4px}

/* home hero */
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:center}
.hero>*{min-width:0}
.eyebrow{display:inline-flex;align-items:center;margin:0 0 22px;padding:5px 16px 5px 30px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--peach) 0,var(--peach) 20px,#ffffff 20px);font-weight:700;font-size:14.5px;letter-spacing:.02em}
.ticks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:11px}
.ticks li{position:relative;padding-left:44px;font-weight:500}
.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:30px;height:13px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--mint) 0,var(--mint) 45%,#ffffff 45%)}
.acts-h{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 0}
.acts-c{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:30px 0 0}
.station{position:relative}
.inlet{display:block;width:100%;height:auto;margin-bottom:-2px}

/* code */
.codebox{background:var(--deep);border-radius:30px;padding:12px;box-shadow:var(--sh);min-width:0}
.codetabs{display:inline-flex;max-width:100%;gap:2px;padding:4px;border-radius:99px;background:var(--deep2);overflow-x:auto}
.codetabs button{min-height:44px;padding:0 20px;border:0;border-radius:99px;background:transparent;color:#f5c8ce;font:500 14.5px var(--mono);cursor:pointer;white-space:nowrap}
.codetabs button:hover{color:#ffffff}
.codetabs button[aria-selected="true"]{background:linear-gradient(90deg,var(--mint) 0,var(--mint) 14px,#ffffff 14px);color:var(--ink);padding-left:26px}
pre.code{position:relative;margin:0;padding:20px 22px 22px;background:var(--deep);color:#ffeaed;border-radius:24px;font:400 14.5px/1.7 var(--mono);overflow-x:auto;max-width:100%;tab-size:2;-webkit-overflow-scrolling:touch}
.codebox pre.code{border-radius:20px;padding:16px 14px 14px}
pre.code code{font:inherit;background:none;padding:0;border:0;color:inherit;white-space:pre}
pre.code .k{color:#ffb1bc}
pre.code .s{color:#bea5ec}
pre.code .c{color:#d09ea6}
.copy{display:block;position:sticky;left:0;margin:0 0 12px;min-height:44px;padding:0 16px;border-radius:99px;border:2px solid #a0535e;background:var(--deep2);color:#ffffff;font:600 13.5px var(--body);cursor:pointer}
.copy:hover{border-color:var(--mint);color:var(--mint)}

/* facts rack */
.rack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:56px;padding:10px;border-radius:52px;border:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 14%,var(--tube) 46%,var(--tube) 70%,#ffffff 100%)}
.fact{display:flex;align-items:stretch;min-width:0;min-height:68px;border-radius:99px;border:2.5px solid var(--ink);background:#ffffff;overflow:hidden}
.fact b{display:flex;align-items:center;flex:none;padding:0 13px 0 19px;background:var(--mint);font:700 19px/1 var(--disp);letter-spacing:-.03em;white-space:nowrap}
.fact:nth-child(2) b{background:var(--peach)}
.fact:nth-child(3) b{background:var(--butter)}
.fact:nth-child(4) b{background:var(--sky)}
.fact:nth-child(5) b{background:var(--pink)}
.fact span{display:flex;align-items:center;padding:6px 16px 6px 11px;font-size:13.5px;line-height:1.25;font-weight:600;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.sheet+.rack{margin-top:36px;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:46px}
.sheet+.rack .fact{grid-column:span 2}
.sheet+.rack .fact:nth-child(-n+2){grid-column:span 3}
.sub{margin:22px 0 0;font-weight:600;color:var(--mut);text-align:center}

/* grids, cards */
.grid{display:grid;gap:22px}
.grid>*{min-width:0}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--bg);border:2px solid var(--line);border-radius:30px;padding:28px 28px 24px}
.card h3{font-size:20px;margin:18px 0 10px}
.card p{margin:0;color:var(--mut)}
.num{display:inline-flex;align-items:center;height:28px;width:74px;padding-left:12px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--mint) 0,var(--mint) 44px,#ffffff 44px);font:500 13px var(--mono)}
.card:nth-child(4n+2) .num{background:linear-gradient(90deg,var(--peach) 0,var(--peach) 44px,#ffffff 44px)}
.card:nth-child(4n+3) .num{background:linear-gradient(90deg,var(--butter) 0,var(--butter) 44px,#ffffff 44px)}
.card:nth-child(4n+4) .num{background:linear-gradient(90deg,var(--sky) 0,var(--sky) 44px,#ffffff 44px)}
.use{border-radius:36px;padding:32px 32px 28px;background:var(--mint)}
.use:nth-child(2){background:var(--peach)}
.use:nth-child(3){background:var(--butter)}
.use:nth-child(4){background:var(--sky)}
.use h3{font-size:22px;margin-bottom:10px}
.use p{margin:0}

/* steps = stations on one tube */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;position:relative}
.steps::before{content:"";position:absolute;left:-12px;right:-12px;top:18px;height:28px;border-radius:99px;border:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.steps li{position:relative;min-width:0}
.port{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffffff;border:3px solid var(--pri);box-shadow:0 0 0 6px var(--sky);font:700 23px/1 var(--disp);color:var(--pri);margin-left:12px}
.b-white .steps::before{background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--mist) 44%,var(--mist) 68%,#ffffff 100%)}
.steps h3{font-size:21px;margin:26px 0 10px}
.steps p{margin:0;color:var(--mut)}

/* prose */
.sheet{background:#ffffff;border-radius:36px;border:2px solid var(--line);padding:clamp(24px,5vw,56px);box-shadow:var(--sh)}
.prose{font-size:17.5px;line-height:1.72;min-width:0;overflow-wrap:break-word}
.prose>*:first-child{margin-top:0}
.prose>*:last-child{margin-bottom:0}
.prose h2{font-size:clamp(23px,2.5vw,29px);margin:1.9em 0 .7em;scroll-margin-top:100px}
.prose h3{font-size:20px;margin:1.6em 0 .6em;scroll-margin-top:100px}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.prose li{position:relative;padding-left:34px;margin-bottom:.55em}
.prose ul>li::before{content:"";position:absolute;left:0;top:.62em;width:20px;height:9px;border-radius:99px;background:linear-gradient(90deg,var(--pri) 0,var(--pri) 45%,var(--line2) 45%)}
.prose ol{counter-reset:n}
.prose ol>li{counter-increment:n}
.prose ol>li::before{content:counter(n);position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:50%;background:var(--sky);font:700 12.5px/24px var(--disp);text-align:center}
.prose a{font-weight:600;text-underline-offset:3px}
.prose strong{font-weight:700}
.prose :not(pre)>code,.keyout code{font:400 .88em var(--mono);background:var(--mist);border-radius:8px;padding:2px 7px;overflow-wrap:anywhere}
.prose pre.code{margin:0 0 1.4em}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;margin:0 0 1.4em;font-size:15.5px;border:2px solid var(--line);border-radius:22px}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:2px solid var(--line);min-width:120px}
.prose th{background:var(--mist);font-family:var(--disp);font-size:14px}
.prose tr:last-child td{border-bottom:0}
.prose blockquote{margin:0 0 1.2em;padding:18px 24px;border-radius:24px;background:var(--mist)}

/* FAQ */
.faq{display:grid;gap:12px}
.faq details{border-radius:30px;background:var(--bg);border:2px solid var(--line);transition:border-color .15s}
.b-mist .faq details{background:#ffffff}
.faq details[open]{border-color:var(--pri)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px 12px 26px;cursor:pointer;list-style:none;font:700 17.5px/1.35 var(--disp);letter-spacing:-.01em;border-radius:30px}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(#ffffff,#ffffff) center/14px 2.5px no-repeat,linear-gradient(#ffffff,#ffffff) center/2.5px 14px no-repeat,var(--pri);transition:transform .2s}
.faq details[open] summary i{transform:rotate(45deg)}
.ans{padding:0 26px 22px}
.ans p{margin:0;color:var(--mut)}

/* closing */
.closing{text-align:center;padding:96px 0 100px}
.closing h2{font-size:clamp(28px,3.6vw,44px);max-width:20ch;margin:0 auto 16px}
.closing p{color:#f8d5da;max-width:52ch;margin:0 auto;font-size:18.5px}
.tail{padding:0 0 84px}
.tail .acts-c{margin-top:0}

/* key + support */
.keygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);grid-template-areas:"head form" "ben form";gap:36px 64px;align-items:start}
.keygrid>.ph,.keygrid>.ph-col{grid-area:head}
.hatch{grid-area:form;position:relative;padding-top:34px}
.hatch::before{content:"";position:absolute;left:52px;top:-58px;width:30px;height:98px;border-inline:2px solid var(--line2);background:linear-gradient(90deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.hatch::after{content:"";position:absolute;left:43px;top:24px;width:48px;height:16px;border-radius:7px;background:var(--pri);z-index:2}
.bens{grid-area:ben;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bens li{background:rgba(255,255,255,.8);border:2px solid var(--line);border-radius:26px;padding:20px 22px;min-width:0}
.bens h2{font-size:17px;margin-bottom:6px;padding-left:38px;position:relative;line-height:1.3}
.bens h2::before{content:"";position:absolute;left:0;top:.28em;width:28px;height:12px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--mint) 0,var(--mint) 45%,#ffffff 45%)}
.bens li:nth-child(2) h2::before{background:linear-gradient(90deg,var(--peach) 0,var(--peach) 45%,#ffffff 45%)}
.bens li:nth-child(3) h2::before{background:linear-gradient(90deg,var(--butter) 0,var(--butter) 45%,#ffffff 45%)}
.bens li:nth-child(4) h2::before{background:linear-gradient(90deg,var(--sky) 0,var(--sky) 45%,#ffffff 45%)}
.bens p{margin:0;font-size:15.5px;line-height:1.5;color:var(--mut)}
.card.form{position:relative;background:#ffffff;border:2.5px solid var(--ink);border-radius:36px;padding:28px;box-shadow:0 8px 0 var(--sky),var(--sh)}
.tabs2{display:flex;gap:2px;padding:4px;margin-bottom:20px;border-radius:99px;border:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.tabs2 button{flex:1;min-height:46px;padding:0 12px;border:2px solid transparent;border-radius:99px;background:transparent;color:var(--ink);font:600 15.5px var(--body);cursor:pointer}
.tabs2 button[aria-selected="true"]{background:linear-gradient(90deg,var(--mint) 0,var(--mint) 16px,#ffffff 16px);border-color:var(--ink)}
.msg{font-weight:600;font-size:15px;border-radius:20px}
.msg:empty{display:none}
.msg:not(:empty){margin-bottom:16px;padding:12px 18px;background:var(--mint);color:#240d4a}
.msg.err:not(:empty){background:#d6ffd6;color:#198c0b;border:2px solid #93f092}
.row{margin-bottom:16px}
.row label,.calc label{display:block;margin:0 0 7px 6px;font-weight:700;font-size:14.5px}
input,select,textarea{font:400 17px var(--body);color:var(--ink)}
.row input,.row select,.row textarea,.calc input{display:block;width:100%;min-height:54px;padding:0 22px!important;border:2px solid var(--line2);border-radius:99px;background:var(--bg);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.row textarea{border-radius:26px;padding:16px 22px!important;min-height:170px;resize:vertical;line-height:1.5}
.row select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 26px) 50%,calc(100% - 19px) 50%;background-size:7px 7px;background-repeat:no-repeat;padding-right:48px!important}
.row input:focus,.row select:focus,.row textarea:focus,.calc input:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 4px var(--sky);background:#ffffff}
.note{margin:8px 6px 0;font-size:13.5px;line-height:1.45;color:var(--mut)}
.form .btn[data-submit],.supform button.btn{width:100%;min-height:58px;margin-top:6px}
.form a.btn.ghost{width:100%;min-height:54px;margin-bottom:4px}
.form a.btn.ghost svg{flex:none}
.form .btn+.note{margin-top:16px;text-align:center}
form[data-form]+.keyout,.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font-size:22px;margin-bottom:14px}
.keybox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 12px 12px 20px;border-radius:26px;background:var(--deep);color:#ffffff}
.keybox span{flex:1 1 200px;min-width:0;font:400 14.5px/1.5 var(--mono);overflow-wrap:anywhere;color:var(--mint)}
.keybox .btn.sm{background:#ffffff;color:var(--ink);box-shadow:none}
.keyout p{margin:14px 0 0;line-height:1.9}
.keyout p.note{line-height:1.45;margin-top:10px}
.keyout .mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.supform form{margin:0!important}
.supform [data-support-msg]{margin:14px 6px 0!important;font-weight:600}
.supform [data-support-msg]:empty{display:none}
.ph-col .side{margin-top:32px;max-width:440px}

/* docs / article shell */
.shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:64px;align-items:start}
.shell.rev{grid-template-columns:minmax(0,740px) 270px;justify-content:space-between}
.shell>*{min-width:0}
.rail{position:sticky;top:104px;display:grid;gap:22px;max-height:calc(100vh - 124px);overflow-y:auto;padding:2px}
.toc-h,.side-h{font:700 17px/1.3 var(--disp);margin:0 0 14px;letter-spacing:-.01em}
.toc ol{list-style:none;margin:0;padding:6px 0 6px 34px;position:relative}
.toc ol::before{content:"";position:absolute;left:0;top:0;bottom:0;width:20px;border-radius:99px;border:2px solid var(--line2);background:linear-gradient(90deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.toc li{position:relative}
.toc li::before{content:"";position:absolute;left:-30px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#ffffff;border:2.5px solid var(--pri)}
.toc a{display:flex;align-items:center;min-height:44px;padding:6px 0;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.3;font-weight:500}
.toc a:hover{color:var(--pri);text-decoration:underline}
.side{background:var(--mist);border-radius:30px;padding:24px}
.side p{font-size:15.5px;line-height:1.5;color:var(--mut)}
.side .side-h{color:var(--ink);font-size:17px;margin-bottom:8px}
.side .btn{width:100%;font-size:16px}
.take{background:var(--butter);border-radius:32px;padding:28px 30px;margin-bottom:2em}
.prose .take h2{font-size:21px;margin:0 0 14px}
.take ul{margin:0}
.take li:last-child{margin-bottom:0}
.prose .take ul>li::before{width:26px;height:12px;top:.5em;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--pri3) 0,var(--pri3) 45%,#ffffff 45%)}

/* pricing */
.calcgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.calcgrid>*{min-width:0}
.calc{display:grid;gap:16px;padding:26px;border-radius:36px;border:2.5px solid var(--ink);background:#ffffff;box-shadow:0 8px 0 var(--sky),var(--sh)}
.calc>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-top:4px;padding:16px 26px;border-radius:99px;background:var(--deep)}
.calc>div:last-child label{margin:0;color:#f8d5da;font-weight:600}
.calc output{font:700 clamp(28px,3.4vw,38px)/1.1 var(--disp);color:var(--mint);letter-spacing:-.03em}
.exs{display:grid;gap:14px}
.exs .sh{margin-bottom:22px}
.ex{border-radius:28px;padding:22px 26px;background:var(--mint)}
.ex:nth-of-type(2){background:var(--peach)}
.ex:nth-of-type(3){background:var(--butter)}
.ex h3{font-size:18.5px;margin-bottom:8px}
.ex p{margin:0;font-size:16px;line-height:1.55}

/* 404 */
.nf{text-align:center;padding:90px 0 120px}
.nf .lead{margin-inline:auto}
.parked{position:relative;height:56px;margin:0 auto 44px;max-width:520px;border-radius:99px;border:2px solid var(--line2);background:linear-gradient(180deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.parked i{position:absolute;left:50%;top:9px;width:150px;height:34px;margin-left:-75px;border-radius:99px;border:2.5px solid var(--ink);background:linear-gradient(90deg,var(--peach) 0,var(--peach) 38%,#ffffff 38%)}

/* footer */
.foot{background:var(--mist);padding:56px 0 44px;border-top:2px solid var(--line2)}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px}
.tag{margin:0;color:var(--mut);font-weight:600}
.foot-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;padding:0}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:99px;background:#ffffff;border:2px solid var(--line2);color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.foot-links a:hover{border-color:var(--pri);color:var(--pri)}
.legal{margin:0;font-size:14px;color:var(--mut);max-width:90ch}

/* responsive */
@media (max-width:1100px){
.rack{grid-template-columns:repeat(6,minmax(0,1fr));border-radius:46px}
.fact{grid-column:span 2}
.fact:nth-child(-n+2){grid-column:span 3}
.hero{gap:40px}
.keygrid{gap:32px 40px;grid-template-columns:minmax(0,1fr) minmax(0,430px)}
.bens{grid-template-columns:1fr}
.shell,.shell.rev{gap:40px}
}
@media (max-width:1020px){
.burger{display:block}
.nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:14px 16px 20px;background:#ffffff;border-bottom:2px solid var(--line2);box-shadow:0 24px 30px -20px rgba(69,26,35,.35)}
.nav.open{display:block}
.track{flex-direction:column;border-radius:30px;padding:6px;background:var(--mist)}
.track a{min-height:48px;font-size:17px}
.btn.cta{margin-left:auto}
.bar{gap:12px}
}
@media (max-width:900px){
.band{padding:64px 0}
.b-hero{padding:40px 0 68px}
.hero,.calcgrid,.keygrid,.shell,.shell.rev{grid-template-columns:minmax(0,1fr);grid-template-areas:none}
.keygrid>.ph,.keygrid>.ph-col,.hatch,.bens{grid-area:auto}
.hatch::before{top:-22px;height:60px}
.bens{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.rail{position:static;max-height:none;overflow:visible}
.shell .rail .side{display:none}
.shell.rev .rail{order:-1}
.steps{grid-template-columns:1fr;gap:30px}
.steps::before{left:18px;right:auto;top:-6px;bottom:-6px;width:28px;height:auto;background:linear-gradient(90deg,#ffffff 0,#ffffff 16%,var(--tube) 44%,var(--tube) 68%,#ffffff 100%)}
.b-white .steps::before{background:linear-gradient(90deg,#ffffff 0,#ffffff 16%,var(--mist) 44%,var(--mist) 68%,#ffffff 100%)}
.steps li{padding-left:88px;min-height:64px}
.port{position:absolute;left:0;top:0;margin:0}
.steps h3{margin-top:6px}
}
@media (max-width:640px){
body{font-size:16.5px}
.wrap{padding:0 16px}
.bar{min-height:66px;gap:8px}
.logo{font-size:12.5px;gap:8px;flex:1}
.logo .mark{width:36px;height:36px}
.btn.cta{min-height:44px;padding:6px 16px;font-size:14.5px;background:var(--pri)}
.btn.cta::after{display:none}
.burger{width:44px;height:44px}
.rack{grid-template-columns:1fr;border-radius:42px;margin-top:40px}
.rack,.sheet+.rack{grid-template-columns:1fr}
.fact,.fact:nth-child(-n+2),.sheet+.rack .fact,.sheet+.rack .fact:nth-child(-n+2){grid-column:auto;min-height:56px}
.fact b{min-width:104px}
.fact span{font-size:14.5px}
.g3,.g2,.bens{grid-template-columns:1fr}
.card,.use{padding:24px 22px;border-radius:28px}
.acts-h .btn{width:100%}
.card.form{padding:20px 18px;border-radius:30px}
.calc{padding:18px;border-radius:30px}
.calc>div:last-child{border-radius:26px;padding:16px 20px}
.sheet{border-radius:28px}
.prose{font-size:17px}
.faq summary{padding-left:20px;font-size:16.5px}
.ans{padding:0 20px 20px}
.closing{padding:76px 0 80px}
.run::before{left:5%}
.run::after{right:5%}
.foot .logo{flex:none;font-size:16px}
.codetabs button{padding:0 15px}
.codetabs button[aria-selected="true"]{padding-left:24px}
pre.code{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}