:root{--navy:#17213c;--cream:#fff9ef;--peach:#ffd5c4;--coral:#ff6849;--blue:#9bc9ff;--yellow:#ffd65a;--line:#ded8cf;--muted:#6d7180}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}header{max-width:1320px;height:92px;padding:0 35px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);font-size:13px;line-height:11px}.bubble{width:43px;height:38px;display:grid;place-items:center;border-radius:50% 50% 50% 15%;background:var(--coral);color:#fff;font:bold 22px 'DM Serif Display'}.logo b{font-size:16px}nav{display:flex;gap:34px}nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.pill{border-radius:100px;padding:15px 22px;text-decoration:none;border:0;font:700 13px 'DM Sans';display:inline-flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;transition:.2s}.pill:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(23,33,60,.12)}.pill-dark{background:var(--navy);color:white}.menu{display:none;border:0;background:transparent;font-size:25px}.hero{max-width:1320px;min-height:670px;margin:auto;padding:70px 55px 90px;display:grid;grid-template-columns:1fr .9fr;align-items:center;position:relative}.tag,.kicker{display:inline-block;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700}.tag{background:var(--yellow);transform:rotate(-1.5deg);padding:8px 12px}.hero h1,.section h2{font:400 clamp(55px,6vw,88px)/.98 'DM Serif Display';letter-spacing:-3px;margin:25px 0}.hero h1 em,.section h2 em{font-weight:400;color:var(--coral)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:540px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.play{color:inherit;font-size:12px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px}.play i{font-style:normal;display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--navy);border-radius:50%;font-size:9px}.social-proof{display:flex;align-items:center;gap:15px;margin-top:50px}.faces{display:flex}.faces span{display:grid;place-items:center;width:36px;height:36px;border:3px solid var(--cream);border-radius:50%;background:var(--peach);font-size:8px;font-weight:700;margin-left:-8px}.faces span:first-child{margin-left:0;background:var(--blue)}.faces span:nth-child(3){background:var(--yellow)}.faces span:last-child{background:var(--navy);color:white}.social-proof p{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}.social-proof b{color:var(--navy)}.hero-demo{height:510px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:405px;height:405px;background:var(--peach);border-radius:50%;transform:rotate(-8deg)}.phone{width:265px;background:#fff;border:8px solid var(--navy);border-radius:33px;padding:17px 15px 20px;position:relative;z-index:2;box-shadow:13px 15px 0 var(--navy);transform:rotate(3deg)}.phone-top{font-size:8px;font-weight:bold;display:flex;justify-content:space-between}.phone-top i{width:44px;height:10px;background:var(--navy);border-radius:10px}.brand-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ececf0;padding:24px 0 14px}.brand-row>div{width:35px;height:35px;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.brand-row b,.brand-row small{display:block}.brand-row b{font-size:10px}.brand-row small{font-size:7px;color:#6a7080;margin-top:2px}.message{font-size:10px;line-height:1.45;background:#f0f1f4;padding:13px;border-radius:14px 14px 14px 4px;margin:24px 25px 5px 0}.delivered{text-align:right;color:#9699a3;font-size:6px}.reply{border:1px solid #e0e2e7;border-radius:20px;color:#a1a4ab;font-size:8px;padding:9px 12px;margin-top:34px}.floating-card{position:absolute;background:white;z-index:3;box-shadow:0 10px 30px rgba(23,33,60,.13)}.sent{display:flex;align-items:center;gap:10px;left:0;top:65px;padding:13px 16px;border-radius:12px;transform:rotate(-4deg)}.sent>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#bff1c8;color:#14833a}.sent b,.sent small{display:block}.sent b{font-size:10px}.sent small{font-size:7px;color:#888d98;margin-top:2px}.stats{right:-5px;bottom:65px;width:138px;padding:15px;border-radius:12px;transform:rotate(4deg)}.stats small,.stats b{display:block}.stats small{font-size:8px;color:#858b98}.stats b{font:28px 'DM Serif Display';margin:5px 0}.stats i{display:block;background:#eee;height:5px;border-radius:5px}.stats i span{display:block;width:96%;height:100%;background:var(--coral);border-radius:5px}.scribble{position:absolute;color:var(--coral);font:40px 'DM Serif Display'}.scribble-one{left:46%;top:100px}.scribble-two{left:44%;bottom:100px;transform:rotate(25deg)}.marquee{background:var(--navy);color:white;padding:14px 0;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);width:102%;margin-left:-1%;font:italic 18px 'DM Serif Display'}.marquee div{word-spacing:22px;animation:move 18s linear infinite}.marquee span{word-spacing:normal}@keyframes move{to{transform:translateX(-30%)}}.section{padding:115px max(5vw,calc((100vw - 1210px)/2))}.kicker{color:var(--coral)}.intro>h2{text-align:center;font-size:clamp(42px,5vw,70px)}.intro>.kicker{display:block;text-align:center}.intro-grid{max-width:950px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:13vw}.intro-grid>p{font-size:17px;line-height:1.8;color:var(--muted)}.big-stat{display:flex;align-items:center;gap:20px}.big-stat b{font:80px 'DM Serif Display'}.big-stat b span{color:var(--coral)}.big-stat p{font-size:11px;font-weight:700;line-height:1.5}.benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-cards article{border:1px solid var(--line);background:#fffdf8;padding:32px;min-height:275px;border-radius:18px}.round-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font:25px 'DM Serif Display';margin-bottom:38px}.coral{background:var(--peach)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.benefit-cards h3{font:27px 'DM Serif Display';margin-bottom:12px}.benefit-cards p{font-size:13px;line-height:1.7;color:var(--muted)}.workspace{background:#f1ecff;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.workspace h2{font-size:clamp(42px,4vw,60px)}.workspace-copy>p{color:var(--muted);font-size:14px;line-height:1.7}.workspace ul{padding:0;margin:35px 0 0;list-style:none}.workspace li{display:flex;gap:13px;margin:22px 0}.workspace li i{font-style:normal;display:grid;place-items:center;min-width:25px;height:25px;background:var(--coral);color:white;border-radius:50%;font-size:11px}.workspace li b,.workspace li small{display:block}.workspace li b{font-size:13px}.workspace li small{font-size:11px;color:var(--muted);margin-top:5px}.dashboard{background:#fff;border-radius:17px;padding:25px;box-shadow:0 25px 60px rgba(44,36,80,.13);transform:rotate(1.2deg)}.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-top b{font-size:14px}.dash-top button{background:var(--coral);color:white;border:0;border-radius:7px;padding:9px 12px;font-size:8px;font-weight:bold}.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-cards article{background:#f6f4fb;border-radius:10px;padding:15px}.dash-cards span,.dash-cards b,.dash-cards small{display:block}.dash-cards span{font-size:8px;color:var(--muted)}.dash-cards b{font:27px 'DM Serif Display';margin:4px 0}.dash-cards small{font-size:7px;color:#279350}.chart{border:1px solid #eceaf0;border-radius:10px;margin-top:12px;padding:15px}.chart-title{display:flex;justify-content:space-between;font-size:8px}.chart-title span{color:var(--muted)}.chart svg{width:100%;height:120px;margin-top:10px}.chart .area{fill:url(#fill)}.chart .line{fill:none;stroke:var(--coral);stroke-width:3}.chart-days{display:flex;justify-content:space-between;color:#999;font-size:6px}.dash-bottom{margin-top:12px;border:1px solid #eceaf0;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:8px}.dash-bottom div span,.dash-bottom div b{display:block}.dash-bottom div span{color:var(--muted);margin-bottom:3px}.dash-bottom .status{color:#279350;background:#e2f6e7;padding:5px 7px;border-radius:10px}.dash-bottom>b{font-size:13px}.dash-bottom>b small{font-size:6px;color:var(--muted)}.steps>h2{text-align:center;font-size:clamp(42px,5vw,70px)}.steps>.kicker{display:block;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px}.step-grid article{text-align:center;position:relative}.step-grid article>b{display:grid;place-items:center;width:35px;height:35px;background:var(--navy);color:white;border-radius:50%;font-size:11px;margin:auto}.doodle{font:55px 'DM Serif Display';color:var(--coral);height:100px;display:grid;place-items:center}.step-grid h3{font:29px 'DM Serif Display';margin-bottom:10px}.step-grid p{font-size:13px;line-height:1.7;color:var(--muted);max-width:290px;margin:auto}.testimonial{background:var(--yellow);text-align:center;padding:85px 6vw;position:relative}.quote{font:100px/50px 'DM Serif Display';color:var(--coral)}blockquote{font:italic 34px/1.35 'DM Serif Display';max-width:820px;margin:25px auto 35px}.person{display:flex;justify-content:center;align-items:center;gap:12px}.person>span{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);border-radius:50%;font-size:10px;font-weight:bold}.person p{text-align:left;font-size:10px;line-height:1.5;margin:0}.contact{background:var(--peach);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.contact h2{font-size:clamp(42px,4.5vw,67px)}.contact>div>p{color:#6d6670;line-height:1.7;font-size:15px}.contact-badge{display:flex;align-items:center;gap:13px;margin-top:38px;font-size:28px}.contact-badge b,.contact-badge small{display:block}.contact-badge b{font-size:11px}.contact-badge small{font-size:9px;color:#776f76;margin-top:3px}.lead-form{background:#fffaf3;border-radius:20px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;box-shadow:10px 12px 0 rgba(23,33,60,.1)}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.field label span{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid #ded8d1;border-radius:9px;background:white;padding:12px;font:12px 'DM Sans';color:var(--navy);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,104,73,.12)}.full{grid-column:1/-1}.check{display:flex;gap:8px;font-size:9px;color:var(--muted)}.check input{accent-color:var(--coral)}.lead-form .pill{width:100%}.form-status{font-size:10px;min-height:14px;margin:0;color:#15823a}footer{padding:35px max(5vw,calc((100vw - 1210px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:var(--cream)}footer p{text-align:center;font-size:11px;color:var(--muted);margin:0}footer>div{display:grid;gap:5px;text-align:right;font-size:10px;color:var(--muted)}footer a{color:inherit;text-decoration:none}@media(max-width:880px){header{height:72px;padding:0 20px}header nav,header>.pill{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:55px 7vw 80px}.hero-demo{margin-top:40px}.scribble{display:none}.intro-grid,.workspace,.contact{grid-template-columns:1fr;gap:45px}.benefit-cards{grid-template-columns:1fr}.step-grid{gap:20px}.dashboard{transform:none}footer{grid-template-columns:1fr;text-align:center;gap:22px}footer .logo{justify-content:center}footer>div{text-align:center}header.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;box-shadow:0 15px 25px rgba(0,0,0,.08)}}@media(max-width:560px){.hero h1,.section h2{letter-spacing:-2px}.hero{padding-left:24px;padding-right:24px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-demo{height:430px}.sun{width:310px;height:310px}.phone{width:235px}.sent{left:-10px}.stats{right:-8px}.section{padding-top:80px;padding-bottom:80px}.intro-grid{grid-template-columns:1fr;gap:30px;margin:45px 0}.big-stat b{font-size:65px}.step-grid{grid-template-columns:1fr;gap:55px}.lead-form{grid-template-columns:1fr;padding:25px}.field{grid-column:1/-1}blockquote{font-size:27px}.dash-bottom{display:none}}