:root {
  --intent-bg: #fafaff;
  --intent-surface: rgba(255, 255, 255, .78);
  --intent-border: rgba(54, 59, 86, .13);
  --intent-ink: #26304a;
  --intent-muted: #7b8295;
  --intent-accent: #7163eb;
  --intent-accent-deep: #5e51d5;
}
* { box-sizing: border-box; }
html { background: var(--intent-bg); }
body { min-width: 320px; margin: 0; color: var(--intent-ink); background: radial-gradient(ellipse 62% 88% at 18% 18%, rgba(224,227,255,.72), transparent 72%), radial-gradient(ellipse 52% 80% at 88% 28%, rgba(255,231,220,.64), transparent 72%), linear-gradient(110deg, #fafaff 0%, #fbfbff 50%, #fffaf8 100%); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
a { color: inherit; }
.intent-shell { width: min(100%, 1100px); margin: 0 auto; padding: 28px 32px 76px; }
.intent-nav { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--intent-border); }
.intent-brand { color: var(--intent-ink); text-decoration: none; font-weight: 800; letter-spacing: .02em; }
.intent-nav-links { display: flex; flex-wrap: wrap; gap: 18px; color: var(--intent-muted); font-size: 12px; }
.intent-nav-links a { text-decoration: none; }
.intent-nav-links a:hover { color: var(--intent-ink); }
.intent-eyebrow { margin: 64px 0 13px; color: var(--intent-accent-deep); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.intent-hero h1 { max-width: 850px; margin: 0; font-size: clamp(40px, 6vw, 72px); letter-spacing: -.06em; line-height: .98; }
.intent-answer { max-width: 760px; margin: 24px 0 0; color: var(--intent-muted); font-size: 18px; line-height: 1.7; }
.intent-cta { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; margin-top: 28px; padding: 0 24px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #7c70f5, #6658e4); box-shadow: 0 14px 24px rgba(113,99,235,.28); font-size: 14px; font-weight: 750; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.intent-cta:hover { background: var(--intent-accent-deep); transform: translateY(-1px); }
.intent-note { margin: 12px 0 0; color: var(--intent-muted); font-size: 11px; }
.intent-section { margin-top: 64px; }
.intent-section h2 { margin: 0; color: var(--intent-ink); font-size: clamp(26px, 3.5vw, 38px); letter-spacing: -.045em; line-height: 1.08; }
.intent-section > p { max-width: 760px; margin: 16px 0 0; color: var(--intent-muted); font-size: 15px; line-height: 1.75; }
.intent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.intent-card { padding: 24px; border: 1px solid rgba(255,255,255,.82); border-radius: 20px; background: var(--intent-surface); box-shadow: 0 16px 34px rgba(106,105,160,.07); }
.intent-card h3 { margin: 0; color: var(--intent-ink); font-size: 18px; letter-spacing: -.025em; }
.intent-card p { margin: 10px 0 0; color: var(--intent-muted); font-size: 13px; line-height: 1.65; }
.intent-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.intent-step { padding-top: 18px; border-top: 1px solid var(--intent-border); }
.intent-step span { color: var(--intent-accent); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.intent-step h3 { margin: 11px 0 0; font-size: 16px; line-height: 1.25; }
.intent-step p { margin: 9px 0 0; color: var(--intent-muted); font-size: 13px; line-height: 1.6; }
.intent-faq details { padding: 16px 0; border-bottom: 1px solid var(--intent-border); }
.intent-faq details:first-of-type { margin-top: 12px; border-top: 1px solid var(--intent-border); }
.intent-faq summary { cursor: pointer; color: var(--intent-ink); font-size: 14px; font-weight: 750; }
.intent-faq p { max-width: 720px; margin: 9px 0 0; color: var(--intent-muted); font-size: 13px; }
.intent-related { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.intent-related a { padding: 10px 14px; border: 1px solid rgba(113,99,235,.18); border-radius: 999px; color: var(--intent-accent-deep); background: rgba(255,255,255,.5); font-size: 12px; font-weight: 700; text-decoration: none; }
.intent-related a:hover { background: #fff; }
.intent-final { margin-top: 48px; padding: 30px; border-radius: 22px; background: rgba(239,237,255,.58); text-align: center; }
.intent-final p { margin: 0 0 18px; color: var(--intent-muted); font-size: 14px; }
.intent-footer { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 70px; padding-top: 20px; border-top: 1px solid var(--intent-border); color: var(--intent-muted); font-size: 11px; }
.intent-footer a { text-decoration: none; }
@media (max-width: 760px) { .intent-shell { padding: 20px 20px 54px; } .intent-nav { align-items: flex-start; flex-direction: column; } .intent-nav-links { gap: 12px; } .intent-eyebrow { margin-top: 44px; } .intent-hero h1 { font-size: 43px; } .intent-answer { font-size: 16px; } .intent-section { margin-top: 48px; } .intent-grid, .intent-steps { grid-template-columns: 1fr; } .intent-card { padding: 20px; } .intent-final { padding: 24px 18px; } }