/* Marketing pages (home + SEO landing pages). Loaded after style.css. */
.mk{max-width:1120px;margin:0 auto;padding:0 22px}
.mk main,main.mk{padding:0 22px 40px;max-width:1120px}
.hero2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;padding:52px 0 40px}
.hero2.solo{grid-template-columns:minmax(0,760px);padding:48px 0 28px}
.hero2 h1{font-size:clamp(34px,5.4vw,60px);line-height:1.03;margin:0 0 16px;letter-spacing:-.035em}
.lead{font-size:18px;line-height:1.55;color:var(--mut);margin:0 0 22px;max-width:56ch}
.try{display:grid;gap:10px;max-width:560px}.try textarea{min-height:104px;font-size:16px}
.try .row{justify-content:space-between}.note{color:var(--mut);font-size:13px;margin:2px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
/* the trace: a vertical trail of sources, echoing the logo's source line */
.trace{position:relative;padding:22px 22px 22px 46px}
.trace::before{content:"";position:absolute;left:25px;top:34px;bottom:40px;width:2px;background:linear-gradient(var(--acc),var(--acc3));transform-origin:top;animation:draw 1.2s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes draw{from{transform:scaleY(0)}}
.trace .nd{position:absolute;left:19px;width:14px;height:14px;border-radius:50%;background:var(--card);border:3px solid var(--acc);animation:pop .4s both}
.trace .nd.a{background:var(--amber);border-color:var(--amber)}
@keyframes pop{from{transform:scale(0)}}
.trace .ex{display:inline-block;font-size:12px;color:var(--mut);margin-bottom:10px}
.trace h2{font-size:18px;line-height:1.35;margin:0 0 10px;letter-spacing:-.01em}
.trace .s{border:1px solid var(--bd);border-radius:12px;padding:9px 12px;margin-top:8px;font-size:14px;background:var(--bg2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.trace .s span.mut{margin-left:auto}
.band{border-top:1px solid var(--bd);padding:44px 0}
.band h2{font-size:clamp(24px,3.4vw,34px);letter-spacing:-.025em;line-height:1.15;margin:0 0 14px;max-width:24ch}
.band p,.band li{max-width:68ch;line-height:1.7}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:var(--card)}
.cols>div{padding:22px;border-left:1px solid var(--bd)}.cols>div:first-child{border-left:0}.cols h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em}.cols p{margin:0;color:var(--mut);line-height:1.6}
ol.how{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:14px;max-width:70ch}
ol.how li{counter-increment:s;position:relative;padding-left:46px;line-height:1.65}
ol.how li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;font:700 14px var(--fd);color:var(--acc)}
.faq details{border-bottom:1px solid var(--bd);padding:14px 0;font-size:16px;margin:0}.faq summary{font-weight:600;color:var(--fg);cursor:pointer;font-family:var(--fd);font-size:18px}.faq details p{margin:10px 0 0;color:var(--mut);line-height:1.7;max-width:70ch}
.cta-band{border:1px solid var(--bd);border-radius:24px;padding:34px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,var(--acc2),var(--card))}
.cta-band h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;max-width:22ch}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:12px}.crumbs a{color:var(--mut)}
.mf{border-top:1px solid var(--bd);margin-top:30px;padding:34px 22px 40px;color:var(--mut);font-size:14px}
.mf .in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:28px}.mf a{display:block;color:var(--mut);text-decoration:none;padding:3px 0}.mf a:hover{color:var(--fg)}.mf b{color:var(--fg);display:block;margin-bottom:6px;font-family:var(--fd)}
.legal h2{font-size:20px;margin:26px 0 6px}.legal p,.legal li{color:var(--mut);line-height:1.7;max-width:70ch}
@media(max-width:900px){.hero2{grid-template-columns:1fr;gap:28px;padding-top:30px}.cols{grid-template-columns:1fr}.cols>div{border-left:0;border-top:1px solid var(--bd)}.cols>div:first-child{border-top:0}.mf .in{grid-template-columns:1fr 1fr}}