:root{--g:#f8e6e6;--g2:#f6d9da;--card:#ffffff;--ink:#3a0f0f;--mut:#7a4746;--co:#c9211f;--co2:#9f1816;--pale:#fdddde;--mid:#3f0d0d;--deep:#2b0807;--am:#24ffe9;--pt:#fbe8e8;--pm:#e2aaaa;--ln:#f0d5d5;
--fd:"Sora",system-ui,sans-serif;--fb:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"Sometype Mono",ui-monospace,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font:400 17px/1.62 var(--fb);color:var(--ink);background:var(--g);background-image:radial-gradient(900px 520px at 8% -80px,#fff6f6 0,transparent 70%),radial-gradient(760px 600px at 104% 240px,#facfcf 0,transparent 68%);background-repeat:no-repeat;overflow-x:hidden}
[hidden]{display:none!important}
a{color:var(--co);text-underline-offset:3px}
a:hover{color:var(--co2)}
h1,h2,h3{font-family:var(--fd);margin:0;letter-spacing:-.025em;line-height:1.12;overflow-wrap:break-word}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid var(--co);outline-offset:3px;border-radius:6px}
.pane :focus-visible,.cta :focus-visible{outline-color:var(--am)}
.skip{position:absolute;left:16px;top:-80px;z-index:99;background:var(--ink);color:#ffffff;padding:12px 18px;border-radius:99px}
.skip:focus{top:12px;color:#ffffff}

/* the switch, thrown to OFF */
.sw{display:inline-block;flex:none;width:30px;height:17px;border-radius:99px;background:var(--ink);position:relative;vertical-align:middle}
.sw i{position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--am);transition:transform .22s ease}
.sw.big{width:74px;height:40px;background:var(--deep);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2)}
.sw.big i{left:6px;top:6px;width:28px;height:28px;box-shadow:0 0 0 5px rgba(36,255,233,.18)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:99px;background:var(--co);color:#ffffff;font:600 16px/1.2 var(--fb);text-decoration:none;cursor:pointer;text-align:center;transition:background .15s,transform .15s}
.btn:hover{background:var(--co2);color:#ffffff;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#ffffff}
.btn.sm{min-height:44px;padding:0 16px;font-size:14.5px}
.btn.wide{width:100%}
.pane .btn,.cta .btn{background:var(--am);color:#041a1a}
.pane .btn:hover,.cta .btn:hover{background:#52fff0;color:#041a1a}
.pane .btn.ghost{background:transparent;color:var(--pt);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.pane .btn.ghost:hover{background:rgba(255,255,255,.12);color:#ffffff}
.pane .btn.ghost[data-gauth]{background:#ffffff;color:var(--ink);box-shadow:none;min-height:50px}
.pane .btn.ghost[data-gauth]:hover{background:#fdeeee;color:var(--ink)}

/* floating pill header */
.top{position:sticky;top:12px;z-index:50;display:flex;justify-content:center;padding:0 16px;margin-top:12px}
.pill{display:flex;align-items:center;gap:6px;max-width:100%;background:rgba(255,255,255,.94);border-radius:99px;padding:7px 7px 7px 18px;box-shadow:0 1px 0 #ffffff inset,0 0 0 1px rgba(58,15,15,.07),0 16px 34px -18px rgba(110,21,18,.5)}
.logo{display:inline-flex;align-items:center;gap:10px;min-width:0;min-height:44px;color:var(--ink);text-decoration:none;font:700 15px/1 var(--fd);letter-spacing:-.02em;margin-right:10px}
.logo .bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo b{color:var(--co);font-weight:700}
.nav{display:flex;align-items:center;gap:2px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:99px;color:var(--mut);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.nav a:hover{color:var(--ink);background:var(--g)}
.nav a[aria-current]{color:var(--ink);background:var(--g2)}
.hcta{min-height:44px;padding:0 20px;font-size:15px;margin-left:6px;white-space:nowrap}
.burger{display:none;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:var(--g);cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:13px;width:18px;height:2px;border-radius:2px;background:var(--ink);content:""}
.burger span{top:21px}.burger span::before{left:0;top:-6px}.burger span::after{left:0;top:6px}

/* duplex */
main{max-width:1272px;margin:0 auto;padding:30px 24px 0}
.duo{display:grid;grid-template-columns:minmax(0,1.12fr) 52px minmax(0,.88fr);grid-template-rows:auto 1fr;row-gap:20px}
.duo>.hero{grid-column:1;grid-row:1}
.duo>.rest{grid-column:1;grid-row:2;min-width:0;display:grid;gap:20px;align-content:start}
.duo>.pane{grid-column:3;grid-row:1/3;align-self:start;position:sticky;top:86px;max-height:calc(100vh - 100px);overflow:auto}
.seam{grid-column:2;grid-row:1/3;position:relative;display:flex;justify-content:center}
.seam::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,#e8b9b9 0 6px,transparent 6px 12px)}
.seam i{position:sticky;top:46vh;width:22px;height:54px;margin-top:120px;border-radius:99px;background:#ffffff;box-shadow:0 0 0 1.5px var(--ink),0 8px 16px -8px rgba(58,15,15,.6);align-self:start}
.seam i::before,.seam i::after{content:"";position:absolute;top:17px;width:2px;height:20px;border-radius:2px;background:var(--ink)}
.seam i::before{left:7px}.seam i::after{right:7px}

.card{min-width:0;background:var(--card);border-radius:28px;padding:40px;box-shadow:0 1px 0 #ffffff inset,0 22px 44px -32px rgba(110,21,18,.42)}
.hero h1{font-weight:800;font-size:clamp(1.95rem,3.05vw,2.8rem);letter-spacing:-.035em;line-height:1.06}
.eb{display:inline-block;margin:0 0 18px;padding:6px 12px;border-radius:99px;background:var(--pale);color:var(--co2);font:600 12.5px/1.3 var(--fm);letter-spacing:.04em;text-transform:uppercase}
.lead{margin:18px 0 0;font-size:1.13rem;line-height:1.55;color:var(--mut);max-width:38em}
.bl{list-style:none;margin:26px 0 0;display:grid;gap:12px}
.bl li{display:flex;gap:14px;align-items:flex-start;font-weight:500}
.bl .sw{margin-top:5px}
.acts-h{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}
.upd{margin:20px 0 0;font:400 13.5px/1.4 var(--fm);color:var(--mut)}
.sub{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;font-weight:600}
.sub .sw{margin-top:5px}
.bc{margin:0 0 18px}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font:400 13px/1.4 var(--fm)}
.bc li{display:inline-flex;align-items:center;gap:6px;color:var(--mut)}
.bc li+li::before{content:"";width:14px;height:8px;border-radius:99px;background:radial-gradient(circle at 4px 50%,var(--am) 2.5px,transparent 3px) var(--ink)}
.bc a{color:var(--mut);display:inline-flex;align-items:center;min-height:32px}
.bc a:hover{color:var(--co)}

/* pane */
.pane{min-width:0;border-radius:28px;padding:26px;color:var(--pt);background:linear-gradient(168deg,#7a1617 0,#3f0d0d 46%,#330a0a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 50px -34px rgba(60,11,8,.9);scrollbar-width:thin;scrollbar-color:#923c3a transparent}
.pane a{color:#ffc3c4}
.pane h3{color:#ffffff}
.pb+.pb,.ph+.pb,.pb+.btn,.pb+.side{margin-top:22px}
.ph{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.18)}
.chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.chips code{font:400 12.5px/1.3 var(--fm);padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.09);color:var(--pt);overflow-wrap:anywhere}
.pl{display:flex;align-items:center;gap:9px;margin:0 0 12px;font:600 11.5px/1.3 var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--pm)}
.pl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--am)}
.pt{margin:0 0 6px;font:700 1.25rem/1.2 var(--fd);letter-spacing:-.02em;color:#ffffff}
.pp{color:var(--pm);margin:0 0 18px}
.fl{margin:0}
.fl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.16)}
.fl div:last-child{border-bottom:0;padding-bottom:0}
.fl dt{color:var(--pm);font-size:14.5px}
.fl dd{margin:0;font:600 14.5px/1.3 var(--fm);color:#ffffff;text-align:right}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t;border-bottom:1px dashed rgba(255,255,255,.14)}
.toc li:last-child{border-bottom:0}
.toc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:10px 0;color:var(--pt);text-decoration:none;font-size:15px;line-height:1.35}
.toc a::before{content:counter(t,decimal-leading-zero);font:400 12px/1 var(--fm);color:var(--am)}
.toc a:hover{color:#ffffff;text-decoration:underline}
.tk{list-style:none;display:grid;gap:12px}
.tk li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.45}
.tk li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:9px;border-radius:99px;background:radial-gradient(circle at 4.5px 50%,var(--mid) 2.6px,transparent 3px) var(--am)}

/* code */
.codebox{border-radius:18px;background:var(--deep);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden;min-width:0}
.codetabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.codetabs button{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--pm);font:600 13.5px/1 var(--fm);cursor:pointer}
.codetabs button:hover{color:#ffffff}
.codetabs button[aria-selected=true]{background:var(--co);color:#ffffff}
pre.code{position:relative;margin:0;padding:52px 18px 18px;max-width:100%;overflow-x:auto;background:var(--deep);color:#fbdfdf;font:400 13px/1.7 var(--fm);-moz-tab-size:2;tab-size:2;scrollbar-width:thin;scrollbar-color:#923c3a transparent}
pre.code code{font:inherit;background:none;padding:0;color:inherit;white-space:pre}
pre.code .k{color:#ff8f98}pre.code .s{color:#70fff3}pre.code .c{color:#c88b8b;font-style:italic}
.copy{position:absolute;top:6px;right:6px;min-height:40px;min-width:44px;padding:0 14px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fbdfdf;font:600 12px/1 var(--fm);cursor:pointer}
.copy:hover{background:var(--am);color:#041a1a}
.prose pre.code{margin:22px 0;border-radius:18px}

/* sections */
.sh{display:flex;align-items:center;gap:13px;font-weight:700;font-size:clamp(1.35rem,2vw,1.62rem);margin-bottom:24px}
.sh span:last-child{min-width:0}
.sec.open{padding:14px 0 0}
.sec.open .sh{padding-left:8px}
.g2{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g2 li{min-width:0;background:#ffffff;border-radius:22px;padding:26px 24px 22px;box-shadow:0 18px 36px -30px rgba(110,21,18,.42);position:relative}
.g2 h3{font-size:1.06rem;font-weight:700;margin-bottom:8px;letter-spacing:-.015em}
.g2 p{margin:0;font-size:15.5px;line-height:1.55;color:var(--mut)}
.feat li::before{content:"";position:absolute;left:24px;top:0;width:34px;height:5px;border-radius:0 0 6px 6px;background:var(--co)}
.feat li:nth-child(3n+2)::before{background:var(--am)}
.feat li:nth-child(3n)::before{background:var(--ink)}
.use li:nth-child(4n+1),.use li:nth-child(4n){background:var(--pale);box-shadow:none}
.use li:nth-child(4n+1) p,.use li:nth-child(4n) p{color:#6c3635}
.steps{list-style:none}
.steps li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:8px;padding:20px 0;border-top:1px solid var(--ln)}
.steps li:first-child{border-top:0;padding-top:0}.steps li:last-child{padding-bottom:0}
.steps .n{grid-row:1/3;font:800 2rem/1 var(--fd);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--co)}
.steps h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.steps p{margin:0;color:var(--mut);font-size:16px}
.ben{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.ben li{border-top:2px solid var(--ink);padding-top:12px;min-width:0}
.ben h3{font-size:1rem;font-weight:700;margin-bottom:5px}
.ben p{margin:0;font-size:15px;line-height:1.5;color:var(--mut)}
.ft{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:30px}
.ft li{grid-column:span 2;min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--g)}
.ft li:nth-child(-n+2){grid-column:span 3;background:var(--co);color:#ffffff;padding:22px 20px}
.ft b{font:700 1.12rem/1.15 var(--fd);letter-spacing:-.02em;overflow-wrap:anywhere}
.ft li:nth-child(-n+2) b{font-size:1.75rem;font-weight:800}
.ft span{font-size:13.5px;line-height:1.35;color:var(--mut)}
.ft li:nth-child(-n+2) span{color:#ffdbdb}

/* prose */
.prose{font-size:17px}
.prose>*{max-width:42em}
.prose>pre,.prose>table,.prose>.codebox{max-width:100%}
.prose h2{font-size:clamp(1.3rem,1.9vw,1.55rem);font-weight:700;margin:1.9em 0 .7em;padding-top:1.5em;border-top:1px solid var(--ln);scroll-margin-top:96px}
.prose h2::before{content:"";display:inline-block;width:26px;height:15px;margin-right:12px;border-radius:99px;vertical-align:.02em;background:radial-gradient(circle at 7.5px 50%,var(--am) 4.6px,transparent 5.1px) var(--ink)}
.prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h3{font-size:1.1rem;font-weight:700;margin:1.6em 0 .5em}
.prose p,.prose li{color:#5a2827}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.25em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--co);font-weight:700}
.prose :not(pre)>code{font:400 .88em var(--fm);background:var(--g);padding:.14em .42em;border-radius:6px;overflow-wrap:anywhere}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0;font-size:15.5px}
.prose th,.prose td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--ln);vertical-align:top}
.prose th{font:600 12.5px/1.3 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:var(--g);white-space:nowrap}
.prose th:first-child{border-radius:12px 0 0 12px}.prose th:last-child{border-radius:0 12px 12px 0}
.prose blockquote{margin:1.2em 0;padding:14px 20px;border-radius:16px;background:var(--pale)}
.prose.long{font-size:17.5px;line-height:1.72}
.prose>:last-child{margin-bottom:0}

/* faq */
.qs{border-bottom:1px solid var(--ln)}
.q{border-top:1px solid var(--ln)}
.q summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font:600 1.04rem/1.35 var(--fd);letter-spacing:-.015em}
.q summary::-webkit-details-marker{display:none}
.q summary .sw{background:#ebc2c2}
.q summary .sw i{background:#ffffff}
.q[open] summary .sw{background:var(--co)}
.q[open] summary .sw i{transform:translateX(13px)}
.q summary:hover .qt{color:var(--co)}
.qa p{margin:0;padding:0 46px 20px 0;color:var(--mut)}

/* cta card */
.cta{position:relative;overflow:hidden;background:var(--co);color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 28px;padding:34px 40px}
.cta>div{flex:1 1 280px;min-width:0}
.cta h2{font-size:clamp(1.35rem,2vw,1.65rem);font-weight:700;margin-bottom:8px}
.cta p{margin:0;color:#ffdbdb}
.cta .sw.big{position:absolute;right:-18px;top:-12px;transform:rotate(-14deg);opacity:.5}

/* forms: signup, support, calculator */
.pane .card{background:none;box-shadow:none;border-radius:0;padding:0}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;border-radius:99px;background:rgba(255,255,255,.1)}
.tabs2 button{min-height:44px;border:0;border-radius:99px;background:transparent;color:var(--pm);font:600 15px/1.2 var(--fb);cursor:pointer}
.tabs2 button[aria-selected=true]{background:#ffffff;color:var(--ink)}
.msg{margin:0 0 14px;padding:12px 16px;border-radius:14px;background:#ead9f5;color:#360b4a;font-size:15px;font-weight:500}
.msg:empty{display:none}
.msg.err{background:#dcffea;color:#088a35}
.row{margin-bottom:14px}
.row label,.calc label{display:block;margin-bottom:7px;font:600 12px/1.3 var(--fm);letter-spacing:.09em;text-transform:uppercase;color:var(--pm)}
.pane input,.pane select,.pane textarea{display:block;width:100%;min-height:50px;padding:12px 16px!important;border:1.5px solid transparent;border-radius:14px;background:#ffffff;color:var(--ink);font:500 16px/1.4 var(--fb)}
.pane textarea{min-height:150px;resize:vertical}
.pane input:focus,.pane select:focus,.pane textarea:focus{outline:3px solid var(--am);outline-offset:2px}
.note{font-size:13.5px;line-height:1.45;color:var(--mut);margin:8px 0 0}
.pane .note{color:var(--pm)}
.mut{color:var(--pm)}
[data-form]>.btn,.sup form>.btn{width:100%;min-height:54px;margin-top:6px;font-size:16.5px}
[data-form]>.note{text-align:center;margin-top:12px}
.sup form{margin-top:0!important}
.sup [data-support-msg]{color:var(--pt);font-weight:500;margin-bottom:0}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font-size:1.2rem;margin-bottom:12px}
.keybox{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:16px;background:var(--deep);box-shadow:inset 0 0 0 1.5px var(--am)}
.keybox span{flex:1;min-width:0;font:400 14px/1.4 var(--fm);color:#ffffff;overflow-wrap:anywhere;word-break:break-all}
.keyout p{font-size:15px;margin:14px 0 0;line-height:1.75}
.keyout p.note{font-size:13.5px;line-height:1.45;margin-top:10px}
.keyout code{font:400 13.5px var(--fm);color:#ffffff;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:6px;overflow-wrap:anywhere}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.calc{display:grid;gap:14px}
.calc>div{min-width:0}
.calc>div:last-child{margin-top:4px;padding:18px 20px;border-radius:18px;background:var(--deep);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.calc output{display:block;font:800 2.5rem/1.05 var(--fd);letter-spacing:-.04em;color:var(--am);overflow-wrap:anywhere}

/* footer */
.foot{max-width:1272px;margin:56px auto 0;padding:0 24px 40px}
.fin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:start;padding-top:28px;border-top:2px solid var(--ink)}
.foot .logo{margin:0}
.tg{margin:4px 0 0;color:var(--mut);font-size:15px}
.flk{list-style:none;display:flex;flex-wrap:wrap;gap:0 22px;justify-content:flex-end}
.flk a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;font-size:15px;text-decoration:none}
.flk a:hover{color:var(--co);text-decoration:underline}
.lg{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.5;color:var(--mut)}

/* 404 */
.page-404 .eb{font-size:14px}

@media (max-width:1100px){
.nav a{padding:0 10px;font-size:14.5px}
.card{padding:32px}
.duo{grid-template-columns:minmax(0,1.05fr) 36px minmax(0,.95fr)}
}
@media (max-width:940px){
html{scroll-padding-top:84px}
.pill{width:100%;padding:6px 6px 6px 14px}
.logo{flex:1;margin-right:4px;font-size:12.5px;line-height:1.15;gap:9px}
.top .logo b{display:block}
.burger{display:block}
.hcta{padding:0 15px;font-size:14px;margin-left:0}
.nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:2px;padding:10px;border-radius:24px;background:#ffffff;box-shadow:0 0 0 1px rgba(58,15,15,.08),0 24px 40px -18px rgba(110,21,18,.55)}
.nav.open{display:flex}
.nav a{min-height:48px;padding:0 18px;font-size:16px}
main{padding:20px 14px 0}
.duo{display:block}
.duo>.pane{position:static;max-height:none;overflow:visible;margin:14px 0}
.seam{display:none}
.duo>.rest{gap:14px}
.card{padding:26px 22px;border-radius:24px}
.pane{padding:22px 18px;border-radius:24px}
.cta{padding:28px 22px}
.foot{padding:0 14px 32px;margin-top:40px}
.fin{grid-template-columns:minmax(0,1fr)}
.flk{justify-content:flex-start}
.qa p{padding-right:0}
}
@media (max-width:560px){
body{font-size:16.5px}
.g2,.ben{grid-template-columns:minmax(0,1fr)}
.steps li{grid-template-columns:50px minmax(0,1fr)}
.steps .n{font-size:1.7rem}
.acts-h .btn{flex:1 1 100%}
.cta .btn{width:100%}
.cta .sw.big{display:none}
.ft{gap:8px}
.ft li{padding:12px 10px}
.ft li:nth-child(-n+2){padding:16px 14px}
.ft li:nth-child(-n+2) b{font-size:1.4rem}
.ft b{font-size:.98rem}
.ft span{font-size:12.5px}
pre.code{font-size:12.5px;padding-left:14px;padding-right:14px}
.codetabs button{padding:0 12px}
.prose.long{font-size:17px}
}
@media (max-width:380px){
.logo{font-size:11.5px}
.hcta{padding:0 12px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}
