.marketing{max-width:1200px;margin:auto;padding:0 24px}.marketing .eyebrow{color:var(--accent);font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.marketing .hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding:76px 0 64px;display:grid}.marketing h1{letter-spacing:-.055em;text-wrap:balance;max-width:650px;margin:18px 0 22px;font-size:clamp(42px,5.5vw,72px);font-weight:650;line-height:1.03}.marketing .intro{max-width:540px;color:var(--text-muted);font-size:17px;line-height:1.75}.marketing .actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.marketing .hint{color:var(--text-muted);margin-top:16px;font-size:12px;line-height:1.6}.marketing .index{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px 26px;padding:18px 0;font-size:12px;display:flex}.marketing .index a{color:var(--text-muted)}.marketing .index a:hover{color:var(--accent)}.marketing .section{border-bottom:1px solid var(--border);padding:52px 0;scroll-margin-top:80px}.marketing .split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.marketing .two{grid-template-columns:1fr 1fr;gap:64px;display:grid}.marketing .number{font:12px var(--font-mono);color:var(--text-muted);margin-right:12px}.marketing h2{letter-spacing:-.035em;text-wrap:balance;margin:14px 0;font-size:clamp(24px,3vw,33px);font-weight:600;line-height:1.2}.marketing h3{margin-bottom:8px;font-size:15px;font-weight:600}.marketing .body{color:var(--text-muted);font-size:15px;line-height:1.75}.marketing .detail{color:var(--text-muted);margin-top:16px;font-size:13px;line-height:1.8}.marketing .link{color:var(--accent);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:inline-flex}.marketing .extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 42px;margin-top:30px;display:grid}.marketing .extras p{color:var(--text-muted);font-size:13px;line-height:1.75}.marketing .end{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:38px 0;display:flex}.marketing section,.marketing article,.marketing .hero>*{min-width:0}@media (width<=900px){.marketing .hero{gap:32px;padding-top:52px}.marketing .split,.marketing .two{gap:32px}.marketing .extras{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.marketing{padding:0 20px}.marketing .hero,.marketing .split,.marketing .two{grid-template-columns:minmax(0,1fr)}.marketing .hero{gap:32px;padding:40px 0}.marketing .intro{font-size:15px}.marketing .section{padding:36px 0}.marketing .extras{grid-template-columns:minmax(0,1fr);gap:24px}.marketing .index{gap:12px 20px}}