:root{
--purple:#7526ef;
--pink:#e82098;
--orange:#ff813e;
--ink:#161533;
--muted:#77778d;
--gradient:linear-gradient(105deg,#ff793e 0%,#f33195 52%,#812bf0 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:white}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
.container{width:calc(100% - 60px);max-width:1240px;margin:auto}
.site-header{height:76px;background:white;border-bottom:1px solid #f2edf6;position:relative;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.04;letter-spacing:-.4px}
.brand img{max-height:56px;max-width:190px;object-fit:contain}
.brand-mark{background:var(--gradient);color:white;width:40px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:27px;font-weight:900}
.navigation{display:flex;gap:35px;font-size:13px;font-weight:600}
.navigation a:hover{color:var(--purple)}
.nav-right{display:flex;align-items:center;gap:13px}
.login-link{font-size:13px;font-weight:600;padding:11px 17px;border:1px solid #ece5f3;border-radius:12px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:14px 22px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.gradient{background:var(--gradient);color:#fff;box-shadow:0 8px 23px #db26862a}
.outline{background:white;color:#555170;border:1px solid #e8e1ef}
.slider{position:relative;height:425px;background:#fbf8ff;overflow:hidden}
.slide{display:none;position:absolute;inset:0;height:100%}
.slide.active{display:block}
.slide-image{position:absolute;inset:0;background-size:cover;background-position:center}
.slide-content{position:relative;height:100%;display:flex;align-items:center}
.slide-text{width:570px;max-width:100%}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.4px;color:#e02c92}
.slide h1{font-size:clamp(36px,4.4vw,59px);line-height:1.07;letter-spacing:-2.3px;margin:14px 0 17px;font-weight:850}
.gradient-text{display:block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide-text>p{font-size:16px;color:#5b5d72;line-height:1.65;max-width:490px}
.slide-buttons{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}
.quick-benefits{display:flex;gap:17px;flex-wrap:wrap;color:#5f6178;font-size:11px;font-weight:650;margin-top:28px}
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:white;border-radius:50%;width:38px;height:38px;font-size:26px;box-shadow:0 3px 15px #3331}
.slider-prev{left:12px}.slider-next{right:12px}
.slider-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots button{width:9px;height:9px;border-radius:10px;border:0;background:#d7cbe6;padding:0}
.slider-dots button.active{width:23px;background:#a82bd3}
.pricing{padding-top:34px;padding-bottom:25px}
.plan-tabs{display:flex;background:#f5f1f9;border:1px solid #eee6f6;border-radius:13px;width:max-content;padding:4px;margin:0 auto 23px}
.plan-tabs button{border:0;background:transparent;border-radius:10px;padding:12px 25px;color:#616079;font-weight:700;font-size:13px}
.plan-tabs button.active{background:linear-gradient(100deg,#7830f4,#db23ae);color:white;box-shadow:0 5px 14px #9a36db33}
.section-title{text-align:center;margin-bottom:28px}
.section-title h2{font-size:31px;letter-spacing:-1px;margin:0 0 7px}
.section-title p{font-size:14px;color:var(--muted);margin:0}
.pricing-grid{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.pricing-grid.visible{display:grid}
.price-card{position:relative;display:flex;flex-direction:column;min-height:360px;border:1px solid #ece3f3;border-radius:18px;background:linear-gradient(135deg,#fdfaff,#fff);padding:26px 25px}
.price-card.featured{border:1.5px solid #f16fa8;background:linear-gradient(135deg,#fff,#fff7fb);box-shadow:0 14px 32px #d9509a12}
.price-card:nth-child(3){background:linear-gradient(135deg,#fff,#fff8f2)}
.popular-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#e82098,#ff8143);border-radius:20px;color:white;padding:7px 17px;font-size:10px;font-weight:850;white-space:nowrap}
.card-symbol{width:53px;height:53px;background:#f0dfff;border-radius:16px;display:grid;place-items:center;color:#8a32d7;font-size:27px;margin-bottom:14px}
.featured .card-symbol{background:#ffe1ee;color:#e82396}
.price-card h3{font-size:19px;margin:0 0 5px}
.tagline{font-size:12px;color:#79788d;margin:0}
.price{display:flex;gap:7px;align-items:baseline;margin:21px 0}
.price strong{font-size:28px;color:#8128d7;letter-spacing:-.8px}
.featured .price strong{color:#e51b96}
.price span{font-size:12px;color:#777}
.price-card ul{padding:0;margin:0 0 23px;list-style:none;display:grid;gap:11px;flex:1}
.price-card li{font-size:12.5px;color:#51536d;display:flex;gap:10px;line-height:1.5}
.price-card li b{color:#9b2ee3}
.price-card .button{width:100%}
.light-button{border:1px solid #bd9be9;color:#7b26d9;background:transparent}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:28px 0 38px}
.benefit{display:flex;gap:13px;align-items:start}
.benefit-icon{min-width:48px;height:48px;border-radius:50%;background:#f2e5ff;color:#8533db;display:grid;place-items:center;font-size:23px}
.benefit:nth-child(2) .benefit-icon{background:#ffe5ef;color:#e92990}
.benefit:nth-child(3) .benefit-icon{background:#ffeadf;color:#ff773b}
.benefit h3{font-size:13px;margin:3px 0 6px}
.benefit p{font-size:12px;line-height:1.5;color:#7b7c8e;margin:0}
.bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(105deg,#faf1ff,#fff1ef);border:1px solid #f1e1f4;padding:27px 33px;border-radius:17px;margin-bottom:32px}
.bottom-cta h2{font-size:23px;margin:8px 0;letter-spacing:-.6px}
.bottom-cta p{margin:0;color:#76758a;font-size:13px}
footer{border-top:1px solid #f0ecf3;padding:23px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#818095;font-size:12px}
.footer-inner strong{color:#1b193b}
@media(max-width:900px){
.navigation{display:none}
.slider{height:460px}
.slide-image{opacity:.5;background-position:65% center}
.pricing-grid{gap:12px}
.price-card{padding:22px 17px}
.benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.container{width:calc(100% - 34px)}
.site-header{height:66px}
.login-link{display:none}
.nav-right .button{font-size:11px;padding:11px 13px}
.slider{height:475px}
.slide-image{opacity:.3;background-position:60% center}
.slide h1{font-size:41px;letter-spacing:-1.6px}
.slide-text>p{font-size:14px}
.quick-benefits{gap:10px}
.pricing-grid.visible{grid-template-columns:1fr;gap:23px}
.price-card{min-height:auto;padding:26px}
.section-title h2{font-size:25px}
.benefits{grid-template-columns:repeat(2,1fr);gap:20px}
.benefit{display:block}
.benefit-icon{width:48px;margin-bottom:10px}
.bottom-cta{display:block;padding:23px}
.bottom-cta .button{margin-top:18px}
.footer-inner{flex-direction:column;align-items:start}
}