
:root{
  --primary:#5B3DF5; --primary2:#6C4DFF; --coral:#FF6B57;
  --ink:#17172A; --muted:#6D6B7A; --line:#ECEAF4; --soft:#F8F8FC;
  --green:#1FC663; --red:#F4434D; --yellow:#FFC21A; --white:#fff;
  --shadow:0 14px 40px rgba(42,30,100,.09); --r:18px;
}
*{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:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
button,input,select{font:inherit}
.container{width:min(1180px,calc(100% - 34px));margin:auto}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:950;letter-spacing:-.4px}
.logo b{color:var(--primary)} .logo span:first-child{font-size:25px}
.nav{display:flex;gap:26px;font-size:13px;font-weight:750;color:#45424d}
.header-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:850;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff}.btn-outline{border-color:#D9D4F8;color:var(--primary);background:#fff}
.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-yellow{background:var(--yellow);color:#201900}
.hero{padding:52px 0 28px;background:radial-gradient(circle at 78% 24%,rgba(91,61,245,.14),transparent 27%),linear-gradient(180deg,#fff,#fbfaff)}
.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:42px;align-items:center}
.hero h1{font-size:52px;line-height:1.03;letter-spacing:-.045em;margin:0 0 15px}.hero h1 span{color:var(--primary)}
.hero p{margin:0 0 9px;color:#565361;font-size:16px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:800;margin-top:18px}
.hero-card{background:#fff;border:1px solid #EDE9FB;border-radius:20px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1fr 120px;gap:18px;align-items:center}
.hero-card .rocket{font-size:76px;text-align:center}.tag{display:inline-flex;background:#F0EDFF;color:var(--primary);padding:6px 10px;border-radius:8px;font-size:11px;font-weight:900}
.categories{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:14px;margin-top:30px}
.cat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;display:flex;gap:10px;align-items:center;font-weight:850;box-shadow:0 8px 22px rgba(42,30,100,.05)}
.cat.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.section{padding:38px 0}.section-soft{background:var(--soft)}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.sec-head h2{margin:0 0 3px;font-size:27px;letter-spacing:-.03em}.sec-head p{margin:0;color:var(--muted);font-size:13px}.sec-link{color:var(--primary);font-weight:850;font-size:13px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(31,24,71,.055)}
.card-img{height:142px;position:relative;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;left:9px;top:9px;background:var(--primary);color:#fff;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:900}
.badge.orange{background:var(--coral)}.badge.yellow{background:#d99b00}
.card-body{padding:12px}.card-body h3{margin:0 0 5px;font-size:15px}.meta{font-size:11px;color:var(--muted)}.desc{font-size:11px;color:#676474;min-height:31px}
.price{font-size:16px;font-weight:950;margin-top:8px}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}
.channel{font-size:9px;font-weight:900;padding:7px 5px;border-radius:6px;text-align:center}.channel.ifood{background:#fff1f2;color:#d92d3b}.channel.food99{background:#fff8db;color:#715000}.channel.wa{background:#eafbf0;color:#119545}
.compact .card-img{height:118px}.compact .card-body{padding:10px}.compact .foot{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:8px}
.partner-strip{margin:28px 0;background:linear-gradient(90deg,#fff,#f5f1ff);border:1px solid #E6E1FA;border-radius:18px;padding:22px;display:grid;grid-template-columns:150px 1fr 220px;gap:22px;align-items:center;box-shadow:var(--shadow)}
.shop-icon{font-size:66px;text-align:center;background:#F1EDFF;border-radius:16px;padding:12px}.partner-strip h3{margin:0 0 8px;font-size:20px}.checks{font-size:12px;color:#55515f;display:grid;gap:5px}
.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.metric strong{display:block;color:var(--primary);font-size:24px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.trust-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:flex;gap:11px;align-items:center}.trust-item i{font-style:normal;font-size:25px}.trust-item strong{font-size:12px;display:block}.trust-item span{font-size:10px;color:var(--muted)}
.divider-title{padding:24px 0 6px;text-align:center}.divider-title .tag{margin-bottom:10px}.divider-title h2{font-size:34px;margin:0}.divider-title h2 span{color:var(--primary)}
.store-shell{width:min(1200px,calc(100% - 26px));margin:18px auto 0;border-radius:20px;overflow:hidden;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:400px}
.store-info{padding:44px;background:radial-gradient(circle at 20% 40%,rgba(255,111,58,.28),transparent 42%),#101013}.store-logo{width:110px;height:110px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-size:40px;background:#111}.store-info h2{font-size:36px;margin:16px 0 8px}.store-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:18px}
.promo-panel{background:linear-gradient(90deg,#fff,#f7f7f7);color:var(--ink);margin:14px;border-radius:18px;padding:28px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:12px}.promo-panel h3{font-size:34px;margin:8px 0}.promo-panel img{height:255px;width:100%;object-fit:cover;border-radius:16px}.old{text-decoration:line-through;color:#9995a5}.big-price{font-size:44px;font-weight:950;color:var(--coral)}
.promo-day{margin-top:18px;background:#fff3f1;border:1px solid #ffe0dc;border-radius:18px;padding:18px;display:grid;grid-template-columns:170px repeat(3,1fr);gap:14px;align-items:center}.promo-day .intro{font-size:18px;font-weight:900}
.coupon{margin:24px auto;border:1.5px dashed #8B78FF;border-radius:13px;padding:14px 18px;width:min(760px,100%);display:flex;justify-content:space-between;gap:16px;align-items:center;background:#FBFAFF}.coupon strong{color:var(--primary)}
.store-grid .card-img{height:190px}.store-grid .card-body h3{font-size:17px}.store-grid .desc{font-size:12px;min-height:48px}.store-grid .price{font-size:18px}
.finalize{border:1px solid #D9D2FF;border-radius:20px;padding:26px;margin-top:24px;text-align:center;background:#fff}.finalize h2{font-size:28px;margin:0 0 5px}.final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.final-grid .btn{min-height:58px;font-size:15px}
.facebook-note{background:#F7F4FF;border-top:1px solid #EBE6FF;border-bottom:1px solid #EBE6FF}.facebook-note .container{padding:13px 0;font-size:13px;font-weight:800}
.offer{padding:36px 0;background:linear-gradient(90deg,#F7F3FF,#FFF5F1)}.offer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.offer h2{font-size:56px;line-height:1;letter-spacing:-.045em;margin:12px 0 16px}.offer h2 span{color:var(--primary)}.offer p{font-size:17px;color:#4D4B58}.offer-photo{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.offer-photo img{height:430px;width:100%;object-fit:cover}.offer-price{font-size:48px;color:var(--primary);font-weight:950}.offer-badge{display:inline-flex;border:1px solid #BFAFFF;border-radius:12px;padding:10px 13px;color:var(--primary);font-weight:900;background:#fff}
.offer-benefits{width:min(980px,calc(100% - 34px));margin:-18px auto 28px;background:#fff;border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);padding:18px}.offer-benefit{display:flex;gap:10px;align-items:center;padding:0 18px}.offer-benefit i{font-style:normal;font-size:25px}
.related{border:1px solid #DCCFFF;border-radius:18px;padding:20px;background:#fff}.related-label{display:inline-block;background:var(--primary);color:#fff;padding:8px 13px;border-radius:9px;font-size:12px;font-weight:900;margin-bottom:15px}
.big-channels{margin-top:26px;border:1px solid #DDD6FF;border-radius:20px;padding:26px;text-align:center;background:#fff}.big-channels h2{font-size:31px;margin:0 0 4px}.big-channels h2 span{color:var(--primary)}.big-button{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;border-radius:12px;color:#fff;font-weight:900;margin:12px 0;font-size:18px}.big-button small{display:block;font-size:11px;font-weight:600}.big-button.wa{background:linear-gradient(90deg,#21B65A,#44C45E)}.big-button.ifood{background:linear-gradient(90deg,#F53343,#FF4A30)}.big-button.food99{background:linear-gradient(90deg,#FFC21B,#FFCA24);color:#201900}
.plan-section{padding:54px 0;background:linear-gradient(180deg,#fff,#F8F7FF)}.plan-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.plan-card{border:2px solid var(--coral);border-radius:22px;padding:28px;background:#fff;box-shadow:var(--shadow)}.plan-card h2{font-size:38px;margin:12px 0}.plan-price{font-size:46px;font-weight:950;color:var(--coral)}.plan-card ul{list-style:none;padding:0}.plan-card li{margin:8px 0}.plan-card li:before{content:"✓";color:var(--primary);font-weight:900;margin-right:8px}
.formbox{background:linear-gradient(135deg,#2F1979,#5B3DF5);color:#fff;border-radius:24px;padding:28px}.formbox h2{font-size:36px;margin:0 0 8px}.formpanel{background:#fff;color:var(--ink);border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;font-weight:900;margin-bottom:5px}.field input,.field select{width:100%;border:1px solid #DDD9E9;border-radius:9px;padding:10px}.field.full{grid-column:1/-1}
.footer{background:linear-gradient(135deg,#1C174A,#2E176F);color:#DCD9EF;padding:42px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;font-size:12px;color:#D1CCE6;margin:8px 0}.footer p{font-size:12px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;text-align:center;font-size:11px}
@media(max-width:950px){
 .nav{display:none}.hero-grid,.offer-grid,.plan-grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.grid5{grid-template-columns:repeat(2,1fr)}.partner-strip{grid-template-columns:120px 1fr}.metric{grid-column:1/-1}.trust{grid-template-columns:repeat(2,1fr)}.store-shell{grid-template-columns:1fr}.promo-panel{grid-template-columns:1fr}.final-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .container{width:min(100% - 20px,1180px)}.header-in{height:64px}.header-actions .btn-outline{display:none}.hero h1{font-size:40px}.hero-card{grid-template-columns:1fr}.hero-card .rocket{display:none}.categories{display:flex;overflow:auto}.cat{min-width:160px}.grid4,.grid5,.trust,.footer-grid{grid-template-columns:1fr}.card-img{height:190px}.partner-strip{grid-template-columns:1fr}.store-info{padding:26px}.promo-day{grid-template-columns:1fr}.coupon{flex-direction:column;align-items:flex-start}.offer h2{font-size:42px}.offer-photo img{height:320px}.offer-benefits{grid-template-columns:1fr}.formpanel{grid-template-columns:1fr}
}
