@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --ink:#142238; --blue:#5269db; --paper:#fbfbf8; --muted:#718096; --line:#e6e8ed; --lime:#d9f17a; --peach:#ffe4d9; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans',sans-serif; } a { color:inherit; text-decoration:none; } button,input,textarea { font:inherit; }
.landing-header { width:min(1110px,calc(100% - 40px)); height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; }.landing-brand { font:700 20px 'Space Grotesk',sans-serif; letter-spacing:-.04em; }.landing-brand span { display:inline-grid; place-items:center; width:28px; height:28px; margin-right:8px; border-radius:8px; background:var(--lime); font-size:16px; }.header-link { color:#596986; font-size:11px; }.header-link b { color:var(--blue); margin-left:7px; font-size:16px; }
.landing-hero { width:min(1110px,calc(100% - 40px)); margin:70px auto 0; display:grid; grid-template-columns:1fr .85fr; gap:72px; align-items:center; }.landing-eyebrow { margin:0 0 15px; color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.16em; }.hero-content h1 { max-width:530px; margin:0; font:700 clamp(44px,6vw,72px)/.99 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.hero-lede { max-width:475px; margin:23px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }.landing-cta { display:inline-flex; align-items:center; gap:25px; margin-top:29px; padding:15px 18px; border-radius:10px; background:var(--ink); color:#fff; font-size:12px; font-weight:700; }.landing-cta span { color:var(--lime); font-size:17px; }.hero-note { color:#a0a9b5; font-size:10px; margin-top:13px; }
.hero-visual { min-height:430px; position:relative; }.visual-photo { position:absolute; inset:22px 14px 18px 44px; border-radius:145px 145px 25px 25px; background:linear-gradient(140deg,rgba(82,105,219,.2),rgba(255,228,217,.4)),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1000&q=84') center/cover; box-shadow:0 24px 50px rgba(20,34,56,.14); }.visual-shape { position:absolute; border-radius:50%; }.shape-one { width:118px; height:118px; right:-5px; top:0; background:var(--lime); }.shape-two { width:92px; height:92px; left:0; bottom:4px; background:var(--peach); }.visual-note { position:absolute; right:-10px; bottom:45px; width:176px; padding:14px; border-radius:13px; background:#fff; box-shadow:0 13px 28px rgba(20,34,56,.12); }.visual-note span { color:var(--blue); font-size:15px; }.visual-note strong,.visual-note small { display:block; }.visual-note strong { margin-top:5px; font-size:11px; }.visual-note small { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.35; }
.value-section { width:min(1110px,calc(100% - 40px)); margin:130px auto 0; padding-top:32px; border-top:1px solid var(--line); }.value-section h2,.conversation-copy h2 { max-width:530px; margin:0; font:700 38px/1.05 'Space Grotesk',sans-serif; letter-spacing:-.055em; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:44px; }.value-grid article { border-top:2px solid var(--ink); padding-top:15px; }.value-grid span { color:var(--coral,#ff806c); font-size:10px; font-weight:700; }.value-grid h3 { margin:19px 0 8px; font:700 17px 'Space Grotesk',sans-serif; }.value-grid p { max-width:270px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.conversation-section { width:min(1110px,calc(100% - 40px)); margin:130px auto 0; padding:55px; display:grid; grid-template-columns:1fr .8fr; gap:80px; border-radius:22px; background:#eef1ff; }.conversation-copy h2 { color:var(--ink); }.conversation-copy > p:last-child { max-width:375px; margin-top:18px; color:#687795; font-size:14px; line-height:1.6; }.lead-form { padding:24px; border-radius:15px; background:#fff; box-shadow:0 14px 35px rgba(39,56,105,.08); }.lead-form label { display:block; margin-bottom:14px; color:#63718a; font-size:10px; font-weight:600; }.lead-form input,.lead-form textarea { width:100%; margin-top:7px; padding:11px 12px; border:1px solid #dce1ea; border-radius:8px; color:var(--ink); background:#fcfdff; outline:0; resize:vertical; font-size:12px; }.lead-form input:focus,.lead-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px #e9edff; }.lead-form button { width:100%; padding:13px 14px; border:0; border-radius:9px; color:#fff; background:var(--ink); font-size:11px; font-weight:700; }.lead-form button span { float:right; color:var(--lime); font-size:16px; }.lead-form small { display:block; margin-top:10px; color:#a0a9b5; font-size:9px; line-height:1.4; }
.landing-footer { width:min(1110px,calc(100% - 40px)); margin:55px auto 22px; padding-top:17px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#a0a9b5; font-size:10px; }.landing-footer a { color:var(--blue); }
.landing-toast { position:fixed; bottom:22px; left:50%; transform:translate(-50%,10px); opacity:0; padding:11px 15px; border-radius:9px; background:var(--ink); color:#fff; font-size:11px; transition:.2s; pointer-events:none; }.landing-toast.show { opacity:1; transform:translate(-50%,0); }
@media(max-width:760px) { .landing-hero { grid-template-columns:1fr; gap:30px; margin-top:45px; }.hero-visual { min-height:350px; }.visual-photo { inset:20px 25px 18px 30px; }.value-section,.conversation-section { margin-top:85px; }.value-grid { grid-template-columns:1fr; gap:25px; }.conversation-section { padding:25px; grid-template-columns:1fr; gap:28px; }.landing-header,.landing-hero,.value-section,.conversation-section,.landing-footer { width:calc(100% - 28px); } }
@media(max-width:480px) { .hero-content h1 { font-size:46px; }.hero-lede { font-size:14px; }.visual-note { right:0; bottom:28px; }.value-section h2,.conversation-copy h2 { font-size:32px; }.header-link { display:none; }.landing-footer { flex-direction:column; gap:8px; } }