*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#201b24;background:#fffaf8;font-family:"DM Sans",sans-serif}.nav{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fffaf8;position:sticky;top:0;z-index:5;border-bottom:1px solid #f0e4e1}.brand{font-weight:700;letter-spacing:1px;text-decoration:none;color:#201b24;font-size:20px}.brand span{color:#e74f68;margin-right:7px}nav{display:flex;gap:30px}nav a{color:#665d64;text-decoration:none;font-size:14px}.nav-btn{border:1px solid #e74f68;background:transparent;color:#d9425b;border-radius:30px;padding:11px 18px;font-weight:700}.hero{min-height:680px;padding:75px 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background:radial-gradient(circle at 80% 25%,#ffdfe5,transparent 30%),#fffaf8}.pill,.eyebrow{color:#d9425b;font-size:12px;font-weight:700;letter-spacing:1.5px}.pill{display:inline-block;padding:9px 13px;border-radius:30px;background:#fff0f2}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(50px,6vw,82px);line-height:.98;margin:20px 0}.hero h1 em{color:#df5269;font-style:normal}.hero p{font-size:18px;line-height:1.7;color:#6d656b;max-width:580px}.hero-actions{display:flex;gap:16px;align-items:center;margin:30px 0}.primary{border:0;border-radius:30px;padding:15px 24px;background:#df5269;color:white;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #df526933}.ghost{color:#5f565c;text-decoration:none;font-weight:700}.trust{font-size:12px;color:#8a8086}.trust span{color:#49a66b}.hero-card{max-width:390px;justify-self:center;background:white;padding:12px;border-radius:28px;box-shadow:0 25px 60px #52222b25;transform:rotate(2deg)}.photo{height:420px;border-radius:20px;position:relative;overflow:hidden;background-size:cover;background-position:center}.p1{background-image:linear-gradient(140deg,#dca3a7,#6b5361 45%,#e9a980)}.p2 .photo,.p2{background-image:linear-gradient(140deg,#d7b2a3,#716276 50%,#e0a6a5)}.p3 .photo,.p3{background-image:linear-gradient(140deg,#8aabb0,#44565b 55%,#e4b98e)}.p4 .photo,.p4{background-image:linear-gradient(140deg,#d58c79,#604e61 55%,#e9c2a0)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#1b1420cc)}.person,.place{position:absolute;z-index:1;left:20px;color:white}.person{bottom:38px;font-size:25px;font-weight:700}.place{bottom:17px;font-size:13px}.match{position:absolute;right:20px;top:30px;z-index:2;background:white;color:#df5269;border-radius:18px;padding:11px 14px;font-size:15px;box-shadow:0 8px 20px #0002}.match small{display:block;color:#8a8086;font-size:9px}.mini-profile{padding:15px 8px 8px;display:flex;justify-content:space-between;font-size:13px}.section,.how{padding:90px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2,.how h2{font-family:"Playfair Display",serif;font-size:44px;margin:10px 0}.counter{color:#8c8086;font-size:13px}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.profile{background:white;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #3a1d2520}.profile .photo{height:360px;border-radius:0}.online{position:absolute;z-index:2;top:15px;left:15px;background:#ffffffdf;padding:6px 10px;border-radius:20px;font-size:11px;color:#398653}.profile-body{padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.profile-body button{border:1px solid #f1d7db;background:#fff5f6;color:#df5269;border-radius:50%;width:38px;height:38px;font-size:21px;cursor:pointer}.plans{padding:90px 8vw;background:#fff0ec}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:white;border-radius:22px;padding:30px;min-height:230px}.plan span{font-size:30px}.plan h3{font-size:20px}.plan p{color:#776d73;line-height:1.5}.plan button{background:none;border:0;color:#df5269;font-weight:700;padding:0;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps strong{font-size:13px;color:#df5269}.steps h3{font-size:20px}.steps p{color:#776d73;line-height:1.6}.cta{margin:0 6vw 80px;border-radius:32px;padding:55px 7%;background:#df5269;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta span{font-size:30px}.cta h2{font-family:"Playfair Display",serif;font-size:46px;line-height:1;margin:12px 0}.cta p{max-width:520px;opacity:.9}.light{background:white;color:#d9425b;white-space:nowrap}.modal{display:none;position:fixed;inset:0;background:#20151a99;z-index:10;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{background:#fffaf8;border-radius:28px;padding:38px;max-width:440px;width:100%;position:relative}.close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:30px;color:#777;cursor:pointer}.modal-box h2{font-family:"Playfair Display",serif;font-size:34px;margin:12px 0}.modal-box p{color:#776d73;line-height:1.5}.modal form{display:grid;gap:12px;margin-top:20px}.modal input,.modal select{padding:15px;border:1px solid #ead9d7;border-radius:12px;background:white;font:inherit}.thanks{display:none;background:#eaf8ef;color:#397a50;padding:15px;border-radius:12px;margin-top:15px}footer{padding:40px 8vw;border-top:1px solid #eadfdd;color:#7d7379}footer p{font-size:13px}footer small{font-size:11px}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-card{max-width:330px}.profiles,.plan-grid,.steps{grid-template-columns:1fr}.section-head{display:block}.counter{display:block;margin-top:10px}.cta{display:block}.cta h2{font-size:38px}.cta .primary{margin-top:20px}.photo{height:390px}}