:root{--ink:#111827;--muted:#667085;--line:#d9e1ec;--soft:#f4f7fb;--panel:#fff;--red:#d71920;--red2:#991b1f;--blue:#214f9a;--green:#22c55e;--shadow:0 24px 70px rgba(16,21,34,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(215,25,32,.14),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(33,79,154,.14),transparent 32rem),linear-gradient(180deg,#fff 0,#f3f6fb 56%,#e9eef6 100%)}a{color:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3.5rem);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,225,236,.82)}.brand{display:flex;align-items:center;gap:.72rem;text-decoration:none}.brand span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:950;box-shadow:0 14px 30px rgba(215,25,32,.24)}.brand strong{font-size:1.03rem}.topbar nav{display:flex;gap:.25rem;background:#f2f5fa;border:1px solid var(--line);border-radius:999px;padding:.25rem}.topbar nav a{padding:.62rem .85rem;border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:850;color:#344054}.topbar nav a:hover{background:white}.top-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:950;letter-spacing:.04em}.top-cta{background:#111827;color:white;padding:.76rem 1rem}.button{padding:.95rem 1.15rem}.button.primary{background:linear-gradient(135deg,var(--red),#fb4b4f);color:#fff;box-shadow:0 18px 40px rgba(215,25,32,.24)}.button.secondary{background:#fff;border:1px solid var(--line);color:#111827}.hero{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding:clamp(3rem,7vw,6.6rem) clamp(1rem,4vw,3rem) 2rem}.kicker{margin:0 0 .78rem;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:950;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,7.2vw,6.5rem);line-height:.88;letter-spacing:-.075em;margin-bottom:1rem;max-width:900px}h2{font-size:clamp(2.15rem,4.6vw,4.7rem);line-height:.96;letter-spacing:-.06em;margin-bottom:1rem}.lede{font-size:clamp(1.08rem,1.7vw,1.34rem);line-height:1.62;color:#475467;max-width:720px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.55rem 0}.proof-strip{display:flex;gap:.55rem;flex-wrap:wrap}.proof-strip span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem .72rem;color:#475467;font-weight:850;font-size:.82rem}.hero-panel{min-width:0}.browser-frame{background:#fff;border:1px solid var(--line);border-radius:30px;padding:.75rem;box-shadow:var(--shadow);transform:rotate(1.1deg)}.browser-dots{display:flex;gap:.42rem;padding:.45rem .4rem .75rem}.browser-dots i{width:11px;height:11px;border-radius:999px;background:#d0d5dd}.browser-dots i:first-child{background:var(--red)}.browser-dots i:nth-child(2){background:#f79009}.browser-dots i:nth-child(3){background:var(--green)}.browser-frame img{display:block;width:100%;border-radius:22px;border:1px solid #edf1f6}.intro-grid,.terms{max-width:1240px;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}.intro-card,.terms-list,.feature-grid article{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.86);border-radius:28px;padding:clamp(1.35rem,3vw,2.25rem);box-shadow:0 16px 44px rgba(16,21,34,.08)}.intro-card p,.features p,.terms span,.contact p,.example-copy p{color:var(--muted);line-height:1.65}.example-section{margin:1rem auto 0;max-width:1240px;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,6vw,5rem);align-items:center;background:linear-gradient(135deg,#111827,#1f2937);border-radius:38px;color:white;box-shadow:var(--shadow)}.example-section .kicker{color:#ffb4b7}.example-copy p{color:rgba(255,255,255,.72);font-size:1.08rem}.example-visuals{position:relative;min-height:470px}.desktop-shot{position:absolute;inset:0 8% 8% 0;background:white;border-radius:28px;padding:.65rem;box-shadow:0 30px 80px rgba(0,0,0,.34);overflow:hidden}.desktop-shot img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px;display:block}.phone-shot{position:absolute;right:0;bottom:0;width:min(210px,38%);background:#0b1020;border:8px solid #0b1020;border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.45);overflow:hidden}.phone-shot img{display:block;width:100%;height:420px;object-fit:cover;object-position:top}.features{max-width:1240px;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem)}.section-title{max-width:850px;margin-bottom:1.5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid article span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fee4e2;color:var(--red);font-weight:950;margin-bottom:2.2rem}.feature-grid h3{font-size:1.2rem;margin-bottom:.45rem}.terms-list{display:grid;gap:1rem}.terms-list p{display:grid;grid-template-columns:190px 1fr;gap:1rem;margin:0;padding-bottom:1rem;border-bottom:1px solid var(--line)}.terms-list p:last-child{border-bottom:0;padding-bottom:0}.terms-list strong{color:var(--red)}.contact{text-align:center;max-width:900px;margin:0 auto;padding:clamp(3.5rem,8vw,7rem) 1rem}.contact p{max-width:700px;margin:0 auto 1.5rem}@media(max-width:920px){.topbar nav{display:none}.hero,.intro-grid,.example-section,.terms{grid-template-columns:1fr}.hero{padding-top:2.4rem}.browser-frame{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.example-visuals{min-height:430px}}@media(max-width:620px){.top-cta{display:none}h1{font-size:3.05rem}.feature-grid{grid-template-columns:1fr}.terms-list p{grid-template-columns:1fr}.example-section{border-radius:28px;margin-inline:.75rem}.example-visuals{min-height:380px}.desktop-shot{inset:0 0 18% 0}.phone-shot{width:42%;height:auto}.phone-shot img{height:300px}}