/* Marketing pages: small-screen fixes. Bootstrap's g-5 gutter (3rem) outgrows the container padding below lg. */
@media (max-width: 991.98px) {
  main.site .row.g-5 { --bs-gutter-x: 1.5rem; }
}
main.site .tabs { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ===== Rich feature pages ===== */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.d1{transition-delay:.08s}.js .reveal.d2{transition-delay:.16s}.js .reveal.d3{transition-delay:.24s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.floaty{animation:floaty 6s ease-in-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(18,128,90,.45)}100%{box-shadow:0 0 0 10px rgba(18,128,90,0)}}
.live{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite;margin-right:.45rem}
.pnav{position:sticky;top:61px;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pnav .container{display:flex;gap:.3rem;overflow-x:auto;padding-top:.45rem;padding-bottom:.45rem;scrollbar-width:none}
.pnav a{white-space:nowrap;font-size:.86rem;font-weight:600;color:var(--mut);text-decoration:none;padding:.4rem .85rem;border-radius:99px}
.pnav a:hover{color:var(--b)}.pnav a.on{background:var(--bl);color:var(--bd)}
section[id]{scroll-margin-top:120px}
.trustrow{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:var(--mut);font-size:.88rem;margin-top:1.4rem}
.trustrow span{display:inline-flex;align-items:center;gap:.4rem}.trustrow .i{color:var(--ok);width:17px;height:17px}
.tool{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(50,50,140,.12);overflow:hidden}
.tool-h{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.8rem 1.1rem;background:var(--soft);border-bottom:1px solid var(--line)}
.tool-b{padding:1.2rem}
.mini-btn{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.25rem .8rem;font-size:.8rem;font-weight:600;color:var(--bd)}.mini-btn:hover{background:var(--bl)}
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stats4 .st{text-align:center;padding:.5rem}.stats4 .st b{font-size:1.15rem}
.bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--b),var(--b2));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bar.ok i{background:linear-gradient(90deg,#12805a,#34d399)}.bar.warn i{background:linear-gradient(90deg,#d97706,#fbbf24)}
.ring.big{width:132px;height:132px;transition:background .6s}.ring.big b{width:100px;height:100px;font-size:2rem;flex-direction:column;line-height:1}.ring.big b small{font:600 .68rem Inter;color:var(--mut);letter-spacing:.02em}
.ring.good{background:conic-gradient(var(--ok) calc(var(--p)*1%),var(--line) 0)}.ring.mid{background:conic-gradient(#d97706 calc(var(--p)*1%),var(--line) 0)}.ring.low{background:conic-gradient(#dc2626 calc(var(--p)*1%),var(--line) 0)}
.cg{border:1px solid var(--line);border-radius:14px;margin-bottom:.6rem;overflow:hidden;background:#fff}
.cg>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .9rem;font-weight:700;font-family:Sora;font-size:.92rem}
.cg>summary::-webkit-details-marker{display:none}.cg>summary:after{content:"+";color:var(--b);font-size:1.3rem;line-height:1}.cg[open]>summary:after{content:"\2013"}
.cg .ck{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .9rem;border-top:1px solid var(--line);font-size:.86rem}
.cg .ck small{display:block;color:var(--mut);margin-top:.1rem}
.mk{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 .7rem Inter;margin-top:.1rem}.mk.y{background:var(--okb);color:var(--ok)}.mk.n{background:var(--wnb);color:var(--wn)}
mark.w{background:#fde68a;color:inherit;border-radius:3px;padding:0 2px}mark.g{background:#bbf7d0;color:inherit;border-radius:3px;padding:0 2px}
.hlview{white-space:pre-wrap;font-size:.84rem;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:.9rem;max-height:260px;overflow:auto}
.chip.g{background:var(--okb);color:var(--ok)}
.flip{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.flip>div{border-radius:14px;padding:.9rem;font-size:.9rem}.flip .bad{background:#fff1f2;border:1px solid #fecdd3}.flip .good{background:var(--okb);border:1px solid #9bd9bf}
.flip b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}
.hot{border:0;background:rgba(90,82,240,.12);border-bottom:2px solid var(--b);border-radius:4px;padding:0 3px;font:inherit;color:inherit;cursor:pointer;text-align:left}.hot.on,.hot:hover{background:rgba(90,82,240,.28)}
.letter{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.6rem 1.8rem;font:400 .92rem/1.7 Georgia,serif;white-space:pre-wrap;min-height:340px;box-shadow:0 18px 50px rgba(50,50,140,.1)}
.letter .ph,.draft .ph{background:var(--wnb);color:var(--wn);border-radius:4px;padding:0 3px;font-family:Inter,sans-serif;font-size:.82em}
.hint{display:flex;gap:.5rem;align-items:center;font-size:.84rem;padding:.3rem 0}.hint .mk{margin:0}
.fld2 label{font-weight:600;font-size:.82rem;margin-bottom:.25rem;display:block}
.fld2 .form-control,.fld2 .form-select{background:var(--soft);border:1px solid var(--line);border-radius:10px}
.fld2 .form-control:focus,.fld2 .form-select:focus{background:#fff;border-color:var(--b);box-shadow:0 0 0 3px var(--bl)}
.wk{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;margin-bottom:.7rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:start;transition:.2s}
.wk.done{background:var(--okb);border-color:#9bd9bf}.wk.done .wt{text-decoration:line-through;color:var(--mut)}
.wk .wn{font:700 .72rem Inter;color:var(--b);text-transform:uppercase;letter-spacing:.08em}
.wk .wt{font:700 1rem Sora;letter-spacing:-.02em}
.wk input[type=checkbox]{width:22px;height:22px;margin-top:.25rem;accent-color:var(--b);cursor:pointer}
.skl{display:flex;flex-wrap:wrap;gap:.5rem}
.skl label{display:inline-flex;gap:.45rem;align-items:center;border:1px solid var(--line);background:#fff;border-radius:99px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:.15s}
.skl label:has(input:checked){background:var(--okb);border-color:#9bd9bf;color:var(--ok)}
.skl input{accent-color:var(--ok)}
.range{width:100%;accent-color:var(--b)}
.tabsx{display:flex;gap:.4rem;flex-wrap:wrap}
.tabsx button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.55rem 1rem;font-weight:600;font-size:.88rem;color:var(--mut);transition:.15s}
.tabsx button.on,.tabsx button:hover{border-color:var(--b);color:var(--bd);background:var(--bl)}
.pane2{display:none}.pane2.on{display:block;animation:up .4s both}
.funnel{display:flex;flex-direction:column;gap:.5rem}.funnel .fr{display:grid;grid-template-columns:96px 1fr 38px;gap:.6rem;align-items:center;font-size:.84rem}
.due{font-size:.7rem;font-weight:700;border-radius:99px;padding:.1rem .5rem}.due.late{background:#fee2e2;color:#b91c1c}.due.soon{background:var(--wnb);color:var(--wn)}.due.stale{background:#e0e7ff;color:#3730a3}
.tk .row2{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem}
.star{border:0;background:none;color:#cbd0e6;font-size:1.05rem;line-height:1;padding:0}.star.on{color:#f59e0b}
.toast2{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;border-radius:99px;padding:.6rem 1.2rem;font-size:.88rem;opacity:0;pointer-events:none;transition:.3s;z-index:3000}
.toast2.on{opacity:1;transform:translateX(-50%)}
.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--b)}
.resume{--ac:#5a52f0}.resume.modern{border-top-color:var(--ac)}.resume .rh{color:var(--ac)}.resume.classic .rh,.resume.compact .rh{color:var(--ink)}
.sdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem}.sdot.s{background:var(--ok)}.sdot.m{background:#f59e0b}.sdot.w{background:#ef4444}
.hours{font:600 .74rem Inter;color:var(--mut)}
.tl{position:relative;padding-left:1.6rem;border-left:2px solid var(--line)}
.tl>div{position:relative;margin-bottom:1.1rem}.tl>div:before{content:"";position:absolute;left:-2.05rem;top:.3rem;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--b)}
.dial{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.dial:first-of-type{border-top:0}
.tgl{width:46px;height:26px;border-radius:99px;background:var(--line);position:relative;border:0;flex:none;transition:.2s}.tgl:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.tgl.on{background:var(--ok)}.tgl.on:after{left:23px}
@media print{body.printing nav,body.printing header,body.printing footer,body.printing .pnav{display:none!important}}
@media(max-width:767px){.stats4{grid-template-columns:repeat(2,1fr)}.flip{grid-template-columns:1fr}.wk{grid-template-columns:auto 1fr}.pnav{top:57px}}
.resume.modern h4{color:var(--ac)}

.board{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:visible}
.board .tk{overflow-wrap:anywhere}
@media(max-width:991.98px){.board{grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto}}
.resume.preview{position:relative;user-select:none;-webkit-user-select:none;overflow:hidden}
.resume.preview:after{content:"PREVIEW";position:absolute;inset:0;display:grid;place-items:center;font:800 5rem Sora;letter-spacing:.1em;color:rgba(90,82,240,.07);transform:rotate(-24deg);pointer-events:none}
.gate{border:1px dashed #b9b4ff;background:var(--bl);border-radius:16px;padding:1rem 1.2rem}

/* ---- Resume template gallery ---- */
.tplnav{display:flex;flex-direction:column;gap:.6rem}
.tpln{display:grid;grid-template-columns:62px 1fr;gap:.85rem;align-items:center;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.7rem;transition:.18s;color:var(--ink)}
.tpln:hover{border-color:#cfcbff;transform:translateX(2px)}
.tpln.on{border-color:var(--b);box-shadow:0 0 0 3px var(--bl),0 12px 28px rgba(90,82,240,.14)}
.tpln .rframe{box-shadow:none;border-radius:4px}
.tpln-t b{display:inline-block;font:700 .98rem Sora;margin-right:.45rem}.tpln-t small{display:block;color:var(--mut);font-size:.78rem;line-height:1.35;margin-top:.2rem}
.gal{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:0 24px 70px rgba(50,50,140,.12)}
.gframe{position:relative;background:linear-gradient(135deg,#eef0ff,#e3f0ff);border-radius:16px;padding:1.4rem}
.gframe .rframe{max-width:560px;margin:0 auto;box-shadow:0 24px 60px rgba(30,30,90,.28);border:0;border-radius:3px}
.gframe .rframe .sheet[hidden]{display:none}
.gframe .rframe .sheet{animation:up .35s both}
.gal-badge{position:absolute;right:1.2rem;bottom:.9rem;font-size:.72rem;font-weight:600;color:var(--bd);background:rgba(255,255,255,.85);border-radius:99px;padding:.15rem .7rem}
.gal .accpick span{width:24px;height:24px}
@media(max-width:991.98px){.tplnav{flex-direction:row;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory}.tpln{min-width:250px;scroll-snap-align:start}}
@media(max-width:575px){.gframe{padding:.7rem}}

/* ---- Message drafts (tabs) ---- */
.dtabs{display:flex;gap:.25rem;overflow-x:auto;padding:.5rem .6rem 0;background:var(--soft);border-bottom:1px solid var(--line);scrollbar-width:none}
.dtabs button{border:0;background:transparent;padding:.7rem 1.15rem;font-weight:600;font-size:.9rem;color:var(--mut);white-space:nowrap;border-radius:12px 12px 0 0;position:relative;transition:.15s}
.dtabs button:hover{color:var(--b)}
.dtabs button.on{background:#fff;color:var(--bd);box-shadow:0 -2px 0 var(--b) inset}
.dside{padding:1.2rem;border-right:1px solid var(--line);background:#fcfcff}
.dmain{padding:1.2rem}
.dside .gate{background:var(--bl)}
.draft{white-space:pre-wrap}
@media(max-width:991.98px){.dside{border-right:0;border-bottom:1px solid var(--line)}}

/* Articles and legal pages */
.prose{font-size:1.02rem;line-height:1.75;color:var(--ink,#1c1c3a)}
.prose h2{font-family:Sora,Inter,sans-serif;font-size:1.3rem;margin:2rem 0 .6rem;letter-spacing:-.01em}
.prose h3{font-size:1.1rem;margin:1.5rem 0 .5rem}
.prose p,.prose ul,.prose ol{margin:0 0 1rem}
.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.3rem 0}
.prose a{color:var(--b,#4f46e5);text-decoration:underline;text-underline-offset:2px}
.prose blockquote{border-left:3px solid var(--b,#4f46e5);padding:.2rem 0 .2rem 1rem;color:var(--mut,#5c5c7a);margin:1rem 0}
.acard{transition:transform .15s,box-shadow .15s;color:inherit}
.acard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(60,60,160,.14)}
.acard h2,.acard h3{color:var(--ink,#1c1c3a)}

/* ===== Home: quick tools, browse chips, match demo, employer block ===== */
.qtools{padding:2.2rem 0 .5rem}
.qt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}
.qt{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:1rem 1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink,#0f1535);transition:transform .2s,box-shadow .2s,border-color .2s}
.qt:hover,.qt:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(60,60,160,.14);border-color:var(--b)}
.qt .qi{width:38px;height:38px;border-radius:11px;background:var(--bl);color:var(--bd);display:grid;place-items:center;font-size:1.1rem;margin-bottom:.45rem}
.qt b{font-family:Sora,Inter,sans-serif;font-size:.95rem}.qt small{color:var(--mut);font-size:.8rem;line-height:1.35}
.qt .qa{position:absolute;top:.9rem;right:1rem;color:var(--b);opacity:0;transform:translateX(-4px);transition:.2s}.qt:hover .qa,.qt:focus-visible .qa{opacity:1;transform:none}
.browse{padding:1.6rem 0 .5rem}
.chiprow{display:flex;flex-wrap:wrap;gap:.5rem}
.chiprow .cr{padding:.42rem .95rem;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.88rem;font-weight:600;color:var(--bd);text-decoration:none;transition:.15s}
.chiprow .cr:hover,.chiprow .cr:focus-visible{background:var(--bl);border-color:var(--b)}
ul.tick{list-style:none;padding:0;margin:0 0 1rem}ul.tick li{position:relative;padding-left:1.7rem;margin-bottom:.5rem}
ul.tick li::before{content:"✓";position:absolute;left:0;top:0;width:1.2rem;height:1.2rem;border-radius:50%;background:#dff5ec;color:#12805a;font-size:.75rem;display:grid;place-items:center;font-weight:700}
.mscore{--p:82;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none}
.mscore b{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-size:1.15rem;line-height:1}.mscore small{font:600 .62rem Inter,sans-serif;color:var(--mut)}
.mrow{display:grid;grid-template-columns:150px 1fr 130px;gap:.8rem;align-items:center;margin-bottom:.7rem;font-size:.9rem}
.mrow em{font-style:normal;font-size:.78rem;font-weight:600}.mrow em.y{color:#12805a}.mrow em.n{color:#b45309}.mrow em.u{color:var(--mut)}
.mrow .bar i{width:var(--w)}.js .reveal:not(.in) .mrow .bar i{width:0}
.emp{background:linear-gradient(180deg,#f4f3ff,#fff)}
.eb{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .8rem;background:#fff;border:1px solid var(--line);border-radius:13px;height:100%}
.eb>span{width:30px;height:30px;border-radius:9px;background:var(--bl);color:var(--bd);display:grid;place-items:center;flex:none;font-size:.9rem}
.eb b{display:block;font-size:.9rem}.eb small{display:block;color:var(--mut);font-size:.78rem;line-height:1.35}
.hb{display:grid;grid-template-columns:90px 1fr 28px;gap:.6rem;align-items:center;font-size:.82rem;margin:.35rem 0}.hb i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--b),var(--b2))}.hb b{text-align:right}
@media(max-width:1199.98px){.qt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575.98px){.qt-grid{grid-template-columns:repeat(2,1fr)}.mrow{grid-template-columns:1fr 1fr;row-gap:.2rem}.mrow .bar{grid-column:1/-1;order:3}.mrow em{text-align:right}}
@media(prefers-reduced-motion:reduce){.qt,.qt .qa{transition:none}.js .reveal:not(.in) .mrow .bar i{width:var(--w)}}

/* Calmer hero: one main action, one search row */
.hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);line-height:1.1}
.search-row{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}
.search-row .form-control{flex:1 1 0;min-width:0}
.search-row .btn{flex:none;height:48px;padding:0 1.4rem}
@media(max-width:575.98px){.search-row{flex-wrap:wrap}.search-row .form-control{flex:1 1 100%}.search-row .btn{width:100%}}
.qtools{padding:1.6rem 0 0}.qt{padding:.85rem .95rem}.qt:hover,.qt:focus-visible{transform:none;box-shadow:0 8px 22px rgba(60,60,160,.1)}
.qtools .qt-grid{gap:.6rem}