/* ==========================================================================
   Folow design system — extracted verbatim from the approved landing page
   (index.html). Do not change values here without changing them there.
   ========================================================================== */

:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#f7f9fc;--s:#fff;--tx:#0b1b3a;--mu:#5b6b86;--bd:#e3e9f2;--ac:#2563eb;--acs:#eaf1ff;--ok:#0f9d6b;--oks:#e3f6ee;--wn:#b7791f;--wns:#fdf3dc;--rd:#d14343;--rds:#fde8e8;--sh:0 10px 30px rgba(11,27,58,.08)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1222;--s:#111b30;--tx:#eaf0fb;--mu:#93a3c0;--bd:#223250;--ac:#5b8def;--acs:#16254a;--ok:#35c48f;--oks:#10332a;--wn:#e8b44f;--wns:#3a2f14;--rd:#f07575;--rds:#3b1c1f;--sh:0 10px 30px rgba(0,0,0,.4)}}
:root[data-theme=dark]{--bg:#0a1222;--s:#111b30;--tx:#eaf0fb;--mu:#93a3c0;--bd:#223250;--ac:#5b8def;--acs:#16254a;--ok:#35c48f;--oks:#10332a;--wn:#e8b44f;--wns:#3a2f14;--rd:#f07575;--rds:#3b1c1f;--sh:0 10px 30px rgba(0,0,0,.4)}
html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 Inter,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0}
.w{max-width:1160px;margin:0 auto;padding:0 20px}section{padding:84px 0}
.ey{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ac);text-transform:uppercase;margin-bottom:12px}
h2{font-size:clamp(28px,4vw,42px)}.sub{color:var(--mu);max-width:640px;margin:14px 0 0;font-size:18px}
.c{text-align:center}.c .sub{margin-inline:auto}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--bd);color:var(--tx);background:var(--s);cursor:pointer}
.btn.p{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.28)}
nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);padding-top:env(safe-area-inset-top,0px)}
nav .w{display:flex;align-items:center;height:64px;gap:28px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:22px;letter-spacing:-.01em;color:var(--tx);text-decoration:none}
.lg{width:36px;height:29px;color:var(--tx);flex:none}
.links{display:flex;gap:24px;flex:1}.links a{color:var(--mu);text-decoration:none;font-size:15px;font-weight:500}.links a:hover{color:var(--tx)}
.act{display:flex;gap:10px;align-items:center}.act .l{color:var(--mu);text-decoration:none;font-weight:500;font-size:15px;padding:0 6px}
.act .signout{margin:0;display:inline}
.act .signout .btn{cursor:pointer}
.mb{display:none;background:none;border:1px solid var(--bd);border-radius:8px;width:40px;height:40px;color:var(--tx);font-size:18px;align-items:center;justify-content:center}
.mb .x-icon{color:var(--tx)}
.hero{padding:64px 0 40px;background:radial-gradient(900px 380px at 50% -80px,var(--acs),transparent)}
.hero h1{font-size:clamp(38px,6vw,68px);max-width:820px;margin:0 auto}
.hero .sub{font-size:19px}.cta{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.sc{overflow-x:auto;margin-top:48px;padding-bottom:10px}
.app{min-width:860px;background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);display:grid;grid-template-columns:170px 1fr;overflow:hidden;text-align:left;font-size:13px}
.sb{background:var(--bg);border-right:1px solid var(--bd);padding:14px 10px}.sb b{display:flex;gap:8px;align-items:center;padding:4px 8px 14px;font-size:14px}
.sb i{display:block;font-style:normal;padding:8px 10px;border-radius:8px;color:var(--mu);font-weight:500}.sb i.on{background:var(--acs);color:var(--ac);font-weight:600}
.mn{padding:16px}.tb{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.in{border:1px solid var(--bd);border-radius:8px;padding:6px 10px;color:var(--mu);background:var(--bg)}.tb .in:first-child{flex:1}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.k{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;background:var(--s)}.k small{color:var(--mu);display:block}.k b{font-size:20px}.k em{font-style:normal;color:var(--ok);font-size:11px;font-weight:600}
.pl{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.col{background:var(--bg);border-radius:10px;padding:8px}.col h4{margin:0 0 6px;font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.col h4 span{flex:none;font-weight:700;color:var(--tx)}
.cd{background:var(--s);border:1px solid var(--bd);border-radius:8px;padding:7px 8px;margin-top:6px;font-size:12px}.cd span{display:block;color:var(--mu);font-size:11px}
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;color:var(--mu);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px;border-bottom:1px solid var(--bd)}td{padding:9px 8px;border-bottom:1px solid var(--bd);white-space:nowrap}tr:last-child td{border:0}
.bg{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;background:var(--acs);color:var(--ac)}.bg.g{background:var(--oks);color:var(--ok)}.bg.y{background:var(--wns);color:var(--wn)}.bg.r{background:var(--rds);color:var(--rd)}
.box{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;background:var(--s)}.box h4{margin:0 0 6px;font-size:12px}
.fr{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;border-bottom:1px dashed var(--bd)}.fr:last-child{border:0}
.fl{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:22px;color:var(--mu);font-size:13px;font-weight:600}.fl span{background:var(--s);border:1px solid var(--bd);border-radius:99px;padding:5px 12px}.fl u{text-decoration:none;color:var(--ac)}.fl a{text-decoration:none;color:var(--mu)}.fl a:hover span{color:var(--ac);border-color:var(--ac)}
.bgs{background:var(--s);border-block:1px solid var(--bd)}
.srcs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0 8px}.srcs span{background:var(--bg);border:1px dashed var(--mu);border-radius:12px;padding:12px 18px;font-weight:600;transform:rotate(var(--r))}
.ar{text-align:center;color:var(--ac);font-size:26px;line-height:1.2}.one{max-width:380px;margin:6px auto;background:linear-gradient(135deg,var(--ac),#1e3a8a);color:#fff;border-radius:14px;padding:16px;text-align:center;font-weight:800;letter-spacing:.08em;box-shadow:var(--sh)}
.end{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.end span{background:var(--oks);color:var(--ok);padding:8px 18px;border-radius:99px;font-weight:700}
.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:34px 0 22px}.tabs button{border:1px solid var(--bd);background:var(--s);color:var(--mu);border-radius:99px;padding:8px 16px;font:600 14px inherit;font-family:inherit;cursor:pointer}.tabs button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.show{background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:22px;display:grid;grid-template-columns:260px 1fr;gap:26px}
.show h3{font-size:24px}.show p{color:var(--mu)}.ov{overflow-x:auto}
.ai{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pr{border:1px solid var(--ac);border-radius:12px;padding:12px 14px;background:var(--s);box-shadow:0 0 0 4px var(--acs);margin-bottom:14px;font-size:14px;min-height:64px}
.fm{background:var(--s);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);padding:18px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fd{opacity:0;transform:translateY(6px);transition:.35s}.fd.v{opacity:1;transform:none}.fd.w2{grid-column:span 2}
.fd label{font-size:11px;font-weight:600;color:var(--mu);display:block;margin-bottom:3px}.fd div{border:1px solid var(--bd);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--mu);background:var(--bg)}.fd.nw div{border-color:var(--ac);background:var(--acs);color:var(--ac)}
.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:44px;position:relative}
.st{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 10px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.04em}.st small{display:block;color:var(--mu);font-weight:500;letter-spacing:0;margin-top:4px}.st i{display:block;font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--acs);color:var(--ac);margin:0 auto 8px;line-height:26px}
.ws{display:grid;grid-template-columns:1fr 280px;gap:16px;background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:20px;margin-top:40px}
.hd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.hd h3{font-size:22px}.hd small{color:var(--mu)}
.tt{display:flex;gap:18px;border-bottom:1px solid var(--bd);margin-bottom:14px;font-size:13px;color:var(--mu);overflow-x:auto}.tt span{padding:6px 0;white-space:nowrap}.tt .on{color:var(--ac);border-bottom:2px solid var(--ac);font-weight:600}
.tl{border-left:2px solid var(--bd);margin-left:6px;padding-left:18px}.tl div{position:relative;padding:0 0 14px;font-size:14px}.tl div:before{content:"";position:absolute;left:-25px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ac);border:2px solid var(--s)}.tl small{display:block;color:var(--mu)}
.ind{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.ic{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:22px}.ic h3{font-size:19px;margin-bottom:10px}.ic p{margin:0;color:var(--mu);font-size:14px}.ic b{color:var(--ac)}
.org{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tr{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:22px;box-shadow:var(--sh);font-size:14px}.tr .n{display:inline-block;background:var(--tx);color:var(--bg);padding:6px 14px;border-radius:8px;font-weight:700}
.br{margin:12px 0 0 14px;padding-left:16px;border-left:2px solid var(--bd)}.br b{display:block;margin-bottom:6px}.rl{display:flex;gap:6px;flex-wrap:wrap}
.rep{background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:20px;margin-top:40px}
.k8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.ch{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding:10px 4px 0;border-bottom:1px solid var(--bd)}.bars div{flex:1;background:var(--ac);border-radius:6px 6px 0 0;opacity:.85;position:relative}.bars div:nth-child(odd){opacity:.55}.mo{display:flex;gap:10px;font-size:11px;color:var(--mu);padding:4px}.mo span{flex:1;text-align:center}
.fn div{height:26px;border-radius:6px;background:var(--acs);color:var(--ac);font-size:12px;font-weight:600;padding:4px 10px;margin-bottom:6px}
.fin{background:linear-gradient(135deg,#0b1b3a,#16337a);color:#fff;border-radius:22px;padding:64px 24px}.fin .sub{color:#c3d1ee}.fin .btn:not(.p){background:transparent;color:#fff;border-color:#4a63a0}
footer{border-top:1px solid var(--bd);padding:48px 0 28px;font-size:14px}.fc,.fc5{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px}.fc h4,.fc5 h4{margin:0 0 10px;font-size:13px}.fc a,.fc5 a{display:block;color:var(--mu);text-decoration:none;padding:3px 0}.fc a:hover,.fc5 a:hover{color:var(--tx)}.fc .fh,.fc5 .fh{margin:0 0 10px;font-size:13px;font-weight:700}.cp{color:var(--mu);margin-top:32px;font-size:13px}
@media(max-width:1000px){.fc,.fc5{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ind{grid-template-columns:1fr 1fr}.ai,.org,.show,.ws,.ch{grid-template-columns:1fr}.flow{grid-template-columns:1fr;max-width:340px;margin-inline:auto}.k8{grid-template-columns:1fr 1fr}}
@media(max-width:760px){section{padding:56px 0}.links,.act .l,.act .btn:not(.p){display:none}.mb{display:flex;margin-left:auto}nav .w{gap:10px}.links.o{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--s);flex-direction:column;padding:14px 20px;border-bottom:1px solid var(--bd)}.ind{grid-template-columns:1fr}.cta .btn{flex:1 1 100%;text-align:center}td{white-space:normal}.shot td{white-space:nowrap}.fg{grid-template-columns:1fr}.fd.w2{grid-column:auto}}

/* ==========================================================================
   Extensions — same tokens, same components, additive only
   ========================================================================== */

/* dropdown nav */
.dd{position:relative}
.dd>span{color:var(--mu);font-size:15px;font-weight:500;cursor:pointer;display:block}
.dd>span:hover,.dd>span.a{color:var(--tx)}
.dd>span.a{color:var(--ac)}
.dm{position:absolute;top:calc(100% + 14px);left:-16px;min-width:250px;background:var(--s);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);padding:8px;display:none;z-index:30}
.dm:before{content:"";position:absolute;left:-16px;right:-16px;bottom:100%;height:16px}
.dd:hover .dm{display:block}
.dm a{display:block;padding:9px 10px;border-radius:9px;color:var(--tx);font-weight:500}
.dm a:hover{background:var(--acs);color:var(--ac)}
.dm small{display:block;color:var(--mu);font-size:12px;font-weight:400;margin-top:1px}
@media(max-width:760px){
  .links.o{gap:2px}
  .links.o .dd>span{padding:10px 0}
  .dd .dm{position:static;min-width:0;box-shadow:none;border:0;background:none;padding:0 0 8px 14px;border-left:1px solid var(--bd);margin-left:2px;border-radius:0}
  .dd.on .dm{display:block}
}

/* page hero */
.ph{padding:64px 0 8px;background:radial-gradient(900px 380px at 50% -80px,var(--acs),transparent)}
.ph h1{font-size:clamp(34px,5vw,56px);max-width:780px}
.ph.c h1{margin-inline:auto}
.ph .sub{font-size:19px}
.ph:not(.c) .cta{justify-content:flex-start}
.crumb{font-size:13px;color:var(--mu);margin-bottom:18px}.crumb a{color:var(--mu)}
.crumb i{font-style:normal;padding:0 6px;opacity:.5}

/* section head alignment */
.shead{margin-bottom:6px}

/* generic grids */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.g2>.ic,.g3>.ic,.g4>.ic{margin:0}
.ic .ln{display:block;margin-top:14px;font-size:14px;font-weight:600;color:var(--ac)}
.ic.p{box-shadow:var(--sh);border-color:var(--ac)}
.ic .tag{display:inline-block;background:var(--acs);color:var(--ac);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;margin-bottom:12px}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* icon */
.x-icon{display:inline-block;vertical-align:-.18em;flex:none;line-height:0}
.ic .em,.art .em{color:var(--ac);line-height:0;display:block;margin-bottom:12px}
.ic .tag{color:var(--ac)}

/* check list */
.ck{list-style:none;margin:16px 0 0;padding:0}
.ck li{position:relative;padding:6px 0 6px 28px;color:var(--mu);font-size:14px}
.ck li>.x-icon{position:absolute;left:0;top:8px;color:var(--ok)}
.ck.x li>.x-icon{color:var(--rd)}
.ck li b{color:var(--tx)}
.ck li .d{color:var(--mu)}

/* steps */
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
@media(max-width:900px){.stp{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.stp{grid-template-columns:1fr}}

/* split blocks (copy + product shot) */
.splt{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:44px}
.splt.r .shot{order:2}
@media(max-width:900px){.splt{grid-template-columns:1fr;gap:28px}.splt.r .shot{order:0}}
.splt>*,.show>*,.ws>*,.ai>*,.org>*,.ch>*,.two>*,.three>*{min-width:0}

/* product shot frame */
.shot{background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:18px;overflow-x:auto}
.shot .app{min-width:0;width:100%;grid-template-columns:112px 1fr}
.shot .box,.shot .fm,.shot .cap{overflow-x:auto}
.shot .kp{grid-template-columns:repeat(2,1fr)}
.shot .pl{grid-template-columns:repeat(3,1fr)}
.shot .tb{flex-wrap:wrap}
.shot .tb .in:first-child{flex:1 1 100%}
.shot table{font-size:11.5px}
.shot th,.shot td{white-space:normal;padding:7px 6px}
.shot .k{padding:9px 10px}
.shot .sb{padding:12px 8px}
.shot .sb b{font-size:12px;padding:2px 6px 12px}
.shot .sb i{padding:6px 8px;font-size:12px}
.shot .mn{padding:12px}
.shot .two{grid-template-columns:1fr}
.shot .cap{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:var(--mu)}
.shot .cap b{color:var(--tx);font-size:13px}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;align-items:start}
@media(max-width:1000px){.plans{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.plans{grid-template-columns:1fr}}
.tp{background:var(--s);border:1px solid var(--bd);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:2px}
.tp.hi{border-color:var(--ac);box-shadow:var(--sh)}
.tp .nm{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}
.tp .am{font-size:34px;font-weight:800;letter-spacing:-.03em;margin-top:10px}
.tp .am small{font-size:13px;font-weight:500;color:var(--mu);letter-spacing:0}
.tp .ds{color:var(--mu);font-size:14px;min-height:44px}
.tp .btn{text-align:center;margin:14px 0 4px}
.tp ul{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--bd)}
.tp li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--bd);color:var(--mu)}
.tp li b{color:var(--tx);font-weight:600}
.tp li:last-child{border:0}
.tp .pd{color:var(--ac);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.cmp{margin-top:40px;background:var(--s);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:20px;overflow-x:auto}
.cmp table{font-size:13.5px}
.cmp td,.cmp th{white-space:nowrap}
.cmp th:first-child,.cmp td:first-child{position:sticky;left:0;background:var(--s)}
.cmp th{font-size:11px}
.cmp td:not(:first-child){text-align:center;width:130px}
.cmp .hl{color:var(--ac);font-weight:700}

/* article / resource cards */
.art{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.art .ct{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.art .em{margin-bottom:10px}
.art h3{font-size:17px;margin:8px 0 8px}
.art p{margin:0;color:var(--mu);font-size:14px}
.art .mt{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd);font-size:12px;color:var(--mu);display:flex;justify-content:space-between;gap:8px}
.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:30px 0 4px}
.filters button{border:1px solid var(--bd);background:var(--s);color:var(--mu);border-radius:99px;padding:8px 16px;font:600 14px inherit;font-family:inherit;cursor:pointer}
.filters button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}

/* faq */
.faq{max-width:820px;margin:36px auto 0}
.faq details{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--ac);font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{margin:10px 0 0;color:var(--mu);font-size:14px}

/* stat strip */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}}

/* chain of three steps */
.chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:44px}
.chain .ar{font-size:26px}
@media(max-width:900px){.chain{grid-template-columns:1fr}.chain .ar{transform:rotate(90deg)}}

/* form */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.fgrid .w2{grid-column:span 2}
@media(max-width:640px){.fgrid{grid-template-columns:1fr}.fgrid .w2{grid-column:auto}}
.ff label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.ff input,.ff select,.ff textarea{width:100%;border:1px solid var(--bd);background:var(--s);color:var(--tx);border-radius:10px;padding:11px 13px;font:15px inherit;font-family:inherit}
.ff textarea{min-height:120px;resize:vertical}
.ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 4px var(--acs)}

/* footer brand blurb */
.bl{margin:14px 0 0;color:var(--mu);font-size:13px;max-width:240px}

/* misc */
.note{border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:10px;background:var(--s);padding:14px 16px;font-size:14px;color:var(--mu)}
.qt{border:1px solid var(--bd);border-radius:14px;background:var(--s);padding:26px;box-shadow:var(--sh)}
.qt p{margin:0;font-size:17px}
.qt small{display:block;color:var(--mu);margin-top:12px}
.sticky-side{position:sticky;top:88px}