:root{--pk:#7fc214;--ink:#261e0f;--paper:#f9fff3;--y:#3fffd2;--t:#a512b5;--b:#d83046;--mut:#635a47;--pkl:#eaffd3;--tl:#eac6ef;--bl:#fbd8dc;
--disp:"Sour Gummy","Trebuchet MS",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Spline Sans Mono",ui-monospace,Menlo,Consolas,monospace;
--speck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='16'%3E%3Crect width='44' height='16' fill='%23fff'/%3E%3Cpath d='M3 4l4 2M13 11l3-3M22 3l1 4M30 10l4-1M9 13l2 1M27 2l3 1M38 5l2 3M19 13l3 0' stroke='%231e0f26' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;overflow-x:clip;font:17px/1.65 var(--body);color:var(--ink);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380'%3E%3Ccircle cx='40' cy='50' r='6' fill='%23ffe3f1'/%3E%3Cpath d='M190 40l12 20h-24z' fill='%23fdeeb9'/%3E%3Cpath d='M230 190q7-12 14 0t14 0' fill='none' stroke='%23d4f1ee' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M80 220v16M72 228h16' stroke='%23e3e6fc' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
img,svg{max-width:100%}
a{color:var(--pk);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--b);outline-offset:3px;border-radius:4px}
.dark :focus-visible,.toc :focus-visible,.cta :focus-visible{outline-color:var(--y)}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:var(--ink);color:#ffffff;padding:12px 16px;border-radius:10px}
.skip:focus{left:8px;color:#ffffff}
h1,h2,h3{font-family:var(--disp);line-height:1.08;margin:0;overflow-wrap:break-word}
h1{font-weight:800;font-size:clamp(31px,5.2vw,44px);letter-spacing:-.005em}
h3{font-size:22px;font-weight:700;line-height:1.15}
p{margin:0 0 1em}
.col{max-width:700px;margin:0 auto;padding:0 20px}
.col>*{min-width:0}

/* header = top shelf */
.top{padding-top:14px}
.bar{max-width:1020px;margin:0 auto;padding:0 20px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ink);font:800 24px/1 var(--disp);white-space:nowrap}
.logo .mark{flex:none;display:block}
.logo:hover{color:var(--pk)}
.nav{display:none;order:5;flex:1 0 100%;flex-wrap:wrap;gap:8px;padding:6px 0 4px}
.nav.open{display:flex}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border-radius:11px;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;transition:transform .15s}
.nav .n0{background:var(--y);transform:rotate(-2deg)}
.nav .n1{background:var(--tl);transform:rotate(1.5deg)}
.nav .n2{background:var(--bl);transform:rotate(-1deg)}
.nav .n3{background:var(--pkl);transform:rotate(2deg)}
.nav .n4{background:#ffffff;transform:rotate(-1.5deg)}
.nav a:hover{transform:rotate(0) translateY(-2px);color:var(--ink)}
.nav a[aria-current]{background:var(--ink);color:#ffffff}
.key{margin-left:auto}
.burger{flex:none;width:46px;height:46px;border:0;border-radius:12px;background:var(--ink);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.burger i{display:block;width:20px;height:3px;border-radius:2px;background:#ffffff}
.burger i:nth-child(2){width:13px;background:var(--y)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:0;border-radius:13px;background:var(--pk);color:#ffffff;font:700 18px/1.1 var(--disp);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{background:var(--ink);color:#ffffff;transform:translateY(-2px) rotate(-1deg)}
.btn.ghost{background:#ffffff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.ghost:hover{background:var(--y);color:var(--ink)}
.btn.yel{background:var(--y);color:var(--ink)}
.btn.yel:hover{background:#ffffff;color:var(--ink)}
.btn.sm{min-height:44px;padding:8px 15px;font-size:16px;border-radius:11px}
.btn.key{min-height:46px;padding:8px 16px;font-size:17px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}

/* the shelf board + slanted struts */
.shelf{position:relative;height:14px;border-radius:3px;margin:52px -8px 0;background:var(--pk)}
.shelf::after{content:"";position:absolute;left:22px;top:14px;width:76px;height:8px;border-radius:0 0 3px 3px;background:var(--y)}
.shelf i{display:none;position:absolute;width:14px;height:92px;border-radius:2px}
.s0{background:var(--pk)}.s0::after{background:var(--t)}
.s1{background:var(--b)}.s1::after{background:var(--y);left:auto;right:22px}
.s2{background:var(--y)}.s2::after{background:var(--ink)}
.s3{background:var(--t)}.s3::after{background:var(--pk);left:auto;right:22px}
.shelf.flat{margin-top:0;background:var(--ink)}.shelf.flat::after{display:none}
.shelf.head{margin:0 12px;background:var(--pk)}.shelf.head::after{display:none}
.shelf.end{margin:0 12px}.shelf.end::after{display:none}

/* intro */
.intro{padding:34px 0 0}
.intro .lead{font-size:19px;line-height:1.55;color:#453b2a;margin:16px 0 0}
.hero{padding-top:44px}
.hero h1{font-size:clamp(35px,6.6vw,56px);line-height:1.02}
.eyebrow{display:inline-block;margin:0 0 18px;padding:7px 13px;border-radius:9px;background:var(--y);font:600 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-2deg)}
.ticks{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:36px;font-weight:500}
.ticks li::before{content:"";position:absolute;left:2px;top:.28em;width:18px;height:18px;border-radius:50%;background:var(--t)}
.ticks li:nth-child(2)::before{border-radius:3px;background:var(--b);transform:rotate(14deg)}
.ticks li:nth-child(3)::before{border-radius:0;background:var(--pk);clip-path:polygon(50% 0,100% 100%,0 100%)}
.crumbs{font:400 13.5px/1.3 var(--mono);margin:0 0 6px;display:flex;align-items:center;white-space:nowrap}.crumbs a{flex:none}
.crumbs a{display:inline-block;padding:13px 0;color:var(--ink)}
.crumbs span{color:var(--mut);padding:13px 0;min-width:0;overflow:hidden;text-overflow:ellipsis}
.crumbs i{display:inline-block;width:3px;height:15px;margin:0 11px;border-radius:2px;background:var(--pk);transform:rotate(22deg)}
.meta{margin:16px 0 0;font:400 13.5px/1.3 var(--mono);color:var(--mut)}

/* sections */
.sec{padding:40px 0 0}
.sec.tight{padding-top:30px}
.hd,.tryh{font-size:clamp(28px,4.6vw,36px);font-weight:800;margin:0 0 22px}
.try{padding-top:46px}
.tryh{margin-bottom:10px}
.unit{display:block;width:100%;height:auto}
.try .block{margin-top:0}
.try .codebox{border-radius:0 0 16px 16px}

/* blocks standing on a speckled plinth */
.block{margin:28px 0 0}
.block::after{content:"";display:block;height:16px;margin:0 24px;border-radius:0 0 7px 7px;background:var(--speck)}
.block>*{border-radius:16px}

/* code */
.codebox{background:var(--ink);overflow:hidden}
.codetabs{display:flex;gap:6px;padding:12px 12px 0;flex-wrap:wrap}
.codetabs button{min-height:44px;padding:6px 16px;border:0;border-radius:10px 10px 0 0;background:#3f3420;color:#eaf1df;font:600 14px/1 var(--mono);cursor:pointer}
.codetabs button[aria-selected=true]{background:var(--y);color:var(--ink)}
pre.code{position:relative;margin:0;padding:60px 20px 20px;max-width:100%;overflow-x:auto;background:var(--ink);color:#f2f7ea;font:400 14px/1.65 var(--mono);border-radius:14px;tab-size:2}
.codebox pre.code{border-radius:0;border-top:2px solid #3f3420}
.prose pre.code{margin:22px 0;border-bottom:8px solid var(--pk)}
.prose pre.code:nth-of-type(3n+2){border-bottom-color:var(--t)}
.prose pre.code:nth-of-type(3n){border-bottom-color:var(--y)}
pre.code code{font:inherit;background:none;padding:0;color:inherit;white-space:pre}
.code .k{color:#d1ff93}.code .s{color:var(--y)}.code .c{color:#c4b9a7}
.copy{position:absolute;top:8px;right:8px;min-height:44px;min-width:64px;padding:6px 14px;border:0;border-radius:10px;background:#3f3420;color:#ffffff;font:600 13px/1 var(--mono);cursor:pointer}
.copy:hover{background:var(--y);color:var(--ink)}

/* five facts standing on one board */
.facts{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.f{min-width:0;display:flex;align-items:baseline;gap:12px;padding:10px 16px;border-radius:12px 12px 12px 3px}
.f b{font:800 26px/1.05 var(--disp);white-space:nowrap}
.f span{font-size:14px;line-height:1.3;font-weight:500}
.f0{background:var(--pk);color:#ffffff;width:100%}
.f1{background:var(--y);width:93%}
.f2{background:var(--b);color:#ffffff;width:86%}
.f3{background:var(--tl);width:93%}
.f4{background:var(--ink);color:#ffffff;width:100%;border-radius:12px 12px 0 0}

/* features as compartments */
.cells{display:grid;gap:0}
.cell{min-width:0;padding:20px 0 14px;border-top:8px solid var(--pk)}
.cell p{margin:8px 0 0;color:#453b2a}
.cell h3,.cell h2{font:700 22px/1.15 var(--disp);margin-top:12px}
.c1{border-color:var(--y)}.c2{border-color:var(--t)}.c3{border-color:var(--b)}
.sh{display:block;width:30px;height:30px}
.sh0{border-radius:50%;background:var(--y)}
.sh1{background:var(--t);clip-path:polygon(50% 0,100% 100%,0 100%)}
.sh2{background:var(--b);border-radius:5px;transform:rotate(14deg)}
.sh3{background:var(--pk);border-radius:30px 30px 0 0;height:15px;margin-top:15px}
.sh4{background:var(--ink);clip-path:polygon(0 70%,25% 20%,50% 60%,75% 20%,100% 70%,100% 100%,75% 52%,50% 92%,25% 52%,0 100%)}
.sh5{border:8px solid var(--pk);border-radius:50%}

/* steps with totems */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.steps li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:start}
.steps p{margin:8px 0 0;color:#453b2a}
.totem{display:flex;flex-direction:column;align-items:center}
.totem::after{content:"";width:62px;height:7px;border-radius:2px;background:var(--ink)}
.totem b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pk);color:#ffffff;font:800 25px/1 var(--disp)}
.totem i{display:block;width:34px;height:18px;background:var(--t)}
.totem i:nth-of-type(2){width:50px;height:22px;background:var(--y);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.t2 b{background:var(--b)}.t3 b{background:var(--ink)}

/* use cases */
.tiles{display:grid;gap:14px}
.tile{min-width:0;padding:22px 22px 18px;border-radius:24px 24px 24px 4px;background:var(--y)}
.tile p{margin:10px 0 0;font-size:16px}
.u1{background:var(--tl);border-radius:24px 24px 4px 24px}
.u2{background:var(--b);color:#ffffff;border-radius:24px 4px 24px 24px}
.u3{background:var(--pkl);border-radius:4px 24px 24px 24px}

/* worked examples */
.ex{list-style:none;margin:0;padding:0}
.ex li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:18px 0;border-top:3px solid var(--ink)}
.ex li:last-child{border-bottom:3px solid var(--ink)}
.ex p{margin:8px 0 0;color:#453b2a;overflow-wrap:anywhere}

/* prose */
.prose{overflow-wrap:break-word}
.prose>:first-child{margin-top:0}
.prose h2{position:relative;font-size:clamp(26px,4.2vw,32px);font-weight:800;margin:46px 0 14px;padding-top:34px;scroll-margin-top:16px}
.prose h2::before{content:"";position:absolute;left:0;top:14px;width:84px;height:9px;border-radius:2px;background:var(--pk)}
.prose h2::after{content:"";position:absolute;left:52px;top:-10px;width:9px;height:26px;border-radius:2px;background:var(--y);transform:rotate(24deg);transform-origin:bottom}
.prose h2:nth-of-type(4n+2)::before{background:var(--b)}.prose h2:nth-of-type(4n+2)::after{background:var(--pk);left:20px;transform:rotate(-24deg)}
.prose h2:nth-of-type(4n+3)::before{background:var(--y)}.prose h2:nth-of-type(4n+3)::after{background:var(--t)}
.prose h2:nth-of-type(4n)::before{background:var(--t)}.prose h2:nth-of-type(4n)::after{background:var(--ink);left:20px;transform:rotate(-24deg)}
.prose h3{margin:30px 0 10px;font-size:23px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 1em}
.prose li{margin:6px 0}
.prose ul li::marker{color:var(--pk)}
.prose ol li::marker{font-family:var(--mono);font-weight:600;color:var(--b)}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0;font-size:15.5px;line-height:1.45}
.prose th{background:var(--ink);color:#ffffff;text-align:left;font-weight:700;padding:11px 14px;white-space:nowrap}
.prose th:first-child{border-radius:10px 0 0 0}.prose th:last-child{border-radius:0 10px 0 0}
.prose td{padding:11px 14px;border-bottom:2px solid #e0f3c9;vertical-align:top;background:#ffffff}
.prose blockquote{margin:22px 0;padding:14px 18px;background:var(--tl);border-radius:16px 16px 16px 4px}
:not(pre)>code{font:400 .88em var(--mono);background:#eeffdc;padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.long .prose{font-size:17.5px;line-height:1.72}

/* contents, takeaways, CTA, side note */
.toc{background:var(--b);color:#ffffff;padding:22px 24px 16px}
.toc h2,.take h2{font-size:22px;font-weight:700;margin:0 0 6px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:n}
.toc li{counter-increment:n;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;border-top:1px solid rgba(255,255,255,.28)}
.toc li:first-child{border-top:0}
.toc li::before{content:counter(n,decimal-leading-zero);font:600 13px var(--mono);color:var(--y)}
.toc a{display:block;padding:10px 0;color:#ffffff;font-weight:500;text-decoration:none}
.toc a:hover{text-decoration:underline;color:var(--y)}
.take{background:var(--y);padding:22px 24px 14px}
.take ul{list-style:none;margin:8px 0 0;padding:0}
.take li{position:relative;padding:8px 0 8px 32px;font-weight:500}
.take li::before{content:"";position:absolute;left:2px;top:15px;width:14px;height:14px;border-radius:3px;background:var(--ink);transform:rotate(14deg)}
.take li:nth-child(even)::before{border-radius:50%;background:var(--pk)}
.cta{background:var(--pk);color:#ffffff;padding:30px 26px 28px}
.cta h2{font-size:clamp(28px,5vw,38px);font-weight:800}
.cta p{margin:12px 0 20px;font-size:18px}
.side{margin:44px 0 0;padding:22px 24px;background:#ffffff;border-radius:18px 18px 18px 4px;border-left:12px solid var(--t)}
.side h2{font-size:24px;font-weight:700}
.side p{margin:10px 0 16px}

/* FAQ */
.q{margin:10px 0 0;background:#ffffff;border-radius:14px;border-left:12px solid var(--pk)}
.q1{border-color:var(--y)}.q2{border-color:var(--t)}.q3{border-color:var(--b)}
.q summary{position:relative;list-style:none;cursor:pointer;min-height:52px;padding:14px 56px 14px 18px;font-weight:700;display:flex;align-items:center}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"+";position:absolute;right:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--ink);color:#ffffff;font:700 24px/28px var(--disp);text-align:center;transition:transform .2s}
.q[open] summary::after{transform:rotate(45deg);background:var(--pk)}
.q p{margin:0;padding:0 18px 18px;color:#453b2a}

/* signup / support forms */
.signup{margin-top:24px}
.form,.support form{background:#ffffff;padding:22px 20px;border-top:12px solid var(--pk);border-radius:16px}
.support form{margin-top:0!important}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin:0 0 16px;background:var(--pkl);border-radius:13px}
.tabs2 button{min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:700 15px/1.1 var(--body);cursor:pointer}
.tabs2 button[aria-selected=true]{background:var(--ink);color:#ffffff}
.msg{display:none;margin:0 0 14px;padding:11px 14px;border-radius:10px;background:var(--tl);font-weight:500;font-size:15px}
.msg:not(:empty){display:block}
.msg.err{display:block;background:#e4ffe1;color:#228f0f;border-left:8px solid #3acf1c}
.row{margin:0 0 14px}
.row label,.calc label{display:block;margin:0 0 6px;font-weight:700;font-size:14.5px}
input,select,textarea{width:100%;min-height:48px;padding:10px 14px;border:2px solid var(--ink);border-radius:11px;background:#ffffff;color:var(--ink);font:400 16px/1.4 var(--body)}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--b);outline-offset:2px}
.note{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--mut)}
.form form>.btn,.support form>.btn{width:100%;margin-top:4px}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{margin:0 0 12px;font-size:24px}
.keybox{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:13px;background:var(--ink);color:var(--y)}
.keybox span{flex:1;min-width:0;font:400 14px/1.4 var(--mono);overflow-wrap:anywhere}
.keybox .btn{background:var(--y);color:var(--ink)}
.keyout p{line-height:1.9;overflow-wrap:anywhere}
.keyout p.note{line-height:1.45}
.mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
[data-support-msg]:empty{display:none}

/* calculator */
.calc{display:grid;gap:16px;padding:24px 22px;background:var(--ink);color:#ffffff}
.calc>div{min-width:0}
.calc label{color:#eef6e3}
.calc input{border-color:var(--y);font-family:var(--mono)}
.calc input:focus{outline-color:var(--y)}
.calc>div:last-child{padding-top:16px;border-top:2px dashed #635a47;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px}
.calc>div:last-child label{margin:0;font-size:16px}
.calc output{font:800 clamp(38px,9vw,50px)/1 var(--disp);color:var(--y)}

/* footer */
.foot{margin-top:84px;padding-bottom:44px}
.foot .col{padding-top:30px}
.tag{margin:8px 0 0;color:var(--mut)}
.flinks{display:flex;flex-wrap:wrap;gap:0 22px;margin:14px 0 0}
.flinks a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:500}
.legal{margin:14px 0 0;font-size:14px;color:var(--mut)}
.nfart{margin-top:44px}

@media(min-width:620px){
.col{padding:0 20px}
.cells{grid-template-columns:1fr 1fr;gap:0 30px}
.tiles{grid-template-columns:1fr 1fr}
.calc{grid-template-columns:1fr 1fr}
.calc>div:last-child{grid-column:1/-1}
.form,.support form{padding:26px 28px}
.facts{flex-direction:row;align-items:flex-end;gap:8px}
.f{flex:1 1 0;width:auto;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:14px 12px 12px;border-radius:14px 14px 0 0}
.f b{font-size:28px}
.f span{font-size:13px}
.f0{min-height:168px}.f1{min-height:132px}.f2{min-height:196px}.f3{min-height:118px}.f4{min-height:150px}
}
@media(min-width:960px){
.bar{flex-wrap:nowrap;gap:16px}
.burger{display:none}
.nav{display:flex;order:0;flex:0 1 auto;flex-wrap:nowrap;margin-left:auto;padding:0}
.key{margin-left:6px}
.shelf{margin:64px -46px 0}
.shelf::after{display:none}
.shelf i{display:block}
.shelf i:first-child{left:12px}
.shelf i:last-child{right:12px}
.s0 i:first-child{bottom:14px;transform-origin:bottom;transform:rotate(-27deg);background:var(--t)}
.s0 i:last-child{top:14px;transform-origin:top;transform:rotate(-27deg);background:var(--y);height:70px}
.s1 i:first-child{top:14px;transform-origin:top;transform:rotate(27deg);background:var(--pk);height:74px}
.s1 i:last-child{bottom:14px;transform-origin:bottom;transform:rotate(27deg);background:var(--t)}
.s2 i:first-child{bottom:14px;transform-origin:bottom;transform:rotate(-27deg);background:var(--ink);height:64px}
.s2 i:last-child{bottom:14px;transform-origin:bottom;transform:rotate(27deg);background:var(--pk)}
.s3 i:first-child{top:14px;transform-origin:top;transform:rotate(27deg);background:var(--y)}
.s3 i:last-child{top:14px;transform-origin:top;transform:rotate(-27deg);background:var(--b);height:62px}
.shelf.flat{margin:0 -14px}
.shelf.head{max-width:1040px;margin:0 auto}
.shelf.head i:first-child{top:14px;bottom:auto;transform-origin:top;transform:rotate(27deg);background:var(--t);height:120px}
.shelf.head i:last-child{top:14px;bottom:auto;transform-origin:top;transform:rotate(-27deg);background:var(--y);height:86px}
.shelf.end{max-width:1040px;margin:0 auto}
.shelf.end i:first-child{bottom:14px;top:auto;transform-origin:bottom;transform:rotate(-27deg);background:var(--b);height:86px}
.shelf.end i:last-child{bottom:14px;top:auto;transform-origin:bottom;transform:rotate(27deg);background:var(--t);height:120px}
.sec{padding-top:48px}
.hero{padding-top:56px}
}
@media(max-width:520px){
.logo{font-size:19px;gap:6px}
.logo .mark{width:30px;height:30px}
.btn.key{min-height:44px;padding:8px 10px;font-size:15px}
.burger{width:44px;height:44px}
.bar{gap:7px;padding-left:12px;padding-right:12px}
.page-key h1{font-size:27px}
.page-key .intro{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.steps p,.cell p,.tile p,.q p,.intro .lead,.flinks a{overflow-wrap:anywhere}