:root {
  --blue: #0f172a;
  --blue-dark: #020617;
  --blue-light: #f1f5f9;
  --blue-mid: #475569;
  --teal: #3b82f6;
  --bg: #ffffff;
  --white: #ffffff;
  --text: #0d1b2a;
  --text-muted: #5a7a99;
  --border: #e2e8f0;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  --card-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --radius: 16px;
  --radius-sm: 8px;
  --font-ui: 'Inter', sans-serif;--glass:rgba(255,255,255,.72);--aurora-a:rgba(0,136,204,.18);--aurora-b:rgba(0,201,167,.15);--aurora-c:rgba(139,92,246,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
button,input,select,textarea{font-family:var(--font-ui)!important}
html{scroll-behavior:smooth}
body{font-family:var(--font-ui);background:var(--bg);color:var(--text);overflow-x:hidden;position:relative}
body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background-color: #fafafa; background-image: radial-gradient(#e5e7eb 1px, transparent 1px); background-size: 20px 20px; }
body.aurora-on::before{opacity:1;animation:siteAurora 13s ease-in-out infinite alternate}
.floating-blob { display: none; }
body.aurora-on .floating-blob { display: none; }
@keyframes siteAurora{to{filter:hue-rotate(28deg);transform:scale(1.05)}}@keyframes siteBlob{to{transform:translate(70px,-90px) scale(1.2)}}
body.glass-on .plan-card,body.glass-on .rx-card,body.glass-on .channel-card,body.glass-on .testimonial-card,body.glass-on .contact-card,body.glass-on .faq-item{background:var(--glass);backdrop-filter:blur(18px) saturate(155%);border-color:rgba(255,255,255,.7);box-shadow:0 14px 42px rgba(13,27,42,.1)}
.plan-card,.rx-card,.channel-card,.testimonial-card,.contact-card,.faq-item{will-change:transform;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background .32s ease}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--teal));z-index:4000;transition:width .08s linear}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 5%;height:68px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;color:var(--blue);text-decoration:none}
.nav-logo svg{width:36px;height:36px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:.2s}
.nav-links a:hover{color:var(--blue)}
.nav-cta{background:var(--blue);color:#fff!important;padding:10px 22px;border-radius:50px;font-weight:600!important;transition:all .2s!important}
.nav-cta:hover{background:var(--blue-dark)!important;transform:translateY(-1px)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.nav-hamburger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 5% 60px;background:linear-gradient(135deg,#f0f8ff 0%,#e8f4ff 40%,#f0fff8 100%);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,136,204,.08) 0%,transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,201,167,.07) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:50px;padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--blue);margin-bottom:28px;box-shadow:0 2px 12px rgba(0,136,204,.1);animation:fadeUp .6s ease both}
.hero-badge span{width:8px;height:8px;background:var(--teal);border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:22px;animation:fadeUp .7s .1s ease both}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero p{font-size:1.15rem;color:var(--text-muted);max-width:580px;margin:0 auto 38px;line-height:1.7;animation:fadeUp .7s .2s ease both}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeUp .7s .3s ease both}
.btn-primary{background:var(--blue);color:#fff;padding:15px 34px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .25s;box-shadow:0 4px 20px rgba(0,136,204,.35)}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,136,204,.45)}
.btn-secondary{background:var(--white);color:var(--blue);padding:15px 34px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid var(--blue);transition:all .25s}
.btn-secondary:hover{background:var(--blue-light);transform:translateY(-2px)}
.hero-stats{display:flex;gap:40px;justify-content:center;margin-top:56px;flex-wrap:wrap;animation:fadeUp .7s .4s ease both}
.stat{text-align:center}
.stat-num{font-size:2rem;font-weight:800;color:var(--blue)}
.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:2px}

/* SECTION COMMON */
section{padding:90px 5%}
.section-tag{display:inline-block;background:var(--blue-light);color:var(--blue);font-size:.8rem;font-weight:700;padding:6px 16px;border-radius:50px;margin-bottom:14px;letter-spacing:.05em;text-transform:uppercase}
.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;margin-bottom:12px}
.section-sub{color:var(--text-muted);font-size:1.05rem;max-width:540px;margin:0 auto;line-height:1.7}
.section-header{text-align:center;margin-bottom:58px}

/* FEATURES STRIP */
.features-strip{background:var(--white);padding:50px 5%;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;max-width:1100px;margin:0 auto}
.feature-item{text-align:center}
.feature-icon{width:52px;height:52px;background:var(--blue-light);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.5rem}
.feature-item h4{font-size:.95rem;font-weight:700;margin-bottom:4px}
.feature-item p{font-size:.8rem;color:var(--text-muted)}
.partner-strip{padding:20px 5%;background:#fff}
.partner-card{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid #dbeaf5;border-radius:18px;background:linear-gradient(135deg,#f0f9ff,#f6f3ff);box-shadow:0 10px 28px rgba(40,91,134,.07)}
.partner-card small{display:block;color:#087fc0;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.partner-card h3{font:700 1.1rem 'Space Grotesk',sans-serif}.partner-card p{margin-top:4px;color:var(--text-muted);font-size:.78rem}
.partner-link{flex-shrink:0;padding:11px 17px;border-radius:11px;background:linear-gradient(135deg,#087fc0,#6757e9);color:#fff;text-decoration:none;font-weight:800;font-size:.8rem}
@media(max-width:700px){.partner-strip{padding:14px 16px}.partner-card{align-items:flex-start;flex-direction:column;padding:18px}.partner-link{width:100%;text-align:center}}

/* PLANS TOGGLE */
.plans-toggle{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:48px}
.toggle-label{font-weight:600;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:.2s}
.toggle-label.active{color:var(--blue)}
.toggle-switch{width:52px;height:28px;background:var(--blue);border-radius:50px;position:relative;cursor:pointer;border:none;outline:none;transition:.3s}
.toggle-switch::after{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.toggle-switch.combo::after{left:28px}

/* PRICING CARDS */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1200px;margin:0 auto}
.plan-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius);padding:30px 24px;transition:all .3s;position:relative;overflow:hidden}
.plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--teal));opacity:0;transition:.3s}
.plan-card:hover{border-color:var(--blue);box-shadow:var(--card-hover);transform:translateY(-5px)}
.plan-card:hover::before{opacity:1}
.plan-card.popular{border-color:var(--blue);box-shadow:0 8px 32px rgba(0,136,204,.18)}
.plan-card.popular::before{opacity:1}
.popular-badge{position:absolute;top:16px;right:16px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:50px;letter-spacing:.03em}
.plan-name{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.plan-price{font-size:2.4rem;font-weight:800;color:var(--text);line-height:1}
.plan-price sup{font-size:1rem;font-weight:600;vertical-align:super;margin-right:2px}
.plan-period{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-bottom:22px}
.plan-divider{height:1px;background:var(--border);margin:18px 0}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:.875rem;color:var(--text)}
.plan-features li .chk{width:18px;height:18px;background:var(--blue-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.7rem;color:var(--blue)}
.btn-buy{width:100%;padding:13px;background:var(--blue);color:#fff;border:none;border-radius:50px;font-family:'Sora',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s}
.btn-buy:hover{background:var(--blue-dark);transform:translateY(-1px)}
.plan-card.popular .btn-buy{background:linear-gradient(135deg,var(--blue),var(--teal))}

/* REACTIONS SECTION */
.reactions-bg{background:linear-gradient(135deg,#f0f8ff,#e8f4ff)}
.reactions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1000px;margin:0 auto}
.rx-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all .3s}
.rx-card:hover{border-color:var(--blue);box-shadow:var(--card-hover);transform:translateY(-4px)}
.rx-price-big{font-size:2rem;font-weight:800;color:var(--blue)}
.rx-label{font-size:.8rem;color:var(--text-muted);margin:6px 0 14px;font-weight:500}
.rx-feature{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px}
.rx-feature+.rx-feature{margin-top:-9px;color:var(--blue)}
.btn-buy-sm{width:100%;padding:11px;background:var(--blue);color:#fff;border:none;border-radius:50px;font-family:'Sora',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .25s}
.btn-buy-sm:hover{background:var(--blue-dark)}
.custom-card{background:linear-gradient(145deg,#fff,#eef8ff 62%,#effffb);color:var(--text);border:2px solid rgba(0,136,204,.22);position:relative;overflow:hidden;box-shadow:0 10px 32px rgba(0,136,204,.11)}
.custom-card::before,.custom-card::after{content:'';position:absolute;border-radius:50%;pointer-events:none;animation:orbFloat 5s ease-in-out infinite}
.custom-card::before{width:180px;height:180px;background:rgba(0,201,167,.13);right:-70px;top:-80px}
.custom-card::after{width:110px;height:110px;background:rgba(0,136,204,.1);left:-45px;bottom:-55px;animation-delay:-2s}
.custom-card:hover{border-color:var(--teal);box-shadow:0 18px 50px rgba(0,136,204,.2);transform:translateY(-8px)}
.custom-card .rx-price-big,.custom-card .rx-feature{color:var(--text)}
.custom-card .rx-label{color:var(--text-muted)}
.custom-card .plan-name{color:var(--blue)!important}
.custom-card .plan-price{color:var(--text)!important}
.custom-card .plan-period{color:var(--text-muted)!important}
.custom-card .plan-divider{background:var(--border)!important}
.custom-card .btn-buy,.custom-card .btn-buy-sm{background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 6px 20px rgba(0,136,204,.25)}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8px,10px) scale(1.08)}}
.custom-builder{display:none;padding:0 32px 28px}
.custom-builder.show{display:block;animation:fadeUp .35s ease both}
.range-row{margin-bottom:18px}
.range-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.84rem;font-weight:700}
.range-value{color:var(--blue);font-family:'JetBrains Mono',monospace}
.range-row input{width:100%;accent-color:var(--blue)}
.custom-total{display:flex;justify-content:space-between;align-items:center;background:var(--blue-light);border-radius:12px;padding:15px 17px;margin-bottom:18px}
.custom-total strong{font-size:1.35rem;color:var(--blue)}

/* CHANNEL SUPPORT */
.channel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto}
.channel-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;gap:18px;align-items:flex-start;transition:all .3s}
.channel-card:hover{border-color:var(--blue);box-shadow:var(--card-shadow)}
.channel-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.channel-icon.public{background:#e8f9ff}
.channel-icon.private{background:#f0e8ff}
.channel-card h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.channel-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}

/* HOW IT WORKS */
.how-bg{background:var(--white)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1100px;margin:0 auto;position:relative}
.step-card{text-align:center;padding:32px 20px}
.step-num{width:52px;height:52px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin:0 auto 18px}
.step-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.step-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}

/* TESTIMONIALS */
.testimonials-bg{background:linear-gradient(135deg,#f0f8ff,#f7faff)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1100px;margin:0 auto}
.testimonial-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all .3s}
.testimonial-card:hover{box-shadow:var(--card-hover);transform:translateY(-3px)}
.stars{color:#f5a623;font-size:1rem;margin-bottom:14px}
.testimonial-text{font-size:.9rem;color:var(--text);line-height:1.7;margin-bottom:18px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px}
.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem}
.author-name{font-weight:700;font-size:.9rem}
.author-handle{font-size:.78rem;color:var(--text-muted)}

/* FAQ */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 24px;text-align:left;font-family:'Sora',sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text);transition:.2s}
.faq-q:hover{background:var(--blue-light)}
.faq-q .arrow{font-size:1.1rem;transition:.3s;color:var(--blue)}
.faq-item.open .faq-q .arrow{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.faq-item.open .faq-a{max-height:200px}
.faq-a-inner{padding:0 24px 20px;font-size:.875rem;color:var(--text-muted);line-height:1.7}

/* CONTACT */
.contact-bg{position:relative;overflow:hidden;background:linear-gradient(135deg,#0353b8 0%,#087fc0 48%,#4f46e5 100%);color:#fff}
.contact-bg:before{content:"";position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(circle at 24% 30%,rgba(83,211,255,.38),transparent 28%),radial-gradient(circle at 78% 72%,rgba(165,107,255,.34),transparent 30%);animation:contactAurora 14s ease-in-out infinite alternate}
.contact-bg>.container{position:relative;z-index:1}
@keyframes contactAurora{to{transform:translate3d(4%,2%,0) scale(1.08)}}
.contact-bg .section-tag{background:rgba(255,255,255,.15);color:#fff}
.contact-bg .section-title{color:#fff}
.contact-bg .section-sub{color:rgba(255,255,255,.8)}
.contact-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.contact-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:28px 32px;text-align:center;min-width:200px;text-decoration:none;color:#fff;transition:all .3s}
.contact-card:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}
.contact-card .icon{font-size:2rem;margin-bottom:10px}
.contact-card h4{font-weight:700;margin-bottom:4px}
.contact-card p{font-size:.82rem;opacity:.8}

/* FOOTER */
footer{background:#0a1628;color:#8aa5c0;padding:50px 5% 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand .nav-logo{color:#fff;margin-bottom:14px;display:inline-flex}
.footer-brand p{font-size:.85rem;line-height:1.7;max-width:280px}
.footer-col h5{color:#fff;font-weight:700;margin-bottom:16px;font-size:.9rem}
.footer-col a{display:block;color:#8aa5c0;text-decoration:none;font-size:.85rem;margin-bottom:10px;transition:.2s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid #1e2e44;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:gap;font-size:.82rem}
.footer-legal{display:flex;gap:20px}
.footer-legal a{color:#8aa5c0;text-decoration:none;transition:.2s}
.footer-legal a:hover{color:#fff}

/* CHECKOUT MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(13,27,42,.7);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.3s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.2);transform:scale(.95) translateY(20px);transition:.35s}
.modal-overlay.open .modal{transform:scale(1) translateY(0)}
.modal-header{padding:28px 32px 0;display:flex;justify-content:space-between;align-items:flex-start}
.modal-header h2{font-size:1.3rem;font-weight:800}
.modal-close{width:36px;height:36px;background:var(--border);border-radius:50%;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-muted);transition:.2s;flex-shrink:0}
.modal-close:hover{background:var(--blue-light);color:var(--blue)}
.modal-plan-summary{margin:20px 32px;background:var(--blue-light);border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center}
.modal-plan-name{font-weight:700;font-size:1rem}
.modal-plan-price{font-weight:800;font-size:1.4rem;color:var(--blue)}
.payment-methods{margin:0 32px 20px}
.payment-methods h4{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pm-option{border:2px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600}
.pm-option:hover{border-color:var(--blue);background:var(--blue-light)}
.pm-option.selected{border-color:var(--blue);background:var(--blue-light)}
.payment-detail-preview{display:none;margin:0 32px 18px;background:linear-gradient(135deg,#f4faff,#edfff9);border:1px solid var(--border);border-radius:12px;padding:16px;animation:fadeUp .3s ease both}
.payment-detail-preview.show{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.payment-detail-preview h5{font-size:.9rem;margin-bottom:5px}.payment-detail-preview p{font-size:.76rem;color:var(--text-muted);line-height:1.55;word-break:break-all}
.payment-qr{width:112px;height:112px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px}
.pm-icon{font-size:1.3rem}
.modal-form{padding:0 32px 32px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.83rem;font-weight:700;color:var(--text-muted);margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-family:'Sora',sans-serif;font-size:.9rem;color:var(--text);outline:none;transition:.2s;background:#fff}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,136,204,.1)}
.modal-note{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:14px 16px;font-size:.82rem;color:#b07800;line-height:1.6;margin:0 32px 18px}
.btn-submit{width:calc(100% - 64px);margin:0 32px 32px;padding:15px;background:var(--blue);color:#fff;border:none;border-radius:50px;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:.25s;box-shadow:0 4px 18px rgba(0,136,204,.3)}
.btn-submit:hover{background:var(--blue-dark);transform:translateY(-1px)}
.success-state{padding:40px 32px;text-align:center;display:none}
.success-state.show{display:block}
.main-form-area{display:block}
.main-form-area.hide{display:none}
.success-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}
.success-state h3{font-size:1.4rem;font-weight:800;margin-bottom:10px}
.success-state p{color:var(--text-muted);font-size:.9rem;line-height:1.7}
.payment-state{display:none;padding:4px 32px 32px;animation:fadeUp .35s ease both}.payment-state.show{display:block}
.pay-hero{text-align:center;margin-bottom:20px}.pay-hero h3{font-size:1.25rem;margin-bottom:5px}.pay-hero p{font-size:.8rem;color:var(--text-muted)}
.pay-card{background:linear-gradient(145deg,#f7fbff,#edfff9);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 34px rgba(0,136,204,.1)}
.pay-amount{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.pay-amount span{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.pay-amount strong{font-size:2.1rem;color:var(--blue)}
.pay-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.pay-qr-large{width:180px;height:180px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px}
.pay-detail-row{margin-bottom:13px}.pay-detail-row label{display:block;font-size:.68rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;margin-bottom:4px}.pay-detail-value{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;word-break:break-all}
.copy-btn{border:0;background:var(--blue-light);color:var(--blue);border-radius:6px;padding:5px 8px;cursor:pointer;font-size:.68rem;font-weight:700}
.pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.pay-action{padding:13px;border-radius:50px;border:0;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;font-size:.86rem}.pay-action.primary{background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}.pay-action.secondary{background:var(--blue-light);color:var(--blue)}
.payment-warning{margin-top:15px;background:#fff8e1;border:1px solid #ffe082;color:#966600;border-radius:9px;padding:11px;font-size:.72rem;line-height:1.5}

/* NOTIFICATION TOAST */
.toast{position:fixed;bottom:30px;right:30px;background:#0d1b2a;color:#fff;padding:16px 22px;border-radius:12px;font-size:.9rem;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:3000;transform:translateY(100px);opacity:0;transition:.4s;max-width:300px}
.toast.show{transform:translateY(0);opacity:1}
.toast .toast-icon{margin-right:8px}

/* MOBILE NAV MENU */
.mobile-menu{position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);z-index:999;padding:20px 5%;display:flex;flex-direction:column;gap:16px;transform:translateY(-120%);transition:.35s;box-shadow:0 8px 32px rgba(0,0,0,.08)}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{text-decoration:none;color:var(--text);font-weight:600;font-size:1rem;padding:8px 0;border-bottom:1px solid var(--border)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.plan-card.popular{animation:floatSoft 4s ease-in-out infinite}
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:none}
.pricing-grid .fade-in.visible,.reactions-grid .fade-in.visible{animation:cardReveal .5s ease both}
@keyframes cardReveal{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* NEXT-GENERATION STOREFRONT */
:root{--violet:#7c3aed;--pink:#ec4899;--amber:#f59e0b;--cyan:#06b6d4;--spot-x:50%;--spot-y:20%}
body{background:linear-gradient(145deg,#f4f8ff,#f8f4ff 52%,#effff9);isolation:isolate}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(450px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.75),transparent 60%);mix-blend-mode:soft-light}
nav{top:14px;left:3%;right:3%;height:66px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 16px 45px rgba(13,27,42,.09);backdrop-filter:blur(24px) saturate(170%);padding:0 22px}
.nav-logo{font-size:1.22rem;letter-spacing:-.04em}.nav-links{gap:8px}.nav-links a{padding:9px 13px;border-radius:9px}.nav-links a:hover{background:var(--blue-light);transform:translateY(-2px)}
.nav-cta{background:linear-gradient(135deg,var(--blue),var(--violet),var(--teal))!important;background-size:180%!important;box-shadow:0 8px 24px rgba(75,85,220,.22);animation:luxGradient 6s ease infinite}
@keyframes luxGradient{50%{background-position:100% 100%}}
.hero{min-height:100vh;text-align:left;padding:120px 5% 65px;background:transparent;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:52px;max-width:1440px;margin:auto}
.hero::before{width:650px;height:650px;top:-190px;right:-150px;background:radial-gradient(circle,rgba(124,58,237,.2),rgba(6,182,212,.08) 45%,transparent 70%);animation:heroMorph 10s ease-in-out infinite alternate}
.hero::after{width:520px;height:520px;bottom:-180px;left:-170px;background:radial-gradient(circle,rgba(0,201,167,.18),rgba(0,136,204,.08) 50%,transparent 72%);animation:heroMorph 12s -4s ease-in-out infinite alternate}
@keyframes heroMorph{to{transform:translate(70px,50px) scale(1.18);filter:hue-rotate(35deg)}}
.hero>div:first-child{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.hero-badge{align-self:flex-start;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 35px rgba(13,27,42,.08);color:var(--blue);margin-bottom:23px}
.hero h1{font-size:clamp(3rem,5.7vw,5.6rem);line-height:1.02;letter-spacing:-.075em;margin-bottom:24px;color:#0c1b2b;text-shadow:0 2px 0 rgba(255,255,255,.65)}
.hero h1 em{background:linear-gradient(90deg,var(--blue),var(--violet),var(--pink),var(--teal));background-size:220%;-webkit-background-clip:text;color:transparent;animation:luxGradient 7s infinite}
.hero p{margin:0 0 30px;max-width:620px;font-size:1.08rem;color:#496780}
.hero-btns{justify-content:flex-start}.btn-primary,.btn-secondary{border-radius:13px;padding:15px 25px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--violet),var(--teal));background-size:180%;animation:luxGradient 6s infinite;box-shadow:0 14px 35px rgba(77,83,210,.25)}.btn-secondary{background:rgba(255,255,255,.68);backdrop-filter:blur(15px);border-color:rgba(0,136,204,.28)}
.hero-stats{justify-content:flex-start;gap:10px;margin-top:38px}.hero-stats .stat{min-width:120px;background:rgba(255,255,255,.65);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);padding:13px 16px;border-radius:14px;box-shadow:0 12px 32px rgba(13,27,42,.06);transition:.3s}.hero-stats .stat:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,27,42,.11)}.hero-stats .stat-num{font-size:1.35rem;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;color:transparent}
.hero-showcase{position:relative;z-index:2;align-self:center;min-height:590px;border-radius:30px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38));backdrop-filter:blur(28px) saturate(170%);border:1px solid rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(44,62,110,.2),inset 0 1px 0 #fff;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);transition:.5s;opacity:1!important}
.hero-showcase:hover{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-8px)}
#packages>.hero-showcase{display:none}
.showcase-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.showcase-dots{display:flex;gap:6px}.showcase-dots i{width:9px;height:9px;border-radius:50%;background:var(--blue)}.showcase-dots i:nth-child(2){background:var(--pink)}.showcase-dots i:nth-child(3){background:var(--teal)}
.showcase-live{font-size:.68rem;font-weight:700;color:#087e68;background:#d9fff5;padding:6px 9px;border-radius:50px}
.showcase-main{background:linear-gradient(135deg,#0c2037,#173453 55%,#123e42);border-radius:22px;padding:24px;color:#fff;box-shadow:0 24px 50px rgba(13,27,42,.22);position:relative;overflow:hidden}.showcase-main::after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--teal));filter:blur(35px);opacity:.35;right:-50px;top:-60px}
.showcase-main small{opacity:.6;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.showcase-main strong{display:block;font-size:2.6rem;letter-spacing:-.07em;margin:5px 0}.mini-growth{color:#71ffd2;font-size:.75rem;font-weight:700}
.showcase-bento{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.showcase-widget{position:relative;overflow:hidden;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.86);border-radius:17px;padding:17px;box-shadow:0 12px 30px rgba(13,27,42,.07);transition:.3s}.showcase-widget:hover{transform:translateY(-5px) scale(1.02)}.showcase-widget.wide{grid-column:1/-1}.showcase-widget span{display:block;font-size:.69rem;color:var(--text-muted);font-weight:600}.showcase-widget strong{display:block;font-size:1.4rem;margin-top:4px}.showcase-bars{display:flex;align-items:end;gap:5px;height:58px;margin-top:12px}.showcase-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--violet),var(--blue));animation:barPulse 2.5s ease-in-out infinite alternate}.showcase-bars i:nth-child(2){height:48%}.showcase-bars i:nth-child(3){height:72%}.showcase-bars i:nth-child(4){height:55%}.showcase-bars i:nth-child(5){height:90%}@keyframes barPulse{to{filter:hue-rotate(60deg);transform:scaleY(.82)}}
.features-strip{padding:58px 5%;background:transparent;border:0}.features-grid{grid-template-columns:repeat(6,1fr);gap:14px;max-width:1280px}.feature-item{position:relative;overflow:hidden;text-align:left;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:20px;box-shadow:0 14px 38px rgba(13,27,42,.07);transition:.35s}.feature-item:nth-child(1),.feature-item:nth-child(6){grid-column:span 2}.feature-item:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(13,27,42,.13)}.feature-icon{margin:0 0 14px;background:linear-gradient(135deg,var(--blue-light),#f0e8ff);transition:.35s}.feature-item:hover .feature-icon{transform:rotate(-8deg) scale(1.12);box-shadow:0 10px 25px rgba(0,136,204,.18)}
section:not(.hero){position:relative}.section-tag{background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border:1px solid rgba(0,136,204,.13);box-shadow:0 8px 24px rgba(13,27,42,.06)}.section-title{letter-spacing:-.06em}.section-sub{color:#5b748b}
.pricing-grid{gap:16px;max-width:1320px}.plan-card,.rx-card{border-radius:22px;background:rgba(255,255,255,.68);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.86);box-shadow:0 16px 45px rgba(13,27,42,.08)}.plan-card:nth-child(1){--card-color:#06b6d4}.plan-card:nth-child(2){--card-color:#7c3aed}.plan-card:nth-child(3){--card-color:#ec4899}.plan-card:nth-child(4){--card-color:#f59e0b}.plan-card:nth-child(5){--card-color:#10b981}.plan-card:nth-child(6){--card-color:#0088cc}.plan-card::before{height:5px;opacity:1;background:linear-gradient(90deg,var(--card-color),var(--teal))}.plan-card:hover,.rx-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 28px 70px color-mix(in srgb,var(--card-color,var(--blue)) 20%,rgba(13,27,42,.12));border-color:color-mix(in srgb,var(--card-color,var(--blue)) 45%,white)}
.reactions-bg,.testimonials-bg{background:linear-gradient(145deg,rgba(234,245,255,.7),rgba(247,239,255,.72),rgba(235,255,248,.7))}.reactions-grid{max-width:1200px}.rx-card:nth-child(1){--card-color:#06b6d4}.rx-card:nth-child(2){--card-color:#7c3aed}.rx-card:nth-child(3){--card-color:#ec4899}.rx-card:nth-child(4){--card-color:#f59e0b}.rx-card:nth-child(5){--card-color:#10b981}.rx-card{border-top:4px solid var(--card-color)}
.channel-card,.testimonial-card,.contact-card,.faq-item{border-radius:20px;background:rgba(255,255,255,.68);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 42px rgba(13,27,42,.07)}.channel-card:hover,.testimonial-card:hover,.contact-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(13,27,42,.13)}
body.glass-on .contact-bg .contact-card,.contact-bg .contact-card{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(1,31,94,.25)}
body.glass-on .contact-bg .contact-card:hover,.contact-bg .contact-card:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.21);box-shadow:0 24px 60px rgba(1,31,94,.34)}
.step-num{background:linear-gradient(135deg,var(--blue),var(--violet),var(--teal));box-shadow:0 10px 28px rgba(77,83,210,.25)}.step-card{transition:.35s}.step-card:hover{transform:translateY(-7px)}
footer{background:linear-gradient(145deg,#071426,#112b45 55%,#073431);position:relative;overflow:hidden}
.site-particles{position:fixed;inset:0;pointer-events:none;z-index:-1}.site-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.22;animation:particleFloat 10s linear infinite}.site-particles i:nth-child(2){left:20%;top:70%;background:var(--pink);animation-delay:-3s}.site-particles i:nth-child(3){left:70%;top:30%;background:var(--teal);animation-delay:-5s}.site-particles i:nth-child(4){left:88%;top:78%;background:var(--violet);animation-delay:-7s}.site-particles i:nth-child(5){left:42%;top:42%;background:var(--amber);animation-delay:-2s}@keyframes particleFloat{to{transform:translate(70px,-180px) scale(2);opacity:0}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;text-align:center}.hero>div:first-child{align-items:center}.hero-badge{align-self:center}.hero-btns,.hero-stats{justify-content:center}.hero-showcase{width:min(620px,100%);min-height:auto;transform:none}.features-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){nav{top:8px;left:10px;right:10px}.hero{padding:110px 16px 55px;gap:30px}.hero h1{font-size:clamp(2.6rem,14vw,4rem)}.hero p{font-size:.96rem}.hero-badge{white-space:nowrap;font-size:.68rem;padding:8px 11px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.hero-stats .stat{min-width:0;width:auto}.hero-showcase{padding:13px;border-radius:22px}.showcase-bento{grid-template-columns:1fr}.showcase-widget.wide{grid-column:auto}.features-grid{grid-template-columns:1fr 1fr}.feature-item:nth-child(1),.feature-item:nth-child(6){grid-column:span 2}.feature-item{padding:17px}.pricing-grid{grid-template-columns:1fr}.contact-bg{padding:64px 16px}.contact-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}.contact-card{width:100%;min-width:0;padding:20px}}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:2.2rem}
}
@media(max-width:600px){
  section{padding:64px 18px}
  .hero{padding:96px 18px 48px}
  .hero p{font-size:1rem}
  .hero-btns a{width:100%;text-align:center}
  .hero-stats{gap:24px}
  .stat{min-width:120px}
  .footer-grid{grid-template-columns:1fr}
  .pm-grid{grid-template-columns:1fr}
  .modal-overlay{align-items:flex-end;padding:0}
  .modal{max-height:94vh;border-radius:18px 18px 0 0}
  .modal-form{padding:0 20px 24px}
  .modal-header{padding:24px 20px 0}
  .btn-submit{width:calc(100% - 40px);margin:0 20px 24px}
  .modal-plan-summary,.payment-methods,.modal-note{margin-left:20px;margin-right:20px}
  .payment-detail-preview{margin-left:20px;margin-right:20px;grid-template-columns:1fr;text-align:center}.payment-qr{margin:auto}
  .payment-state{padding:4px 20px 24px}.pay-grid{grid-template-columns:1fr;text-align:center}.pay-qr-large{margin:auto}.pay-detail-value{justify-content:center}.pay-actions{grid-template-columns:1fr}
  .toast{left:18px;right:18px;bottom:18px;max-width:none}
}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(0,136,204,.35);outline-offset:3px}
.announcement{display:none;position:fixed;top:68px;left:0;right:0;z-index:998;background:#0d1b2a;color:#fff;text-align:center;padding:9px 16px;font-size:.82rem;font-weight:600}
.announcement.show{display:block}

/* STOREFRONT V3 - clean, conversion-focused SaaS system */
:root{--ink:#071525;--surface:#fff;--soft:#f3f7fc;--line:#dce7f2;--cyan:#19c6e8;--violet:#7857ff}
body{background:var(--soft);color:var(--ink);font-family:'Manrope',sans-serif}
body::before,.floating-blob,.site-particles{display:none!important}
nav{top:14px;left:50%;right:auto;width:min(1180px,calc(100% - 32px));height:66px;padding:0 18px 0 14px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 14px 45px rgba(7,21,37,.12);backdrop-filter:blur(18px)}
.nav-logo{color:#087fc0;font-family:'Space Grotesk',sans-serif;font-size:1.25rem;letter-spacing:-.04em}
.nav-links{gap:8px}.nav-links a{padding:10px 13px;border-radius:10px;color:#496176;font-weight:700;font-size:.82rem}
.nav-links a:hover{color:#087fc0;background:#edf7ff}.nav-cta{padding:11px 18px!important;border-radius:11px;background:linear-gradient(135deg,#087fc0,#6558ef)!important;box-shadow:0 8px 20px rgba(48,91,210,.22)}
.hero{min-height:760px;padding:130px max(5%,calc((100% - 1180px)/2)) 72px;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:72px;text-align:left;background:#071525;color:#fff}
.hero::before{top:-35%;right:-15%;width:720px;height:720px;background:radial-gradient(circle,rgba(25,198,232,.24),transparent 62%)}
.hero::after{bottom:-55%;left:20%;width:700px;height:700px;background:radial-gradient(circle,rgba(120,87,255,.24),transparent 65%)}
.hero>div:first-child{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.hero-badge{margin-bottom:24px;color:#9feafd;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none}
.hero h1{max-width:700px;margin-bottom:22px;font-family:'Space Grotesk',sans-serif;font-size:clamp(3.2rem,5.6vw,5.6rem);line-height:.96;letter-spacing:-.075em;color:#fff;text-shadow:none}
.hero h1 em{background:linear-gradient(90deg,#51d6f1,#9b8cff);-webkit-background-clip:text;color:transparent;text-shadow:none}
.hero p{max-width:610px;margin:0 0 32px;color:#a9bdd0;font-size:1.05rem;line-height:1.7}
.hero-btns{justify-content:flex-start}.btn-primary,.btn-secondary{padding:14px 22px;border-radius:12px;font-size:.92rem}
.btn-primary{background:linear-gradient(135deg,#159de0,#6558ef);box-shadow:0 12px 30px rgba(29,145,224,.26)}
.btn-secondary{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
.hero-stats{width:100%;margin-top:36px;justify-content:flex-start;gap:10px}.hero-stats .stat{min-width:110px;padding:11px 14px;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:12px;box-shadow:none;backdrop-filter:none}
.hero-stats .stat-num{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;background:none;color:#fff}.hero-stats .stat-label{color:#7891a8;font-size:.68rem}
.hero-showcase{min-height:0;padding:14px;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(22px);transform:none}
.hero-showcase:hover{transform:translateY(-5px)}.showcase-top{margin-bottom:12px}.showcase-main{padding:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0b263c,#12354e 55%,#133d48)}.showcase-main strong{font-size:3rem}
.showcase-widget{padding:15px;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.9);box-shadow:none}
.features-strip{padding:26px 5%;background:#fff;border:0}.features-grid{grid-template-columns:repeat(6,1fr);gap:10px;max-width:1180px}.feature-item,.feature-item:nth-child(1),.feature-item:nth-child(6){grid-column:auto;padding:16px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:none}.feature-item:hover{transform:translateY(-3px);border-color:#8bdcf0;box-shadow:0 12px 28px rgba(7,21,37,.08)}
.feature-icon{width:38px;height:38px;margin:0 0 12px;border-radius:10px;font-size:1.05rem}.feature-item h4{font-size:.82rem}.feature-item p{font-size:.7rem;line-height:1.45}
section:not(.hero){padding:78px 5%;background:#fff!important}.reactions-bg,.testimonials-bg,#how-it-works{background:#f3f7fc!important}
.section-header{margin-bottom:38px}.section-tag{margin-bottom:12px;padding:7px 12px;border:1px solid #ccecff;border-radius:8px;background:#ecf9ff;box-shadow:none;font-size:.68rem;color:#087fc0}
.section-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.06em;line-height:1.05}.section-sub{font-size:.94rem;line-height:1.6}
.pricing-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px}.plan-card,body.glass-on .plan-card{padding:24px 21px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(7,21,37,.045);backdrop-filter:none}.plan-card::before{height:3px}.plan-card:hover,.plan-card.popular{transform:translateY(-5px);border-color:#8ecff1;box-shadow:0 18px 45px rgba(7,21,37,.1)}
.plan-card.popular{background:linear-gradient(180deg,#f5fbff,#fff 32%)}.popular-badge{top:14px;right:14px;border-radius:7px;background:#7857ff;font-size:.62rem}
.plan-name{font-size:.7rem}.plan-price{font-family:'Space Grotesk',sans-serif;font-size:2.2rem}.plan-divider{margin:15px 0}.plan-features{gap:8px;margin-bottom:20px}.plan-features li{font-size:.78rem}.plan-features li .chk{width:17px;height:17px;background:#e4f8f2;color:#07866d}
.btn-buy,.btn-buy-sm{border-radius:10px;background:#087fc0;font-family:'Manrope',sans-serif!important}.plan-card.popular .btn-buy,.custom-card .btn-buy,.custom-card .btn-buy-sm{background:linear-gradient(135deg,#087fc0,#6558ef)}
.custom-card,body.glass-on .custom-card{background:linear-gradient(145deg,#f4fbff,#f8f6ff);border-color:#cbdcf1}
.reactions-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px}.rx-card,body.glass-on .rx-card{padding:22px;border:1px solid var(--line);border-top:3px solid var(--card-color,#087fc0);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(7,21,37,.045);backdrop-filter:none}.rx-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px rgba(7,21,37,.1)}
.rx-price-big{font-family:'Space Grotesk',sans-serif}.rx-feature{font-size:.88rem}
.channel-cards{gap:14px;max-width:980px}.channel-card,body.glass-on .channel-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(7,21,37,.045);backdrop-filter:none}
.steps{gap:12px}.step-card{padding:25px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}.step-num{width:40px;height:40px;margin:0 0 16px;border-radius:11px;font-size:.9rem}.step-card:hover{transform:translateY(-3px)}
.testimonials-grid{gap:14px}.testimonial-card,body.glass-on .testimonial-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(7,21,37,.045);backdrop-filter:none}
.faq-list{max-width:850px;gap:8px}.faq-item,body.glass-on .faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none;backdrop-filter:none}.faq-q{padding:18px 20px;font-size:.88rem}
.contact-bg,.contact-bg[style]{padding:76px 5%!important;background:linear-gradient(135deg,#075bb8,#087fc0 54%,#554ee1)!important}.contact-bg:before{opacity:.55}.contact-cards{margin-top:34px;gap:12px}.contact-bg .contact-card,body.glass-on .contact-bg .contact-card{min-width:220px;padding:22px;border-radius:15px;background:rgba(255,255,255,.1);box-shadow:none}.contact-card .icon{font-size:1.5rem}
footer{padding:44px 5% 25px;background:#061321}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:40px;text-align:center}.hero>div:first-child{align-items:center}.hero p{margin-left:auto;margin-right:auto}.hero-stats,.hero-btns{justify-content:center}.hero-showcase{width:min(640px,100%)}.features-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 nav{top:8px;width:calc(100% - 20px);height:58px;padding:0 14px;border-radius:14px}.nav-logo svg{width:32px;height:32px}.nav-hamburger{display:flex}
 .hero{min-height:auto;padding:102px 16px 48px;gap:30px;background:#071525}.hero-badge{max-width:100%;margin-bottom:20px;padding:7px 10px;font-size:.62rem;white-space:normal;text-align:center}.hero h1{font-size:clamp(2.55rem,13vw,3.35rem);line-height:.98}.hero p{margin-bottom:25px;font-size:.9rem;line-height:1.65}.hero-btns{display:grid;width:100%;grid-template-columns:1fr}.hero-btns a{width:100%;padding:14px}
 .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.hero-stats .stat{padding:11px;text-align:center}.hero-showcase-live{display:none}
 .features-strip{padding:16px}.features-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-item,.feature-item:nth-child(1),.feature-item:nth-child(6){grid-column:auto;padding:13px;min-height:126px}.feature-item p{font-size:.66rem}.feature-icon{margin-bottom:9px}
 section:not(.hero){padding:58px 16px}.section-header{margin-bottom:28px}.section-title{font-size:2rem}.section-sub{font-size:.84rem}.section-tag{font-size:.62rem}
 .pricing-grid,.reactions-grid{display:flex;gap:10px;max-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;overscroll-behavior-inline:contain}.pricing-grid::-webkit-scrollbar,.reactions-grid::-webkit-scrollbar{display:none}.pricing-grid .plan-card{flex:0 0 88%;scroll-snap-align:start}.reactions-grid .rx-card{flex:0 0 82%;scroll-snap-align:start}.plan-card,body.glass-on .plan-card{padding:21px}.plan-price{font-size:2rem}.plan-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-features li{font-size:.7rem}.popular-badge{font-size:.55rem}
 .rx-card,body.glass-on .rx-card{padding:20px}.channel-cards,.steps,.testimonials-grid{grid-template-columns:1fr;gap:10px}.channel-card,body.glass-on .channel-card{padding:20px}.step-card{text-align:left;padding:20px}.testimonial-card,body.glass-on .testimonial-card{padding:20px}
 .faq-q{padding:16px;font-size:.78rem;gap:10px}.contact-bg{padding:58px 16px!important}.contact-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}.contact-bg .contact-card,body.glass-on .contact-bg .contact-card{min-width:0;width:100%;padding:18px}
 footer{padding:38px 18px 24px}
}

/* STOREFRONT V4 - bright premium light theme */
body{background:#f7fbff;color:#102235}
body::after{display:none!important}
nav{background:rgba(255,255,255,.94);border-color:#dcebf7;box-shadow:0 12px 35px rgba(47,100,145,.1)}
.hero{color:#102235;background:linear-gradient(145deg,#fff 0%,#f3faff 52%,#f8f5ff 100%)}
.hero::before{top:-30%;right:-12%;background:radial-gradient(circle,rgba(44,181,230,.18),transparent 62%)}
.hero::after{bottom:-55%;left:18%;background:radial-gradient(circle,rgba(128,102,255,.14),transparent 65%)}
.hero-badge{color:#087fc0;background:#fff;border-color:#cfe8f5;box-shadow:0 8px 25px rgba(40,125,173,.08)}
.hero h1{color:#102235;text-shadow:none}
.hero h1 em{background:linear-gradient(90deg,#078bc7,#6857e8);-webkit-background-clip:text;color:transparent}
.hero p{color:#587087}
.btn-secondary{color:#087fc0;background:#fff;border-color:#b9dced;box-shadow:0 8px 22px rgba(39,109,154,.07)}
.hero-stats .stat{background:#fff;border-color:#dce9f3;box-shadow:0 8px 25px rgba(25,78,117,.07)}
.hero-stats .stat-num{color:#087fc0}.hero-stats .stat-label{color:#657d91}
.hero-showcase{background:rgba(255,255,255,.88);border-color:#d9e9f4;box-shadow:0 28px 70px rgba(38,95,135,.14)}
.showcase-main{color:#102235;border-color:#d8eaf4;background:linear-gradient(145deg,#eaf9ff,#eef4ff 55%,#f2edff);box-shadow:none}
.showcase-main small{color:#60788e;opacity:1}.showcase-main strong{color:#087fc0}.mini-growth{color:#07866d}
.showcase-widget{border-color:#dce9f3;background:#fff;box-shadow:0 8px 22px rgba(25,78,117,.06)}
.showcase-live{color:#087e68;background:#e1faf2}
.features-strip{background:#f7fbff}
section:not(.hero){background:#fff!important}.reactions-bg,.testimonials-bg,#how-it-works{background:#f5f9fd!important}
section.contact-bg,section.contact-bg[style]{background:linear-gradient(135deg,#eaf7ff,#edf4ff 52%,#f4efff)!important;color:#102235}
.contact-bg:before{opacity:.3}.contact-bg .section-title{color:#102235}.contact-bg .section-sub{color:#587087}.contact-bg .section-tag{color:#087fc0;background:#fff;border-color:#cce8f6}
.contact-bg .contact-card,body.glass-on .contact-bg .contact-card{color:#102235;border-color:#d6e8f3;background:#fff;box-shadow:0 10px 28px rgba(29,89,128,.08)}
.contact-bg .contact-card:hover,body.glass-on .contact-bg .contact-card:hover{border-color:#8fd4ed;background:#fff;box-shadow:0 16px 35px rgba(29,89,128,.13)}
footer{color:#60778c;background:#eef6fb;border-top:1px solid #d9e8f2}
.footer-brand .nav-logo,footer .nav-logo,.footer-col h5{color:#102235!important}.footer-col a,.footer-legal a{color:#60778c}.footer-col a:hover,.footer-legal a:hover{color:#087fc0}.footer-bottom{border-color:#d7e5ef}
@media(max-width:700px){
 .hero{background:linear-gradient(155deg,#fff,#eff9ff 55%,#f5f0ff)}
 .hero-showcase-live{display:none}
}

/* STOREFRONT V5 - premium editorial light interface */
:root{--v5-blue:#1265e8;--v5-cyan:#09b6d5;--v5-purple:#7657e8;--v5-ink:#10233d;--v5-muted:#61758b}
body{background:#f8fbff;background-image:linear-gradient(rgba(18,101,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(18,101,232,.025) 1px,transparent 1px);background-size:32px 32px}
nav{height:70px;border-radius:22px;padding:0 12px 0 17px;box-shadow:0 18px 55px rgba(38,92,143,.12)}
.nav-logo{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;color:var(--v5-blue)}.nav-logo svg{filter:drop-shadow(0 6px 10px rgba(0,136,204,.22))}
.nav-links a{font-family:'Manrope',sans-serif;font-size:.8rem;letter-spacing:.01em}.nav-cta{border-radius:14px!important;padding:12px 20px!important}
.hero{min-height:820px;padding-top:140px;padding-bottom:80px;background:radial-gradient(circle at 75% 30%,rgba(61,198,236,.16),transparent 25%),radial-gradient(circle at 25% 75%,rgba(124,87,232,.1),transparent 28%),linear-gradient(145deg,#fff,#f4fbff 55%,#f8f5ff)}
.hero>div:first-child{padding:10px 0}.hero-badge{order:0;margin-bottom:13px;border-radius:10px;padding:8px 12px;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}
.hero-kicker{order:1;display:block;margin-bottom:6px;color:#6b58dc;font-family:'Caveat',cursive;font-size:2rem;font-weight:700;line-height:1;transform:rotate(-2deg)}
.hero h1{order:2;max-width:650px;margin-bottom:22px;font-family:'Poppins',sans-serif;font-size:clamp(3.4rem,5.7vw,5.8rem);font-weight:800;line-height:.94;letter-spacing:-.08em}
.hero h1 em{font-family:'Space Grotesk',sans-serif}.hero p{order:3;max-width:570px;margin-bottom:30px;font-family:'Manrope',sans-serif}.hero-btns{order:4}.hero-stats{order:5}
.hero-btns a{min-width:154px;text-align:center}.btn-primary{border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,var(--v5-blue),var(--v5-purple));box-shadow:0 15px 30px rgba(66,83,215,.22)}.btn-primary:hover{box-shadow:0 20px 40px rgba(66,83,215,.3)}
.hero-stats .stat{position:relative;overflow:hidden;border-radius:14px}.hero-stats .stat:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--v5-cyan),var(--v5-purple))}
.hero-showcase{position:relative;padding:18px;border-radius:28px;box-shadow:0 35px 85px rgba(32,91,142,.18);transform:rotate(1deg)}.hero-showcase:hover{transform:rotate(0) translateY(-6px)}
.hero-showcase:before{content:'Live dashboard';position:absolute;right:-20px;top:48px;z-index:3;padding:8px 13px;border-radius:10px;background:#fff;color:var(--v5-blue);font-family:'Caveat',cursive;font-size:1.25rem;font-weight:700;box-shadow:0 10px 25px rgba(37,92,143,.15);transform:rotate(5deg)}
.showcase-main{border-radius:19px;background:radial-gradient(circle at 88% 18%,rgba(120,87,232,.22),transparent 34%),linear-gradient(145deg,#eefaff,#f2f5ff)}.showcase-main strong{font-family:'Space Grotesk',sans-serif;color:var(--v5-blue)}
.showcase-widget{border-radius:16px}.showcase-widget strong{font-family:'Space Grotesk',sans-serif;color:var(--v5-ink)}
.features-strip{padding:34px 5%;background:#fff}.features-grid{gap:12px}.feature-item,.feature-item:nth-child(1),.feature-item:nth-child(6){min-height:164px;padding:18px;border:0;border-radius:20px;background:#f3f9ff;box-shadow:inset 0 0 0 1px rgba(65,132,190,.08)}
.feature-item:nth-child(2),.feature-item:nth-child(5){background:#f7f3ff}.feature-item:nth-child(3){background:#effbf8}.feature-item:nth-child(4){background:#fff7ed}
.feature-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(37,92,143,.12)}.feature-icon{width:44px;height:44px;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(37,92,143,.08)}
.feature-item h4{font-family:'Poppins',sans-serif;font-size:.82rem;color:var(--v5-ink)}.feature-item p{margin-top:5px;color:var(--v5-muted);line-height:1.55}
section:not(.hero){padding-top:88px;padding-bottom:88px}.section-header{max-width:720px;margin-left:auto;margin-right:auto}.section-tag{border-radius:9px;font-family:'Manrope',sans-serif;letter-spacing:.1em}.section-title{font-family:'Poppins',sans-serif;color:var(--v5-ink);font-weight:800;letter-spacing:-.065em}.section-sub{color:var(--v5-muted)}
.plan-card,body.glass-on .plan-card,.rx-card,body.glass-on .rx-card,.channel-card,body.glass-on .channel-card,.testimonial-card,body.glass-on .testimonial-card{border-radius:22px;border-color:#e0eaf4;box-shadow:0 10px 30px rgba(39,88,131,.07)}
.plan-card{isolation:isolate}.plan-card:after{content:'';position:absolute;z-index:-1;width:110px;height:110px;right:-45px;bottom:-45px;border-radius:50%;background:color-mix(in srgb,var(--card-color,#1265e8) 12%,transparent)}
.plan-card:hover,.plan-card.popular{transform:translateY(-8px);box-shadow:0 25px 55px rgba(39,88,131,.14)}.plan-card.popular{border-color:#b9b2fa;background:linear-gradient(155deg,#f8f7ff,#fff 42%)}
.plan-name{font-family:'Manrope',sans-serif;color:var(--card-color,#1265e8)}.plan-price{color:var(--v5-ink)}.btn-buy,.btn-buy-sm{padding:14px;border-radius:13px;box-shadow:0 9px 20px rgba(18,101,232,.15)}
.rx-card{position:relative;overflow:hidden;text-align:left}.rx-card .btn-buy-sm{margin-top:6px}.rx-price-big{color:var(--card-color,#1265e8)}.rx-feature{font-size:.82rem}
.step-card{position:relative;overflow:hidden;border:0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(39,88,131,.07)}.step-card:after{content:attr(data-step);position:absolute;right:12px;bottom:-25px;color:#edf4fa;font-family:'Poppins',sans-serif;font-size:6rem;font-weight:800;line-height:1}
.step-card h3,.step-card p,.step-num{position:relative;z-index:1}.step-card h3{font-family:'Poppins',sans-serif}
.channel-card h3,.contact-card h4{font-family:'Poppins',sans-serif}.testimonial-text{font-family:'Manrope',sans-serif}.testimonial-card:nth-child(2){transform:translateY(18px)}.testimonial-card:nth-child(2):hover{transform:translateY(10px)}
.contact-bg .section-title{font-family:'Poppins',sans-serif}.contact-bg .section-header:before{content:'Let’s build something great';display:block;margin-bottom:5px;color:#6b58dc;font-family:'Caveat',cursive;font-size:1.8rem;font-weight:700}
footer{background:linear-gradient(180deg,#eef7fc,#e8f2f9)}
@media(max-width:1100px){.hero{gap:38px}.hero h1{font-size:clamp(3rem,5.2vw,4.8rem)}.hero-showcase:before{right:10px}.features-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 nav{height:58px;border-radius:16px}.hero{min-height:auto;padding-top:105px;padding-bottom:50px}.hero-kicker{font-size:1.55rem}.hero h1{font-size:clamp(2.55rem,13vw,3.35rem);letter-spacing:-.075em}.hero-showcase:before{display:none}
 .features-strip{padding:18px 16px}.feature-item,.feature-item:nth-child(1),.feature-item:nth-child(6){min-height:134px;padding:14px;border-radius:16px}
 section:not(.hero){padding-top:64px;padding-bottom:64px}.section-title{font-size:2rem}.testimonial-card:nth-child(2){transform:none}
}

/* PC EXPERIENCE - balanced, fast, overlap-safe */
@media(min-width:901px){
 body{background-size:40px 40px}
 body.aurora-on::before,.floating-blob,.site-particles{display:none!important;animation:none!important}
 .hero,.hero *,.feature-item,.plan-card,.rx-card,.step-card,.testimonial-card,.contact-card{animation-duration:.35s!important}
 nav{top:16px;width:min(1240px,calc(100% - 48px));height:64px;border-radius:16px}
 .hero{min-height:760px;padding:125px max(5%,calc((100% - 1240px)/2)) 65px;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:72px}
 .hero>div:first-child{padding:0}.hero-kicker{font-size:1.65rem;margin-bottom:9px;transform:none}
 .hero h1{max-width:590px;font-size:clamp(3.7rem,4.6vw,4.7rem);line-height:.98;letter-spacing:-.075em}
 .hero p{max-width:550px;font-size:1rem}.hero-stats{margin-top:30px}.hero-stats .stat{min-width:105px;padding:10px 13px}
 .hero-showcase{width:100%;max-width:580px;justify-self:end;padding:16px;transform:none}.hero-showcase:hover{transform:translateY(-4px)}
 .hero-showcase:before{right:-8px;top:52px}.showcase-main{padding:22px}.showcase-main strong{font-size:2.7rem}
 .features-strip{padding:25px 5%;border-top:1px solid #e3edf5;border-bottom:1px solid #e3edf5}.features-grid{max-width:1240px}
 .feature-item,.feature-item:nth-child(1),.feature-item:nth-child(6){min-height:142px;padding:16px;border-radius:16px}.feature-item:hover{transform:translateY(-4px)}
 section:not(.hero){padding:76px max(5%,calc((100% - 1240px)/2));border-bottom:1px solid #edf2f7}
 .section-header{margin-bottom:32px}.section-title{font-size:2.75rem}.section-sub{font-size:.9rem}
 .pricing-grid{max-width:1120px;gap:16px}.plan-card,body.glass-on .plan-card{padding:23px 21px}.plan-card:hover,.plan-card.popular{transform:translateY(-5px)}
 .reactions-grid{max-width:1030px;gap:16px}.rx-card,body.glass-on .rx-card{padding:23px}
 .channel-cards{max-width:1030px}.channel-card,body.glass-on .channel-card{padding:26px}
 .steps{grid-template-columns:repeat(4,1fr);max-width:1120px;gap:14px}.step-card{min-height:225px;padding:25px 20px}
 .testimonials-grid{max-width:1120px}.testimonial-card:nth-child(2){transform:none}.testimonial-card:nth-child(2):hover{transform:translateY(-4px)}
 .faq-list{max-width:900px}.faq-q{padding:17px 20px}
 .contact-cards{margin-top:30px}.contact-bg .contact-card,body.glass-on .contact-bg .contact-card{min-width:245px;padding:20px}
 footer{padding:40px max(5%,calc((100% - 1240px)/2)) 24px}
}

/* RESPONSIVE PC CORRECTIONS */
.modal-overlay{display:none}
.modal-overlay.open{display:flex}
.plan-card,.rx-card,.step-card,.testimonial-card,.feature-item,.channel-card,.contact-card,.hero-showcase{overflow:hidden}
.hero-showcase:before{right:12px;top:52px;transform:rotate(2deg)}
section[id]{scroll-margin-top:100px}

@media(min-width:901px) and (max-width:1199px){
 nav{width:calc(100% - 32px)}
 .hero{min-height:auto;padding:122px 6% 64px;grid-template-columns:1fr;gap:38px;text-align:center}
 .hero>div:first-child{align-items:center}.hero h1{max-width:760px;font-size:clamp(3.6rem,7vw,5rem)}.hero p{margin-left:auto;margin-right:auto}
 .hero-btns,.hero-stats{justify-content:center}.hero-showcase{display:none}
 .features-grid{grid-template-columns:repeat(3,1fr)}
 section:not(.hero){padding-left:6%;padding-right:6%}
 .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
 .reactions-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
 .testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
 .testimonial-card:last-child{grid-column:1/-1;max-width:440px;width:100%;justify-self:center}
}

@media(min-width:1200px){
 .hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
 .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .reactions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}