/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.6.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/ 





/* ==================== HERO ==================== */
.hero{padding:10rem 2rem 5rem;position:relative;overflow:hidden;background:linear-gradient(165deg,#1A0536 0%,#2D0B6A 35%,#6627EC 100%)}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='.6' fill='rgba(255,255,255,.04)'/%3E%3C/svg%3E")}
.hero-glow1{position:absolute;top:-15%;right:-10%;width:600px;height:600px;border-radius:50%;background:rgba(102,39,236,.06);filter:blur(100px)}
.hero-glow2{position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;border-radius:50%;background:rgba(102,39,236,.15);filter:blur(80px)}
.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:.4rem 1rem;border-radius:50px;font-size:.74rem;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.2rem}
.hero-tag .pulse{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.5);animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:1.4rem}
.hero h1 .hl{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px;position:relative}
.hero-p{font-size:1.02rem;color:rgba(255,255,255,.7);line-height:1.8;max-width:480px;margin-bottom:2rem}
.hero-btns{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-cta{display:inline-flex;align-items:center;gap:.5rem;background:#6627EC;color:#fff;padding:.85rem 1.8rem;border-radius:10px;font-weight:700;font-size:.9rem;transition:all .2s;border:none;cursor:pointer}
.btn-cta:hover{background:#5119CC;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,39,236,.3)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.85rem 1.8rem;border-radius:10px;font-weight:700;font-size:.9rem;transition:all .2s}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.hero-proof{display:flex;align-items:center;gap:1rem}
.hero-avatars{display:flex}
.hero-avatars img{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.2);margin-right:-8px;object-fit:cover}
.hero-proof p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.4}
.hero-proof strong{color:#fff}

/* HERO VISUAL */
.hero-visual{position:relative}
.hv-card{background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;position:relative;overflow:hidden}
.hv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6627EC,#9B6DFF)}
.hv-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:1.2rem}
.hv-stat{display:flex;align-items:flex-end;gap:.4rem;margin-bottom:.3rem}
.hv-stat .num{font-size:2.8rem;font-weight:800;color:#fff;line-height:1}
.hv-stat .unit{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.3rem}
.hv-sub{font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:1.5rem}
.hv-bars{display:flex;gap:.3rem;align-items:flex-end;height:80px;margin-bottom:1.2rem}
.hv-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#C9B5FF,#6627EC);animation:barGrow 1.5s ease forwards;transform-origin:bottom}
@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.hv-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hv-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.7rem .8rem}
.hv-metric .mv{font-size:1.15rem;font-weight:800;color:#fff}
.hv-metric .ml{font-size:.68rem;color:rgba(255,255,255,.4);margin-top:.15rem}

/* FLOATING BADGES */
.hero-badge{position:absolute;background:rgba(255,255,255,.95);border-radius:12px;padding:.6rem .9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 30px rgba(0,0,0,.12);animation:floatBadge 3s ease-in-out infinite}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-badge.b1{top:-10px;right:-20px;animation-delay:.5s}
.hero-badge.b2{bottom:20px;left:-30px;animation-delay:1s}
.hero-badge .hb-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center}
.hero-badge .hb-icon.green{background:#ECFDF5}
.hero-badge .hb-icon.blue{background:#EDE5FF}
.hero-badge .hb-text{font-size:.72rem;font-weight:700;color:#1A0536}
.hero-badge .hb-val{font-size:.65rem;color:#7B6B94}

/* ==================== MARQUEE ==================== */
.marquee{padding:1.5rem 0;background:#FFFFFF;overflow:hidden;position:relative;border-bottom:1px solid #F4EEFF}
.marquee::before,.marquee::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}
.marquee::before{left:0;background:linear-gradient(90deg,#FFFFFF,transparent)}
.marquee::after{right:0;background:linear-gradient(270deg,#FFFFFF,transparent)}
.mq-label{text-align:center;font-size:.66rem;font-weight:700;color:#7B6B94;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem}
.mq-track{display:flex;animation:scroll 28s linear infinite;width:max-content}
.mq-track:hover{animation-play-state:paused}
.mq-item{padding:0 2.5rem;font-size:.92rem;font-weight:700;color:#1A0536;opacity:.2;transition:opacity .3s;white-space:nowrap}
.mq-item:hover{opacity:.5}
.mq-dot{width:4px;height:4px;border-radius:50%;background:#6627EC;opacity:.2;flex-shrink:0;align-self:center}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ==================== SECTIONS GENERAL ==================== */
.sc{padding:5rem 2rem}
.sc-tag {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #F4EEFF;
    color: #6627EC;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .35rem .9rem;
    border-radius: 50px;
    margin-bottom: 1rem;
    justify-content: center;
    width: fit-content;
    margin:0 auto 1rem;
}
.sc-tag svg{width:12px;height:12px}
.sc h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:#1A0536;margin-bottom:.8rem}
.sc h2 .hl{color:#6627EC}
.sc-p{font-size:1rem;color:#7B6B94;line-height:1.7;max-width:560px;margin-bottom:2.5rem}
.sc-center{text-align:center}.sc-center .sc-p{margin-left:auto;margin-right:auto}

/* ==================== SERVICES ==================== */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.svc-card{background:#FFFFFF;border:1px solid #E8DFF5;border-radius:16px;padding:1.8rem;transition:all .3s;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6627EC,#7B3FF5);opacity:0;transition:opacity .3s}
.svc-card:hover{border-color:#DDD0FF;transform:translateY(-4px);box-shadow:0 16px 50px rgba(102,39,236,.08)}
.svc-card:hover::before{opacity:1}
.svc-icon{width:48px;height:48px;border-radius:12px;background:#F4EEFF;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;transition:background .3s}
.svc-card:hover .svc-icon{background:#6627EC}
.svc-card:hover .svc-icon svg{stroke:#fff}
.svc-icon svg{stroke:#6627EC;width:22px;height:22px}
.svc-card h3{font-size:1.05rem;font-weight:800;color:#1A0536;margin-bottom:.5rem}
.svc-card p{font-size:.84rem;color:#7B6B94;line-height:1.6;margin-bottom:1rem}
.svc-link{font-size:.8rem;font-weight:700;color:#6627EC;display:flex;align-items:center;gap:.3rem;transition:gap .2s}
.svc-link:hover{gap:.6rem}
.svc-link svg{width:14px;height:14px;stroke:#6627EC}

/* ==================== AI AUTOMATION ==================== */
.auto-sec{background:linear-gradient(165deg,#1A0536,#2D0B6A,#3A1199);padding:5rem 2rem;position:relative;overflow:hidden}
.auto-sec::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='.6' fill='rgba(255,255,255,.03)'/%3E%3C/svg%3E")}
.auto-sec .sc-tag{background:rgba(255,255,255,.08);color:#C9B5FF;border:1px solid rgba(255,255,255,.12)}
.auto-sec h2{color:#fff}
.auto-sec .sc-p{color:rgba(255,255,255,.6)}
.auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;position:relative;z-index:1}
.auto-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.6rem;transition:all .3s}
.auto-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);transform:translateY(-3px)}
.auto-card .ac-icon{width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.auto-card .ac-icon svg{stroke:#C9B5FF;width:20px;height:20px}
.auto-card h3{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:.4rem}
.auto-card p{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.6}

/* ==================== HOW IT WORKS ==================== */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem}
.how-card{text-align:center;position:relative}
.how-card::after{content:'';position:absolute;top:28px;right:-30px;width:60px;height:2px;background:#E8DFF5}
.how-card:last-child::after{display:none}
.how-num{width:56px;height:56px;border-radius:50%;background:#F4EEFF;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#6627EC;margin:0 auto 1rem;border:2px solid #EDE5FF}
.how-card h3{font-size:.92rem;font-weight:800;color:#1A0536;margin-bottom:.4rem}
.how-card p{font-size:.8rem;color:#7B6B94;line-height:1.5}

/* ==================== RESULTS ==================== */
.results{background:#F9F7FE;padding:5rem 2rem}
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.res-card{background:#FFFFFF;border:1px solid #E8DFF5;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.res-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(102,39,236,.08)}
.res-img{height:200px;overflow:hidden;position:relative}
.res-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.res-card:hover .res-img img{transform:scale(1.05)}
.res-img .res-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);padding:.3rem .7rem;border-radius:6px;font-size:.7rem;font-weight:700;color:#6627EC}
.res-body{padding:1.5rem}
.res-body h3{font-size:1rem;font-weight:800;color:#1A0536;margin-bottom:.8rem}
.res-stats{display:flex;gap:1.5rem}
.res-stat .rs-v{font-size:1.4rem;font-weight:800;color:#6627EC}
.res-stat .rs-l{font-size:.68rem;color:#7B6B94;margin-top:.1rem}

/* ==================== TESTIMONIALS ==================== */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.test-card{background:#FFFFFF;border:1px solid #E8DFF5;border-radius:16px;padding:1.5rem;transition:all .3s}
.test-card:hover{border-color:#DDD0FF;box-shadow:0 12px 40px rgba(102,39,236,.06)}
.test-stars{display:flex;gap:.15rem;margin-bottom:.8rem}
.test-stars svg{width:16px;height:16px;fill:#6627EC}
.test-q{font-size:.88rem;color:#4A3666;line-height:1.7;margin-bottom:1.2rem;font-style:italic}
.test-author{display:flex;align-items:center;gap:.6rem}
.test-author img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.test-author .ta-n{font-size:.82rem;font-weight:700;color:#1A0536}
.test-author .ta-r{font-size:.7rem;color:#7B6B94}

/* ==================== CTA BANNER ==================== */
.cta-ban{background:linear-gradient(135deg,#6627EC,#5119CC);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}
.cta-ban::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='.6' fill='rgba(255,255,255,.04)'/%3E%3C/svg%3E")}
.cta-ban h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.8rem;position:relative;z-index:1}
.cta-ban p{color:rgba(255,255,255,.7);font-size:.95rem;margin-bottom:2rem;position:relative;z-index:1}
.cta-ban .btn-cta{position:relative;z-index:1;font-size:.95rem;padding:1rem 2.2rem}

/* ==================== COUNTER BAR ==================== */
.cbar{background:#5119CC;padding:2.2rem 2rem}
.cbar-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.cbar-item .cv{font-size:2rem;font-weight:800;color:#fff}
.cbar-item .cv span{color:#fff;opacity:.7}
.cbar-item .cl{font-size:.72rem;color:rgba(255,255,255,.6);margin-top:.2rem;font-weight:500}

/* ==================== FOOTER ==================== */
.footer{background:#0F0320;padding:4rem 2rem 2rem}
.ft-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.ft-brand p{font-size:.84rem;color:rgba(255,255,255,.45);line-height:1.7;margin-top:.8rem;max-width:280px}
.ft-social{display:flex;gap:.5rem;margin-top:1rem}
.ft-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:background .2s}
.ft-social a:hover{background:#6627EC}
.ft-social a svg{fill:rgba(255,255,255,.6);width:16px;height:16px}
.ft-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#C9B5FF;margin-bottom:1rem}
.ft-col a{display:block;font-size:.84rem;color:rgba(255,255,255,.5);padding:.3rem 0;transition:color .2s}
.ft-col a:hover{color:#fff}
.ft-bar{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}
.ft-bar p{font-size:.75rem;color:rgba(255,255,255,.3)}

/* ==================== SCROLL REVEAL ==================== */
.rv{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}
.rv.show{opacity:1;transform:translateY(0)}

/* ==================== RESPONSIVE ==================== */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-p{margin:0 auto 2rem}
  .hero-btns,.hero-proof{justify-content:center}
  .hero-visual{max-width:420px;margin:0 auto}
  .svc-grid,.auto-grid,.test-grid{grid-template-columns:1fr 1fr}
  .how-grid{grid-template-columns:1fr 1fr}
  .how-card::after{display:none}
  .res-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr 1fr}
  .cbar-inner{grid-template-columns:repeat(2,1fr)}
  .hero-badge{display:none}
}
@media(max-width:768px){
  .nav-links{display:none}
  .hamburger{display:block}
  .hero{padding:7rem 1.5rem 3rem}
  .sc{padding:3.5rem 1.5rem}
  .svc-grid,.auto-grid,.test-grid,.how-grid{grid-template-columns:1fr}
  .cbar-inner{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr;gap:2rem}
  .ft-bar{flex-direction:column;gap:.5rem;text-align:center}
  .mega,.drop{display:none}
  .hero-btns{flex-direction:column;width:100%}
  .btn-cta,.btn-ghost{width:100%;justify-content:center}
}
/* ==================== PROBLEM SECTION ==================== */
.prob{background:#1A0536;padding:5rem 2rem;position:relative;overflow:hidden}
.prob::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(102,39,236,.12),transparent 55%)}
.prob h2{color:#fff}.prob .sc-p{color:rgba(255,255,255,.5)}
.prob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem;position:relative;z-index:1}
.prob-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.6rem;transition:all .35s}
.prob-card:hover{background:rgba(255,255,255,.06);transform:translateY(-3px)}
.prob-card .pi{width:44px;height:44px;border-radius:11px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.prob-card .pi svg{stroke:#EF4444;width:20px;height:20px;fill:none;stroke-width:2}
.prob-card h3{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:.4rem}
.prob-card p{font-size:.82rem;color:rgba(255,255,255,.4);line-height:1.6}

/* ==================== WHY US ==================== */
.wu-tbl{width:100%;margin-top:2rem;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(102,39,236,.04)}
.wu-tbl th,.wu-tbl td{padding:.8rem 1rem;text-align:left;font-size:.8rem;border-bottom:1px solid #F4EEFF}
.wu-tbl th{background:#6627EC;color:#fff;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.wu-tbl td:first-child{font-weight:600;color:#1A0536}
.wu-tbl td:nth-child(2){color:#EF4444;font-size:.78rem}
.wu-tbl td:last-child{color:#6627EC;font-weight:700;font-size:.78rem}

/* ==================== INDUSTRIES ==================== */
.ind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem}
.ind-card{background:#fff;border:1px solid #E8DFF5;border-radius:14px;padding:1.2rem;text-align:center;transition:all .35s}
.ind-card:hover{border-color:#DDD0FF;box-shadow:0 10px 35px rgba(102,39,236,.06);transform:translateY(-4px)}
.ind-card .ie{font-size:1.8rem;margin-bottom:.5rem;display:block}
.ind-card h4{font-size:.82rem;font-weight:700;color:#1A0536;margin-bottom:.15rem}
.ind-card p{font-size:.68rem;color:#7B6B94;line-height:1.4}

/* ==================== PRICING ==================== */
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.pr-card{background:#fff;border:1px solid #E8DFF5;border-radius:16px;padding:2rem;position:relative;transition:all .35s}
.pr-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(102,39,236,.06)}
.pr-card.feat{border-color:#6627EC;box-shadow:0 8px 40px rgba(102,39,236,.08)}
.pr-card.feat::before{content:"Most Popular";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#6627EC;color:#fff;padding:.2rem .8rem;border-radius:50px;font-size:.65rem;font-weight:700}
.pr-tier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6627EC;margin-bottom:.4rem}
.pr-card h3{font-size:1.1rem;font-weight:800;color:#1A0536;margin-bottom:.1rem}
.pr-desc{font-size:.78rem;color:#7B6B94;margin-bottom:.8rem}
.pr-price{font-size:2rem;font-weight:800;color:#1A0536;margin-bottom:1rem}
.pr-price span{font-size:.78rem;font-weight:500;color:#7B6B94}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.5rem}
.pr-list li{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#4A3666}
.pr-list li svg{width:14px;height:14px;stroke:#6627EC;fill:none;stroke-width:2.5;flex-shrink:0}
.pr-btn{display:block;width:100%;padding:.75rem;text-align:center;border-radius:10px;font-weight:700;font-size:.88rem;border:none;cursor:pointer;font-family:inherit;transition:all .25s}
.pr-btn.primary{background:#6627EC;color:#fff;box-shadow:0 4px 15px rgba(102,39,236,.15)}.pr-btn.primary:hover{background:#5119CC}
.pr-btn.outline{background:#F4EEFF;color:#6627EC}.pr-btn.outline:hover{background:#EDE5FF}

/* ==================== FAQ ==================== */
.faq-list{max-width:760px;margin:2rem auto 0;display:flex;flex-direction:column;gap:.4rem}
.faq-item{background:#fff;border:1px solid #E8DFF5;border-radius:12px;overflow:hidden;transition:.2s}
.faq-item.open{border-color:#DDD0FF}
.faq-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit;font-weight:700;font-size:.88rem;color:#1A0536;transition:color .2s}
.faq-item.open .faq-btn{color:#6627EC}
.faq-toggle{width:24px;height:24px;border-radius:50%;background:#6627EC;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
.faq-item.open .faq-toggle{transform:rotate(45deg);background:#5119CC}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .35s}
.faq-item.open .faq-ans{max-height:200px}
.faq-ans-inner{padding:0 1.2rem 1rem;font-size:.84rem;color:#7B6B94;line-height:1.65}

/* ==================== PLATFORM ==================== */
.plat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;position:relative;z-index:1}
.plat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.2rem;display:flex;gap:.8rem;transition:all .35s}
.plat-card:hover{background:rgba(255,255,255,.06);transform:translateX(3px)}
.plat-card .pc-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.plat-card .pc-icon svg{stroke:#C9B5FF;width:18px;height:18px;fill:none;stroke-width:2}
.plat-card h4{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.2rem}
.plat-card p{font-size:.76rem;color:rgba(255,255,255,.4);line-height:1.5}

/* ==================== TEAM ==================== */
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:2rem}
.team-card{text-align:center;transition:all .3s}
.team-card:hover{transform:translateY(-4px)}
.team-card img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto .6rem;border:3px solid #E8DFF5;transition:border-color .3s}
.team-card:hover img{border-color:#6627EC}
.team-card h4{font-size:.88rem;font-weight:700;color:#1A0536}
.team-card p{font-size:.72rem;color:#7B6B94}

/* ==================== RESOURCES ==================== */
.res2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.res2-card{background:#fff;border:1px solid #E8DFF5;border-radius:16px;padding:1.5rem;transition:all .35s}
.res2-card:hover{border-color:#DDD0FF;box-shadow:0 10px 35px rgba(102,39,236,.05);transform:translateY(-3px)}
.res2-card .rc-icon{width:44px;height:44px;border-radius:11px;background:#F4EEFF;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.res2-card .rc-icon svg{stroke:#6627EC;width:20px;height:20px;fill:none;stroke-width:2}
.res2-card h4{font-size:.95rem;font-weight:700;color:#1A0536;margin-bottom:.2rem}
.res2-card p{font-size:.82rem;color:#7B6B94;line-height:1.55;margin-bottom:.8rem}
.res2-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;background:#F4EEFF;color:#6627EC;border-radius:8px;font-size:.78rem;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s}
.res2-btn:hover{background:#6627EC;color:#fff}

/* ==================== BLOG ==================== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.blog-card{background:#fff;border:1px solid #E8DFF5;border-radius:16px;overflow:hidden;transition:all .35s}
.blog-card:hover{box-shadow:0 12px 40px rgba(102,39,236,.06);transform:translateY(-3px)}
.blog-img{height:180px;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-img img{transform:scale(1.05)}
.blog-body{padding:1.3rem}
.blog-tag{display:inline-flex;padding:.18rem .5rem;border-radius:5px;font-size:.65rem;font-weight:700;background:#F4EEFF;color:#6627EC;margin-bottom:.5rem}
.blog-body h4{font-size:.95rem;font-weight:800;color:#1A0536;margin-bottom:.3rem;line-height:1.3}
.blog-body p{font-size:.8rem;color:#7B6B94;line-height:1.55;margin-bottom:.5rem}
.blog-meta{font-size:.7rem;color:#7B6B94}

/* ==================== CONTACT FORM ==================== */
.con-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem}
.con-info h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.6rem}
.con-info>p{font-size:.88rem;color:rgba(255,255,255,.45);line-height:1.65;margin-bottom:1.5rem}
.con-item{display:flex;gap:.7rem;margin-bottom:1rem}
.con-ic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.con-ic svg{stroke:#C9B5FF;width:18px;height:18px;fill:none;stroke-width:2}
.con-item h4{font-size:.84rem;font-weight:700;color:#fff}
.con-item p{font-size:.76rem;color:rgba(255,255,255,.4)}
.con-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 55px rgba(0,0,0,.12)}
.con-form h3{font-size:1.05rem;font-weight:800;color:#1A0536;margin-bottom:1rem}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}
.cf-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.8rem}
.cf-field label{font-size:.72rem;font-weight:600;color:#4A3666}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;padding:.6rem .8rem;border:1.5px solid #E8DFF5;border-radius:8px;font-size:.84rem;font-family:inherit;color:#1A0536;outline:none;background:#fff;transition:all .2s}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:#6627EC;box-shadow:0 0 0 3px rgba(102,39,236,.05)}
.cf-field textarea{resize:vertical;min-height:70px}
.cf-submit{width:100%;padding:.8rem;border:none;border-radius:10px;background:#6627EC;color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 15px rgba(102,39,236,.2);transition:all .3s}
.cf-submit:hover{background:#5119CC}

/* ==================== TRUST BAR ==================== */
.trust{background:#F9F7FE;padding:2.5rem 2rem}
.trust-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}
.trust-b{display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:transform .3s}
.trust-b:hover{transform:translateY(-2px)}
.trust-b svg{width:28px;height:28px;stroke:#6627EC;fill:none;stroke-width:1.5}
.trust-b span{font-size:.7rem;font-weight:700;color:#4A3666}

/* ==================== FLOATING ==================== */
.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.3);z-index:998;transition:transform .3s;cursor:pointer}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:26px;height:26px;fill:#fff}
.scroll-top{position:fixed;bottom:5rem;right:1.5rem;width:42px;height:42px;background:#6627EC;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(102,39,236,.2);z-index:997;opacity:0;visibility:hidden;transition:all .3s;cursor:pointer;border:none}
.scroll-top.vis{opacity:1;visibility:visible}
.scroll-top:hover{transform:translateY(-2px)}
.scroll-top svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.5}
.exit-overlay{position:fixed;inset:0;background:rgba(26,5,54,.7);backdrop-filter:blur(6px);z-index:1001;display:none;align-items:center;justify-content:center}
.exit-overlay.on{display:flex}
.exit-box{background:#fff;border-radius:18px;padding:2.5rem;max-width:440px;width:90%;text-align:center;position:relative;animation:exitPop .3s ease}
.exit-box h3{font-size:1.2rem;font-weight:800;color:#1A0536;margin-bottom:.4rem}
.exit-box p{font-size:.88rem;color:#7B6B94;margin-bottom:1.2rem;line-height:1.55}
.exit-form{display:flex;flex-direction:column;gap:.5rem}
.exit-form input{padding:.7rem;border:1.5px solid #E8DFF5;border-radius:10px;font-size:.88rem;font-family:inherit;outline:none}
.exit-form input:focus{border-color:#6627EC}
.exit-form button{padding:.75rem;background:#6627EC;color:#fff;font-weight:800;font-size:.92rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit}
.exit-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:#7B6B94}
@keyframes exitPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

/* ==================== ADDITIONAL RESPONSIVE ==================== */
@media(max-width:1024px){.plat-grid,.con-grid{grid-template-columns:1fr}.pr-grid{grid-template-columns:1fr 1fr 1fr}.ind-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.prob-grid,.pr-grid,.res2-grid,.blog-grid,.cf-row{grid-template-columns:1fr}.ind-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.wu-tbl{font-size:.72rem}.wu-tbl th,.wu-tbl td{padding:.5rem .6rem}}


	
/* ==================== TRUST BAR ==================== */
.trust{background:#F9F7FE;padding:2.5rem 2rem}
.trust-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}
.trust-b{display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:transform .3s}
.trust-b:hover{transform:translateY(-2px)}
.trust-b svg{width:28px;height:28px;stroke:#6627EC;fill:none;stroke-width:1.5}
.trust-b span{font-size:.7rem;font-weight:700;color:#4A3666}

/* ==================== FLOATING ==================== */
.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.3);z-index:998;transition:transform .3s;cursor:pointer}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:26px;height:26px;fill:#fff}
.scroll-top{position:fixed;bottom:5rem;right:1.5rem;width:42px;height:42px;background:#6627EC;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(102,39,236,.2);z-index:997;opacity:0;visibility:hidden;transition:all .3s;cursor:pointer;border:none}
.scroll-top.vis{opacity:1;visibility:visible}
.scroll-top:hover{transform:translateY(-2px)}
.scroll-top svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.5}
.exit-overlay{position:fixed;inset:0;background:rgba(26,5,54,.7);backdrop-filter:blur(6px);z-index:1001;display:none;align-items:center;justify-content:center}
.exit-overlay.on{display:flex}
.exit-box{background:#fff;border-radius:18px;padding:2.5rem;max-width:440px;width:90%;text-align:center;position:relative;animation:exitPop .3s ease}
.exit-box h3{font-size:1.2rem;font-weight:800;color:#1A0536;margin-bottom:.4rem}
.exit-box p{font-size:.88rem;color:#7B6B94;margin-bottom:1.2rem;line-height:1.55}
.exit-form{display:flex;flex-direction:column;gap:.5rem}
.exit-form input{padding:.7rem;border:1.5px solid #E8DFF5;border-radius:10px;font-size:.88rem;font-family:inherit;outline:none}
.exit-form input:focus{border-color:#6627EC}
.exit-form button{padding:.75rem;background:#6627EC;color:#fff;font-weight:800;font-size:.92rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit}
.exit-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:#7B6B94}
@keyframes exitPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

/* ==================== ADDITIONAL RESPONSIVE ==================== */
@media(max-width:1024px){.plat-grid,.con-grid{grid-template-columns:1fr}.pr-grid{grid-template-columns:1fr 1fr 1fr}.ind-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.prob-grid,.pr-grid,.res2-grid,.blog-grid,.cf-row{grid-template-columns:1fr}.ind-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.wu-tbl{font-size:.72rem}.wu-tbl th,.wu-tbl td{padding:.5rem .6rem}}

/* QUIZ / LEAD MAGNET */
.quiz-sec{background:#F9F7FE;padding:5rem 2rem}.quiz-box{max-width:680px;margin:2rem auto 0;background:#fff;border:1px solid #E8DFF5;border-radius:20px;padding:2.5rem;box-shadow:0 12px 40px rgba(102,39,236,.04)}.quiz-progress{display:flex;gap:.5rem;margin-bottom:1.5rem}.quiz-bar{flex:1;height:4px;border-radius:4px;background:#E8DFF5}.quiz-bar.active{background:#6627EC}.quiz-q{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#6627EC;margin-bottom:.4rem}.quiz-title{font-size:1.15rem;font-weight:800;color:#1A0536;margin-bottom:1.2rem}.quiz-opt{display:flex;flex-direction:column;gap:.5rem}.quiz-opt label{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid #E8DFF5;border-radius:12px;cursor:pointer;transition:all .2s;font-size:.88rem;font-weight:600;color:#4A3666}.quiz-opt label:hover{border-color:#DDD0FF;background:#FDFBFF}.quiz-opt label.selected{border-color:#6627EC;background:#F4EEFF;color:#6627EC}.quiz-opt label .qe{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#F4EEFF}.quiz-opt label.selected .qe{background:#6627EC;color:#fff;font-size:.8rem}.quiz-opt input[type=radio]{display:none}.quiz-nav{display:flex;justify-content:space-between;margin-top:1.5rem}.quiz-nav button{padding:.6rem 1.2rem;border-radius:10px;font-weight:700;font-size:.82rem;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.quiz-back{background:#F4EEFF;color:#6627EC}.quiz-next{background:#6627EC;color:#fff}.quiz-next:hover{background:#5119CC}.quiz-result{display:none;text-align:center;padding:1.5rem 0}.quiz-score{font-size:2.5rem;font-weight:800;color:#6627EC;margin-bottom:.3rem}.quiz-grade{font-size:.82rem;color:#7B6B94;margin-bottom:1rem}.quiz-form{display:none;max-width:350px;margin:0 auto}.quiz-form input{width:100%;padding:.7rem 1rem;border:1px solid #E8DFF5;border-radius:10px;font-size:.88rem;font-family:inherit;margin-bottom:.5rem}.quiz-form input:focus{border-color:#6627EC;outline:none}.quiz-form button{width:100%;padding:.7rem;border-radius:10px;background:#6627EC;color:#fff;font-weight:700;font-size:.88rem;border:none;cursor:pointer;font-family:inherit}

/* CALENDLY */
.cal-sec{background:linear-gradient(165deg,#0F0320,#1A0536,#2D0B6A);padding:5rem 2rem;position:relative;overflow:hidden}.cal-sec::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='.6' fill='rgba(255,255,255,.04)'/%3E%3C/svg%3E")}.cal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;margin-top:2rem;position:relative;z-index:1}.cal-info h3{color:#fff;font-size:1.2rem;font-weight:800;margin-bottom:.8rem}.cal-info p{color:rgba(255,255,255,.55);font-size:.92rem;line-height:1.65;margin-bottom:1.5rem}.cal-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.cal-list li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.4}.cal-list li svg{width:16px;height:16px;stroke:#C9B5FF;fill:none;stroke-width:2.5;flex-shrink:0}.cal-embed{background:#fff;border-radius:16px;min-height:480px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.2)}

/* ROI CALC */
.roi-sec{padding:5rem 2rem;background:#fff}.roi-box{max-width:800px;margin:2rem auto 0;background:#fff;border:1px solid #E8DFF5;border-radius:20px;padding:2.5rem;box-shadow:0 12px 40px rgba(102,39,236,.04)}.roi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.roi-row{margin-bottom:0}.roi-row label{display:block;font-size:.85rem;font-weight:700;color:#1A0536;margin-bottom:.3rem}.roi-row input,.roi-row select{width:100%;padding:.6rem .8rem;border:1px solid #E8DFF5;border-radius:10px;font-size:.85rem;font-family:inherit;color:#1A0536}.roi-row input:focus,.roi-row select:focus{border-color:#6627EC;outline:none;box-shadow:0 0 0 3px rgba(102,39,236,.08)}.roi-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:1.5rem;border-radius:18px;overflow:hidden;position:relative}.roi-side{padding:1.8rem}.roi-cur{background:#F9F7FE;border:1px solid #E8DFF5;border-radius:18px 0 0 18px}.roi-osta{background:linear-gradient(165deg,#1A0536,#2D0B6A);border-radius:0 18px 18px 0}.roi-side h4{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.roi-cur h4{color:#7B6B94}.roi-osta h4{color:rgba(255,255,255,.45)}.roi-metric{margin-bottom:.8rem}.roi-mv{font-size:1.2rem;font-weight:800}.roi-cur .roi-mv{color:#7B6B94}.roi-osta .roi-mv{color:#C9B5FF}.roi-osta .roi-mv.hi{color:#C9B5FF;font-size:1.4rem}.roi-ml{font-size:.62rem}.roi-cur .roi-ml{color:#7B6B94}.roi-osta .roi-ml{color:rgba(255,255,255,.3)}.roi-badge{display:inline-flex;padding:.1rem .4rem;border-radius:50px;font-size:.55rem;font-weight:700;margin-left:.3rem}.roi-badge-up{background:rgba(74,222,128,.1);color:#C9B5FF}.roi-total{padding:1rem;border-radius:12px;text-align:center;margin-top:.5rem}.roi-cur .roi-total{background:#EDE5FF}.roi-osta .roi-total{background:rgba(102,39,236,.3)}.roi-tv{font-size:1.6rem;font-weight:800}.roi-cur .roi-tv{color:#6627EC}.roi-osta .roi-tv{color:#fff}.roi-tl{font-size:.6rem;margin-top:.1rem}.roi-cur .roi-tl{color:#7B6B94}.roi-osta .roi-tl{color:rgba(255,255,255,.4)}.roi-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#6627EC;display:flex;align-items:center;justify-content:center;z-index:2;border:3px solid #fff;box-shadow:0 4px 15px rgba(102,39,236,.3)}

/* ENHANCED CONTACT FORM */
.con2-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:2.5rem;position:relative;z-index:1}.con2-info{display:flex;flex-direction:column;gap:1.5rem}.con2-card{background:#fff;border:1px solid #E8DFF5;border-radius:14px;padding:1.2rem;display:flex;gap:.8rem;align-items:flex-start;transition:all .3s;box-shadow:0 2px 8px rgba(102,39,236,.04)}.con2-card:hover{border-color:#6627EC;box-shadow:0 4px 16px rgba(102,39,236,.1)}.con2-ic{width:40px;height:40px;border-radius:10px;background:#EDE5FF;display:flex;align-items:center;justify-content:center;flex-shrink:0}.con2-ic svg{width:18px;height:18px;stroke:#6627EC;fill:none;stroke-width:2}.con2-card h4{color:#1A0536;font-size:.85rem;font-weight:700;margin-bottom:.15rem}.con2-card p{color:#7B6B94;font-size:.78rem;line-height:1.4}
.con2-form{background:#fff;border:1px solid #E8DFF5;border-top:3px solid #6627EC;border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(102,39,236,.1)}.con2-form h3{color:#1A0536;font-size:1.2rem;font-weight:800;margin-bottom:.4rem}.con2-form .cf-sub{color:#7B6B94;font-size:.78rem;margin-bottom:1.2rem}
.cf2-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}
.cf2-field label{display:block;font-size:.72rem;font-weight:700;color:#4A3666;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}
.cf2-field input,.cf2-field select,.cf2-field textarea{width:100%;padding:.65rem .8rem;border:1px solid #E8DFF5;border-radius:10px;background:#FDFBFF;color:#1A0536;font-size:.85rem;font-family:inherit;transition:border-color .2s}
.cf2-field input:focus,.cf2-field select:focus,.cf2-field textarea:focus{border-color:#6627EC;outline:none;box-shadow:0 0 0 3px rgba(102,39,236,.15)}
.cf2-field input::placeholder,.cf2-field textarea::placeholder{color:#B8A8D0}
.cf2-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' stroke='%234A3666' stroke-width='2.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}
.cf2-field select option{background:#fff;color:#1A0536}
.cf2-field textarea{min-height:90px;resize:vertical}
.cf2-phone{display:flex;gap:.4rem}.cf2-phone select{width:95px;flex-shrink:0;padding:.65rem .4rem;font-size:.75rem}.cf2-phone input{flex:1}
.cf2-submit{width:100%;padding:.8rem;border-radius:12px;background:#6627EC;color:#fff;font-weight:700;font-size:.92rem;border:none;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:.3rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.cf2-submit:hover{background:#5119CC;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,39,236,.3)}
.cf2-trust{display:flex;gap:1rem;justify-content:center;margin-top:.8rem}.cf2-trust span{font-size:.62rem;color:#7B6B94;display:flex;align-items:center;gap:.25rem}.cf2-trust svg{width:10px;height:10px;stroke:#6627EC;fill:none;stroke-width:2.5}

@media(max-width:1024px){.cal-grid,.con2-grid,.roi-split{grid-template-columns:1fr}.roi-cur{border-radius:18px 18px 0 0}.roi-osta{border-radius:0 0 18px 18px}}
@media(max-width:768px){.roi-inputs,.cf2-row{grid-template-columns:1fr}}


/* ===== GROWTH DIAGNOSTIC (from Nexus) ===== */
.dg-box{max-width:680px;margin:2rem auto 0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(102,39,236,.08);position:relative}
.dg-box::before{content:'';position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#6627EC,#9B6DFF,#C9B5FF,#6627EC);z-index:0}
.dg-inner{background:#fff;border-radius:20px;padding:2.5rem;position:relative;z-index:1}
.dg-prog{display:flex;gap:6px;margin-bottom:1.5rem}
.dg-dot{height:4px;flex:1;border-radius:2px;background:#E8DFF5;transition:.3s}
.dg-dot.on{background:#6627EC}.dg-dot.done{background:#16A34A}
.dg-step{display:none;animation:dgFade .35s ease}.dg-step.on{display:block}
@keyframes dgFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.dg-sn{font-size:.68rem;font-weight:700;color:#6627EC;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}
.dg-q{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:800;color:#1A0536;margin-bottom:1.2rem;line-height:1.3}
.dg-opts{display:grid;grid-template-columns:1fr;gap:.5rem}
.dg-opt{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:#FDFBFF;border:2px solid #E8DFF5;border-radius:12px;cursor:pointer;transition:all .2s;font-size:.88rem;font-weight:600;font-family:inherit;color:#4A3666;text-align:left;width:100%}
.dg-opt:hover{border-color:rgba(102,39,236,.3);background:rgba(102,39,236,.02)}
.dg-opt.sel{border-color:#6627EC;background:rgba(102,39,236,.04);color:#6627EC}
.dg-oi{font-size:1.1rem;flex-shrink:0;width:28px;text-align:center}
.dg-grid{grid-template-columns:1fr 1fr}
.dg-result{text-align:center}
.dg-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#6627EC,#9B6DFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}
.dg-score-l{font-size:.82rem;color:#7B6B94;margin-bottom:1.2rem}
.dg-findings{text-align:left;margin-bottom:1.5rem}
.dg-find{display:flex;gap:.5rem;padding:.7rem .9rem;border-radius:10px;margin-bottom:.35rem;font-size:.8rem;line-height:1.45;font-weight:500}
.dg-find.bad{background:rgba(102,39,236,.06);color:#6627EC}
.dg-find.warn{background:rgba(155,109,255,.08);color:#7C3AED}
.dg-find.good{background:rgba(201,181,255,.12);color:#5119CC}

/* ===== WHATSAPP FLOATING BUTTON ===== */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.wa-bubble{background:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:.78rem;font-weight:600;color:#1A0536;box-shadow:0 8px 30px rgba(0,0,0,.12);display:none;animation:waBounce .4s ease;max-width:220px;line-height:1.4;position:relative}
.wa-bubble::after{content:'';position:absolute;bottom:-6px;right:16px;width:12px;height:12px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(45deg)}
.wa-bubble.show{display:block}
.wa-btn{width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(37,211,102,.35);transition:all .2s;border:none}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px rgba(37,211,102,.45)}
.wa-btn svg{width:28px;height:28px;fill:#fff}
@keyframes waBounce{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}


/* ===== EXIT INTENT POPUP ===== */
.exit-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;backdrop-filter:blur(4px);align-items:center;justify-content:center}
.exit-overlay.show{display:flex}
.exit-box{background:#fff;border-radius:20px;max-width:440px;width:90%;padding:2.5rem 2rem;text-align:center;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.3);animation:exitIn .4s ease}
@keyframes exitIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.exit-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#F4EEFF;cursor:pointer;font-size:1.1rem;color:#4A3666;display:flex;align-items:center;justify-content:center;transition:background .2s}.exit-close:hover{background:#EDE5FF}
.exit-badge{display:inline-block;background:#EDE5FF;color:#6627EC;font-size:.65rem;font-weight:800;padding:.35rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.exit-box h3{font-size:1.35rem;font-weight:800;color:#1A0536;margin-bottom:.5rem;line-height:1.3}
.exit-box p{color:#7B6B94;font-size:.88rem;line-height:1.5;margin-bottom:1.5rem}
.exit-form{display:flex;flex-direction:column;gap:.6rem}
.exit-form input,.exit-form select{width:100%;padding:.7rem .9rem;border:1.5px solid #E8DFF5;border-radius:10px;font-size:.88rem;font-family:inherit;color:#1A0536;transition:border-color .2s}
.exit-form input:focus,.exit-form select:focus{border-color:#6627EC;outline:none}
.exit-form input::placeholder{color:#B8A8D0}
.exit-phone-row{display:flex;gap:.4rem}
.exit-phone-row select{width:100px;flex-shrink:0;font-size:.75rem;padding:.7rem .3rem}
.exit-phone-row input{flex:1}
.exit-submit{width:100%;padding:.85rem;border-radius:12px;background:linear-gradient(135deg,#6627EC,#5119CC);color:#fff;font-weight:700;font-size:.92rem;border:none;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:.3rem}.exit-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,39,236,.35)}
.exit-note{font-size:.62rem;color:#B8A8D0;margin-top:.6rem}

/* ===== MOBILE FIXES FOR ALL SECTIONS ===== */
@media(max-width:1024px){
  .cal-grid{grid-template-columns:1fr !important}
  .con2-grid{grid-template-columns:1fr !important}
  .roi-split{grid-template-columns:1fr !important}
  .roi-cur{border-radius:16px 16px 0 0 !important}
  .roi-osta{border-radius:0 0 16px 16px !important}
  .dg-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  /* === GLOBAL MOBILE SPACING FIX === */
  .wrap{padding:0 1rem !important}
  .sc{padding:3rem 1rem !important}
  .hero{padding:6.5rem 1rem 2.5rem !important}
  .prob{padding:3rem 1rem !important}
  .results{padding:3rem 1rem !important}
  .auto-sec{padding:3rem 1rem !important}
  .cta-ban{padding:3rem 1rem !important}
  .cbar{padding:1.5rem 1rem !important}
  .footer{padding:3rem 1rem 1.5rem !important}
  
  /* === NEW SECTIONS MOBILE === */
  .quiz-sec,.roi-sec{padding:3rem 1rem !important}
  .cal-sec{padding:3rem 1rem !important}
  .nl-sec{padding:3rem 1rem !important}
  
  /* Quiz */
  .dg-box{margin:1.5rem auto 0 !important;border-radius:16px}
  .dg-box::before{border-radius:18px}
  .dg-inner{padding:1.5rem 1rem !important}
  .dg-q{font-size:1.1rem !important;margin-bottom:1rem}
  .dg-opt{padding:.75rem .9rem;font-size:.88rem !important;border-radius:10px}
  .dg-grid{grid-template-columns:1fr 1fr !important}
  .dg-score{font-size:3.5rem !important}
  .dg-sn{font-size:.7rem !important}
  .dg-find{font-size:.82rem !important;padding:.6rem .8rem}
  
  /* ROI Calculator */
  .roi-box{padding:1.2rem !important;border-radius:16px}
  .roi-inputs{grid-template-columns:1fr !important;gap:.8rem}
  .roi-row label{font-size:.82rem !important}
  .roi-row input,.roi-row select{font-size:.9rem !important;padding:.7rem .9rem !important}
  .roi-split{margin-top:1.2rem !important;border-radius:16px !important}
  .roi-side{padding:1.5rem 1.2rem !important}
  .roi-side h4{font-size:.72rem !important}
  .roi-mv{font-size:1.3rem !important}
  .roi-mv.hi{font-size:1.5rem !important}
  .roi-ml{font-size:.7rem !important}
  .roi-tv{font-size:1.8rem !important}
  .roi-total{padding:1rem !important}
  .roi-arrow{width:36px;height:36px}
  
  /* Calendly */
  .cal-grid{gap:2rem !important}
  .cal-info h3{font-size:1.05rem !important}
  .cal-info p{font-size:.88rem !important}
  .cal-list li{font-size:.88rem !important}
  .cal-embed{min-height:420px !important;border-radius:14px !important}
  .cal-embed iframe{min-height:420px !important}
  
  /* Contact Form */
  .con2-grid{gap:2rem !important}
  .cf2-row{grid-template-columns:1fr !important;gap:.6rem}
  .con2-form{padding:1.5rem 1.2rem !important;border-radius:16px !important}
  .con2-form h3{font-size:1.05rem !important}
  .cf2-field label{font-size:.75rem !important}
  .cf2-field input,.cf2-field select,.cf2-field textarea{font-size:.9rem !important;padding:.7rem .9rem !important}
  .cf2-submit{font-size:.9rem !important;padding:.85rem !important}
  .con2-card h4{font-size:.88rem !important}
  .con2-card p{font-size:.82rem !important}
  
  /* WhatsApp */
  .wa-float{bottom:16px;right:16px}
  .wa-btn{width:52px;height:52px}
  .wa-btn svg{width:26px;height:26px}
  .wa-bubble{font-size:.75rem;padding:10px 14px;max-width:200px}
  
  /* Section headings */
  .sc h2,.sc-center h2{font-size:1.6rem !important}
  .sc-p{font-size:.9rem !important}
  .sc-tag{font-size:.68rem !important}
}