/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/




  :root{
    --blue-900:#0B1A4D;
    --blue-700:#1638B0;
    --blue-600:#2049D6;
    --blue-50:#EEF2FD;
    --gold-500:#F5A623;
    --gold-400:#FBC34D;
    --ink:#0E1329;
    --ink-soft:#4B5170;
    --paper:#FFFFFF;
    --paper-soft:#F6F8FC;
    --line:#E4E8F5;
    --g-red:#EA4335;
    --g-yellow:#FBBC05;
    --g-green:#34A853;
    --g-blue:#4285F4;
    --radius:18px;
    --shadow-sm:0 2px 10px rgba(11,26,77,0.06);
    --shadow-lg:0 24px 60px -20px rgba(11,26,77,0.35);
    --container:1180px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,.display{
    font-family:'Sora',system-ui,sans-serif;
    font-weight:800;
    letter-spacing:-0.02em;
    margin:0;
  }
  p{margin:0;line-height:1.6;color:var(--ink-soft);}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .container{max-width:var(--container);margin:0 auto;padding:0 24px;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--blue-700);
    background:var(--blue-50);
    border:1px solid #D9E2FA;
    padding:7px 14px;border-radius:100px;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-500);flex:none;}

  section{padding:88px 0;}
  @media(max-width:720px){ section{padding:56px 0;} }

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:15px 26px;border-radius:100px;font-weight:700;font-size:15.5px;
    border:2px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    font-family:'Inter',sans-serif;
    white-space:nowrap;
  }
  .btn:active{transform:scale(0.97);}
  .btn-primary{
    background:linear-gradient(135deg,var(--gold-400),var(--gold-500));
    color:var(--blue-900);
    box-shadow:0 10px 24px -8px rgba(245,166,35,0.55);
  }
  .btn-primary:hover{box-shadow:0 14px 30px -8px rgba(245,166,35,0.7);}
  .btn-outline{
    background:transparent;border-color:var(--line);color:var(--blue-900);
  }
  .btn-outline:hover{border-color:var(--blue-600);}
  .btn-white{background:var(--paper);color:var(--blue-900);}

  /* ===== Header ===== */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .nav-wrap{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;
  }
  .brand{display:flex;align-items:center;gap:10px;}
  .brand-mark{
    width:40px;height:40px;flex:none;position:relative;
  }
  .brand-name{font-family:'Sora',sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.01em;line-height:1;}
  .brand-name span:first-child{color:var(--blue-700);}
  .brand-name span:last-child{color:var(--gold-500);}
  .brand-tag{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;margin-top:1px;}

  nav.links{display:flex;gap:30px;align-items:center;}
  nav.links a{font-size:14.5px;font-weight:600;color:var(--ink);opacity:.75;transition:opacity .15s;}
  nav.links a:hover{opacity:1;}

  .header-cta{display:flex;align-items:center;gap:14px;}
  .phone-pill{
    display:flex;align-items:center;gap:8px;
    font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;
    color:var(--blue-900);
  }
  .phone-pill svg{flex:none;}

  .menu-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;}
  .menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

  @media(max-width:900px){
    nav.links{display:none;}
    .header-cta .phone-pill{display:none;}
    .menu-btn{display:block;}
  }

  /* ===== Hero ===== */
  .hero{
    position:relative;
    padding-top:64px;
    background:
      radial-gradient(700px 420px at 85% -10%, rgba(32,73,214,0.08), transparent 60%),
      var(--paper);
    overflow:hidden;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;
  }
  .hero h1{
    font-size:clamp(34px,5.4vw,58px);
    line-height:1.04;
    margin-top:20px;
  }
  .hero h1 .accent{
    background:linear-gradient(100deg,var(--blue-700),var(--blue-600) 55%, var(--gold-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    display:block;
  }
  .hero p.lead{
    font-size:17.5px;margin-top:20px;max-width:480px;
  }
  .hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
  .trust-row{
    display:flex;align-items:center;gap:12px;margin-top:34px;
  }
  .stars{color:var(--gold-500);font-size:15px;letter-spacing:2px;}
  .trust-row .txt{font-size:13.5px;font-weight:600;color:var(--ink-soft);}

  .hero-visual{position:relative;display:flex;justify-content:center;}
  .tap-stage{
    position:relative;width:100%;max-width:400px;
  }
  .tap-stage img{
    width:100%;border-radius:22px;
    filter:drop-shadow(0 30px 50px rgba(11,26,77,0.28));
  }
  .ripple{
    position:absolute;border-radius:50%;
    border:2px solid var(--blue-600);
    opacity:0;
    animation:ripple 2.6s ease-out infinite;
  }
  .ripple.r2{animation-delay:.85s;border-color:var(--gold-500);}
  .ripple.r3{animation-delay:1.7s;}
  @keyframes ripple{
    0%{width:60px;height:60px;opacity:.55;}
    100%{width:280px;height:280px;opacity:0;}
  }
  .tap-hand{
    position:absolute; right:-6%; bottom:6%;
    width:74px;height:74px;
    display:flex;align-items:center;justify-content:center;
    background:var(--paper);
    border-radius:50%;
    box-shadow:var(--shadow-lg);
    animation:tap-bob 2.6s ease-in-out infinite;
  }
  @keyframes tap-bob{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
  }
  .float-star{position:absolute;color:var(--gold-500);}
  .float-star.s1{top:6%;left:-4%;font-size:26px;animation:twinkle 3s ease-in-out infinite;}
  .float-star.s2{bottom:14%;left:4%;font-size:16px;animation:twinkle 3s ease-in-out infinite 1s;}
  @keyframes twinkle{0%,100%{opacity:.3;transform:scale(.85);}50%{opacity:1;transform:scale(1.1);}}

  @media(prefers-reduced-motion:reduce){
    .ripple,.tap-hand,.float-star{animation:none !important;}
  }

  @media(max-width:980px){
    .hero-grid{grid-template-columns:1fr;gap:44px;}
    .hero-visual{order:-1;}
    .tap-stage{max-width:300px;}
  }

  /* ===== Industry strip ===== */
  .industries{
    background:var(--blue-900);
    padding:26px 0;
  }
  .industries-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .industries-track{
    display:flex;gap:44px;width:max-content;
    animation:scroll-left 32s linear infinite;
  }
  .industries:hover .industries-track{animation-play-state:paused;}
  @keyframes scroll-left{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  .industry-chip{
    display:flex;align-items:center;gap:10px;flex:none;
    color:#DCE4FA;font-size:14px;font-weight:600;
  }
  .industry-chip svg{opacity:.9;}
  @media(prefers-reduced-motion:reduce){.industries-track{animation:none;overflow-x:auto;}}

  /* ===== Section heads ===== */
  .section-head{max-width:640px;margin-bottom:48px;}
  .section-head h2{font-size:clamp(26px,3.6vw,38px);margin-top:14px;}
  .section-head p{margin-top:14px;font-size:16px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}

  /* ===== How it works ===== */
  .steps{
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    position:relative;
    margin-bottom:8px;
  }
  .step{
    position:relative;padding:0 20px;text-align:left;
  }
  .step-num{
    font-family:'Sora',sans-serif;font-weight:800;font-size:14px;
    width:38px;height:38px;border-radius:50%;
    background:var(--blue-700);color:#fff;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
  }
  .step:nth-child(2) .step-num{background:var(--gold-500);color:var(--blue-900);}
  .step:nth-child(3) .step-num{background:var(--g-green);}
  .step h3{font-size:18px;margin-bottom:8px;}
  .step p{font-size:14.5px;}
  .step-connector{
    position:absolute;top:19px;left:calc(100% - 20px);width:calc(100% - 20px);height:2px;
    background:repeating-linear-gradient(90deg,var(--line) 0 6px, transparent 6px 12px);
  }
  @media(max-width:820px){
    .steps{grid-template-columns:1fr;gap:32px;}
    .step-connector{display:none;}
  }

  /* ===== Why grid ===== */
  .why-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  }
  .why-card{
    background:var(--paper-soft);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:26px 22px;
  }
  .why-icon{
    width:44px;height:44px;border-radius:12px;
    background:var(--paper);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;
  }
  .why-card h3{font-size:16.5px;margin-bottom:6px;}
  .why-card p{font-size:14px;}
  @media(max-width:820px){.why-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.why-grid{grid-template-columns:1fr;}}

  /* ===== Products ===== */
  .products-wrap{background:var(--blue-900);position:relative;overflow:hidden;}
  .products-wrap::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(600px 300px at 10% 0%, rgba(245,166,35,.14), transparent 60%);
  }
  .products-wrap .section-head h2{color:#fff;}
  .products-wrap .section-head p{color:#C4CDEC;}
  .products-wrap .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:var(--gold-400);}

  .products-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1;
  }
  .product-card{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:20px;padding:30px;
    display:flex;flex-direction:column;gap:18px;
  }
  .product-card h3{color:#fff;font-size:20px;}
  .product-card .tag{
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;
    color:var(--gold-400);text-transform:uppercase;font-weight:700;
  }
  .product-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .product-card li{
    display:flex;align-items:flex-start;gap:10px;color:#DCE4FA;font-size:14.5px;
  }
  .product-card .pic{
    border-radius:14px;overflow:hidden;margin-top:auto;
    border:1px solid rgba(255,255,255,0.12);
  }
  @media(max-width:820px){.products-grid{grid-template-columns:1fr;}}

  /* ===== Testimonials ===== */
  .testi-scroller{
    display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;
    margin:0 -24px;padding-left:24px;padding-right:24px;
  }
  .testi-scroller::-webkit-scrollbar{height:6px;}
  .testi-scroller::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;}
  .testi-card{
    flex:none;width:290px;scroll-snap-align:start;
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;box-shadow:var(--shadow-sm);
  }
  .testi-card .stars{margin-bottom:12px;}
  .testi-card p.quote{color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.55;}
  .testi-person{display:flex;align-items:center;gap:10px;margin-top:18px;}
  .avatar{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue-600),var(--blue-900));
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:14px;font-family:'Sora',sans-serif;flex:none;
  }
  .testi-person .who{font-size:13px;font-weight:700;}
  .testi-person .role{font-size:12px;color:var(--ink-soft);}

  /* ===== FAQ ===== */
  .faq{max-width:820px;margin:0 auto;}
  details{
    border-bottom:1px solid var(--line);padding:20px 0;
  }
  details summary{
    cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
    font-weight:700;font-size:16px;gap:16px;
  }
  details summary::-webkit-details-marker{display:none;}
  details summary .plus{
    flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);
    display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s;
  }
  details summary .plus::before,details summary .plus::after{
    content:"";position:absolute;background:var(--blue-700);
  }
  details summary .plus::before{width:10px;height:1.6px;}
  details summary .plus::after{width:1.6px;height:10px;}
  details[open] summary .plus{transform:rotate(45deg);}
  details p{margin-top:14px;font-size:14.5px;padding-right:30px;}

  /* ===== Final CTA ===== */
  .final-cta{
    background:linear-gradient(135deg,var(--blue-900) 0%, var(--blue-700) 100%);
    border-radius:28px;
    padding:56px 40px;
    text-align:center;
    position:relative;overflow:hidden;
  }
  .final-cta::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(500px 260px at 100% 0%, rgba(245,166,35,.22), transparent 60%);
  }
  .final-cta > *{position:relative;z-index:1;}
  .final-cta h2{color:#fff;font-size:clamp(24px,3.6vw,36px);}
  .final-cta p{color:#C4CDEC;margin-top:12px;max-width:480px;margin-left:auto;margin-right:auto;}
  .final-cta .hero-ctas{justify-content:center;margin-top:30px;}

  /* ===== Footer ===== */
  footer{padding:44px 0 100px;border-top:1px solid var(--line);}
  .footer-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
  .footer-links{display:flex;gap:24px;flex-wrap:wrap;}
  .footer-links a{font-size:13.5px;color:var(--ink-soft);font-weight:600;}
  .footer-note{font-size:12.5px;color:var(--ink-soft);margin-top:26px;}

  /* ===== Sticky mobile call bar ===== */
  .mobile-call-bar{
    display:none;
    position:fixed;bottom:0;left:0;right:0;z-index:200;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-top:1px solid var(--line);
  }
  .mobile-call-bar a{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:linear-gradient(135deg,var(--gold-400),var(--gold-500));
    color:var(--blue-900);font-weight:700;font-size:15px;
    padding:14px;border-radius:100px;
  }
  @media(max-width:720px){
    .mobile-call-bar{display:block;}
    footer{padding-bottom:110px;}
  }

  /* mobile nav drawer */
  .mobile-drawer{
    position:fixed;inset:0;background:rgba(11,26,77,0.5);z-index:300;
    opacity:0;pointer-events:none;transition:opacity .2s;
  }
  .mobile-drawer.open{opacity:1;pointer-events:auto;}
  .mobile-drawer-panel{
    position:absolute;top:0;right:0;bottom:0;width:78%;max-width:320px;
    background:#fff;padding:28px 24px;
    transform:translateX(100%);transition:transform .25s ease;
    display:flex;flex-direction:column;gap:6px;
  }
  .mobile-drawer.open .mobile-drawer-panel{transform:translateX(0);}
  .mobile-drawer-panel a{
    padding:14px 4px;font-weight:700;font-size:16px;border-bottom:1px solid var(--line);
  }
  .mobile-drawer-close{align-self:flex-end;background:none;border:none;font-size:26px;cursor:pointer;margin-bottom:10px;color:var(--ink-soft);}
  .drawer-call{margin-top:18px;}