*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --g:#2F79BE;--g-light:#DBEAFE;--g-dark:#1A4F8A;
  --navy:#1A3A6B;--navy-light:#1E3A5F;--navy-mid:#2A4D7A;
  --orange:#F3EB2C;--orange-light:#FFFDE7;
  --white:#FFFFFF;--off-white:#F8FAFC;--gray:#F1F5F9;--gray-2:#E2E8F0;
  --text:#1A3A6B;--text-2:#475569;--text-3:#94A3B8;
  --radius:12px;--radius-sm:8px;--radius-lg:20px;--radius-xl:32px;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);
  --shadow-xl:0 20px 50px rgba(0,0,0,.15),0 10px 25px rgba(0,0,0,.1);
  --glass:rgba(255,255,255,0.08);
  --glass-border:rgba(255,255,255,0.18);
  --glow-blue:0 0 40px rgba(47,121,190,.35);
  --glow-yellow:0 0 40px rgba(243,235,44,.35);
}

/* ANNOUNCEMENT BAR */
.ann-bar{background:linear-gradient(90deg,#0A1F4E,#1A3A6B,#2F79BE,#1A3A6B,#0A1F4E);background-size:400% 100%;animation:gradientMove 6s ease infinite;padding:10px 24px;text-align:center;font-size:13px;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}
.ann-bar::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpolygon points='20 0 20 20 0 20'/%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}
.ann-bar span{background:#F3EB2C;color:#1A3A6B;font-weight:800;font-size:11px;padding:2px 10px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase}
.ann-bar a{color:#F3EB2C;font-weight:700;text-decoration:underline;cursor:pointer}
.ann-bar-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.6;font-size:16px;transition:opacity .2s}
.ann-bar-close:hover{opacity:1}

/* SMOOTH SCROLLING & ANIMATIONS */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;font-weight:700;line-height:1.2}

/* SHIMMER EFFECT */
@keyframes shimmerPass{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmerPass 2.5s ease-in-out infinite}

/* GRADIENT TEXT */
.grad-text{background:linear-gradient(135deg,#2F79BE,#1A3A6B,#F3EB2C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grad-text-warm{background:linear-gradient(135deg,#F3EB2C,#FFD700,#F3EB2C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* WAVE SEPARATOR */
.wave-sep{position:relative;height:80px;overflow:hidden;margin-top:-2px}
.wave-sep svg{position:absolute;bottom:0;width:100%;height:100%}
.wave-sep-top{position:relative;height:80px;overflow:hidden;margin-bottom:-2px}
.wave-sep-top svg{position:absolute;top:0;width:100%;height:100%}

/* GLASS CARD */
.glass-card{background:rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg)}

/* GLOWING CTA */
.glow-blue{box-shadow:0 0 0 0 rgba(47,121,190,.4);animation:glowPulse 2.5s ease-in-out infinite}
.glow-yellow{box-shadow:0 0 0 0 rgba(243,235,44,.5);animation:glowPulseY 2.5s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 4px 15px rgba(47,121,190,.3)}50%{box-shadow:0 8px 35px rgba(47,121,190,.65),0 0 60px rgba(47,121,190,.2)}}
@keyframes glowPulseY{0%,100%{box-shadow:0 4px 15px rgba(243,235,44,.3)}50%{box-shadow:0 8px 35px rgba(243,235,44,.65),0 0 60px rgba(243,235,44,.2)}}

/* COUNTER */
.counter-section{background:linear-gradient(135deg,#0A1F4E 0%,#1A3A6B 50%,#0F2A5C 100%);padding:64px 0;position:relative;overflow:hidden}
.counter-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(243,235,44,.06) 1px,transparent 1px);background-size:32px 32px}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;position:relative;z-index:1}
.counter-item{text-align:center;padding:40px 24px;position:relative}
.counter-item::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.1)}
.counter-item:last-child::after{display:none}
.counter-num{font-family:'Sora',sans-serif;font-size:clamp(36px,4vw,60px);font-weight:800;color:#F3EB2C;line-height:1;display:block;letter-spacing:-1px}
.counter-label{font-size:14px;color:rgba(255,255,255,.7);margin-top:8px;font-weight:500}
.counter-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.counter-icon svg{width:26px;height:26px;fill:#fff}

/* TRUST BADGES */
.trust-row{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;padding:32px 0}
.trust-badge{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14px;font-weight:600}
.trust-badge-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--g-light),#EFF6FF);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px rgba(47,121,190,.15)}

/* HIGHLIGHT STRIP */
.highlight-strip{background:linear-gradient(135deg,#F3EB2C,#FFE600);padding:20px 0;overflow:hidden}
.strip-inner{display:flex;gap:48px;animation:scroll 20s linear infinite;white-space:nowrap}
.strip-item{display:flex;align-items:center;gap:10px;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:#1A3A6B;flex-shrink:0}
.strip-dot{width:6px;height:6px;border-radius:50%;background:#2F79BE;flex-shrink:0}

/* ENHANCED NAV GLOW */
nav.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.12)}
.nav-logo-icon{position:relative;overflow:hidden}
.nav-logo-icon::after{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#F3EB2C,#FFD700,#F3EB2C);border-radius:12px;z-index:-1;animation:rotateBorder 4s linear infinite}
@keyframes rotateBorder{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ENHANCED FEATURE CARDS */
.feature-card{background:linear-gradient(145deg,#fff,#f9fbff)}
.feature-card:hover{background:linear-gradient(145deg,#fff,#EFF6FF)}

/* SECTION ACCENT LINE */
.section-header h2::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--g),#F3EB2C);border-radius:2px;margin:16px auto 0}

/* PREMIUM BADGE */
.badge{background:linear-gradient(135deg,var(--g-light),#EFF6FF);border:1px solid rgba(47,121,190,.2);box-shadow:0 2px 8px rgba(47,121,190,.1)}

/* ENHANCED TESTI CARDS */
.testi-card{background:linear-gradient(145deg,#fff,#f9fbff)}
.testi-card:hover{background:linear-gradient(145deg,#EFF6FF,#fff)}

/* ENHANCED BLOG CARDS */
.blog-card{box-shadow:0 2px 12px rgba(0,0,0,.05)}

/* RIBBON */
.ribbon{position:absolute;top:12px;right:-8px;background:linear-gradient(135deg,#F3EB2C,#FFD700);color:#1A3A6B;font-size:10px;font-weight:800;padding:4px 14px;border-radius:4px 0 0 4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:-2px 2px 6px rgba(0,0,0,.15)}
.ribbon::after{content:'';position:absolute;top:100%;right:0;border:4px solid transparent;border-top-color:#B8A000;border-right-color:#B8A000}

/* PRICING GLOW CARD */
.fstat{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.fstat::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(243,235,44,.12),transparent 70%);pointer-events:none}
.fstat:hover{background:rgba(255,255,255,.14);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.2)}

/* ENHANCED FOOTER */
footer{background:linear-gradient(170deg,#0A1628 0%,#1A3A6B 100%)}
.footer-brand p{border-left:3px solid rgba(243,235,44,.4);padding-left:12px}

/* PARTICLE DOT */
.particle-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.p-dot{position:absolute;border-radius:50%;background:rgba(243,235,44,.15);animation:floatDot linear infinite}
@keyframes floatDot{0%{transform:translateY(0) scale(1);opacity:.15}50%{opacity:.4;transform:translateY(-60px) scale(1.5)}100%{transform:translateY(-120px) scale(1);opacity:0}}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}
.reveal.left{transform:translateX(-40px)}
.reveal.right{transform:translateX(40px)}
.reveal.visible{opacity:1;transform:translate(0,0)}

/* ENHANCED STEP CARDS */
.step-card{background:linear-gradient(145deg,#fff,#f5f9ff)}
/* page fade */ body{animation:fadeIn .4s ease-in-out}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;object-fit:cover}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* KEYFRAME ANIMATIONS */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}
@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:none;text-decoration:none;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}
.btn:hover::before{width:300px;height:300px}
.btn-primary{background:linear-gradient(135deg,var(--g),#1A5490);color:#fff;box-shadow:0 4px 15px rgba(47,121,190,.2)}
.btn-primary:hover{background:linear-gradient(135deg,#1A5490,var(--g-dark));transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(47,121,190,.4)}
.btn-outline{background:transparent;color:var(--g);border:2px solid var(--g)}.btn-outline:hover{background:var(--g);color:#fff;transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--navy);box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-white:hover{background:var(--g);color:#fff;transform:translateY(-2px)}
.btn-orange{background:linear-gradient(135deg,#F3EB2C,#D4C800);color:#1A3A6B;font-weight:700;box-shadow:0 4px 15px rgba(243,235,44,.3)}.btn-orange:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(243,235,44,.5)}
.badge{display:inline-flex;align-items:center;gap:6px;background:var(--g-light);color:var(--g-dark);font-family:'Sora',sans-serif;font-size:12px;font-weight:600;padding:6px 14px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase;animation:slideUp .6s ease-out}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-2);transition:all .3s}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1200px;margin:0 auto;padding:0 24px}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}
.nav-logo-icon{width:38px;height:38px;background:#F3EB2C;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1A3A6B;font-weight:800;font-family:'Sora',sans-serif}
.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:18px;color:var(--navy)}
.nav-logo-text span{color:var(--g)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}
.nav-link::after{content:'';position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--g);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%)}
.nav-link:hover::after,.nav-link.active::after{width:calc(100% - 28px)}
.nav-link:hover,.nav-link.active{color:var(--g);background:var(--g-light)}
.nav-dropdown{position:relative}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:200}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}
.nav-dropdown-item:hover{background:var(--g-light);color:var(--g)}
.nav-dropdown-item .di-icon{width:32px;height:32px;border-radius:8px;background:var(--g-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.nav-dropdown-item:hover .di-icon{background:var(--g);color:#fff}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-store{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#F3EB2C;color:#1A3A6B;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.nav-store:hover{background:#D4C800}

/* HERO */
.hero{background:linear-gradient(135deg,#050F2E 0%,#0A1F4E 35%,#1A3A6B 65%,#0F2A5C 100%);min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px 0}
.hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1543168256-1e5e5ac27f7a?w=1920&q=80&auto=format&fit=crop') center/cover;opacity:.05;mix-blend-mode:overlay}
.hero-bg-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(47,121,190,.15) 1px,transparent 1px);background-size:40px 40px;animation:float 20s ease-in-out infinite}
.hero-blob{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(47,121,190,.22) 0%,transparent 70%);border-radius:50%;right:-150px;top:-150px;animation:float 15s ease-in-out infinite;filter:blur(50px)}
.hero-blob2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(243,235,44,.14) 0%,transparent 70%);border-radius:50%;left:-80px;bottom:-80px;animation:float 12s ease-in-out infinite reverse;filter:blur(50px)}
.hero-blob3{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(243,235,44,.08) 0%,transparent 70%);border-radius:50%;right:30%;top:70%;animation:float 18s ease-in-out infinite 3s;filter:blur(40px)}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(243,235,44,.15);color:#F3EB2C;border:1px solid rgba(243,235,44,.4);padding:8px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px}
.hero-tag .dot{width:6px;height:6px;background:#F3EB2C;border-radius:50%;animation:pulse 2s infinite}
@keyframes glow{0%,100%{text-shadow:0 0 10px rgba(243,235,44,.5)}50%{text-shadow:0 0 30px rgba(243,235,44,.9),0 0 60px rgba(243,235,44,.4)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-size:clamp(36px,4vw,60px);color:#fff;margin-bottom:20px;line-height:1.1;animation:slideInLeft .8s ease-out}
.hero h1 span{color:#F3EB2C;animation:glow 3s ease-in-out infinite}
.hero p{font-size:17px;color:rgba(255,255,255,.7);margin-bottom:36px;max-width:480px;line-height:1.7;animation:slideInLeft .8s ease-out .2s backwards}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;animation:slideInLeft .8s ease-out .4s backwards}
.hero-stats{display:flex;gap:32px;animation:fadeIn 1s ease-out .6s backwards}
.hero-stat{color:#fff}
.hero-stat-num{font-family:'Sora',sans-serif;font-size:28px;font-weight:800;color:#F3EB2C;line-height:1}
.hero-stat-label{font-size:13px;color:rgba(255,255,255,.6);margin-top:2px}
.hero-visual{position:relative;display:flex;justify-content:center}
.hero-phone{width:300px;background:linear-gradient(145deg,#1a2a4a,#0a1030);border-radius:40px;padding:14px;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);animation:float 6s ease-in-out infinite,slideInRight 1s ease-out;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}
.hero-phone:hover{transform:translateY(-15px) scale(1.05) rotateY(5deg);box-shadow:0 50px 100px rgba(0,0,0,.6),0 0 50px rgba(47,121,190,.3)}
.hero-phone-screen{background:#fff;border-radius:28px;overflow:hidden;min-height:520px;display:flex;flex-direction:column}
.phone-status{background:var(--g);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}
.phone-status span{color:#fff;font-size:11px;font-weight:600}
.phone-hero-banner{background:linear-gradient(135deg,#2F79BE,#1A5490);padding:20px;display:flex;align-items:center;justify-content:space-between}
.phone-hero-banner h4{color:#fff;font-size:14px;font-family:'Sora',sans-serif}
.phone-hero-banner p{color:rgba(255,255,255,.8);font-size:11px;margin-top:2px}
.phone-offer-pill{background:rgba(255,255,255,.2);color:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:600;margin-top:6px;display:inline-block}
.phone-categories{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.phone-cat{display:flex;flex-direction:column;align-items:center;gap:4px}
.phone-cat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}
.phone-cat-label{font-size:9px;color:var(--text-2);font-weight:500;text-align:center}
.phone-section-title{padding:0 16px;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:10px}
.phone-products{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.phone-product{background:var(--off-white);border-radius:10px;padding:10px}
.phone-product-img{height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:6px}
.phone-product-name{font-size:10px;font-weight:600;color:var(--navy)}
.phone-product-price{font-size:11px;color:var(--g);font-weight:700;margin-top:2px}
.hero-floating-cards{position:absolute;display:flex;flex-direction:column;gap:10px}
.hero-floating-cards.right{right:-40px;top:40px}
.hero-floating-cards.left{left:-40px;bottom:40px}
.float-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--navy);animation:bounce 3s ease-in-out infinite;border:1px solid rgba(255,255,255,.3)}
.float-card:nth-child(2){animation-delay:.5s}
.float-card:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.float-card .fc-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}
.float-card .fc-val{font-family:'Sora',sans-serif;font-size:18px;color:var(--g);font-weight:800}

/* SECTIONS */
.section{padding:96px 0;animation:fadeIn .8s ease-out;position:relative}
.section::before{content:'';position:absolute;top:10%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(47,121,190,.03),transparent);border-radius:50%;pointer-events:none;animation:float 15s ease-in-out infinite}
.section-alt{background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.section-header{text-align:center;margin-bottom:64px;animation:slideDown .8s ease-out}
.section-header .badge{margin-bottom:16px;animation:scaleIn .6s ease-out .2s both}
.section-header h2{font-size:clamp(28px,3vw,44px);color:var(--navy);margin-bottom:16px;animation:slideUp .8s ease-out .3s both}
.section-header p{font-size:16px;color:var(--text-2);max-width:560px;margin:0 auto;line-height:1.7;animation:slideUp .8s ease-out .4s both}

/* BRANDS */
.brands-track{display:flex;gap:40px;align-items:center;overflow:hidden;margin-top:48px}
.brands-inner{display:flex;gap:56px;align-items:center;animation:scroll 30s linear infinite;white-space:nowrap}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.brand-logo{height:80px;padding:0 32px;border-radius:12px;background:#fff;border:1.5px solid var(--gray-2);filter:grayscale(30%);opacity:1;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden}
.brand-logo::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--g),var(--orange));opacity:0;transition:opacity .4s}
.brand-logo:hover{filter:none;opacity:1;transform:translateY(-4px) scale(1.05);border-color:var(--g);box-shadow:0 8px 24px rgba(47,121,190,.2)}
.brand-logo:hover::before{opacity:.08}
.brand-logo img{max-height:60px;max-width:140px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;display:block}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feature-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;cursor:pointer;animation:slideUp .6s ease-out backwards}
.feature-card:nth-child(1){animation-delay:.1s}
.feature-card:nth-child(2){animation-delay:.2s}
.feature-card:nth-child(3){animation-delay:.3s}
.feature-card:nth-child(4){animation-delay:.4s}
.feature-card:nth-child(5){animation-delay:.5s}
.feature-card:nth-child(6){animation-delay:.6s}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g),var(--orange));transform:scaleX(0);transition:transform .3s;transform-origin:left}
.feature-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(47,121,190,.02),transparent);opacity:0;transition:opacity .3s}
.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.15);border-color:transparent}
.feature-card:hover::before{transform:scaleX(1)}
.feature-card:hover::after{opacity:1}
.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--g),#1A5490);color:#fff}
.feature-icon{width:56px;height:56px;border-radius:14px;background:var(--g-light);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:all .3s;box-shadow:0 4px 15px rgba(47,121,190,.1)}
.feature-card h3{font-size:18px;color:var(--navy);margin-bottom:10px}
.feature-card p{font-size:14px;color:var(--text-2);line-height:1.65}

/* FRANCHISE CTA */
.franchise-cta{background:linear-gradient(135deg,#0A1F4E 0%,#1A3A6B 100%);border-radius:var(--radius-xl);padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);animation:scaleIn .8s ease-out}
.franchise-cta::before{content:'';position:absolute;right:0;top:0;width:400px;height:400px;background:radial-gradient(circle,rgba(47,121,190,.2) 0%,transparent 70%);pointer-events:none;animation:float 10s ease-in-out infinite}
.franchise-cta::after{content:'';position:absolute;left:-100px;bottom:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(243,235,44,.15) 0%,transparent 70%);pointer-events:none;border-radius:50%;filter:blur(60px);animation:float 15s ease-in-out infinite reverse}
.franchise-cta h2{font-size:clamp(28px,3vw,40px);color:#fff;margin-bottom:16px}
.franchise-cta p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:28px}
.franchise-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fb-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-size:13px}
.fb-dot{width:6px;height:6px;background:var(--g);border-radius:50%;flex-shrink:0}
.franchise-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fstat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px;text-align:center}
.fstat-num{font-family:'Sora',sans-serif;font-size:36px;font-weight:800;color:#F3EB2C}
.fstat-label{font-size:13px;color:rgba(255,255,255,.6);margin-top:4px}

/* STEPS */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.steps-grid::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--g-light),var(--g),var(--g-light));z-index:0}
.step-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;position:relative;z-index:1;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;animation:slideUp .6s ease-out backwards}
.step-card:nth-child(1){animation-delay:.1s}
.step-card:nth-child(2){animation-delay:.2s}
.step-card:nth-child(3){animation-delay:.3s}
.step-card:nth-child(4){animation-delay:.4s}
.step-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 50px rgba(47,121,190,.15);border-color:var(--g)}
.step-num{width:56px;height:56px;background:linear-gradient(135deg,var(--g),#1A5490);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:20px;font-weight:800;margin:0 auto 20px;box-shadow:0 8px 25px rgba(47,121,190,.4);transition:all .3s}
.step-card:hover .step-num{transform:scale(1.15) rotate(360deg);box-shadow:0 12px 35px rgba(47,121,190,.6)}
.step-card h3{font-size:16px;color:var(--navy);margin-bottom:8px}
.step-card p{font-size:13px;color:var(--text-2);line-height:1.6}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;animation:flipIn .7s ease-out backwards}
.testi-card:nth-child(1){animation-delay:.15s}
.testi-card:nth-child(2){animation-delay:.3s}
.testi-card:nth-child(3){animation-delay:.45s}
.testi-card::before{content:'"';position:absolute;top:10px;right:20px;font-size:120px;font-family:Georgia,serif;color:var(--g-light);opacity:.3;line-height:1}
.testi-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-6px) scale(1.02);border-color:var(--g)}
.testi-card:hover .testi-avatar{transform:scale(1.1);box-shadow:0 8px 20px rgba(47,121,190,.3)}
.testi-stars{display:flex;gap:3px;margin-bottom:16px}
.star{color:#FBBF24;font-size:14px}
.testi-text{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:24px;font-style:italic}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g-light),#93C5FD);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:var(--g-dark);flex-shrink:0;box-shadow:0 4px 15px rgba(47,121,190,.2);transition:all .3s;border:2px solid #fff}
.testi-name{font-weight:600;font-size:14px;color:var(--navy)}
.testi-role{font-size:12px;color:var(--text-3)}

/* APP DOWNLOAD */
.app-section{background:linear-gradient(135deg,#0A1F4E,#2F79BE),url('https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?w=1600&h=900&fit=crop&q=80');background-blend-mode:overlay;background-size:cover;background-position:center;position:relative;overflow:hidden}
.app-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(243,235,44,.15),transparent 60%);pointer-events:none;animation:float 8s ease-in-out infinite}
.app-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:96px 0;position:relative;z-index:1}
.app-inner h2{color:#fff;font-size:clamp(28px,3vw,44px);margin-bottom:16px}
.app-inner p{color:rgba(255,255,255,.75);font-size:16px;line-height:1.7;margin-bottom:36px}
.app-btns{display:flex;gap:16px;flex-wrap:wrap}
.app-store-btn{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 20px;color:#fff;cursor:pointer;transition:all .2s}
.app-store-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.app-store-btn .asb-icon{font-size:28px}
.asb-text{display:flex;flex-direction:column}
.asb-small{font-size:10px;opacity:.7;font-weight:400}
.asb-big{font-size:15px;font-weight:700;margin-top:1px}
.qr-badges{display:flex;gap:16px;margin-top:28px}
.qr-badge{background:rgba(255,255,255,.1);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.15)}
.qr-box{width:80px;height:80px;background:#fff url('https://api.qrserver.com/v1/create-qr-code/?size=80x80&data=https://play.google.com/store/apps/details?id=com.bringbasket.userapp') center/cover;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-2);text-align:center;font-size:0}
.qr-badge:last-child .qr-box{background:#fff url('https://api.qrserver.com/v1/create-qr-code/?size=80x80&data=https://apps.apple.com/app/bringbasket') center/cover}
.qr-label{font-size:10px;color:rgba(255,255,255,.6);text-align:center;margin-top:6px}
.phone-mockups{display:flex;gap:16px;justify-content:center;align-items:flex-end;animation:float 6s ease-in-out infinite}
.app-phone{background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:28px;padding:10px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}
.app-phone:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.app-phone-screen{background:white;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}
.app-phone.big .app-phone-screen{width:170px;height:300px}
.app-phone.small .app-phone-screen{width:140px;height:240px}
.app-screen-header{background:var(--g);padding:10px 12px;display:flex;align-items:center;gap:6px}
.app-screen-header .dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4)}
.app-screen-body{padding:10px;background:var(--off-white)}
.app-screen-product{background:#fff;border-radius:8px;padding:8px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:9px}
.asp-icon{font-size:18px;width:32px;height:32px;background:var(--g-light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.asp-name{font-weight:600;color:var(--navy);font-size:9px}
.asp-price{color:var(--g);font-weight:700;font-size:9px}

/* FAQ */
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .5s ease-out backwards}
.faq-item:nth-child(1){animation-delay:.1s}
.faq-item:nth-child(2){animation-delay:.15s}
.faq-item:nth-child(3){animation-delay:.2s}
.faq-item:nth-child(4){animation-delay:.25s}
.faq-item:nth-child(5){animation-delay:.3s}
.faq-item:nth-child(6){animation-delay:.35s}
.faq-item:nth-child(7){animation-delay:.4s}
.faq-item:nth-child(8){animation-delay:.45s}
.faq-item.open{border-color:var(--g);box-shadow:0 0 0 3px rgba(47,121,190,.08);transform:scale(1.01)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:600;font-size:15px;color:var(--navy);gap:16px}
.faq-icon{width:24px;height:24px;border-radius:50%;background:var(--g-light);display:flex;align-items:center;justify-content:center;color:var(--g);font-size:14px;flex-shrink:0;transition:transform .3s;font-weight:700}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--g);color:#fff}
.faq-a{display:none;padding:0 24px 20px;font-size:14px;color:var(--text-2);line-height:1.7}
.faq-item.open .faq-a{display:block}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;animation:slideUp .6s ease-out backwards}
.blog-card:nth-child(1){animation-delay:.15s}
.blog-card:nth-child(2){animation-delay:.3s}
.blog-card:nth-child(3){animation-delay:.45s}
.blog-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.12)}
.blog-img{height:200px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.blog-img::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);transition:opacity .3s}
.blog-card:hover .blog-img::before{opacity:0}
.blog-card:hover .blog-img{transform:scale(1.05)}
.blog-body{padding:24px}
.blog-tag{font-size:11px;font-weight:600;color:var(--g);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.blog-card h3{font-size:17px;color:var(--navy);margin-bottom:10px;line-height:1.4}
.blog-card p{font-size:13px;color:var(--text-2);line-height:1.6;margin-bottom:16px}
.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-3)}
.blog-read{color:var(--g);font-weight:600;cursor:pointer}
.blog-read:hover{text-decoration:underline}

/* NEWSLETTER */
.newsletter{background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 50%,#EFF6FF 100%);border-radius:var(--radius-xl);padding:64px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(47,121,190,.15);box-shadow:0 8px 40px rgba(47,121,190,.12)}
.newsletter::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(47,121,190,.12),transparent);border-radius:50%;pointer-events:none}
.newsletter::after{content:'';position:absolute;bottom:-50px;left:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(243,235,44,.15),transparent);border-radius:50%;pointer-events:none}
.newsletter h2{font-size:clamp(24px,2.5vw,36px);color:var(--navy);margin-bottom:12px}
.newsletter p{color:var(--text-2);font-size:15px;margin-bottom:32px}
.newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto}
.newsletter-input{flex:1;padding:14px 20px;border:1.5px solid var(--gray-2);border-radius:50px;font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.newsletter-input:focus{border-color:var(--g)}
.newsletter-input::placeholder{color:var(--text-3)}

/* FOOTER */
footer{background:var(--navy);color:#fff;padding:64px 0 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand h3{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;margin-bottom:12px}
.footer-brand h3 span{color:#F3EB2C}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:24px}
.footer-social{display:flex;gap:10px}
.social-btn{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.social-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--g),#1A5490);opacity:0;transition:opacity .3s}
.social-btn:hover{background:#2F79BE;border-color:#2F79BE;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(47,121,190,.3)}
.social-btn:hover::before{opacity:1}
.social-btn svg{width:18px;height:18px;fill:rgba(255,255,255,.7);transition:all .3s;position:relative;z-index:1}
.social-btn:hover svg{fill:#fff;transform:scale(1.1)}
.footer-col h4{font-family:'Sora',sans-serif;font-size:14px;font-weight:600;margin-bottom:18px;color:#fff}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:10px;cursor:pointer;transition:color .2s}
.footer-col a:hover{color:#F3EB2C}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.4)}
.footer-store-btns{display:flex;gap:10px}
.fsb{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;font-size:11px;cursor:pointer;transition:all .2s}
.fsb:hover{background:rgba(255,255,255,.15)}

/* ============ FRANCHISE PAGE ============ */
.franchise-hero{background:linear-gradient(135deg,#0A1F4E 0%,#1A3A6B 100%);padding:120px 0 80px;position:relative;overflow:hidden}
.franchise-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1556740758-90de374c12ad?w=1600&h=900&fit=crop&q=80') center/cover;opacity:.15}
.franchise-hero-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.franchise-hero h1{font-size:clamp(36px,4vw,64px);color:#fff;margin-bottom:20px}
.franchise-hero h1 span{color:#F3EB2C}
.franchise-hero p{font-size:18px;color:rgba(255,255,255,.75);max-width:560px;line-height:1.7;margin-bottom:32px}
.franchise-hero-btns{display:flex;gap:14px}
.fhero-stats{display:flex;gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.12)}
.fhero-stat{color:#fff}
.fhero-stat-num{font-family:'Sora',sans-serif;font-size:32px;font-weight:800;color:#F3EB2C}
.fhero-stat-label{font-size:13px;color:rgba(255,255,255,.6);margin-top:2px}

/* WHY FRANCHISE */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:scaleIn .6s ease-out backwards}
.why-card:nth-child(1){animation-delay:.1s}
.why-card:nth-child(2){animation-delay:.2s}
.why-card:nth-child(3){animation-delay:.3s}
.why-card:nth-child(4){animation-delay:.4s}
.why-card:nth-child(5){animation-delay:.5s}
.why-card:nth-child(6){animation-delay:.6s}
.why-card::before{content:'';position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(47,121,190,.08),transparent);border-radius:50%;transition:all .5s cubic-bezier(.4,0,.2,1);transform:translate(40px,40px)}
.why-card:hover::before{width:200px;height:200px;background:radial-gradient(circle,rgba(47,121,190,.12),transparent)}
.why-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px rgba(47,121,190,.15),0 0 0 1px var(--g);border-color:var(--g)}
.why-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,var(--g-light),rgba(243,235,44,.15));display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--g);margin-bottom:24px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}
.why-card:hover .why-icon{transform:scale(1.15) rotate(360deg);background:linear-gradient(135deg,var(--g),var(--g-light));color:#fff;box-shadow:0 10px 25px rgba(47,121,190,.35)}
.why-card h3{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:12px}
.why-card p{font-size:14px;color:var(--text-2);line-height:1.75}

/* INVESTMENT TABLE */
.invest-table{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);overflow:hidden}
.invest-header{background:var(--g);padding:24px 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.invest-header span{color:#fff;font-weight:600;font-size:14px}
.invest-row{padding:20px 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;border-bottom:1px solid var(--gray-2);transition:background .15s}
.invest-row:last-child{border-bottom:none}
.invest-row:hover{background:var(--off-white)}
.invest-row span{font-size:14px;color:var(--text-2)}
.invest-row span:first-child{color:var(--navy);font-weight:500}
.invest-row span.green{color:var(--g);font-weight:600}

/* ENQUIRY FORM */
.form-section{background:var(--off-white);padding:96px 0}
.form-wrapper{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:2fr 3fr}
.form-sidebar{background:linear-gradient(160deg,#0A1F4E,#1A3A6B);padding:48px 36px;display:flex;flex-direction:column;justify-content:space-between}
.form-sidebar h3{font-size:24px;color:#fff;margin-bottom:12px}
.form-sidebar p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:36px}
.contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.cd-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.cd-text{font-size:13px;color:rgba(255,255,255,.8)}
.cd-label{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:2px}
.form-body{padding:48px 44px}
.form-body h2{font-size:28px;color:var(--navy);margin-bottom:8px}
.form-body .sub{font-size:14px;color:var(--text-2);margin-bottom:36px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-label{font-size:13px;font-weight:600;color:var(--navy)}
.form-input,.form-select,.form-textarea{padding:12px 16px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);font-family:'DM Sans',sans-serif;font-size:14px;color:var(--navy);outline:none;transition:border-color .2s;background:#fff;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(47,121,190,.08)}
.form-textarea{resize:vertical;min-height:100px}
.form-submit{width:100%;padding:15px;background:var(--g);color:#fff;border:none;border-radius:50px;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:8px}
.form-submit:hover{background:var(--g-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(47,121,190,.3)}
.form-note{font-size:12px;color:var(--text-3);text-align:center;margin-top:12px}

/* ============ ABOUT PAGE ============ */
.about-hero{background:linear-gradient(135deg,rgba(219,234,254,.85),rgba(255,255,255,.95)),url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=1600&h=900&fit=crop&q=80') center/cover;padding:100px 0 80px;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(47,121,190,.1),transparent 50%);pointer-events:none}
.about-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.about-hero h1{font-size:clamp(32px,4vw,56px);color:var(--navy);margin-bottom:20px}
.about-hero h1 span{color:#2F79BE}
.about-hero p{font-size:17px;color:var(--text-2);line-height:1.75;margin-bottom:28px}
.about-visual{background:linear-gradient(135deg,#2F79BE,#1A5490);border-radius:var(--radius-xl);height:400px;display:flex;align-items:center;justify-content:center;font-size:80px;position:relative;overflow:hidden;animation:zoomIn .8s ease-out .3s backwards;transition:all .5s cubic-bezier(.4,0,.2,1)}
.about-visual:hover{transform:scale(1.02);box-shadow:0 25px 70px rgba(47,121,190,.3)}
.about-stat-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.35);backdrop-filter:blur(8px);padding:20px 24px;display:flex;justify-content:space-around;animation:slideUp .6s ease-out .6s backwards;transition:all .3s}
.about-stat-bar:hover{background:rgba(0,0,0,.45)}
.ab-stat{text-align:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}
.ab-stat:hover{transform:scale(1.1)}
.ab-stat-num{font-family:'Sora',sans-serif;font-size:24px;font-weight:800}
.ab-stat-label{font-size:11px;opacity:.7;margin-top:2px}

.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mission-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:36px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:scaleIn .6s ease-out backwards}
.mission-card:nth-child(1){animation-delay:.15s}
.mission-card:nth-child(2){animation-delay:.3s}
.mission-card:nth-child(3){animation-delay:.45s}
.mission-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--g),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.mission-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(47,121,190,.15),0 0 0 1px var(--g)}
.mission-card:hover::before{transform:scaleX(1)}
.mission-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--g-light),rgba(243,235,44,.1));display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}
.mission-card:hover .mission-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--g),var(--g-light))}
.mission-card h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:12px}
.mission-card p{font-size:14px;color:var(--text-2);line-height:1.7}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;animation:zoomIn .6s ease-out backwards}
.team-card:nth-child(1){animation-delay:.1s}
.team-card:nth-child(2){animation-delay:.2s}
.team-card:nth-child(3){animation-delay:.3s}
.team-card:nth-child(4){animation-delay:.4s}
.team-card:nth-child(5){animation-delay:.5s}
.team-card:nth-child(6){animation-delay:.6s}
.team-card:nth-child(7){animation-delay:.7s}
.team-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px rgba(47,121,190,.15)}
.team-avatar{height:240px;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;font-size:64px}
.team-info{padding:20px}
.team-name{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:var(--navy);margin-bottom:4px}
.team-role{font-size:13px;color:var(--g);font-weight:500;margin-bottom:8px}
.team-desc{font-size:12px;color:var(--text-2);line-height:1.5;margin-bottom:12px}
.team-social{display:flex;justify-content:center;gap:8px}
.ts-btn{width:30px;height:30px;border-radius:8px;background:var(--gray);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s}
.ts-btn:hover{background:var(--g);color:#fff}

/* TIMELINE */
.timeline{max-width:800px;margin:0 auto;position:relative}
.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:2px;background:var(--gray-2)}
.tl-item{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:48px;position:relative}
.tl-item::before{content:attr(data-year);position:absolute;left:50%;transform:translateX(-50%);background:var(--g);color:#fff;padding:6px 14px;border-radius:50px;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;white-space:nowrap;z-index:1;top:12px}
.tl-content{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius);padding:24px}
.tl-content:nth-child(2){margin-top:60px}
.tl-content h4{font-size:15px;color:var(--navy);margin-bottom:6px}
.tl-content p{font-size:13px;color:var(--text-2);line-height:1.6}
.tl-item.right .tl-content:first-child{grid-column:2}

/* ============ CAREERS PAGE ============ */
.careers-hero{background:linear-gradient(135deg,rgba(47,121,190,.08),rgba(255,255,255,.95)),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1600&h=900&fit=crop&q=80') center/cover;padding:100px 0 80px;position:relative;overflow:hidden}
.careers-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(47,121,190,.15),transparent 60%);pointer-events:none}
.careers-hero h1{font-size:clamp(32px,4vw,56px);color:var(--navy);margin-bottom:20px;position:relative;z-index:1}
.careers-hero h1 span{color:#1A5490}
.careers-hero p{font-size:17px;color:var(--text-2);max-width:580px;line-height:1.75;margin-bottom:36px;position:relative;z-index:1}

.dept-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.dept-btn{padding:8px 18px;border-radius:50px;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--gray-2);background:#fff;color:var(--text-2);transition:all .2s}
.dept-btn.active,.dept-btn:hover{background:#2F79BE;color:#fff;border-color:#2F79BE}

.jobs-grid{display:flex;flex-direction:column;gap:16px}
.job-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:28px 32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;transition:all .2s;cursor:pointer}
.job-card:hover{border-color:var(--g);box-shadow:var(--shadow);transform:translateX(4px)}
.job-dept{font-size:11px;font-weight:600;color:#2F79BE;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.job-title{font-family:'Sora',sans-serif;font-size:18px;color:var(--navy);margin-bottom:8px}
.job-tags{display:flex;gap:8px;flex-wrap:wrap}
.job-tag{padding:4px 12px;border-radius:50px;font-size:11px;font-weight:500;background:var(--gray);color:var(--text-2)}
.job-tag.remote{background:#DBEAFE;color:#2F79BE}
.apply-btn{padding:12px 24px;background:var(--navy);color:#fff;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:all .2s}
.apply-btn:hover{background:#1A5490}

.perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.perk-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:32px;display:flex;gap:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInLeft .6s ease-out backwards}
.perk-card:nth-child(1){animation-delay:.1s}
.perk-card:nth-child(2){animation-delay:.2s}
.perk-card:nth-child(3){animation-delay:.3s}
.perk-card:nth-child(4){animation-delay:.4s}
.perk-card:nth-child(5){animation-delay:.5s}
.perk-card:nth-child(6){animation-delay:.6s}
.perk-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--g),var(--orange),var(--g));border-radius:var(--radius-lg);opacity:0;transition:opacity .4s;z-index:0}
.perk-card:hover::before{opacity:.2}
.perk-card:hover{box-shadow:0 15px 35px rgba(47,121,190,.18);transform:translateY(-6px) scale(1.02)}
.perk-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}
.perk-card:hover .perk-icon{transform:rotate(360deg) scale(1.1)}
.perk-icon.green{background:linear-gradient(135deg,var(--g-light),rgba(243,235,44,.2))}
.perk-card:hover .perk-icon.green{background:linear-gradient(135deg,var(--g),var(--g-light));box-shadow:0 8px 20px rgba(47,121,190,.4)}
.perk-icon.orange{background:linear-gradient(135deg,var(--g-light),rgba(243,235,44,.2))}
.perk-card:hover .perk-icon.orange{background:linear-gradient(135deg,var(--orange),var(--orange-light));box-shadow:0 8px 20px rgba(243,235,44,.4)}
.perk-icon.blue{background:linear-gradient(135deg,#EFF6FF,rgba(59,130,246,.15))}
.perk-card:hover .perk-icon.blue{background:linear-gradient(135deg,#3B82F6,#93C5FD);box-shadow:0 8px 20px rgba(59,130,246,.4)}
.perk-card>div{position:relative;z-index:1}
.perk-card h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px}
.perk-card p{font-size:14px;color:var(--text-2);line-height:1.7}

/* ============ CONTACT PAGE ============ */
.contact-hero{background:linear-gradient(135deg,rgba(219,234,254,.85),rgba(239,246,255,.85)),url('https://images.unsplash.com/photo-1423666639041-f56000c27a9a?w=1600&h=800&fit=crop&q=80') center/cover;padding:100px 0 80px;text-align:center;position:relative;overflow:hidden}
.contact-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(99,102,241,.08),transparent 50%);pointer-events:none}
.contact-hero h1{font-size:clamp(32px,4vw,56px);color:var(--navy);margin-bottom:16px;position:relative;z-index:1}
.contact-hero p{font-size:17px;color:var(--text-2);max-width:520px;margin:0 auto;position:relative;z-index:1}

.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:-40px;position:relative;z-index:1}
.contact-info{display:flex;flex-direction:column;gap:16px}
.cinfo-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.cinfo-card:hover{box-shadow:0 12px 30px rgba(47,121,190,.12);border-color:var(--g);transform:translateY(-4px)}
.cinfo-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--g-light),rgba(243,235,44,.2));display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;transition:all .4s}
.cinfo-card:hover .cinfo-icon{transform:rotate(360deg) scale(1.1);background:linear-gradient(135deg,var(--g),var(--g-light));box-shadow:0 8px 20px rgba(47,121,190,.3)}
.cinfo-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.cinfo-value{font-size:15px;font-weight:600;color:var(--navy)}
.cinfo-sub{font-size:13px;color:var(--text-2);margin-top:2px}

.contact-form-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-xl);padding:48px;box-shadow:0 20px 50px rgba(0,0,0,.08),0 0 1px rgba(47,121,190,.1);position:relative;overflow:hidden}
.contact-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g),var(--orange),var(--g));animation:gradientMove 3s ease infinite}
.contact-form-card h2{font-size:26px;font-weight:700;color:var(--navy);margin-bottom:8px}
.contact-form-card .sub{font-size:14px;color:var(--text-2);margin-bottom:36px}

.social-section{background:var(--navy);padding:64px 0}
.social-inner{text-align:center}
.social-inner h2{color:#fff;font-size:32px;margin-bottom:12px}
.social-inner p{color:rgba(255,255,255,.6);margin-bottom:36px}
.social-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.sl-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}
.sl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.sl-btn.fb{background:#1877F2;color:#fff}
.sl-btn.ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.sl-btn.tw{background:#1DA1F2;color:#fff}
.sl-btn.yt{background:#FF0000;color:#fff}
.sl-btn.li{background:#0A66C2;color:#fff}
.sl-btn .sl-icon{font-size:20px}

/* UTILS */
.text-center{text-align:center}
.mt-16{margin-top:16px}
.mt-24{margin-top:24px}
.mt-40{margin-top:40px}
.flex-center{display:flex;justify-content:center}
.divider{height:1px;background:var(--gray-2);margin:0}

/* RESPONSIVE - MOBILE & TABLET */

/* Hamburger Menu for Mobile */
.nav-hamburger{
  display:none;
  flex-direction:column;
  gap:4px;
  cursor:pointer;
  padding:8px;
  border-radius:6px;
  transition:background .2s;
}
.nav-hamburger:hover{background:var(--gray)}
.nav-hamburger span{
  width:24px;
  height:2px;
  background:var(--navy);
  border-radius:2px;
  transition:all .3s;
}
.nav-mobile-overlay{
  display:none;
  position:fixed;
  top:72px;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.5);
  z-index:99;
}
.nav-mobile-menu{
  position:fixed;
  top:72px;
  right:-100%;
  width:280px;
  height:calc(100vh - 72px);
  background:#fff;
  box-shadow:-4px 0 20px rgba(0,0,0,.1);
  z-index:100;
  overflow-y:auto;
  transition:right .3s cubic-bezier(.4,0,.2,1);
  padding:20px;
}
.nav-mobile-menu.active{right:0}
.nav-mobile-link{
  display:block;
  padding:14px 16px;
  border-radius:8px;
  font-size:15px;
  font-weight:500;
  color:var(--text-2);
  margin-bottom:4px;
  transition:all .2s;
  cursor:pointer;
  min-height:44px;
  display:flex;
  align-items:center;
}
.nav-mobile-link:hover,.nav-mobile-link.active{background:var(--g-light);color:var(--g)}
.nav-mobile-submenu{
  padding-left:16px;
  margin-top:8px;
  margin-bottom:12px;
}
.nav-mobile-submenu-item{
  display:block;
  padding:10px 12px;
  font-size:14px;
  color:var(--text-2);
  border-radius:6px;
  margin-bottom:4px;
  cursor:pointer;
  transition:all .2s;
}
.nav-mobile-submenu-item:hover{background:var(--gray);color:var(--navy)}
.nav-mobile-cta{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--gray-2);
}

/* Tablet - 768px to 1024px */
@media(max-width:1024px){
  .container{padding:0 20px}
  .hero-inner{gap:40px}
  .hero-phone{width:260px}
  .features-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .why-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .testi-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .mission-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .perks-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}
  .app-inner{gap:40px}
  .franchise-cta{padding:48px 40px;gap:40px}
  .franchise-stats{grid-template-columns:repeat(2,1fr)}
  .invest-header,.invest-row{grid-template-columns:2fr 1fr 1fr;font-size:13px}
  .section{padding:72px 0}
  .hero{padding:60px 0}
  .nav-links .nav-link{font-size:13px;padding:8px 12px}
}

/* Mobile - Under 768px */
@media(max-width:768px){
  /* Typography */
  h1{font-size:32px !important}
  h2{font-size:28px !important}
  .container{padding:0 16px}
  
  /* Navigation */
  .nav-inner{height:64px;padding:0 16px}
  .nav-logo-icon{width:32px;height:32px;font-size:16px}
  .nav-logo-text{font-size:16px}
  .nav-links{display:none}
  .nav-cta{display:none}
  .nav-hamburger{display:flex}
  .nav-mobile-overlay.active{display:block}
  
  /* Hero */
  .hero{min-height:auto;padding:48px 0 40px}
  .hero-inner{grid-template-columns:1fr;gap:32px}
  .hero-visual{display:none}
  .hero-floating-cards{display:none}
  .hero h1{font-size:28px;line-height:1.2}
  .hero p{font-size:15px;margin-bottom:24px}
  .hero-btns{gap:10px;margin-bottom:32px}
  .hero-stats{gap:20px;flex-wrap:wrap}
  .hero-stat-num{font-size:24px}
  .hero-stat-label{font-size:12px}
  .btn{padding:12px 24px;font-size:14px;min-height:44px}
  
  /* Sections */
  .section{padding:56px 0}
  .section-header{margin-bottom:40px}
  .section-header h2{font-size:24px;margin-bottom:12px}
  .section-header p{font-size:15px}
  .badge{font-size:11px;padding:5px 12px}
  
  /* Brands */
  .brands-inner{gap:32px}
  .brand-logo{height:70px;padding:0 24px}
  .brand-logo img{max-height:50px;max-width:120px}
  .brands-track{
    -webkit-overflow-scrolling:touch;
  }
  
  /* Features & Cards */
  .features-grid,.why-grid,.steps-grid,.testi-grid,.blog-grid,.mission-grid,.team-grid,.perks-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .feature-card,.why-card,.step-card,.testi-card,.blog-card,.mission-card,.team-card,.perk-card{
    padding:24px;
  }
  .feature-icon,.why-icon,.mission-icon{width:48px;height:48px;font-size:20px;margin-bottom:16px}
  .step-num{width:48px;height:48px;font-size:18px;margin-bottom:16px}
  .perk-icon{width:48px;height:48px;font-size:22px}
  .feature-card h3,.why-card h3,.mission-card h3{font-size:16px;margin-bottom:8px}
  .feature-card p,.why-card p,.mission-card p{font-size:13px}
  
  /* Franchise CTA */
  .franchise-cta{
    grid-template-columns:1fr;
    padding:32px 24px;
    gap:32px;
    border-radius:20px;
  }
  .franchise-cta h2{font-size:22px;margin-bottom:12px}
  .franchise-cta p{font-size:14px;margin-bottom:20px}
  .franchise-benefits{grid-template-columns:1fr;gap:10px}
  .franchise-stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .fstat{padding:16px}
  .fstat-num{font-size:28px}
  .fstat-label{font-size:12px}
  
  /* Steps */
  .steps-grid::before{display:none}
  .step-card h3{font-size:15px}
  .step-card p{font-size:13px}
  
  /* Testimonials */
  .testi-card{padding:24px}
  .testi-text{font-size:13px;margin-bottom:20px}
  .testi-avatar{width:40px;height:40px;font-size:13px}
  .testi-name{font-size:13px}
  .testi-role{font-size:11px}
  
  /* App Section */
  .app-section{padding:56px 0}
  .app-inner{grid-template-columns:1fr;gap:32px}
  .app-inner h2{font-size:24px;margin-bottom:12px}
  .app-inner p{font-size:14px;margin-bottom:24px}
  .app-btns{gap:12px}
  .app-store-btn{padding:10px 16px}
  .asb-icon{font-size:24px}
  .asb-small{font-size:9px}
  .asb-big{font-size:14px}
  .phone-mockups{gap:12px;margin-top:32px}
  .app-phone.big .app-phone-screen{width:150px;height:260px}
  .app-phone.small .app-phone-screen{width:120px;height:200px}
  .qr-badges{gap:12px;margin-top:20px;flex-wrap:wrap}
  .qr-box{width:70px;height:70px}
  
  /* Blog */
  .blog-img{height:180px;font-size:36px}
  .blog-body{padding:20px}
  .blog-card h3{font-size:16px;margin-bottom:8px}
  .blog-card p{font-size:13px;margin-bottom:12px}
  
  /* Newsletter */
  .newsletter{padding:40px 24px;border-radius:16px}
  .newsletter h2{font-size:22px;margin-bottom:10px}
  .newsletter p{font-size:14px;margin-bottom:24px}
  .newsletter-form{flex-direction:column;gap:10px}
  .newsletter-input{width:100%;padding:13px 18px;font-size:14px;min-height:46px}
  .newsletter-form .btn{width:100%;justify-content:center;min-height:48px}
  
  /* FAQ */
  .faq-list{gap:10px}
  .faq-q{padding:16px 20px;font-size:14px}
  .faq-icon{width:22px;height:22px;font-size:13px}
  .faq-a{padding:0 20px 16px;font-size:13px}
  
  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:32px}
  footer{padding:48px 0 24px}
  .footer-brand p{font-size:13px;margin-bottom:20px}
  .footer-social{gap:8px}
  .social-btn{width:36px;height:36px}
  .footer-col h4{font-size:14px;margin-bottom:14px}
  .footer-col a{font-size:13px;margin-bottom:8px}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;font-size:11px;padding-top:20px}
  .footer-store-btns{justify-content:center}
  .fsb{padding:5px 10px;font-size:10px}
  
  /* Franchise Page */
  .franchise-hero{padding:80px 0 60px}
  .franchise-hero h1{font-size:32px;margin-bottom:16px}
  .franchise-hero p{font-size:16px;margin-bottom:24px}
  .franchise-hero-btns{gap:10px;flex-wrap:wrap}
  .fhero-stats{gap:24px;flex-wrap:wrap;padding-top:32px;margin-top:32px}
  .fhero-stat-num{font-size:26px}
  .fhero-stat-label{font-size:12px}
  
  /* Investment Table */
  .invest-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .invest-header,.invest-row{
    grid-template-columns:2fr 1fr 1fr;
    font-size:12px;
    padding:16px 20px;
    min-width:400px;
  }
  .invest-header span{font-size:12px}
  .invest-row span{font-size:12px}
  
  /* Forms */
  .form-wrapper{grid-template-columns:1fr}
  .form-sidebar{display:none}
  .form-body{padding:32px 24px}
  .form-body h2{font-size:24px;margin-bottom:8px}
  .form-body .sub{font-size:13px;margin-bottom:28px}
  .form-grid{grid-template-columns:1fr;gap:16px}
  .form-label{font-size:13px}
  .form-input,.form-select,.form-textarea{padding:12px 16px;font-size:14px;min-height:44px}
  .form-submit{padding:14px;font-size:15px;min-height:48px}
  .form-note{font-size:11px}
  
  /* About Page */
  .about-hero{padding:80px 0 60px}
  .about-hero-inner{grid-template-columns:1fr;gap:32px}
  .about-hero h1{font-size:28px;margin-bottom:16px}
  .about-hero p{font-size:15px;margin-bottom:20px}
  .about-visual{height:300px;font-size:60px}
  .about-stat-bar{padding:16px 20px}
  .ab-stat-num{font-size:20px}
  .ab-stat-label{font-size:10px}
  
  /* Timeline */
  .timeline::before{left:22px}
  .tl-item{
    grid-template-columns:1fr;
    gap:0;
    padding-left:56px;
    margin-bottom:36px;
  }
  .tl-item::before{
    left:0;
    transform:translateX(0);
    top:8px;
  }
  .tl-item .tl-content{margin-bottom:0}
  .tl-item .tl-content:nth-child(2){margin-top:0}
  .tl-item.right .tl-content:first-child{grid-column:auto}
  
  /* Careers Page */
  .careers-hero{padding:80px 0 60px}
  .careers-hero h1{font-size:28px;margin-bottom:16px}
  .careers-hero p{font-size:15px;margin-bottom:24px}
  .dept-filters{gap:8px}
  .dept-btn{padding:7px 14px;font-size:12px}
  .job-card{
    grid-template-columns:1fr;
    gap:16px;
    padding:20px;
  }
  .job-title{font-size:16px;margin-bottom:8px}
  .job-tags{gap:6px}
  .job-tag{font-size:10px;padding:4px 10px}
  .apply-btn{width:100%;padding:12px 20px;font-size:14px;min-height:46px}
  
  /* Contact Page */
  .contact-hero{padding:80px 0 60px}
  .contact-grid{grid-template-columns:1fr;gap:24px}
  .cinfo-card{padding:20px}
  .cinfo-icon{width:44px;height:44px;font-size:18px;margin-bottom:12px}
  .cinfo-label{font-size:10px}
  .cinfo-value{font-size:14px}
  .cinfo-sub{font-size:12px}
  .contact-form-card{padding:32px 24px}
  .contact-form-card h2{font-size:22px}
  .contact-form-card .sub{font-size:13px;margin-bottom:28px}
  
  /* Social Section */
  .social-section{padding:48px 0}
  .social-inner h2{font-size:26px;margin-bottom:10px}
  .social-inner p{font-size:14px;margin-bottom:28px}
  .social-links{gap:10px}
  .sl-btn{padding:12px 18px;font-size:13px}
  .sl-icon{font-size:18px}
  
  /* Modal */
  #applyModal{padding:20px 0}
  #applyModal>div{margin:0 16px;border-radius:16px}
  #applyModal>div>div:first-child{padding:20px 24px}
  #applyModal>div>div:last-child{padding:24px 20px}
  #applyModal h3{font-size:16px}
  
  /* Utilities */
  .hero-tag{font-size:11px;padding:6px 12px;margin-bottom:20px}
  .phone-mockups .app-phone{padding:8px}
}

/* Small Mobile - Under 480px */
@media(max-width:480px){
  .hero h1{font-size:24px !important}
  h2{font-size:22px !important}
  .section{padding:40px 0}
  .franchise-stats,.fhero-stats{grid-template-columns:1fr}
  .app-btns,.hero-btns,.franchise-hero-btns{width:100%}
  .app-btns>*,.hero-btns>*,.franchise-hero-btns>*{width:100%;justify-content:center}
  .hero-stats{justify-content:space-between}
  .invest-header,.invest-row{
    grid-template-columns:1.5fr .8fr .8fr;
    padding:12px 16px;
    font-size:11px;
  }
  .invest-header span,.invest-row span{font-size:11px}
  .qr-badges{justify-content:center}
  .about-stat-bar{padding:12px 16px;gap:12px}
  .ab-stat{flex:1}
  .ab-stat-num{font-size:18px}
  .contact-form-card::before{display:none}
}

/* Touch improvements for mobile */
@media(hover:none){
  .btn,.nav-link,.social-btn,.feature-card,.why-card,.blog-card{
    -webkit-tap-highlight-color:rgba(0,0,0,.05);
  }
}

/* Landscape phone optimization */
@media(max-width:896px) and (orientation:landscape){
  .hero{min-height:auto;padding:40px 0}
  .franchise-hero,.about-hero,.careers-hero,.contact-hero{padding:60px 0 40px}
}

/* ANN BAR MOBILE */
@media(max-width:768px){
  .ann-bar{font-size:12px;padding:8px 40px 8px 16px;text-align:left}
  .counter-grid{grid-template-columns:repeat(2,1fr)}
  .counter-item::after{display:none}
  .trust-row{gap:16px}
  .trust-badge{font-size:13px}
  .strip-inner{gap:32px}
  .highlight-strip{display:none}
}
@media(max-width:480px){
  .counter-grid{grid-template-columns:repeat(2,1fr)}
  .counter-num{font-size:32px}
}

/* SUCCESS MESSAGE */
.success-msg{display:none;background:var(--g-light);border:1px solid var(--g);border-radius:var(--radius);padding:16px 20px;color:var(--g-dark);font-weight:500;margin-top:16px;text-align:center}
.success-msg.show{display:block}

/* DESIGNED BY CREDIT */
.footer-credit{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.4px}
.footer-credit strong{color:#F3EB2C;font-weight:700;letter-spacing:.6px;font-size:12px;transition:color .2s}
.footer-credit strong:hover{color:#fff}
.footer-credit .credit-dot{width:4px;height:4px;border-radius:50%;background:rgba(243,235,44,.5);flex-shrink:0}

/* ENHANCED FOOTER BOTTOM */
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.4)}
.footer-bottom a{color:rgba(255,255,255,.4);transition:color .2s}
.footer-bottom a:hover{color:#F3EB2C}