:root{
  --rose:#E94E77;--plum:#6F2B6A;--gold:#F2C14E;--peach:#FFD6CC;--cream:#FFF9FB;--blush:#FFF1F5;--white:#fff;--dark:#2B1B24;--muted:#7C6670;--border:#F3D7E0;
  --grad:linear-gradient(135deg,#E94E77,#6F2B6A);--soft:linear-gradient(135deg,#FFF9FB 0%,#FFF1F5 54%,#FFD6CC 100%);--shadow:0 24px 70px rgba(111,43,106,.14)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--dark);line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,249,251,.78);border-bottom:1px solid rgba(243,215,224,.7);backdrop-filter:blur(20px)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--plum);font-size:25px;letter-spacing:-.5px}
.brand-icon{width:46px;height:46px;border-radius:17px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 16px 34px rgba(233,78,119,.22)}
.brand-icon svg{width:28px;height:28px}
.nav-links{display:flex;align-items:center;gap:18px}
.nav-links a{font-size:14px;font-weight:850;color:var(--muted)}
.nav-links a:hover{color:var(--plum)}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border-radius:999px;border:0;font-weight:950;cursor:pointer;transition:.22s ease}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 18px 35px rgba(233,78,119,.25)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--plum);border:1px solid var(--border)}
.btn-outline{background:transparent;color:var(--rose);border:1px solid var(--rose)}
.mobile-btn{display:none}
.hero{position:relative;padding:82px 0 72px;min-height:720px;display:flex;align-items:center;background:
radial-gradient(circle at 78% 12%,rgba(233,78,119,.18),transparent 30%),
radial-gradient(circle at 12% 82%,rgba(242,193,78,.18),transparent 30%),
linear-gradient(180deg,#FFF9FB 0%,#FFF1F5 100%)}
.hero:before{content:"";position:absolute;right:-90px;top:120px;width:420px;height:420px;border-radius:50%;background:rgba(233,78,119,.08);filter:blur(10px)}
.hero:after{content:"";position:absolute;left:-140px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgba(242,193,78,.12);filter:blur(18px)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.badge{display:inline-flex;align-items:center;width:max-content;gap:8px;padding:9px 15px;border-radius:999px;background:#FFE8EF;color:var(--rose);font-size:13px;font-weight:950;margin-bottom:16px}
.hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-4px;color:var(--plum);max-width:760px}
.hero p{font-size:19px;color:var(--muted);max-width:650px;margin-top:22px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-proof{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-weight:800;font-size:14px}
.hero-proof span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 13px}
.phone-stage{position:relative;min-height:570px}
.phone{position:absolute;right:10px;top:0;width:330px;background:#fff;border:1px solid var(--border);border-radius:42px;padding:14px;box-shadow:0 35px 90px rgba(111,43,106,.22);transform:rotate(2deg)}
.phone.second{right:250px;top:96px;width:265px;transform:rotate(-7deg);opacity:.96}
.phone-screen{border-radius:32px;background:var(--soft);overflow:hidden;min-height:520px;border:1px solid rgba(243,215,224,.9)}
.phone.second .phone-screen{min-height:420px}
.profile-img{height:300px;background:linear-gradient(135deg,#E94E77,#6F2B6A);position:relative;display:flex;align-items:flex-end;padding:20px;color:#fff}
.profile-img:before{content:"💗";position:absolute;right:24px;top:22px;font-size:54px;opacity:.22}
.profile-img h3{font-size:28px;line-height:1.1}
.profile-body{padding:18px}
.profile-body p{margin:0;color:var(--muted);font-size:14px}
.action-circles{display:flex;justify-content:center;gap:12px;margin-top:16px}
.circle{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--border);box-shadow:0 12px 25px rgba(111,43,106,.12);font-size:23px}
.match-card{background:#fff;border:1px solid var(--border);border-radius:25px;padding:18px;margin:18px;box-shadow:var(--shadow)}
.match-card h4{color:var(--plum);font-size:22px}.match-card p{font-size:14px;margin-top:6px;color:var(--muted)}
.section{padding:78px 0}.section.soft{background:rgba(255,241,245,.72);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-head{text-align:center;max-width:760px;margin:0 auto 38px}
.kicker{display:inline-flex;color:var(--rose);background:#FFE8EF;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:950;margin-bottom:14px}
.section-head h2{font-size:clamp(32px,4.5vw,54px);line-height:1.08;color:var(--plum);letter-spacing:-1.8px}
.section-head p{color:var(--muted);margin-top:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(111,43,106,.1)}
.card h3{color:var(--plum);font-size:22px;margin:12px 0 8px}.card p{color:var(--muted)}
.icon{width:58px;height:58px;border-radius:20px;background:var(--soft);display:grid;place-items:center;font-size:26px;color:var(--rose);box-shadow:0 12px 25px rgba(233,78,119,.14)}
.flow-card{position:relative;overflow:hidden}.flow-card:after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border-radius:50%;background:rgba(233,78,119,.06)}
.plan{background:#fff;border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(111,43,106,.1)}
.plan.featured{border:2px solid var(--rose);transform:translateY(-10px)}
.plan-icon{width:62px;height:62px;border-radius:22px;background:var(--soft);display:grid;place-items:center;font-size:30px;margin-bottom:14px}
.plan.featured .plan-icon{background:var(--grad);color:#fff}
.plan h3{color:var(--plum);font-size:24px}.price{font-size:28px;font-weight:950;color:var(--plum);margin:10px 0}.period{color:var(--muted);font-size:13px}.plan ul{margin:16px 0 20px;padding-left:18px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.safety-box{background:#fff;border:1px solid var(--border);border-radius:32px;padding:34px;box-shadow:var(--shadow)}
.safety-box h2{color:var(--plum);font-size:42px;line-height:1.08;margin:12px 0}.safety-box p{color:var(--muted)}
.checks{display:grid;gap:12px;margin-top:20px}.check{display:flex;gap:12px;align-items:flex-start;background:#FFF9FB;border:1px solid var(--border);border-radius:18px;padding:14px;color:var(--muted)}.check strong{color:var(--plum)}
.bot-preview{background:var(--grad);border-radius:32px;padding:28px;color:#fff;box-shadow:0 30px 80px rgba(111,43,106,.22)}
.bot-preview h3{font-size:34px}.bot-preview p{color:#FFE8EF;margin-top:8px}.bot-bubble{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:16px;margin-top:14px}
.cta{padding:78px 0}.cta-box{text-align:center;background:#fff;border:1px solid var(--border);border-radius:36px;padding:52px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:rgba(233,78,119,.08)}.cta-box h2{color:var(--plum);font-size:clamp(34px,5vw,58px);line-height:1.06}.cta-box p{color:var(--muted);margin:14px auto 24px;max-width:680px}
.footer{background:#2B1B24;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer p{color:#F4DCE6;margin-top:12px}.footer a{display:block;color:#F4DCE6;margin:8px 0}.footer h4{margin-bottom:10px}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#F4DCE6}
.moidate-bot{position:fixed;right:18px;bottom:18px;width:min(370px,calc(100vw - 36px));z-index:9999}.bot-toggle{width:64px;height:64px;border-radius:50%;border:0;background:var(--grad);color:#fff;font-size:26px;box-shadow:0 18px 38px rgba(111,43,106,.25);cursor:pointer;float:right}.bot-panel{display:none;clear:both;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:0 22px 55px rgba(111,43,106,.18);overflow:hidden;margin-bottom:12px}.bot-panel.show{display:block}.bot-head{background:var(--grad);color:#fff;padding:16px}.bot-head p{color:#FFE8EF;font-size:13px}.bot-tabs{display:flex;gap:8px;padding:12px;background:#FFF9FB}.bot-tab{flex:1;border:1px solid var(--border);background:#fff;color:var(--plum);border-radius:999px;padding:9px;font-weight:800;cursor:pointer}.bot-tab.active{background:#FFE8EF;color:var(--rose)}.bot-body{padding:14px;display:grid;gap:10px;max-height:360px;overflow:auto}.bot-q{border:1px solid var(--border);background:#FFF9FB;border-radius:16px;padding:10px;cursor:pointer;font-weight:800}.bot-a{display:none;background:#FFF1F5;border-left:4px solid var(--rose);border-radius:14px;padding:11px;color:var(--muted)}.bot-a.show{display:block}
@media(max-width:1080px){.hero-grid,.split{grid-template-columns:1fr}.phone-stage{min-height:520px}.phone{left:50%;right:auto;transform:translateX(-15%) rotate(2deg)}.phone.second{left:8%;right:auto}.grid-5{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.nav-links,.nav-actions{display:none}.mobile-btn{display:inline-flex}.hero{padding:58px 0}.hero h1{letter-spacing:-2px}.phone-stage{min-height:390px}.phone{width:260px}.phone.second{display:none}.phone-screen{min-height:390px}.profile-img{height:230px}.grid-3,.grid-4,.grid-5,.footer-grid{grid-template-columns:1fr}.plan.featured{transform:none}.cta-box{padding:34px 22px}}
