/* === ОЛЬГА ПАВЛЕНКО — КРАСОТА × ИИ === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Nunito:wght@400;600;700&display=swap');
:root{--f:#C2187A;--g:#D4A030;--n:#0E0812;--n2:#180A14;--p:#F5A8D8;--s:'Cormorant Garamond',serif;--b:'Nunito',sans-serif}
.op *{box-sizing:border-box;margin:0;padding:0}
.op{font-family:var(--b);color:#fff;background:var(--n)}
.op a{text-decoration:none}
.op-eye{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g);margin-bottom:12px;display:block}
.op-h{font-family:var(--s);font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.1;margin-bottom:16px}
.op-h .ac{color:var(--f)}.op-h .go{color:var(--g);font-style:italic}
.op-sub{font-size:16px;line-height:1.75;color:rgba(245,168,216,.65);max-width:580px;margin-bottom:36px}
.op-btn{background:var(--f);color:#fff;padding:13px 32px;border-radius:40px;font-size:15px;font-weight:600;display:inline-block;transition:all .3s;font-family:var(--b)}
.op-btn:hover{background:#E05AA8;transform:translateY(-2px);box-shadow:0 10px 28px rgba(194,24,122,.4)}
.op-btn-o{background:transparent;color:var(--g);padding:13px 32px;border-radius:40px;font-size:15px;font-weight:600;display:inline-block;border:1.5px solid rgba(212,160,48,.5);transition:all .3s;font-family:var(--b)}
.op-btn-o:hover{background:rgba(212,160,48,.08);transform:translateY(-2px)}
.op-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* HERO */
.op-hero{min-height:100vh;display:grid;grid-template-columns:52% 48%;align-items:center;padding-left:6%;background:var(--n);position:relative;overflow:hidden}
.op-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(194,24,122,.18) 0%,transparent 65%);pointer-events:none}
.op-hero-l{position:relative;z-index:2;padding:120px 0 80px}
.op-hero-title{font-family:var(--s);font-size:clamp(38px,5vw,66px);font-weight:700;line-height:1.08;color:#fff;margin-bottom:22px}
.op-hero-sub{font-size:16px;line-height:1.78;color:rgba(245,168,216,.72);max-width:460px;margin-bottom:40px}
.op-hero-r{position:relative;z-index:2;height:100vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.op-hero-r::before{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(194,24,122,.35) 0%,transparent 70%);z-index:1;pointer-events:none}
.op-hero-r::after{content:'';position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,var(--n) 0%,transparent 100%);z-index:2;pointer-events:none}
.op-hero-img{height:95%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%),linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-composite:intersect;mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%),linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-composite:intersect}
.op-badge{position:absolute;bottom:80px;left:24px;z-index:3;background:rgba(14,8,18,.7);backdrop-filter:blur(16px);border:.5px solid rgba(212,160,48,.35);border-radius:14px;padding:14px 20px}
.op-badge strong{display:block;font-family:var(--s);font-size:30px;font-weight:700;color:var(--g);line-height:1}
.op-badge span{font-size:12px;color:rgba(255,255,255,.45)}

/* PAIN */
.op-pain{background:var(--n2);padding:80px 6%}
.op-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:32px 0 24px}
.op-pcard{background:rgba(255,255,255,.02);border:.5px solid rgba(194,24,122,.16);border-left:3px solid var(--f);border-radius:12px;padding:20px 22px}
.op-pcard p{font-family:var(--s);font-size:18px;font-style:italic;line-height:1.5;color:rgba(255,255,255,.8)}
.op-pbot{padding:26px 30px;background:linear-gradient(135deg,rgba(194,24,122,.1),rgba(212,160,48,.05));border:.5px solid rgba(194,24,122,.22);border-radius:16px;font-family:var(--s);font-size:20px;font-style:italic;line-height:1.65;color:var(--p)}

/* ABOUT */
.op-about{display:grid;grid-template-columns:42% 58%;align-items:flex-end;background:var(--n);overflow:hidden}
.op-about-ph{position:relative;height:700px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.op-about-ph::before{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(194,24,122,.28) 0%,transparent 70%);z-index:1;pointer-events:none}
.op-about-ph::after{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--n) 0%,transparent 100%);z-index:2;pointer-events:none}
.op-about-img{height:100%;width:auto;max-width:110%;object-fit:contain;object-position:bottom;position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 80%,transparent 100%),linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-composite:intersect;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 80%,transparent 100%),linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-composite:intersect}
.op-about-t{padding:80px 5% 80px 44px;position:relative;z-index:2}
.op-txt{font-size:15px;line-height:1.75;color:rgba(255,255,255,.52);margin-bottom:10px}
.op-stats{display:flex;gap:32px;margin:28px 0 36px}
.op-stat strong{display:block;font-family:var(--s);font-size:42px;font-weight:700;color:var(--g)}
.op-stat span{font-size:12px;color:rgba(255,255,255,.38)}

/* PRODUCTS */
.op-prods{background:var(--n2);padding:80px 6%}
.op-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:44px}
.op-card{background:rgba(255,255,255,.02);border:.5px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:all .35s}
.op-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.op-card.c1::after{background:linear-gradient(90deg,#D4A030,#F0C060)}
.op-card.c2::after{background:linear-gradient(90deg,#C2187A,#E05AA8)}
.op-card.c3::after{background:linear-gradient(90deg,#8B5CF6,#C2187A)}
.op-card:hover{transform:translateY(-5px);border-color:rgba(194,24,122,.38);background:rgba(194,24,122,.06)}
.op-card.feat{border-color:rgba(194,24,122,.4);background:rgba(194,24,122,.065)}
.op-cbadge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:40px;margin-bottom:16px}
.b1{background:rgba(212,160,48,.1);color:var(--g)}.b2{background:rgba(194,24,122,.1);color:var(--p)}.b3{background:rgba(139,92,246,.1);color:#C4B5FD}
.op-ctitle{font-family:var(--s);font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px;color:#fff}
.op-cprice{font-family:var(--s);font-size:36px;font-weight:700;color:var(--g);margin-bottom:12px}
.op-cprice small{font-size:14px;font-weight:400;color:rgba(255,255,255,.3);font-family:var(--b)}
.op-cdesc{font-size:14px;line-height:1.65;color:rgba(255,255,255,.52);margin-bottom:18px}
.op-clist{list-style:none;margin-bottom:24px;flex:1}
.op-clist li{font-size:13px;line-height:1.65;color:rgba(255,255,255,.7);padding:4px 0 4px 18px;position:relative}
.op-clist li::before{content:'';position:absolute;left:0;top:13px;width:8px;height:1px;background:var(--f)}
.op-cbtn{width:100%;text-align:center;margin-top:auto;display:block}

/* HOW */
.op-how{padding:80px 6%;background:var(--n)}
.op-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;position:relative}
.op-steps::before{content:'';position:absolute;top:35px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,24,122,.3),transparent)}
.op-step{text-align:center}
.op-snum{width:70px;height:70px;border-radius:50%;background:rgba(194,24,122,.07);border:1.5px solid rgba(194,24,122,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:var(--s);font-size:28px;font-weight:700;color:var(--f)}
.op-step h3{font-family:var(--s);font-size:21px;font-weight:600;margin-bottom:8px}
.op-step p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.48)}

/* RESULTS */
.op-res{background:var(--n2);padding:80px 6%}
.op-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.op-rcard{background:rgba(255,255,255,.02);border:.5px solid rgba(255,255,255,.07);border-radius:20px;padding:30px;text-align:center}
.op-rcard .ri{font-size:32px;display:block;margin-bottom:14px}
.op-rcard h3{font-family:var(--s);font-size:26px;font-weight:700;color:var(--g);margin-bottom:10px}
.op-rcard p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.52)}

/* FAQ */
.op-faq{padding:80px 6%;background:var(--n)}
.op-flist{max-width:760px;margin:44px auto 0}
.op-fi{border-bottom:.5px solid rgba(255,255,255,.06);padding:26px 0}
.op-fq{font-family:var(--s);font-size:21px;font-weight:600;color:var(--p);margin-bottom:10px;display:flex;align-items:flex-start;gap:12px}
.op-fq::before{content:'?';min-width:28px;height:28px;border-radius:50%;background:rgba(194,24,122,.1);color:var(--f);font-size:13px;font-weight:700;font-family:var(--b);display:flex;align-items:center;justify-content:center;margin-top:3px;flex-shrink:0}
.op-fa{font-size:15px;line-height:1.75;color:rgba(255,255,255,.55);padding-left:40px}

/* REVIEWS */
.op-rev{background:var(--n2);padding:80px 6%}
.op-revg{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:44px}
.op-rvc{background:rgba(255,255,255,.02);border:.5px solid rgba(255,255,255,.07);border-radius:20px;padding:26px}
.op-stars{color:var(--g);font-size:13px;letter-spacing:3px;margin-bottom:12px}
.op-rvtxt{font-family:var(--s);font-size:17px;font-style:italic;line-height:1.65;color:rgba(255,255,255,.8);margin-bottom:20px}
.op-rvtxt::before{content:'C';color:var(--f);font-size:36px;line-height:0;vertical-align:-12px;margin-right:3px}
.op-rva{display:flex;align-items:center;gap:12px}
.op-ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--f),#8B5CF6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}
.op-rvn{font-weight:600;font-size:14px}.op-rvr{font-size:12px;color:rgba(255,255,255,.32)}

/* FLAGSHIP */
.op-flag{padding:80px 6%;text-align:center;background:var(--n);position:relative;overflow:hidden}
.op-flag::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,122,.09) 0%,transparent 70%);pointer-events:none}
.op-fbadge{display:inline-block;background:rgba(212,160,48,.07);border:1px solid rgba(212,160,48,.25);color:var(--g);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:8px 22px;border-radius:40px;margin-bottom:22px}

/* CTA */
.op-cta{display:grid;grid-template-columns:52% 48%;align-items:flex-end;background:var(--n2);overflow:hidden;position:relative}
.op-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 25% 50%,rgba(194,24,122,.1) 0%,transparent 65%);pointer-events:none}
.op-ctatxt{padding:80px 6%;position:relative;z-index:2}
.op-ctatxt p{font-size:16px;line-height:1.75;color:rgba(245,168,216,.62);margin-bottom:32px}
.op-ctaph{height:600px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}
.op-ctaph::before{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(194,24,122,.3) 0%,transparent 70%);z-index:1;pointer-events:none}
.op-ctaph::after{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--n2) 0%,transparent 100%);z-index:2;pointer-events:none}
.op-ctaimg{height:100%;width:auto;max-width:110%;object-fit:contain;object-position:bottom;position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 80%,transparent 100%),linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-composite:intersect;mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 80%,transparent 100%),linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-composite:intersect}

/* RESPONSIVE */
@media(max-width:900px){
.op-hero,.op-cta{grid-template-columns:1fr}
.op-hero-r,.op-ctaph{height:60vw;min-height:300px}
.op-hero-l{padding:20px 5% 50px;text-align:center}
.op-row{justify-content:center}
.op-badge{display:none}
.op-about{grid-template-columns:1fr}
.op-about-ph{height:55vw;min-height:260px}
.op-about-t{padding:40px 5% 60px}
.op-steps,.op-rgrid{grid-template-columns:1fr}
.op-steps::before{display:none}
.op-stats{justify-content:center}
.op-ctatxt{padding:50px 5%}
}