/* =========================================================
   SKANDA AI SYSTEMS — Royal Blue v4
   Cylindrical Nav · OTP Download Modal · Full Animations
   ========================================================= */
   @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

   /* ── TOKENS ── */
   :root {
     --bg:          #050c1a;
     --bg2:         #060e20;
     --surface:     #091428;
     --surface2:    #0c1a34;
     --border:      rgba(59,130,246,.15);
     --border2:     rgba(59,130,246,.28);
   
     --blue:        #1d3fad;
     --blue-mid:    #2463eb;
     --blue-light:  #3b82f6;
     --blue-glow:   #60a5fa;
     --violet:      #7c3aed;
     --pink:        #db2777;
     --cyan:        #06b6d4;
     --gold:        #f59e0b;
     --green:       #10b981;
   
     --grad:        linear-gradient(135deg,#1d3fad,#7c3aed);
     --grad2:       linear-gradient(135deg,#2463eb,#06b6d4);
     --grad-btn:    linear-gradient(135deg,#2463eb 0%,#7c3aed 100%);
     --grad-cta:    linear-gradient(135deg,#db2777,#7c3aed);
   
     --text:        #cdd9f5;
     --muted:       #6987b8;
     --white:       #ffffff;
   
     --font-h: 'Syne', sans-serif;
     --font-b: 'Inter', sans-serif;
     --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-pill:999px;
     --shadow: 0 12px 56px rgba(0,0,20,.65);
     --glow:   0 0 60px rgba(36,99,235,.2);
     --nav-h:  74px;
     --ease:   cubic-bezier(.4,0,.2,1);
     --spring: cubic-bezier(.34,1.56,.64,1);
   }
   
   /* ── RESET ── */
   *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
   html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue-mid) var(--bg2)}
   ::-webkit-scrollbar{width:5px}
   ::-webkit-scrollbar-track{background:var(--bg)}
   ::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:99px}
   body{font-family:var(--font-b);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;min-height:100vh}
   img{max-width:100%;height:auto;display:block}
   a{color:inherit;text-decoration:none}
   ul{list-style:none}
   button{cursor:pointer;border:none;background:none;font-family:inherit}
   ::selection{background:rgba(36,99,235,.38);color:#fff}
   
   /* ── TYPOGRAPHY ── */
   h1,h2,h3,h4,h5{font-family:var(--font-h);font-weight:700;line-height:1.15;color:var(--white)}
   h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.03em}
   h2{font-size:clamp(1.6rem,3vw,2.55rem)}
   h3{font-size:clamp(1rem,2vw,1.25rem)}
   h4{font-size:1rem}
   p{font-size:1rem;color:var(--muted);line-height:1.8}
   .gradient-text{background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
   .text-white{color:var(--white)}.text-muted{color:var(--muted)}.text-center{text-align:center}
   
   /* ── LAYOUT ── */
   .container{max-width:1220px;margin:0 auto;padding:0 28px}
   .section{padding:100px 0}.section-sm{padding:60px 0}
   .bg-surface{background:var(--surface)}
   .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
   .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
   .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
   
   /* ═══════════════════════════
      NAV — CYLINDRICAL ON SCROLL
      ═══════════════════════════ */
   .site-nav{
     position:fixed;top:0;left:0;width:100%;z-index:9000;
     height:var(--nav-h);
     /* Noticeably lighter than hero (#050c1a) — navy-blue with strong contrast */
     background:rgba(8,20,52,.92);
     backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
     /* Vivid blue bottom border separates nav from hero */
     border-bottom:1px solid rgba(59,130,246,.45);
     box-shadow:0 1px 24px rgba(0,0,30,.55), 0 0 0 1px rgba(59,130,246,.08);
     will-change:top,width,height,border-radius;
     transition:top .45s var(--ease),height .45s var(--ease),
       background .45s var(--ease),border-radius .45s var(--ease),
       box-shadow .45s var(--ease),border .45s var(--ease),
       padding .45s var(--ease),max-width .45s var(--ease),
       margin .45s var(--ease);
   }
   .site-nav.scrolled{
     top:0;
     left:50%;
     transform:translateX(-50%);
     width:min(96vw,1320px);
     height:64px;
     border-radius:var(--r-pill);
     background:rgba(255,255,255,.98);
     backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
     border:1px solid rgba(15,23,42,.12);
     box-shadow:0 10px 30px rgba(15,23,42,.14),0 0 0 1px rgba(15,23,42,.03);
     transition:top .45s var(--ease),height .45s var(--ease),
       background .45s var(--ease),border-radius .45s var(--ease),
       box-shadow .45s var(--ease),border .45s var(--ease),width .45s var(--ease);
   }
   .nav-inner{
     display:flex;align-items:center;justify-content:space-between;
     height:100%;max-width:1220px;margin:0 auto;padding:0 28px;
     transition:padding .4s var(--ease);
   }
   .site-nav.scrolled .nav-inner{padding:0 24px}
   .site-nav.scrolled .nav-logo{color:#0f172a}
   .site-nav.scrolled .logo-name{color:#0f172a}
   .site-nav.scrolled .logo-tag{color:#475569}
   .site-nav.scrolled .nav-menu > a,
   .site-nav.scrolled .nav-drop > .drop-toggle{color:#334155}
   .site-nav.scrolled .nav-menu > a:hover,
   .site-nav.scrolled .nav-menu > a.active,
   .site-nav.scrolled .nav-drop:hover .drop-toggle{color:#0f172a}
   .site-nav.scrolled .nav-menu > a::after{background:#2563eb}
   .site-nav.scrolled .drop-menu{
     background:#ffffff;
     border:1px solid rgba(15,23,42,.12);
     box-shadow:0 16px 36px rgba(15,23,42,.12);
   }
   .site-nav.scrolled .drop-menu a{
     color:#0f172a;
   }
   .site-nav.scrolled .drop-menu a:hover{
     background:rgba(37,99,235,.08);
     color:#0f172a;
   }
   
   /* Logo */
   .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--font-h);font-weight:800;color:var(--white)}
   .nav-logo:hover{opacity:.88}
   .brand-logo-img{height:46px;width:auto;display:block}
   .site-nav.scrolled .brand-logo-img{height:44px}
   .logo-icon{
     width:36px;height:36px;border-radius:10px;flex-shrink:0;
     background:var(--grad-btn);
     display:flex;align-items:center;justify-content:center;
     font-size:.9rem;font-weight:900;color:#fff;
     box-shadow:0 4px 18px rgba(36,99,235,.4);
     transition:transform .3s var(--spring);
   }
   .nav-logo:hover .logo-icon{transform:rotate(8deg) scale(1.1)}
   .logo-text{display:flex;flex-direction:column;line-height:1.1}
   .logo-name{font-size:.95rem;font-weight:800;letter-spacing:.01em}
   .logo-tag{font-size:.54rem;font-weight:400;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
   
   /* Desktop links */
   .nav-menu{display:flex;align-items:center;gap:2px}
   .nav-menu > a,.nav-drop > .drop-toggle{
     font-size:.875rem;font-weight:500;padding:8px 13px;
     border-radius:var(--r-pill);color:rgba(255,255,255,.9);
     transition:color .22s,background .22s;
     white-space:nowrap;position:relative;
   }
   .nav-menu > a::after{
     content:'';position:absolute;bottom:4px;left:50%;
     transform:translateX(-50%);
     width:0;height:2px;background:var(--blue-light);
     border-radius:99px;transition:width .28s var(--ease);
   }
   .nav-menu > a:hover::after,.nav-menu > a.active::after{width:50%}
   .nav-menu > a:hover,.nav-menu > a.active,.nav-drop:hover .drop-toggle{color:var(--white)}
   /* CTA */
   .nav-cta{
     display:inline-flex;align-items:center;gap:7px;
     padding:9px 20px;border-radius:var(--r-pill);
     background:var(--grad-cta)!important;
     color:#fff!important;font-weight:600!important;font-size:.84rem!important;
     box-shadow:0 4px 22px rgba(219,39,119,.3)!important;
     transition:transform .25s var(--spring),box-shadow .25s!important;
     white-space:nowrap;
   }
   .nav-cta::after{display:none!important}
   .nav-cta:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 8px 32px rgba(219,39,119,.5)!important}
   
   /* Dropdown */
   .nav-drop{position:relative;padding-bottom:12px;margin-bottom:-12px}
   .nav-drop::after{
     content:'';
     position:absolute;
     left:0;right:0;
     top:100%;
     height:14px;
   }
   .drop-toggle{
     display:flex;align-items:center;gap:5px;
     padding:8px 13px;border-radius:var(--r-pill);
     color:var(--muted);font-size:.875rem;font-weight:500;
     transition:color .22s;cursor:pointer;
   }
   .drop-arrow{font-size:.55rem;display:inline-block;transition:transform .32s var(--ease)}
   .nav-drop:hover .drop-arrow{transform:rotate(180deg)}
   .nav-drop:hover .drop-toggle{color:var(--white)}
   .drop-menu{
     position:absolute;top:calc(100% + 2px);left:50%;
     transform:translateX(-50%) translateY(-8px);
     min-width:238px;
     background:rgba(6,14,32,.98);
     border:1px solid rgba(59,130,246,.22);
     border-radius:var(--r-lg);padding:10px;
     opacity:0;pointer-events:none;
     transition:opacity .26s var(--ease),transform .26s var(--ease);
     box-shadow:0 20px 60px rgba(0,0,30,.65),var(--glow);
   }
   .nav-drop:hover .drop-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
   .drop-menu a{
     display:flex;align-items:center;gap:10px;
     padding:10px 14px;border-radius:var(--r-md);
     font-size:.84rem;color:var(--muted);
     transition:background .2s,color .2s,transform .2s;
   }
   .drop-menu a:hover{background:rgba(36,99,235,.14);color:var(--white);transform:translateX(4px)}
   .dm-icon{font-size:1rem}
   
   /* Hamburger */
   .hamburger{
     display:none;flex-direction:column;gap:5px;
     width:38px;height:38px;align-items:center;justify-content:center;
     border-radius:var(--r-sm);background:#ffffff;
     border:1px solid rgba(226,232,240,.95);
     transition:background .2s;
   }
   .hamburger span{display:block;width:18px;height:2px;background:#0f172a;border-radius:99px;transition:transform .34s var(--ease),opacity .34s}
   .site-nav.scrolled .hamburger{
     background:#020617;
     border-color:rgba(59,130,246,.35);
   }
   .site-nav.scrolled .hamburger span{background:#ffffff}
   .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
   .hamburger.open span:nth-child(2){opacity:0}
   .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
   
   /* Mobile overlay */
   .mobile-nav{
    position:fixed;inset:0;z-index:10050;
     background:rgba(5,12,26,.98);backdrop-filter:blur(22px);
     padding:100px 28px 40px;
     display:flex;flex-direction:column;gap:4px;
    align-items:center;
    text-align:center;
     overflow-y:auto;
     transform:translateX(100%);
     transition:transform .4s var(--ease);
   }
   .mobile-nav.open{transform:translateX(0)}
   .mobile-close{
     position:absolute;top:20px;right:20px;
     width:40px;height:40px;border-radius:var(--r-sm);
     background:rgba(36,99,235,.14);border:1px solid rgba(59,130,246,.22);
     color:var(--muted);font-size:1.1rem;
     display:flex;align-items:center;justify-content:center;
     cursor:pointer;transition:background .2s,color .2s;
   }
   .mobile-close:hover{background:rgba(36,99,235,.28);color:var(--white)}
  .mob-link{padding:13px 18px;border-radius:var(--r-md);font-size:1rem;font-weight:600;color:var(--text);transition:background .2s,color .2s;width:min(100%,680px)}
   .mob-link:hover{background:rgba(36,99,235,.14);color:var(--white)}
  .mob-divider{height:1px;background:rgba(59,130,246,.1);margin:8px auto;width:min(100%,680px)}
  .mob-section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);padding:4px 18px;width:min(100%,680px)}
  .mob-sub{display:flex;flex-direction:column;gap:2px;padding:0 8px;width:min(100%,680px)}
  .mob-sub a{padding:10px 14px;border-radius:var(--r-md);font-size:.88rem;color:var(--muted);transition:background .2s,color .2s;text-align:center}
   .mob-sub a:hover{background:rgba(36,99,235,.1);color:var(--text)}
  .mob-cta{padding:16px 0 0;width:min(100%,680px)}
   
   /* ═══════ BUTTONS ═══════ */
   .btn{
     display:inline-flex;align-items:center;gap:8px;
     padding:13px 26px;border-radius:var(--r-pill);
     font-family:var(--font-b);font-weight:600;font-size:.9rem;
     letter-spacing:.01em;white-space:nowrap;
     position:relative;overflow:hidden;
     transition:transform .28s var(--spring),box-shadow .28s;
   }
   .btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.06);transform:translateX(-110%);transition:transform .38s var(--ease)}
   .btn:hover::before{transform:translateX(0)}
   .btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 4px 24px rgba(36,99,235,.3)}
   .btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 36px rgba(36,99,235,.5)}
   .btn-secondary{background:rgba(36,99,235,.15);border:1.5px solid rgba(59,130,246,.35);color:var(--blue-light)}
   .btn-secondary:hover{background:rgba(36,99,235,.25);border-color:var(--blue-light);transform:translateY(-2px)}
   .btn-outline{background:transparent;border:1.5px solid rgba(59,130,246,.4);color:var(--blue-light)}
   .btn-outline:hover{border-color:var(--blue-light);background:rgba(59,130,246,.08);transform:translateY(-2px)}
   .btn-glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text)}
   .btn-glass:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
   .btn-sm{padding:9px 18px;font-size:.83rem}
   .btn-lg{padding:15px 32px;font-size:.97rem}
   
   /* Download button */
   .btn-dl{
     display:inline-flex;align-items:center;gap:6px;
     padding:8px 16px;border-radius:var(--r-pill);
     background:rgba(36,99,235,.14);border:1px solid rgba(59,130,246,.32);
     color:var(--blue-light);font-size:.8rem;font-weight:600;
     transition:all .24s var(--ease);cursor:pointer;white-space:nowrap;
   }
   .btn-dl:hover{background:rgba(36,99,235,.28);border-color:var(--blue-light);transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,99,235,.25)}
   
   /* ═══════ CARDS ═══════ */
   .card{
     background:linear-gradient(145deg,var(--surface),var(--surface2));
     border:1px solid var(--border);
     border-radius:var(--r-lg);padding:30px;
     position:relative;overflow:hidden;
     transition:border-color .35s,transform .35s var(--spring),box-shadow .35s,background .35s;
   }
   .card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);transform:scaleX(0);transform-origin:center;transition:transform .45s var(--ease)}
   .card:hover::before{transform:scaleX(1)}
   .card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(36,99,235,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
   .card:hover::after{opacity:1}
   .card:hover{border-color:rgba(59,130,246,.38);transform:translateY(-8px);box-shadow:0 24px 64px rgba(0,0,30,.55),0 0 0 1px rgba(36,99,235,.12),var(--glow);background:linear-gradient(145deg,#0b1e44,#0e2354)}
   .card-icon{width:52px;height:52px;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(36,99,235,.2),rgba(124,58,237,.2));border:1px solid rgba(59,130,246,.28);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:20px;transition:transform .3s var(--spring),box-shadow .3s}
   .card:hover .card-icon{transform:scale(1.12) rotate(-6deg);box-shadow:0 8px 26px rgba(36,99,235,.35)}
   .card h3{margin-bottom:10px}.card p{font-size:.9rem}
   a.card:hover h3{color:var(--blue-glow)}
   
   /* Section labels */
   .section-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);margin-bottom:14px}
   .section-tag::before{content:'';width:14px;height:2px;background:var(--grad-btn);border-radius:99px}
   .section-header{margin-bottom:56px}
   .section-header h2{margin-bottom:14px}.section-header p{max-width:560px;font-size:1rem}
   .section-header.center{text-align:center}
   .section-header.center p{margin:0 auto}
   .section-header.center .section-tag{justify-content:center}
   
   /* Page hero */
   .page-hero{padding:calc(var(--nav-h) + 80px) 0 76px;background:var(--bg);position:relative;overflow:hidden;border-bottom:1px solid rgba(59,130,246,.1)}
   .page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 70% 50%,rgba(29,63,173,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 50%,rgba(124,58,237,.07) 0%,transparent 60%)}
   .page-hero-inner{position:relative;z-index:1}
   .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.79rem;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}
   .breadcrumb a{color:var(--blue-light);transition:color .2s}.breadcrumb a:hover{color:var(--white)}
   .breadcrumb span{color:rgba(59,130,246,.35)}
   
   /* ═══════ HERO ═══════ */
   .hero{min-height:100vh;display:flex;align-items:center;padding:calc(var(--nav-h)+40px) 0 60px;background:var(--bg);position:relative;overflow:hidden}
   .hero-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(59,130,246,.12) 1px,transparent 1px);background-size:34px 34px;animation:grid-drift 30s ease-in-out infinite alternate}
   .hero-network{
     position:absolute;
     inset:0;
     pointer-events:none;
     opacity:.6;
     mix-blend-mode:screen;
   }
   @keyframes grid-drift{from{background-position:0 0}to{background-position:34px 34px}}
   .hero-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
   .hero-orb-1{width:600px;height:600px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(29,63,173,.18),transparent 65%);animation:orb-float 11s ease-in-out infinite}
   .hero-orb-2{width:400px;height:400px;bottom:-60px;left:-80px;background:radial-gradient(circle,rgba(124,58,237,.13),transparent 65%);animation:orb-float 13s ease-in-out infinite reverse}
   .hero-orb-3{width:220px;height:220px;top:42%;left:40%;background:radial-gradient(circle,rgba(6,182,212,.1),transparent 65%);animation:orb-float 8s ease-in-out infinite}
   @keyframes orb-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-52px) scale(1.07)}}
   .hero-content{position:relative;z-index:2}
   .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(36,99,235,.12);border:1px solid rgba(59,130,246,.3);border-radius:var(--r-pill);padding:7px 18px;margin-bottom:28px;font-size:.75rem;font-weight:600;color:var(--blue-glow);letter-spacing:.1em;text-transform:uppercase;animation:fadeUp .8s var(--spring) both}
   .badge-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-glow);flex-shrink:0;animation:pulse-dot 2.2s infinite}
   @keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(96,165,250,.5)}50%{opacity:.7;box-shadow:0 0 0 7px rgba(96,165,250,0)}}
   .hero h1{animation:fadeUp .9s .1s var(--ease) both;margin-bottom:22px}
   .hero .lead{font-size:clamp(.95rem,2vw,1.12rem);color:var(--muted);max-width:540px;margin-bottom:38px;line-height:1.82;animation:fadeUp .9s .22s var(--ease) both}
   .hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .9s .34s var(--ease) both}
   .hero-stats{display:flex;gap:44px;margin-top:64px;flex-wrap:wrap;animation:fadeUp .9s .5s var(--ease) both}
   .hero-stat{display:flex;flex-direction:column;gap:4px}
   .stat-big{font-family:var(--font-h);font-size:2.2rem;font-weight:800;line-height:1;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
   .stat-lbl{font-size:.76rem;color:var(--muted);letter-spacing:.02em}
   .hero-visual{position:relative;z-index:2;animation:fadeRight .9s .15s var(--ease) both}
   .hero-card{border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 80px rgba(29,63,173,.16),var(--shadow)}
   .hero-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
   .hero-metric{position:absolute;background:rgba(6,14,32,.96);border:1px solid rgba(59,130,246,.28);border-radius:var(--r-lg);padding:14px 20px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}
   .hero-metric:nth-child(2){bottom:32px;left:-28px;animation:float-bob 5s ease-in-out infinite}
   .hero-metric:nth-child(3){top:28px;right:-18px;animation:float-bob 6s ease-in-out infinite reverse}
   @keyframes float-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
   .metric-val{font-family:var(--font-h);font-weight:800;font-size:1.1rem;color:var(--green)}
   .metric-lbl{font-size:.72rem;color:var(--muted);margin-top:2px}
   
   /* ═══════ SERVICE CARDS (light cards + 3D hover) ═══════ */
   .service-card{
     display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;
     background:#ffffff;border:1px solid #e2e8f0;
     transition:transform .45s var(--spring),box-shadow .45s var(--ease),border-color .35s var(--ease),filter .45s var(--ease);
     text-decoration:none;position:relative;
     transform-style:preserve-3d;
     perspective:1100px;
     will-change:transform;
     transform:perspective(1100px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg);
     /* Outside: soft white glow (reads on dark sections) */
     box-shadow:
       0 0 0 1px rgba(255,255,255,.1),
       0 4px 16px rgba(255,255,255,.08),
       0 12px 32px rgba(255,255,255,.1),
       0 28px 56px rgba(255,255,255,.12),
       0 48px 88px rgba(255,255,255,.1);
     filter:drop-shadow(0 22px 40px rgba(255,255,255,.16)) drop-shadow(0 8px 20px rgba(255,255,255,.1));
   }
   .service-card::before{
     content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
     background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(241,245,249,.35) 45%,rgba(59,130,246,.08) 100%);
     opacity:0;transition:opacity .4s var(--ease);
   }
   .service-card:hover{
     transform:perspective(1100px) translateY(-16px) translateZ(28px) rotateX(5deg) rotateY(-4deg) scale(1.02);
     box-shadow:
       0 0 0 1px rgba(255,255,255,.22),
       0 8px 24px rgba(255,255,255,.12),
       0 20px 48px rgba(255,255,255,.16),
       0 40px 80px rgba(255,255,255,.18),
       0 72px 120px rgba(255,255,255,.14),
       inset 0 1px 0 rgba(255,255,255,.95);
     border-color:rgba(255,255,255,.45);
     filter:drop-shadow(0 36px 64px rgba(255,255,255,.22)) drop-shadow(0 14px 32px rgba(255,255,255,.14));
   }
   .service-card:hover::before{opacity:1}
   .service-card-img{
     width:100%;height:180px;object-fit:cover;transition:transform .5s var(--ease);
     border-bottom:1px solid #e2e8f0;
   }
   .service-card:hover .service-card-img{transform:translateZ(14px) scale(1.045)}
   .service-card-body{padding:26px;flex:1;display:flex;flex-direction:column;background:#fff}
   .service-card-body h3{
     margin-bottom:10px;font-size:1.05rem;font-family:var(--font-h);font-weight:700;
     color:#0f172a;transition:color .25s var(--ease);
   }
   .service-card:hover .service-card-body h3{color:#1d4ed8}
   .service-card-body p{
     font-size:.88rem;flex:1;margin-bottom:18px;color:#334155;line-height:1.72;
   }
   .service-card .card-link{color:#1d4ed8}
   .service-card:hover .card-link{gap:10px;color:#1e40af}
   .service-card:hover .card-link .arrow{transform:translateX(6px)}
   .service-card .card-icon{
     background:linear-gradient(135deg,#eff6ff,#dbeafe);
     border:1px solid #bfdbfe;
     transition:transform .4s var(--spring),box-shadow .35s var(--ease);
   }
   .service-card:hover .card-icon{
     transform:scale(1.08) translateZ(10px) rotate(-5deg);
     box-shadow:0 10px 24px rgba(37,99,235,.28);
   }
   .card-link{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;transition:gap .24s var(--spring),color .24s var(--ease)}
   .card-link .arrow{transition:transform .24s var(--spring)}
   
   /* Feature list */
   .feature-list{display:flex;flex-direction:column;gap:12px}
   .feature-list li{display:flex;gap:12px;align-items:flex-start;font-size:.94rem;color:var(--text)}
   .feature-list li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,rgba(36,99,235,.22),rgba(124,58,237,.22));border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--blue-light);font-weight:700;margin-top:3px;transition:transform .3s var(--spring)}
   .feature-list li:hover::before{transform:scale(1.18)}
   /* On light backgrounds: dark blue body text (wins over li color: var(--text)) */
   .feature-list.feature-list--dark-blue li{color:#1e3a8a}
   .feature-list.feature-list--dark-blue li::before{
     color:#1d4ed8;
     border-color:rgba(29,78,216,.35);
     background:linear-gradient(135deg,rgba(219,234,254,.9),rgba(191,219,254,.75));
   }
  .feature-list.feature-list--white li{color:#ffffff}
  .feature-list.feature-list--white li::before{
    color:#ffffff;
    border-color:rgba(255,255,255,.38);
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.08));
  }

  /* reCAPTCHA v2 checkbox on contact forms */
  .recaptcha-field{
    margin-bottom:18px;
  }
  .recaptcha-field .g-recaptcha{
    display:inline-block;
    min-height:78px;
    padding:10px 12px;
    border-radius:10px;
    background:#f8fafc;
    border:1px solid rgba(148,163,184,.45);
  }
  .recaptcha-field .recaptcha-status-text{
    margin:10px 0 0;
    font-size:.82rem;
    font-weight:600;
    color:#fbbf24;
    text-align:left !important;
  }
  .consult-form-card [data-recaptcha-submit]:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none !important;
  }

  /* Legacy v3 panel (unused) */
  .recaptcha-panel{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:14px 16px;
    margin-bottom:14px;
    border-radius:12px;
    border:1px solid rgba(59,130,246,.35);
    background:rgba(15,23,42,.45);
  }
  .recaptcha-panel img{
    flex-shrink:0;
    border-radius:6px;
  }
  .recaptcha-panel-copy strong{
    display:block;
    color:#f8fafc;
    font-size:.92rem;
    margin-bottom:4px;
  }
  .recaptcha-panel-copy p{
    margin:0 0 6px;
    font-size:.8rem;
    line-height:1.5;
    color:#94a3b8;
    text-align:left !important;
  }
  .recaptcha-status-text{
    font-size:.78rem;
    font-weight:600;
    color:#cbd5e1;
  }
  .recaptcha-notice{
    font-size:.75rem;
    line-height:1.5;
    color:var(--muted);
    margin-bottom:16px;
    text-align:left !important;
  }
  .recaptcha-notice a{
    color:var(--blue-light);
    text-decoration:underline;
  }
  .grecaptcha-badge{
    visibility:visible !important;
    opacity:1 !important;
    z-index:9900 !important;
  }
   
   /* Stat blocks */
   .stat-block{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 24px;text-align:center;transition:border-color .3s,transform .3s var(--spring),box-shadow .3s}
   .stat-block:hover{border-color:rgba(59,130,246,.3);transform:translateY(-5px);box-shadow:var(--glow)}
   .stat-num{font-family:var(--font-h);font-size:2.5rem;font-weight:800;line-height:1;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
   .stat-num em{font-style:normal}
   .stat-label{font-size:.82rem;color:var(--muted);letter-spacing:.02em}
   
   /* Process */
   .process-steps{display:flex;flex-direction:column;gap:0}
   .process-step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding-bottom:38px;position:relative}
   .process-step:not(:last-child)::before{content:'';position:absolute;left:27px;top:56px;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(36,99,235,.4),transparent)}
   .process-num{width:56px;height:56px;border-radius:50%;flex-shrink:0;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-weight:800;font-size:1rem;color:#fff;box-shadow:0 6px 22px rgba(36,99,235,.38);z-index:1;transition:transform .3s var(--spring),box-shadow .3s}
   .process-step:hover .process-num{transform:scale(1.1);box-shadow:0 10px 32px rgba(36,99,235,.55)}
   .process-content{padding-top:14px}
   .process-content h4{margin-bottom:7px}.process-content p{font-size:.9rem}
   
   /* Testimonials */
   .testimonial-card{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:border-color .3s,transform .3s var(--spring),box-shadow .3s}
   .testimonial-card:hover{border-color:rgba(59,130,246,.36);transform:translateY(-6px);box-shadow:var(--glow)}
   .testimonial-stars{color:var(--gold);font-size:.9rem;margin-bottom:14px;letter-spacing:2px}
   .testimonial-text{font-size:.93rem;color:var(--text);line-height:1.8;font-style:italic;margin-bottom:20px;padding-left:16px;position:relative}
   .testimonial-text::before{content:'"';position:absolute;left:0;top:-4px;font-size:1.8rem;color:var(--blue-light);opacity:.4;font-style:normal;line-height:1}
   .testimonial-author{display:flex;gap:12px;align-items:center}
   .testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-family:var(--font-h);font-size:.88rem;box-shadow:0 4px 16px rgba(36,99,235,.3);flex-shrink:0}
   .testimonial-name{font-weight:600;color:var(--white);font-size:.9rem}
   .testimonial-role{font-size:.77rem;color:var(--muted)}
   
   /* Rotating reviews stack */
   .reviews-rotate{
     padding:92px 0;
     background:#f8fafc;
     border-top:1px solid #e2e8f0;
     border-bottom:1px solid #e2e8f0;
   }
   .reviews-cinematic{
     position:relative;
     max-width:1060px;
     margin:0 auto;
     min-height:620px;
     border-radius:16px;
     border:1px solid rgba(15,23,42,.22);
     overflow:hidden;
     padding:56px 70px;
     background:
       radial-gradient(ellipse 90% 120% at 50% 50%, rgba(17,24,39,.18) 0%, rgba(17,24,39,0) 60%),
       linear-gradient(160deg,#05070f 0%,#0b1020 100%);
   }
   .reviews-cinematic::after{
     content:"What\A they say?";
     white-space:pre;
     position:absolute;
     inset:0;
     display:flex;
     align-items:center;
     justify-content:center;
     font-family:Georgia, "Times New Roman", serif;
     font-size:clamp(4rem,10vw,8.5rem);
     font-style:italic;
     line-height:.92;
     color:rgba(255,255,255,.22);
     pointer-events:none;
   }
   .rc-stars{color:#fff;letter-spacing:3px;font-size:1rem;position:relative;z-index:2}
   .rc-stats{
     position:absolute;right:72px;bottom:78px;display:flex;gap:50px;z-index:2;
   }
   .rc-stats div{display:flex;flex-direction:column}
   .rc-stats strong{font-family:Georgia,serif;font-size:3rem;color:#fff;line-height:1}
   .rc-stats span{font-size:1rem;color:rgba(255,255,255,.78)}
   .rc-card{
     position:absolute;z-index:2;width:min(370px,calc(100% - 36px));
     border-radius:14px;border:1px solid rgba(96,165,250,.28);
     background:linear-gradient(145deg,rgba(13,31,71,.9),rgba(15,38,89,.82));
     color:#dbeafe;padding:20px 20px 18px;backdrop-filter:blur(4px);
     box-shadow:0 16px 36px rgba(0,0,30,.45);
   }
   .rc-card-top{top:92px;right:70px}
   .rc-card-bottom{left:70px;bottom:95px}
   .rc-no{font-size:.8rem;color:#a5b4fc;margin-bottom:10px}
   .rc-card p{font-size:1rem;line-height:1.72;color:#e2e8f0}
   .rc-by{margin-top:14px;text-align:right;font-size:.88rem;color:#c7d2fe}
   @media(max-width:900px){
     .reviews-cinematic{padding:32px 22px;min-height:640px}
     .rc-card-top{right:20px;top:86px}
     .rc-card-bottom{left:20px;bottom:120px}
     .rc-stats{right:24px;bottom:24px;gap:28px}
     .rc-stats strong{font-size:2.3rem}
   }
   @media(max-width:680px){
     .reviews-rotate{padding:62px 0}
     .reviews-cinematic{min-height:620px}
     .rc-card{width:calc(100% - 40px)}
     .rc-card-top{top:80px;left:20px;right:auto}
     .rc-card-bottom{bottom:150px;left:20px}
     .rc-stats{left:20px;right:auto;bottom:22px;gap:24px}
     .rc-stars{margin-bottom:20px}
     .reviews-cinematic::after{font-size:clamp(3rem,14vw,5.2rem)}
   }
   
   /* Download items (homepage) */
   .download-item{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s var(--spring),box-shadow .3s;cursor:pointer}
   .download-item:hover{border-color:rgba(59,130,246,.36);transform:translateY(-5px);box-shadow:var(--glow)}
   .di-icon{font-size:1.8rem;margin-bottom:10px}
   .di-badge{display:inline-block;padding:2px 9px;border-radius:var(--r-pill);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.24);margin-bottom:8px}
   .download-item h3{font-size:.9rem;margin-bottom:6px}
   .download-item p{font-size:.8rem;margin-bottom:14px}
   
   /* Free resources light wave theme */
   .resources-wave{
     position:relative;overflow:hidden;
     background:
       radial-gradient(ellipse 65% 120% at 8% 50%, rgba(147,197,253,.28) 0%, rgba(147,197,253,0) 58%),
       radial-gradient(ellipse 70% 130% at 92% 35%, rgba(191,219,254,.35) 0%, rgba(191,219,254,0) 62%),
       linear-gradient(180deg,#ffffff 0%,#f4f9ff 42%,#eef6ff 100%);
     border-top:1px solid #dbeafe;
     border-bottom:1px solid #dbeafe;
   }
   .resources-wave .section-tag{color:#2563eb}
   .resources-wave h2{color:#0f172a}
   .resources-wave p{color:#334155}
   .resources-wave .feature-list li{color:#1e3a8a}
   .resources-wave .feature-list li::before{
     background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(125,211,252,.28));
     border-color:rgba(59,130,246,.28);
     color:#1d4ed8;
   }
   .resources-wave .download-item{
     background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.95));
     border:1px solid #bfdbfe;
     box-shadow:0 14px 28px rgba(30,64,175,.14),0 0 0 1px rgba(255,255,255,.85) inset;
     transform:perspective(1100px) translateY(-2px) rotateX(1deg) rotateY(-1deg);
     transform-style:preserve-3d;
   }
   .resources-wave .download-item:hover{
     transform:perspective(1100px) translateY(-8px) rotateX(3deg) rotateY(-2.6deg) scale(1.01);
     box-shadow:0 24px 46px rgba(30,64,175,.2),0 10px 24px rgba(59,130,246,.16);
     border-color:#93c5fd;
   }
   .resources-wave .download-item h3{color:#0f172a}
   .resources-wave .download-item p{color:#475569}
   
   /* Business scroll cards (revolut-style) */
   .business-stack{
     padding:96px 0 112px;
     background:#f8fbff;
     border-top:1px solid #dbeafe;
     border-bottom:1px solid #dbeafe;
   }
   .business-stack .section-tag{color:#2563eb}
   .business-stack h2{color:#0f172a}
   .business-stack .section-header p{color:#334155}
   .business-stack-stage{
     position:relative;
     height:460px;
     max-width:760px;
     margin:0 auto;
   }
   .business-card-step{
     position:absolute;
     inset:0;
     display:flex;
     align-items:center;
     justify-content:center;
     opacity:0;
     transform:translateY(54px) scale(.94);
     transition:opacity .5s var(--ease),transform .5s var(--spring);
   }
   .business-card-step.is-visible{
     opacity:1;
     transform:translateY(0) scale(1);
   }
   
   .sbc-main-container{
     font-family:"Trebuchet MS",sans-serif;
     position:relative;
     height:203px;
     aspect-ratio:1.579;
     border-radius:1em;
     overflow:hidden;
     display:flex;
     align-items:center;
     justify-content:center;
     transition:all 300ms ease-in;
   }
   .business-card-step.is-visible .sbc-main-container{
     transform:rotateZ(1deg) rotateY(10deg) scale(1.03);
     box-shadow:0 2.4em 1.2em rgba(17,24,39,.25);
   }
   
   .sbc-border{
     position:relative;
     display:flex;
     align-items:center;
     justify-content:center;
     border-radius:1em;
     background:linear-gradient(
       115deg,
       rgba(0,0,0,.33) 12%,
       rgba(255,255,255,.33) 27%,
       rgba(255,255,255,.33) 31%,
       rgba(0,0,0,.33) 52%
     );
   }
   
   .business-card-step.is-visible .sbc-border::after{
     position:absolute;
     content:"";
     height:50em;
     aspect-ratio:1.58;
     border-radius:1em;
     background:linear-gradient(
       115deg,
       rgba(0,0,0,1) 42%,
       rgba(255,255,255,1) 47%,
       rgba(255,255,255,1) 51%,
       rgba(0,0,0,1) 52%
     );
     animation:sbc-rotate 4s linear infinite;
     z-index:1;
     opacity:.05;
   }
   
   .sbc-card{
     height:12.5em;
     aspect-ratio:1.586;
     border-radius:1em;
     background-color:#999;
     opacity:.9;
     background-image:linear-gradient(to right,#777,#777 2px,#999 2px,#999);
     background-size:4px 100%;
   }
   
   .sbc-shadow{
     position:relative;
     width:100%;
     height:100%;
     border-radius:.85em;
     border:1px solid #bbb;
     background:
       radial-gradient(circle at 100% 100%,#ffffff 0,#ffffff 8px,transparent 8px) 0% 0%/13px 13px no-repeat,
       radial-gradient(circle at 0 100%,#ffffff 0,#ffffff 8px,transparent 8px) 100% 0%/13px 13px no-repeat,
       radial-gradient(circle at 100% 0,#ffffff 0,#ffffff 8px,transparent 8px) 0% 100%/13px 13px no-repeat,
       radial-gradient(circle at 0 0,#ffffff 0,#ffffff 8px,transparent 8px) 100% 100%/13px 13px no-repeat,
       linear-gradient(#ffffff,#ffffff) 50% 50%/calc(100% - 10px) calc(100% - 26px) no-repeat,
       linear-gradient(#ffffff,#ffffff) 50% 50%/calc(100% - 26px) calc(100% - 10px) no-repeat,
       linear-gradient(135deg,rgba(3,3,3,.5) 0%,transparent 22%,transparent 47%,transparent 73%,rgba(0,0,0,.5) 100%);
     box-sizing:border-box;
   }
   
   .sbc-content{
     position:absolute;
     top:50%;
     left:50%;
     border-radius:.6em;
     border:1px solid #aaa;
     box-shadow:-1px -1px 0 #ddd;
     transform:translate(-50%,-50%);
     height:12em;
     aspect-ratio:1.604;
     background-image:linear-gradient(to right,#777,#555 2px,#aaa 2px,#aaa);
     background-size:4px 100%;
   }
   
   .sbc-rev{top:.5em;left:.75em;color:#ffffff9f;font-size:1.25em}
   .sbc-master{
     position:absolute;
     bottom:1.25em;
     right:.5em;
     background:linear-gradient(90deg,rgba(75,75,75,.25) 0%,rgba(121,121,121,1) 100%);
     color:#fff;
     height:2.5em;
     width:2.5em;
     border:1px solid #bbb;
     border-radius:50%;
   }
   .sbc-master.one{right:2em}
   .sbc-master-text{bottom:.25em;right:.8em;font-size:.75em}
   .sbc-ultra-text{top:-4px;right:1.75em;font-size:.5em;color:rgba(255,255,255,.66)}
   .sbc-ultra-text,.sbc-master-text,.sbc-rev{
     position:absolute;
     text-shadow:-1px -1px #333;
     color:#fff;
     opacity:.75;
   }
   .sbc-chip{position:absolute;top:27.5%;left:8.25%;width:40px;height:40px}
   
   @keyframes sbc-rotate{
     0%{transform:translate(-25em,-15em)}
     20%{transform:translate(25em,15em)}
     100%{transform:translate(25em,15em)}
   }
   
   /* 3 flip cards section */
   .flip-cards-section{
     padding:88px 0;
     background:#ffffff;
     border-top:1px solid #e2e8f0;
     border-bottom:1px solid #e2e8f0;
   }
   .flip-cards-grid{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:24px;
     justify-items:center;
   }
   .flip-card{
     width:300px;
     height:200px;
     perspective:1000px;
   }
   .flip-card-inner{
     width:100%;
     height:100%;
     position:relative;
     transform-style:preserve-3d;
     transition:transform .999s;
   }
   .flip-card:hover .flip-card-inner{transform:rotateY(180deg)}
   .flip-card-front,
   .flip-card-back{
     position:absolute;
     width:100%;
     height:100%;
     backface-visibility:hidden;
     display:flex;
     align-items:center;
     justify-content:center;
     text-align:center;
     padding:16px 18px;
     border-radius:12px;
     font-size:24px;
   }
   .flip-card-front{
     color:#fff;
     border:1px solid rgba(255,255,255,.18);
     box-shadow:0 10px 30px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.08);
     overflow:hidden;
   }
   .flip-card-back{
     color:#fff;
     border:1px solid rgba(255,255,255,.15);
     box-shadow:0 10px 30px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
     transform:rotateY(180deg);
     overflow:hidden;
   }
   .fc-brand,.fc-info{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;width:100%;position:relative;z-index:2}
   .fc-logo{
     width:34px;
     height:34px;
     border-radius:8px;
     display:inline-flex;
     align-items:center;
     justify-content:center;
     margin-bottom:4px;
     border:1px solid rgba(255,255,255,.35);
     background:rgba(255,255,255,.12);
   }
   .fc-logo span{font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:.03em;color:#fff}
   .fc-mini{font-size:.58rem;letter-spacing:.16em;color:rgba(255,255,255,.78);text-transform:uppercase}
   .fc-name{font-family:var(--font-h);font-size:1.02rem;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.2}
   .fc-role{font-size:.78rem;font-weight:600;color:#e2e8f0;line-height:1.35}
   .fc-info p{font-size:.76rem;line-height:1.45;color:#e2e8f0}
   .fc-line{position:relative;padding-left:11px}
   .fc-line::before{
     content:"";
     position:absolute;
     left:0;
     top:.5em;
     width:5px;
     height:5px;
     border-radius:50%;
     background:rgba(255,255,255,.55);
   }
   
   /* Per-card unique front/back designs */
   .flip-card-seo .flip-card-front{
     background:
       linear-gradient(145deg,#0b1530,#0f1f46 58%,#132857),
       radial-gradient(circle at 88% 10%,rgba(212,175,55,.2),transparent 38%);
     border-color:rgba(212,175,55,.45);
     box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(212,175,55,.2);
   }
   .flip-card-seo .fc-logo{
     background:linear-gradient(145deg,#7a5a13,#d4af37);
     border-color:rgba(245,220,138,.75);
   }
   .flip-card-seo .fc-logo span{color:#111827}
   .flip-card-seo .fc-mini{color:#f5deb3}
   .flip-card-seo .fc-name{color:#f8e7bf}
   .flip-card-seo .fc-role{color:#e9d8a6}
   .flip-card-seo .fc-brand{align-items:center;text-align:center}
   .flip-card-seo .flip-card-front::before{
     content:"";
     position:absolute;
     right:-24px;
     top:20px;
     width:140px;
     height:56px;
     background:linear-gradient(90deg,rgba(212,175,55,.9),rgba(245,220,138,.75));
     border-radius:30px;
     opacity:.55;
   }
   .flip-card-seo .flip-card-front::after{
     content:"";
     position:absolute;
     left:-42px;
     bottom:18px;
     width:176px;
     height:62px;
     background:linear-gradient(90deg,rgba(212,175,55,.7),rgba(245,220,138,.4));
     border-radius:30px;
   }
   .flip-card-seo .flip-card-back{
     background:
       linear-gradient(145deg,#0c1a3a,#102653 60%,#0f1d3c),
       radial-gradient(circle at 12% 90%,rgba(212,175,55,.18),transparent 36%);
     border-color:rgba(212,175,55,.45);
   }
   .flip-card-seo .flip-card-back .fc-name{color:#f8e7bf}
   .flip-card-seo .flip-card-back .fc-role{color:#e9d8a6}
   .flip-card-seo .flip-card-back .fc-info p{color:#f3e3be}
   .flip-card-seo .flip-card-back .fc-line::before{background:#d4af37}
   .flip-card-seo .flip-card-back .fc-info{
     border-left:1px solid rgba(212,175,55,.45);
     padding-left:12px;
   }
   .flip-card-seo .flip-card-back::after{
     content:"";
     position:absolute;
     right:0;
     top:0;
     width:84px;
     height:100%;
     background:linear-gradient(180deg,rgba(212,175,55,.18),rgba(212,175,55,.05));
   }
   
   .flip-card-ads .flip-card-front{
     background:
       linear-gradient(145deg,#0f1e18,#1a2f26 60%,#14261f),
       radial-gradient(circle at 85% 12%,rgba(201,171,97,.16),transparent 36%);
     border-color:rgba(201,171,97,.45);
     box-shadow:0 12px 30px rgba(0,0,0,.38),inset 0 0 0 1px rgba(201,171,97,.18);
   }
   .flip-card-ads .fc-logo{
     background:linear-gradient(145deg,#6f5a2e,#c9ab61);
     border-color:rgba(233,216,166,.7);
   }
   .flip-card-ads .fc-logo span{color:#1a1a1a}
   .flip-card-ads .fc-mini{color:#d8c590}
   .flip-card-ads .fc-name{color:#f1e3bc}
   .flip-card-ads .fc-role{color:#e4d3a3}
   .flip-card-ads .fc-brand{
     justify-content:flex-start;
     padding-left:52px;
     padding-top:6px;
     gap:5px;
   }
   .flip-card-ads .flip-card-front::before{
     content:"";
     position:absolute;
     right:-24px;
     top:-18px;
     width:160px;
     height:160px;
     border:1px solid rgba(201,171,97,.45);
     border-radius:50%;
     opacity:.55;
   }
   .flip-card-ads .flip-card-front::after{
     content:"";
     position:absolute;
     left:-48px;
     bottom:-26px;
     width:200px;
     height:130px;
     border:1px solid rgba(201,171,97,.35);
     border-radius:50%;
     opacity:.45;
   }
   .flip-card-ads .flip-card-front .fc-logo{
     position:absolute;
     left:18px;
     top:20px;
   }
   .flip-card-ads .flip-card-front .fc-name{
     font-style:italic;
     font-weight:600;
     font-size:1.05rem;
     line-height:1.15;
   }
   .flip-card-ads .flip-card-back{
     background:
       linear-gradient(145deg,#10231c,#1b3329 58%,#14271f),
       radial-gradient(circle at 15% 92%,rgba(201,171,97,.14),transparent 34%);
     border-color:rgba(201,171,97,.42);
   }
   .flip-card-ads .flip-card-back .fc-name{color:#f1e3bc}
   .flip-card-ads .flip-card-back .fc-role{color:#e4d3a3}
   .flip-card-ads .flip-card-back .fc-info p{color:#e8dab0}
   .flip-card-ads .flip-card-back .fc-line::before{background:#c9ab61}
   .flip-card-ads .flip-card-back .fc-info{
     border-left:1px solid rgba(201,171,97,.35);
     padding-left:12px;
   }
   .flip-card-ads .flip-card-back::after{
     content:"";
     position:absolute;
     right:14px;
     bottom:14px;
     width:46px;
     height:46px;
     border:2px solid rgba(201,171,97,.75);
     background:
       linear-gradient(90deg,transparent 45%,rgba(201,171,97,.45) 45% 55%,transparent 55%),
       linear-gradient(transparent 45%,rgba(201,171,97,.45) 45% 55%,transparent 55%);
     opacity:.9;
   }
   
   .flip-card-web .flip-card-front{
     background:
       linear-gradient(145deg,#050505,#111111 58%,#090909),
       radial-gradient(circle at 82% 14%,rgba(212,175,55,.18),transparent 34%);
     border-color:rgba(212,175,55,.42);
     box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 0 1px rgba(212,175,55,.16);
   }
   .flip-card-web .fc-logo{
     background:linear-gradient(145deg,#6f5a2e,#d4af37);
     border-color:rgba(245,220,138,.72);
   }
   .flip-card-web .fc-logo span{color:#161616}
   .flip-card-web .fc-mini{color:#d9bd76}
   .flip-card-web .fc-name{color:#f5df9e}
   .flip-card-web .fc-role{color:#e8cd88}
   .flip-card-web .fc-brand{align-items:center;text-align:center}
   .flip-card-web .flip-card-front::before{
     content:"";
     position:absolute;
     inset:0;
     background:
       linear-gradient(120deg,transparent 0 18%,rgba(212,175,55,.45) 19%,transparent 23%),
       linear-gradient(300deg,transparent 0 58%,rgba(212,175,55,.38) 59%,transparent 63%),
       linear-gradient(20deg,transparent 0 73%,rgba(212,175,55,.3) 74%,transparent 78%);
     opacity:.7;
   }
   .flip-card-web .flip-card-front::after{
     content:"";
     position:absolute;
     right:16px;
     top:14px;
     width:34px;
     height:34px;
     border:1px solid rgba(212,175,55,.72);
     box-shadow:inset 0 0 0 1px rgba(212,175,55,.35);
   }
   .flip-card-web .flip-card-back{
     background:
       linear-gradient(145deg,#050505,#111111 60%,#090909),
       radial-gradient(circle at 14% 88%,rgba(212,175,55,.14),transparent 35%);
     border-color:rgba(212,175,55,.42);
   }
   .flip-card-web .flip-card-back::before{
     content:"";
     position:absolute;
     inset:0;
     background:
       linear-gradient(120deg,transparent 0 32%,rgba(212,175,55,.3) 33%,transparent 37%),
       linear-gradient(300deg,transparent 0 64%,rgba(212,175,55,.24) 65%,transparent 69%),
       radial-gradient(circle at 82% 20%,rgba(212,175,55,.2),transparent 28%);
     opacity:.72;
   }
   .flip-card-web .flip-card-back .fc-name{color:#f5df9e}
   .flip-card-web .flip-card-back .fc-role{color:#e8cd88}
   .flip-card-web .flip-card-back .fc-info p{color:#e8d39a}
   .flip-card-web .flip-card-back .fc-line::before{background:#d4af37}
   .flip-card-web .flip-card-back .fc-info{
     border-left:1px solid rgba(212,175,55,.4);
     padding-left:12px;
   }
   .flip-card-web .flip-card-back::after{
     content:"";
     position:absolute;
     right:-42px;
     bottom:-30px;
     width:180px;
     height:120px;
     background:
       linear-gradient(145deg,#050505,#141414),
       radial-gradient(circle at 20% 20%,rgba(212,175,55,.35),transparent 35%);
     border-radius:36px;
     transform:rotate(-24deg);
     border:1px solid rgba(212,175,55,.35);
   }
   
   /* CTA Band */
   /* Pre-CTA paragraph block (before consultation band) */
   .pre-cta-copy{
     padding:56px 0 64px;
     background:#f8fafc;
     border-top:1px solid #e2e8f0;
   }
   .pre-cta-copy-inner{
     max-width:760px;
     margin:0 auto;
   }
   .pre-cta-copy p{
     font-size:1.05rem;
     line-height:1.88;
     color:#334155;
     margin:0 0 1.35rem;
     text-align:justify;
     hyphens:auto;
   }
   .pre-cta-copy p:last-child{margin-bottom:0}
   body.service-page .pre-cta-copy{
     background:#ffffff;
     border-top:1px solid #dbeafe;
   }
  body.service-page .pre-cta-copy h2{color:#0f172a}
  body.service-page .pre-cta-copy p{color:#111827}
   
   /* Pre-CTA FAQ (before consultation band) */
   .pre-cta-faq{
     padding:48px 0 56px;
     background:#f1f5f9;
     border-top:1px solid #e2e8f0;
   }
   .pre-cta-faq-inner{max-width:800px;margin:0 auto}
   .pre-cta-faq-title{
     font-family:var(--font-h, 'Syne', sans-serif);
     font-size:clamp(1.5rem,3vw,1.85rem);
     color:#0f172a;
     margin-bottom:28px;
     text-align:center;
   }
   .pre-cta-faq-list{display:flex;flex-direction:column;gap:10px}
   .pre-cta-faq-item{
     background:#ffffff;
     border:1px solid #e5e7eb;
     border-radius:10px;
     overflow:hidden;
     transition:border-color .2s ease,box-shadow .2s ease;
   }
   .pre-cta-faq-item[open]{
     border-color:#cbd5e1;
     box-shadow:0 4px 16px rgba(15,23,42,.06);
   }
   .pre-cta-faq-summary{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:16px;
     padding:18px 20px;
     font-size:1rem;
     font-weight:600;
     color:#0f172a;
     line-height:1.45;
     cursor:pointer;
     list-style:none;
     user-select:none;
   }
   .pre-cta-faq-summary::-webkit-details-marker{display:none}
   .pre-cta-faq-summary::marker{content:''}
   .pre-cta-faq-summary::after{
     content:'';
     flex-shrink:0;
     width:9px;
     height:9px;
     margin-top:-2px;
     border-right:2px solid #374151;
     border-bottom:2px solid #374151;
     transform:rotate(45deg);
     transition:transform .25s ease;
   }
   .pre-cta-faq-item[open] > .pre-cta-faq-summary::after{
     transform:rotate(-135deg);
     margin-top:2px;
   }
   .pre-cta-faq-body{
     padding:0 20px 18px;
     border-top:1px solid #f1f5f9;
   }
   .pre-cta-faq-a{
     font-size:1rem;
     line-height:1.8;
     color:#475569;
     margin:0;
     padding-top:14px;
     text-align:justify;
     hyphens:auto;
   }
   body.service-page .pre-cta-faq{
    background:#ffffff;
    border-top:none;
   }
   body.service-page .pre-cta-faq-title{color:#0f172a}
   body.service-page .pre-cta-faq-item{background:#ffffff}
   body.service-page .pre-cta-faq-summary{color:#0f172a}
  body.service-page .pre-cta-faq-a{color:#111827}
   
   /* Justified body text in content sections (not headers / CTA / stats) */
   .section .container p,
   .section .lead,
   .page-hero .lead,
   body.service-page .section p,
   body.service-page .service-page-intro p{
     text-align:justify;
     hyphens:auto;
   }
   .section-header.center p,
   .section-header.center .lead,
   .cta-band p,
   .stat-block,
   .stat-block p,
   .testimonial-text,
   .pre-cta-faq-title,
   .pre-cta-faq-summary,
   .hero-stats,
   .hero-stats *,
   .breadcrumb,
   .footer p,
   .card-link,
   .dl-sub,
   .otp-hint,
   .otp-resend{
     text-align:inherit;
     hyphens:none;
   }
   .section-header.center,
   .section-header.center p,
   .section-header.center .lead{text-align:center!important}
   .cta-band,
   .cta-band p{text-align:center!important}
   .stat-block,
   .stat-block p{text-align:center!important}
   .pre-cta-faq-title{text-align:center!important}
   .pre-cta-faq-summary{text-align:left!important}
   
   .cta-band{padding:96px 0;text-align:center;background:#ffffff;position:relative;overflow:hidden;border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe}
   .cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(59,130,246,.08) 0%,transparent 70%)}
   .cta-band>*{position:relative;z-index:1}
   .cta-band h2{margin-bottom:14px;color:#1d4ed8}
   .cta-band p{margin:0 auto 36px;max-width:480px;color:#2563eb}
   
   /* Service pages alternating theme */
   body.service-page .section.service-section-dark{
     background:#071a4a;
     border-top:1px solid rgba(59,130,246,.16);
     border-bottom:1px solid rgba(59,130,246,.16);
   }
   body.service-page .section.service-section-dark h2,
   body.service-page .section.service-section-dark h3,
   body.service-page .section.service-section-dark h4{color:#f8fafc}
   body.service-page .section.service-section-dark p,
   body.service-page .section.service-section-dark li{color:#cbd5e1}
  body.service-page .section.service-section-dark .feature-list.feature-list--white li{color:#ffffff}
  body.service-page .section.service-section-dark .feature-list.feature-list--white li::before{
    color:#ffffff;
    border-color:rgba(255, 255, 255, 0.38);
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255, 255, 255, 0.08));
  }
   
   body.service-page .section.service-section-light{
     background:#ffffff;
     border-top:1px solid #e2e8f0;
     border-bottom:1px solid #e2e8f0;
   }
   body.service-page .section.service-section-light h2,
   body.service-page .section.service-section-light h3,
   body.service-page .section.service-section-light h4{color:#ffffff}
   body.service-page .section.service-section-light p,
   body.service-page .section.service-section-light li{color:#ffffff}
   body.service-page .section.service-section-light .section-tag{color:#2563eb}
   
   body.service-page .service-page-intro{
     background:#ffffff;
     border-top:1px solid #e2e8f0;
     border-bottom:1px solid #e2e8f0;
   }
   body.service-page .service-intro-wrap{
     max-width:980px;
   }
   body.service-page .service-page-intro h2{
     color:#0f172a;
     margin-bottom:14px;
   }
   body.service-page .service-page-intro p{
     color:#334155;
     text-align:justify;
     line-height:1.85;
     font-size:1rem;
   }
   .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
   
   /* Blog cards */
   .blog-card{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .38s var(--spring),box-shadow .38s,border-color .38s;display:flex;flex-direction:column}
   .blog-card:hover{transform:translateY(-9px);box-shadow:0 28px 72px rgba(0,0,30,.6),var(--glow);border-color:rgba(59,130,246,.3)}
   .blog-img{overflow:hidden}
   .blog-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .55s var(--ease)}
   .blog-card:hover .blog-img img{transform:scale(1.06)}
   .blog-body{padding:22px;flex:1;display:flex;flex-direction:column}
   .blog-meta{font-size:.75rem;color:var(--muted);margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
   .blog-card h3{font-size:1rem;margin-bottom:8px;transition:color .2s}
   .blog-card:hover h3{color:var(--blue-glow)}
   .blog-card p{font-size:.87rem;flex:1;margin-bottom:18px}
   .blog-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid rgba(59,130,246,.08)}
   .read-more{display:inline-flex;align-items:center;gap:6px;color:var(--blue-light);font-size:.84rem;font-weight:600;transition:gap .24s,color .24s}
   .blog-card:hover .read-more{gap:10px;color:var(--blue-glow)}
   
   /* Resource cards (downloads page) */
   .res-card{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .35s,transform .35s var(--spring),box-shadow .35s}
   .res-card:hover{border-color:rgba(59,130,246,.38);transform:translateY(-7px);box-shadow:0 22px 66px rgba(0,0,30,.55),var(--glow)}
   .res-head{padding:26px 26px 0;display:flex;align-items:flex-start;gap:14px}
   .res-icon{width:54px;height:54px;border-radius:var(--r-md);flex-shrink:0;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-size:1.55rem;box-shadow:0 6px 22px rgba(36,99,235,.38);transition:transform .3s var(--spring)}
   .res-card:hover .res-icon{transform:scale(1.1) rotate(-5deg)}
   .res-meta h3{font-size:1rem;margin-bottom:5px}.res-meta p{font-size:.82rem}
   .res-body{padding:16px 26px;flex:1}
   .res-body ul{display:flex;flex-direction:column;gap:6px}
   .res-body ul li{font-size:.83rem;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
   .res-body ul li::before{content:'→';color:var(--blue-light);flex-shrink:0}
   .res-foot{padding:18px 26px 26px;border-top:1px solid rgba(59,130,246,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}
   .res-size{font-size:.76rem;color:var(--muted)}
   
   /* ═══════ DOWNLOAD MODAL ═══════ */
   .dl-overlay{position:fixed;inset:0;z-index:99000;background:rgba(5,12,26,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
   .dl-overlay.open{opacity:1;pointer-events:auto}
   .dl-modal{background:linear-gradient(145deg,#091428,#0d1e3a);border:1px solid rgba(59,130,246,.3);border-radius:var(--r-xl);padding:44px 40px;max-width:440px;width:100%;box-shadow:0 36px 90px rgba(0,0,30,.75),0 0 0 1px rgba(124,58,237,.1);transform:translateY(28px) scale(.96);transition:transform .4s var(--spring);position:relative}
   .dl-overlay.open .dl-modal{transform:translateY(0) scale(1)}
   .dl-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:var(--r-sm);background:rgba(36,99,235,.12);border:1px solid rgba(59,130,246,.2);color:var(--muted);font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
   .dl-x:hover{background:rgba(36,99,235,.28);color:var(--white)}
   .dl-icon{width:64px;height:64px;border-radius:var(--r-lg);background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 22px;box-shadow:0 8px 28px rgba(36,99,235,.42)}
   .dl-modal h3{text-align:center;font-size:1.22rem;margin-bottom:8px}
   .dl-sub{text-align:center;font-size:.86rem;margin-bottom:24px}
   .dl-step{display:none}.dl-step.active{display:block}
   .otp-row{display:flex;gap:10px;justify-content:center;margin:18px 0}
   .otp-box{width:50px;height:56px;text-align:center;font-size:1.35rem;font-weight:700;font-family:var(--font-h);background:rgba(36,99,235,.09);border:1px solid rgba(59,130,246,.28);border-radius:var(--r-md);color:var(--white);transition:border-color .24s,box-shadow .24s}
   .otp-box:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
   .otp-hint{text-align:center;font-size:.79rem;color:var(--muted);margin-bottom:16px}
   .otp-resend{text-align:center;margin-top:12px;font-size:.81rem;color:var(--muted)}
   .otp-resend a{color:var(--blue-light);cursor:pointer;text-decoration:underline;margin-left:4px}
   .otp-err{color:#f87171;font-size:.81rem;text-align:center;margin-top:8px;display:none}
   .dl-success{text-align:center}
   .dl-ok-icon{font-size:3rem;display:block;margin-bottom:12px;animation:pop .5s var(--spring)}
   @keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
   .dl-bar-wrap{width:100%;height:4px;background:rgba(36,99,235,.16);border-radius:99px;margin:18px 0;overflow:hidden}
   .dl-bar{height:100%;width:0;background:var(--grad-btn);border-radius:99px;transition:width 3s linear}
   .form-group{margin-bottom:16px}
   .form-label{display:block;font-size:.83rem;font-weight:500;color:var(--text);margin-bottom:6px}
   .form-control{width:100%;padding:12px 15px;background:rgba(36,99,235,.07);border:1px solid rgba(59,130,246,.2);border-radius:var(--r-md);color:var(--text);font-family:var(--font-b);font-size:.92rem;transition:border-color .24s,box-shadow .24s,background .24s}
   .form-control::placeholder{color:var(--muted);opacity:.55}
   .form-control:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px rgba(59,130,246,.12);background:rgba(36,99,235,.1)}
   .toast-el{position:fixed;bottom:26px;right:26px;z-index:99999;background:rgba(6,14,32,.97);border:1px solid rgba(59,130,246,.28);border-radius:var(--r-md);padding:13px 18px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow),var(--glow);transform:translateY(80px);opacity:0;transition:transform .4s var(--spring),opacity .4s;font-size:.87rem;max-width:300px}
   .toast-el.show{transform:translateY(0);opacity:1}
   .t-icon{font-size:1.1rem;flex-shrink:0}
   
   /* ═══════ SCROLL REVEAL ═══════ */
   [data-reveal]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}
   [data-reveal="up"]{transform:translateY(36px)}
   [data-reveal="left"]{transform:translateX(-36px)}
   [data-reveal="right"]{transform:translateX(36px)}
   [data-reveal="scale"]{transform:scale(.92);transition:opacity .65s var(--ease),transform .65s var(--spring)}
   [data-reveal].revealed{opacity:1;transform:none}
   [data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}
   [data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}[data-delay="5"]{transition-delay:.5s}
   
   /* Keyframes */
   @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
   @keyframes fadeRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
   
   /* ═══════ FOOTER ═══════ */
   .footer{background:var(--bg2);border-top:1px solid rgba(59,130,246,.1);padding:64px 0 28px}
   .footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1.2fr;gap:34px;margin-bottom:44px}
   .footer-brand p{font-size:.9rem;line-height:1.75;margin-top:16px;max-width:320px;color:var(--muted)}
   .footer-col h5{font-family:var(--font-h);font-size:1.1rem;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--white);margin-bottom:16px}
   .footer-col ul{display:flex;flex-direction:column;gap:10px}
   .footer-col ul a{font-size:.95rem;color:var(--muted);transition:color .2s,transform .2s;display:inline-block}
   .footer-col ul a:hover{color:var(--blue-glow);transform:translateX(4px)}
   .footer-contact ul a{
     font-size:.9rem;
     display:inline-flex;
     align-items:center;
     gap:8px;
   }
   .footer-contact .contact-icon{
     flex:0 0 16px;
     display:inline-flex;
     justify-content:center;
   }
   .footer-contact .contact-text{
     line-height:1.5;
   }
   .footer-hr{border:none;border-top:1px solid rgba(59,130,246,.09);margin-bottom:18px}
   .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
   .footer-bottom p{font-size:.86rem;color:var(--muted)}
   .footer-bottom-center{flex-direction:column;justify-content:center;text-align:center}
   .footer-legal-links{display:flex;align-items:center;gap:10px}
   .footer-legal-links a{color:var(--muted)}
   .footer-legal-links a:hover{color:var(--blue-light)}
   .footer-social{display:flex;gap:12px;margin-top:22px}
   .soc-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(36,99,235,.24),rgba(124,58,237,.28));border:1px solid rgba(59,130,246,.22);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;transition:all .25s var(--spring);box-shadow:0 4px 14px rgba(36,99,235,.22)}
   .soc-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(124,58,237,.34)}
   .soc-btn svg{width:18px;height:18px;fill:currentColor;display:block}
   
  /* Right-side expandable contact CTA */
  .sk-contact-fab-wrap{
    position:fixed;
    right:max(16px, env(safe-area-inset-right));
    bottom:max(20px, env(safe-area-inset-bottom));
    z-index:9800;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:18px;
  }
  .sk-contact-fab{
    width:88px;
    height:88px;
    border:none;
    border-radius:50%;
    padding:0;
    display:grid;
    place-items:center;
    background:transparent;
    box-shadow:0 12px 28px rgba(15,23,42,.18);
    cursor:pointer;
    overflow:hidden;
    transition:transform .22s var(--spring),box-shadow .22s;
  }
  .sk-contact-fab-icon{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .sk-contact-fab:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 16px 32px rgba(15,23,42,.24);
  }
  .sk-contact-fab-menu{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:18px;
    max-height:calc(100vh - 150px);
    overflow-y:auto;
    padding:6px 4px 6px 10px;
    opacity:0;
    transform:translateY(12px) scale(.98);
    pointer-events:none;
    transition:opacity .24s var(--ease),transform .24s var(--ease);
    overscroll-behavior:contain;
    scrollbar-width:none;
  }
  .sk-contact-fab-menu::-webkit-scrollbar{
    display:none;
  }
  .sk-contact-fab-wrap.open .sk-contact-fab-menu{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }
  .sk-contact-fab-row{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
  }
  .sk-contact-fab-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:112px;
    padding:14px 20px;
    border-radius:999px;
    background:#16233d;
    color:#fff;
    font-size:1rem;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    box-shadow:0 10px 22px rgba(15,23,42,.16);
    text-decoration:none;
    transition:transform .22s var(--spring),box-shadow .22s;
  }
  .sk-contact-fab-item{
    width:72px;
    height:72px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    border:3px solid #cfa436;
    box-shadow:0 14px 30px rgba(15,23,42,.16);
    flex-shrink:0;
    text-decoration:none;
    transition:transform .22s var(--spring),box-shadow .22s;
  }
  .sk-contact-fab-item svg{
    width:30px;
    height:30px;
    fill:currentColor;
  }
  .sk-contact-fab-item.dark{
    background:#111b30;
  }
  .sk-contact-fab-item.gold{
    background:#cfa436;
    color:#fff;
  }
  .sk-contact-fab-item.blue{
    background:#24498e;
  }
  .sk-contact-fab-item.whatsapp{
    background:#25d366;
    border-color:#25d366;
    color:#22543d;
  }
  .sk-contact-fab-item:hover,
  .sk-contact-fab-label:hover{
    transform:translateY(-2px);
  }
   
   /* ═══════ RESPONSIVE ═══════ */
   @media(max-width:1180px){
     .nav-inner{padding:0 16px}
     .brand-logo-img{height:40px}
     .nav-menu > a,.nav-drop > .drop-toggle{font-size:.82rem;padding:7px 9px}
     .nav-cta{padding:8px 14px!important;font-size:.8rem!important}
   }
   @media(max-width:1160px){
     :root{--nav-h:64px}
     .nav-menu{display:none}
     .hamburger{display:flex}
    .nav-inner{justify-content:space-between;position:relative}
    .nav-logo{margin:0}
    .hamburger{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
     .site-nav.scrolled{top:8px;width:96vw}
   }
   @media(max-width:1080px){
     :root{--nav-h:64px}
     .nav-menu{display:none}.hamburger{display:flex}
     .site-nav.scrolled{top:8px;width:96vw}
   }
   @media(max-width:1200px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:26px}}
   @media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
   @media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}.flip-cards-grid{grid-template-columns:repeat(2,1fr)}}
   @media(max-width:768px){
     :root{--nav-h:64px}
    .nav-menu{display:none}.hamburger{display:flex}
    .nav-inner{justify-content:space-between;position:relative}
    .nav-logo{margin:0}
    .hamburger{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
     .brand-logo-img{height:38px}
     .grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}
     .hero{padding:calc(var(--nav-h)+44px) 0 52px;min-height:auto}
     .hero-stats{gap:24px}.hero-metric:nth-child(3){display:none}
     .section{padding:72px 0}.section-sm{padding:44px 0}
     .footer-grid{grid-template-columns:1fr;gap:28px}
     .site-nav.scrolled{top:8px;width:96vw}
     .dl-modal{padding:32px 24px}
     .otp-box{width:44px;height:52px;font-size:1.2rem}
     .business-stack{padding:74px 0 86px}
     .business-stack-stage{height:320px}
     .sbc-main-container{height:168px}
     .flip-cards-grid{grid-template-columns:1fr}
     .sk-contact-fab-wrap{right:max(12px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));gap:14px}
     .sk-contact-fab{width:74px;height:74px}
     .sk-contact-fab-menu{gap:12px;max-height:calc(100vh - 120px);padding:4px 2px 4px 8px}
     .sk-contact-fab-row{gap:10px}
     .sk-contact-fab-label{min-width:98px;padding:12px 16px;font-size:.95rem}
     .sk-contact-fab-item{width:60px;height:60px}
     .sk-contact-fab-item svg{width:24px;height:24px}
   
   }
   @media(max-width:520px){
     h1{font-size:1.85rem}h2{font-size:1.45rem}
     .btn{padding:12px 20px;font-size:.87rem}.btn-lg{padding:13px 24px;font-size:.9rem}
     .hero-actions{flex-direction:column;align-items:flex-start}
     .hero-stats{flex-direction:column;gap:18px}
     .grid-4{grid-template-columns:1fr}
     .footer-bottom{flex-direction:column;align-items:flex-start}
     .otp-row{gap:7px}.otp-box{width:40px;height:48px;font-size:1.1rem}
     .container{padding:0 18px}
     .dl-modal{padding:28px 18px}
     .cta-actions{flex-direction:column;align-items:center}
     .flip-card{width:100%;max-width:300px}
    .sk-contact-fab-wrap{right:max(10px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));gap:12px}
    .sk-contact-fab{width:64px;height:64px}
    .sk-contact-fab-menu{gap:10px;max-height:calc(100vh - 108px);padding:2px 0 2px 6px}
    .sk-contact-fab-row{gap:8px}
    .sk-contact-fab-label{min-width:84px;padding:10px 14px;font-size:.84rem}
    .sk-contact-fab-item{width:54px;height:54px;border-width:2px}
    .sk-contact-fab-item svg{width:22px;height:22px}
   }

  @media(max-height:740px){
    .sk-contact-fab-menu{gap:10px;max-height:calc(100vh - 110px)}
    .sk-contact-fab-label{padding:11px 16px;font-size:.9rem}
    .sk-contact-fab-item{width:58px;height:58px}
    .sk-contact-fab-item svg{width:23px;height:23px}
  }

  /* Footer center alignment (global override) */
  .footer-grid{
    text-align:center;
  }
  .footer-brand,
  .footer-col,
  .footer-contact{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-col ul{
    align-items:center;
  }
  .footer-social{
    justify-content:center;
  }
  .footer-bottom{
    justify-content:center;
    text-align:center;
  }
  .footer-legal-links{
    justify-content:center;
  }
  .footer-col ul a:hover{
    transform:none;
  }

  /* Global content justification (all screens) */
  body p,
  body li,
  body .lead,
  body .testimonial-text,
  body .section-header p,
  body .pre-cta-faq-summary,
  body .dl-sub,
  body .otp-hint,
  body .otp-resend,
  body .footer p{
    text-align:justify !important;
    text-justify:inter-word;
  }