:root{--ink:#111827;--muted:#687386;--line:#e5e7eb;--accent:#635bff;--soft:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-size:16px;line-height:1.5}a{color:inherit}.site-header{height:72px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100% - 1160px)/2));border-bottom:1px solid #f0f1f4;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark,.preview-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;font-weight:850}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a,.header-cta,.text-link{font-size:14px;text-decoration:none;font-weight:650}.nav-links a{color:var(--muted)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 17px;text-decoration:none;font-size:14px;font-weight:760}.header-cta,.button.primary{background:var(--ink);color:#fff}.section-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.hero{padding:100px 0 64px;max-width:900px}.eyebrow,.section-kicker{color:var(--accent);font-size:11px;font-weight:820;letter-spacing:.12em}.hero h1{max-width:820px;margin:15px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.055em}.hero-copy{max-width:640px;margin:0;color:var(--muted);font-size:20px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.text-link{color:var(--accent)}.browser-frame{overflow:hidden;border:1px solid #dfe3eb;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.10)}.browser-bar{display:flex;align-items:center;gap:15px;height:43px;padding:0 16px;border-bottom:1px solid #edf0f4;background:#fafbfc;color:#98a1ae;font-size:12px}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#d5d9e2}.browser-url{padding-left:10px}.preview-placeholder{display:grid;place-items:center;min-height:430px;align-content:center;gap:10px;background:linear-gradient(135deg,#fbfbff,#f5f6fb);color:var(--muted)}.preview-placeholder .preview-mark{width:52px;height:52px;font-size:22px}.preview-placeholder strong{color:var(--ink);font-size:20px}.funnel-section,.features,.how{padding:120px 0 20px}.funnel-section h2,.features h2,.how h2,.ai-section h2,.connection h2{max-width:700px;margin:12px 0;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.funnel-section p,.ai-section p,.connection p{max-width:600px;color:var(--muted);font-size:18px}.funnel-chain{display:flex;align-items:center;gap:12px;margin-top:38px;overflow-x:auto;padding-bottom:8px;color:var(--muted);white-space:nowrap}.funnel-chain span{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:700}.funnel-chain b{color:var(--accent)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.feature-grid article,.steps article{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.line-icon{color:var(--accent);font-size:26px}.feature-grid h3,.steps h3{margin:18px 0 7px;font-size:18px}.feature-grid p,.steps p{margin:0;color:var(--muted);font-size:14px}.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:120px;padding:64px;border-radius:22px;background:var(--soft)}.ai-visual{min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:28px;border:1px solid #dfe3eb;border-radius:16px;background:#fff;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}.fake-lines{display:grid;gap:12px}.fake-lines i{display:block;height:10px;border-radius:99px;background:#e9eaf8}.fake-lines i:nth-child(2){width:78%}.fake-lines i:nth-child(3){width:58%}.fake-lines i:nth-child(4){width:86%}.question-list{display:grid;gap:9px;margin-top:24px}.question-list span{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:650}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.steps article b{color:var(--accent)}.connection{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:120px;padding:50px 0;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;width:min(1160px,calc(100% - 48px));margin:20px auto 0;padding:28px 0 42px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer strong,footer span{display:block}footer strong{color:var(--ink);margin-bottom:3px}@media(max-width:760px){.site-header{height:62px;padding:0 16px;gap:0;justify-content:space-between}.nav-links{display:none}.header-cta{padding:9px 12px;font-size:12px}.section-wrap{width:calc(100% - 32px)}.hero{padding:64px 0 38px}.hero h1{font-size:42px;letter-spacing:-.05em}.hero-copy{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:15px}.hero-actions .button{width:100%}.browser-frame{border-radius:14px}.preview-placeholder{min-height:270px;text-align:center;padding:28px}.preview-placeholder strong{font-size:17px}.funnel-section,.features,.how{padding-top:78px}.funnel-section h2,.features h2,.how h2,.ai-section h2,.connection h2{font-size:32px}.funnel-chain{gap:8px;margin-top:24px}.funnel-chain span{padding:10px 11px;font-size:13px}.feature-grid,.steps{grid-template-columns:1fr;gap:10px}.feature-grid article,.steps article{padding:20px}.ai-section{grid-template-columns:1fr;gap:28px;margin-top:78px;padding:20px}.ai-visual{min-height:210px}.connection{align-items:flex-start;flex-direction:column;margin-top:78px;padding:35px 0}.connection .button{width:100%}footer{width:calc(100% - 32px);font-size:12px}}
:root{--landing-preview-height:520px}.dashboard-preview{display:block;width:100%;height:var(--landing-preview-height);object-fit:cover;object-position:top center;background:#f7f8fc}@media(min-width:761px){.funnel-section,.features,.how{padding-top:96px}.ai-section{margin-top:96px}.connection{margin-top:96px}}@media(max-width:760px){.dashboard-preview{height:270px;object-position:top center}}
:root{--landing-preview-height:520px}.dashboard-preview{display:block;width:100%;height:var(--landing-preview-height);object-fit:cover;object-position:top center;background:#f7f8fc}@media(min-width:761px){.funnel-section,.features,.how{padding-top:96px}.ai-section{margin-top:96px}.connection{margin-top:96px}}@media(max-width:760px){.dashboard-preview{height:270px;object-fit:cover;object-position:top left;transform:scale(2.1);transform-origin:top left}.hero{padding-top:48px;padding-bottom:28px}.hero h1{font-size:clamp(38px,10vw,44px);line-height:.98;letter-spacing:-.05em}.hero-copy{margin-top:14px}.hero-actions{margin-top:22px}}