*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

  :root{
    --slate:      #2E3740;
    --slate-2:    #3D4853;
    --slate-dk:   #1B2129;
    --bg:         #F4F6F8;
    --surface:    #FFFFFF;
    --blue:       #3B82F6;
    --blue-dk:    #2563EB;
    --blue-lt:    #EAF1FE;
    --mid:        #677180;
    --border:     #E3E7EC;
  }

  html{scroll-behavior:smooth;}

  body{
    font-family:'Inter',sans-serif;
    background:var(--bg);
    color:var(--slate);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }

  a{color:inherit;}
  img{display:block;max-width:100%;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 5%;}

  :focus-visible{outline:2px solid var(--blue);outline-offset:3px;}

  /* ============ NAV ============ */
  nav{
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border);
    padding:0 5%;
    display:flex;align-items:center;justify-content:space-between;
    height:72px;
  }
  .nav-logo img{height:30px;width:auto;}
  .nav-links{display:flex;align-items:center;gap:26px;list-style:none;}
  .nav-links a{
    text-decoration:none;font-size:14.5px;font-weight:600;color:var(--mid);
    transition:color .2s;
  }
  .nav-links a:hover{color:var(--slate);}
  .nav-cta{
    background:var(--slate);color:#fff !important;
    padding:10px 22px;border-radius:9px;
    font-weight:700 !important;font-size:14px !important;
    transition:background .2s, transform .15s;
  }
  .nav-cta:hover{background:var(--blue-dk);transform:translateY(-1px);}
  .nav-burger{display:none;background:none;border:none;font-size:22px;color:var(--slate);cursor:pointer;line-height:1;padding:4px;}

  /* ============ HERO ============ */
  .hero{
    position:relative;overflow:hidden;
    padding:108px 5% 96px;
    background:var(--surface);
    border-bottom:1px solid var(--border);
  }
  /* animated background orbs */
  .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
  .orb{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform;}
  .orb-1{
    width:460px;height:460px;top:-140px;right:-80px;opacity:.5;
    background:radial-gradient(circle at 30% 30%, var(--blue), transparent 72%);
    animation:orbFloat1 20s ease-in-out infinite;
  }
  .orb-2{
    width:340px;height:340px;bottom:-140px;left:-100px;opacity:.35;
    background:radial-gradient(circle at 30% 30%, var(--slate-2), transparent 72%);
    animation:orbFloat2 24s ease-in-out infinite;
  }
  .orb-3{
    width:230px;height:230px;top:35%;left:58%;opacity:.4;
    background:radial-gradient(circle at 30% 30%, var(--blue-dk), transparent 72%);
    animation:orbFloat3 17s ease-in-out infinite;
  }
  .orb-4{
    width:170px;height:170px;top:8%;left:6%;opacity:.3;
    background:radial-gradient(circle at 30% 30%, #8EB4FA, transparent 72%);
    animation:orbFloat2 19s ease-in-out infinite reverse;
  }
  @keyframes orbFloat1{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(-50px,45px) scale(1.1);}
  }
  @keyframes orbFloat2{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(35px,-35px) scale(1.12);}
  }
  @keyframes orbFloat3{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(-30px,-40px) scale(0.92);}
  }
  .hero-inner{
    max-width:1180px;margin:0 auto;
    position:relative;z-index:2;
  }
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--blue-dk);background:var(--blue-lt);
    padding:7px 14px;border-radius:99px;margin-bottom:26px;
  }
  .hero h1{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:800;
    font-size:clamp(40px,5.6vw,68px);
    line-height:1.04;
    letter-spacing:-0.02em;
    color:var(--slate);
    max-width:780px;
    margin-bottom:24px;
  }
  .hero h1 em{font-style:normal;color:var(--blue);}
  .hero p.lead{
    font-size:18px;color:var(--mid);max-width:560px;margin-bottom:38px;
  }
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;}
  .hero-pillars{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  }
  .hero-pillar{
    background:var(--surface);border:1px solid var(--border);border-radius:14px;
    padding:22px 20px;
  }
  .hero-pillar-icon{
    width:38px;height:38px;border-radius:10px;background:var(--blue-lt);
    display:flex;align-items:center;justify-content:center;font-size:18px;
    margin-bottom:14px;
  }
  .hero-pillar h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15.5px;
    color:var(--slate);margin-bottom:6px;
  }
  .hero-pillar p{font-size:13px;color:var(--mid);line-height:1.55;}
  .btn-primary{
    background:var(--slate);color:#fff;
    padding:15px 28px;border-radius:10px;
    font-weight:700;font-size:15px;text-decoration:none;
    display:inline-flex;align-items:center;gap:8px;
    transition:background .2s, transform .15s;
    border:none;cursor:pointer;
  }
  .btn-primary:hover{background:var(--blue-dk);transform:translateY(-2px);}
  .btn-secondary{
    background:transparent;color:var(--slate);
    padding:15px 28px;border-radius:10px;
    font-weight:700;font-size:15px;text-decoration:none;
    border:1.5px solid var(--border);
    transition:border-color .2s, background .2s;
    display:inline-flex;align-items:center;justify-content:center;
    box-sizing:border-box;max-width:100%;
  }
  .btn-secondary:hover{border-color:var(--slate);background:var(--bg);}

  /* signature squircle motif */
  .hero-motif{
    position:absolute;top:-60px;right:-90px;width:560px;height:560px;
    z-index:1;pointer-events:none;
  }
  .hero-motif svg{width:100%;height:100%;}

  /* ============ CURRENT CUSTOMERS ============ */
  .customers-strip{
    padding:36px 5%;background:var(--surface);
    border-bottom:1px solid var(--border);text-align:center;
    position:relative;z-index:2;
  }
  .customers-label{
    font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--mid);display:block;margin-bottom:24px;
  }
  .customers-logos{
    display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap;
  }
  .customer-logo{
    display:flex;align-items:center;justify-content:center;
    opacity:.8;transition:opacity .2s, transform .2s;
  }
  .customer-logo:hover{opacity:1;transform:translateY(-2px);}
  .customer-logo img{height:46px;width:auto;}

  /* ============ SECTION SHELLS ============ */
  section.block{padding:88px 5%;}
  .block-inner{max-width:1180px;margin:0 auto;}
  .section-head{max-width:620px;margin-bottom:52px;}
  .eyebrow{
    font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--blue-dk);margin-bottom:14px;display:block;
  }
  .section-head h2{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
    font-size:clamp(28px,3.4vw,38px);letter-spacing:-0.01em;color:var(--slate);
    margin-bottom:14px;
  }
  .section-head p{font-size:16px;color:var(--mid);}

  /* ============ WHERE ARE YOU LOSING MONEY ============ */
  .money-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;}
  .money-card{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:32px 28px;transition:transform .2s, box-shadow .2s;
  }
  .money-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(46,55,64,0.08);}
  .money-card-icon{
    width:44px;height:44px;border-radius:12px;background:var(--blue-lt);
    display:flex;align-items:center;justify-content:center;font-size:20px;
    margin-bottom:18px;
  }
  .money-card h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;
    color:var(--slate);margin-bottom:12px;line-height:1.3;
  }
  .money-problem{font-size:14px;color:var(--mid);line-height:1.65;margin-bottom:18px;}
  .money-card .service-list{margin:0;}

  /* ============ CALCULATOR ============ */
  .calc-wrap{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px;align-items:stretch;
  }
  .calc-inputs{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:32px 28px;display:flex;flex-direction:column;gap:20px;
  }
  .calc-field label{
    display:block;font-size:13.5px;font-weight:600;color:var(--slate);
    margin-bottom:8px;line-height:1.4;
  }
  .calc-field input{
    width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);
    font-family:'Inter',sans-serif;font-size:15px;color:var(--slate);
    background:var(--bg);transition:border-color .2s;
  }
  .calc-field input:focus{outline:none;border-color:var(--blue);background:var(--surface);}
  .calc-toggle{
    display:inline-flex;background:var(--bg);border:1px solid var(--border);
    border-radius:99px;padding:4px;gap:2px;
  }
  .calc-toggle-btn{
    border:none;background:transparent;padding:9px 22px;border-radius:99px;
    font-size:13.5px;font-weight:700;color:var(--mid);cursor:pointer;
    transition:background .2s,color .2s;
  }
  .calc-toggle-btn.is-active{background:var(--slate);color:#fff;}
  .calc-submit{width:100%;justify-content:center;margin-top:4px;}

  .calc-result{
    background:var(--slate);color:#fff;border-radius:16px;
    padding:32px 28px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center;
    position:relative;overflow:hidden;
  }
  .calc-result-placeholder{color:rgba(255,255,255,0.7);}
  .calc-result-placeholder.is-hidden{display:none;}
  .calc-result-icon{font-size:32px;margin-bottom:14px;}
  .calc-result-placeholder p{font-size:14px;line-height:1.6;max-width:220px;margin:0 auto;}
  .calc-result-output{display:none;width:100%;}
  .calc-result-output.is-visible{display:block;}
  .calc-result-label{
    font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    color:rgba(255,255,255,0.65);display:block;margin-bottom:8px;
  }
  .calc-result-figure{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:40px;
    color:#9FC2FF;margin-bottom:20px;line-height:1;
  }
  .calc-result-breakdown{
    background:rgba(255,255,255,0.08);border-radius:12px;padding:16px 18px;
    margin-bottom:16px;text-align:left;
  }
  .calc-result-line{
    display:flex;justify-content:space-between;align-items:center;
    font-size:13px;padding:6px 0;color:rgba(255,255,255,0.85);
  }
  .calc-result-line strong{color:#fff;font-weight:700;}
  .calc-result-note{
    font-size:12.5px;color:#9FC2FF;line-height:1.55;margin-bottom:14px;display:none;
  }
  .calc-result-note.is-visible{display:block;}
  .calc-disclaimer{
    font-size:11.5px;color:rgba(255,255,255,0.55);line-height:1.5;margin-bottom:20px;
  }

  /* ============ ABOUT ============ */
  .about-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start;}
  .about-text h2{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
    font-size:clamp(26px,3vw,34px);letter-spacing:-0.01em;color:var(--slate);
    margin-bottom:18px;
  }
  .about-text p{font-size:15.5px;color:var(--mid);margin-bottom:16px;line-height:1.7;}
  .about-stats{display:flex;flex-direction:column;gap:16px;}
  .about-stat{
    background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;
  }
  .about-stat-num{
    display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
    font-size:19px;color:var(--blue-dk);margin-bottom:6px;
  }
  .about-stat-label{font-size:13.5px;color:var(--mid);line-height:1.5;}

  /* ============ SERVICES ============ */
  .services-subhead{margin:40px 0 24px;}
  .football-callout{
    background:var(--bg);border:1px solid var(--border);border-radius:16px;
    padding:28px 30px;display:flex;align-items:center;justify-content:space-between;
    gap:24px;flex-wrap:wrap;
  }
  .football-callout p{font-size:14.5px;color:var(--mid);line-height:1.6;flex:1;min-width:240px;margin:0;}
  .football-callout .btn-secondary{flex-shrink:0;white-space:nowrap;}
  .section-cta{text-align:center;margin-top:40px;}
  .services-subhead .eyebrow{margin-bottom:0;}
  .services-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;
  }
  .service-card{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:34px 28px;transition:transform .2s, box-shadow .2s, border-color .2s;
  }
  .service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(46,55,64,0.08);border-color:transparent;}
  .service-icon{
    width:46px;height:46px;border-radius:12px;background:var(--slate);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;
    color:#fff;font-size:20px;
  }
  .service-card h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:19px;
    margin-bottom:10px;color:var(--slate);
  }
  .service-card p{font-size:14.5px;color:var(--mid);margin-bottom:18px;}
  .service-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
  .service-list li{font-size:13.5px;color:var(--slate-2);display:flex;align-items:center;gap:8px;}
  .service-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0;}

  /* ============ TOURNAMENT SPOTLIGHT ============ */
  .spotlight{
    background:var(--slate);color:#fff;border-radius:24px;
    padding:64px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;
    position:relative;overflow:hidden;
  }
  .spotlight::before{
    content:'';position:absolute;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(59,130,246,0.28),transparent 70%);
    top:-160px;right:-140px;
  }
  .spotlight-eyebrow{
    font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:#9FC2FF;margin-bottom:16px;display:block;position:relative;z-index:1;
  }
  .spotlight h2{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
    font-size:clamp(26px,3vw,34px);line-height:1.15;margin-bottom:18px;
    position:relative;z-index:1;
  }
  .spotlight p{
    color:rgba(255,255,255,0.72);font-size:15.5px;margin-bottom:28px;max-width:480px;
    position:relative;z-index:1;
  }
  .spotlight-features{
    list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px;
    position:relative;z-index:1;
  }
  .spotlight-features li{
    display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#fff;
  }
  .spotlight-features li::before{
    content:'✓';flex-shrink:0;width:20px;height:20px;border-radius:50%;
    background:rgba(59,130,246,0.3);color:#9FC2FF;font-size:12px;font-weight:700;
    display:flex;align-items:center;justify-content:center;margin-top:1px;
  }
  .spotlight-questions li::before{content:'?';}
  .spotlight-visual{
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);
    border-radius:16px;padding:26px;position:relative;z-index:1;
  }
  .sv-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:11px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:13.5px;
  }
  .sv-row:last-child{border-bottom:none;}
  .sv-pitch{color:rgba(255,255,255,0.55);}
  .sv-score{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#fff;}
  .sv-live{
    display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
    color:#9FC2FF;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;
  }
  .sv-live .pulse{width:7px;height:7px;border-radius:50%;background:#3B82F6;animation:pulse 1.6s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}

  /* ============ BUSINESS SYSTEMS ============ */
  .systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:56px;}
  .systems-grid-single{grid-template-columns:1fr;max-width:640px;margin:0 auto 56px;}
  .systems-card{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:32px 28px;transition:transform .2s, box-shadow .2s;
  }
  .systems-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(46,55,64,0.08);}
  .systems-tag{
    font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    display:inline-block;padding:5px 12px;border-radius:99px;margin-bottom:16px;
  }
  .systems-tag-real{background:var(--blue-lt);color:var(--blue-dk);}
  .systems-tag-example{background:var(--bg);color:var(--mid);border:1px solid var(--border);}
  .systems-card h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px;
    color:var(--slate);margin-bottom:20px;line-height:1.3;
  }
  .systems-before-after{
    display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;
  }
  .systems-before,.systems-after{
    border-radius:12px;padding:16px 16px;
  }
  .systems-before{background:var(--bg);}
  .systems-after{background:var(--blue-lt);}
  .systems-label{
    font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    display:block;margin-bottom:10px;color:var(--mid);
  }
  .systems-after .systems-label{color:var(--blue-dk);}
  .systems-before ul,.systems-after ul{list-style:none;}
  .systems-before li,.systems-after li{
    font-size:12.5px;line-height:1.55;color:var(--slate-2);margin-bottom:7px;
    padding-left:14px;position:relative;
  }
  .systems-before li::before{content:'–';position:absolute;left:0;color:var(--mid);}
  .systems-after li::before{content:'✓';position:absolute;left:0;color:var(--blue-dk);font-weight:700;}
  .systems-before li:last-child,.systems-after li:last-child{margin-bottom:0;}
  .systems-result{font-size:13.5px;color:var(--mid);line-height:1.6;}
  .systems-result strong{color:var(--slate);}

  .systems-proof{margin-top:8px;}
  .systems-proof > .eyebrow{display:block;margin-bottom:20px;}

  /* ============ WORK ============ */
  .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .work-card{
    border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--surface);
    transition:transform .2s, box-shadow .2s;
  }
  .work-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(46,55,64,0.1);}
  .work-thumb{
    height:150px;display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
  }
  .work-thumb span{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;
    color:rgba(255,255,255,0.92);letter-spacing:-0.01em;position:relative;z-index:1;
  }
  .thumb-1{background:linear-gradient(135deg,#1B2129,#2E3740);}
  .thumb-2{background:linear-gradient(135deg,#1D3A6E,#3B82F6);}
  .thumb-3{background:linear-gradient(135deg,#1F4D3A,#2F9C6B);}
  .work-grain{
    position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,0.13) 1px,transparent 1px);
    background-size:14px 14px;opacity:.5;
  }
  .work-body{padding:22px 24px 26px;}
  .work-tag{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-dk);margin-bottom:8px;display:block;}
  .work-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;color:var(--slate);margin-bottom:8px;}
  .work-body p{font-size:13.5px;color:var(--mid);margin-bottom:14px;}
  .work-link{font-size:13.5px;font-weight:700;color:var(--slate);text-decoration:none;display:inline-flex;align-items:center;gap:5px;}
  .work-link:hover{color:var(--blue-dk);}

  /* ============ PROCESS ============ */
  .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}
  .process-step{padding:0 28px 0 0;position:relative;}
  .process-step:not(:last-child)::after{
    content:'';position:absolute;top:23px;right:0;width:28px;height:1.5px;
    background:var(--border);
  }
  .process-num{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:14px;
    color:var(--blue);background:var(--blue-lt);width:46px;height:46px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  }
  .process-step h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px;color:var(--slate);margin-bottom:10px;}
  .process-step p{font-size:14.5px;color:var(--mid);}

  /* ============ PRICING ============ */
  .pricing-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;}
  .pricing-info-card{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:30px 26px;transition:transform .2s, box-shadow .2s;
  }
  .pricing-info-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(46,55,64,0.08);}
  .pricing-info-icon{
    width:44px;height:44px;border-radius:12px;background:var(--slate);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
    color:#fff;font-size:19px;
  }
  .pricing-info-card h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;
    color:var(--slate);margin-bottom:10px;
  }
  .pricing-info-card p{font-size:14px;color:var(--mid);line-height:1.65;}

  .payment-options{
    background:var(--bg);border-radius:20px;padding:44px 5%;margin-bottom:40px;
  }
  .payment-options-head{text-align:center;margin-bottom:30px;}
  .payment-options-head h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:20px;
    color:var(--slate);
  }
  .payment-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:820px;margin:0 auto;
  }
  .payment-card{
    background:var(--surface);border:1px solid var(--border);border-radius:14px;
    padding:24px 20px;text-align:center;
  }
  .payment-icon{
    width:38px;height:38px;border-radius:50%;background:var(--blue-lt);
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
    font-size:17px;
  }
  .payment-card h4{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;
    color:var(--slate);margin-bottom:8px;
  }
  .payment-card p{font-size:13px;color:var(--mid);line-height:1.55;}

  /* ============ CTA BANNER ============ */
  .cta-banner{
    background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dk) 100%);
    border-radius:24px;padding:64px 5%;text-align:center;position:relative;overflow:hidden;
  }
  .cta-banner::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,0.14) 1px,transparent 1px);
    background-size:18px 18px;
  }
  .cta-banner h2{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#fff;
    font-size:clamp(24px,3.2vw,36px);margin-bottom:14px;position:relative;z-index:1;
  }
  .cta-banner p{color:rgba(255,255,255,0.85);font-size:16px;margin-bottom:30px;position:relative;z-index:1;}
  .btn-white{
    background:#fff;color:var(--blue-dk);padding:15px 30px;border-radius:10px;
    font-weight:700;font-size:15px;text-decoration:none;display:inline-block;
    position:relative;z-index:1;transition:transform .15s;
  }
  .btn-white:hover{transform:translateY(-2px);}
  .cta-buttons{
    display:flex;gap:14px;flex-wrap:wrap;justify-content:center;
    position:relative;z-index:1;
  }
  .btn-outline-white{
    background:transparent;color:#fff;padding:15px 30px;border-radius:10px;
    font-weight:700;font-size:15px;text-decoration:none;display:inline-block;
    border:1.5px solid rgba(255,255,255,0.5);transition:transform .15s,background .2s,border-color .2s;
  }
  .btn-outline-white:hover{transform:translateY(-2px);background:rgba(255,255,255,0.1);border-color:#fff;}
  .cta-phone{
    margin-top:20px;font-size:14px;color:rgba(255,255,255,0.75);
    position:relative;z-index:1;
  }
  .cta-phone a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,0.4);}
  .cta-phone a:hover{border-bottom-color:#fff;}

  /* ============ FOOTER ============ */
  footer{background:var(--slate-dk);color:rgba(255,255,255,0.55);padding:56px 5% 28px;}
  .footer-grid{
    max-width:1180px;margin:0 auto;
    display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
    padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.1);
  }
  .footer-logo-panel{
    display:inline-flex;background:#fff;padding:10px 16px;border-radius:10px;margin-bottom:16px;
  }
  .footer-logo-panel img{height:22px;width:auto;}
  .footer-grid p{font-size:13.5px;line-height:1.7;max-width:260px;}
  .footer-col h4{
    font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:rgba(255,255,255,0.4);margin-bottom:16px;
  }
  .footer-col a{display:block;font-size:14px;color:rgba(255,255,255,0.7);text-decoration:none;margin-bottom:11px;transition:color .2s;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{
    max-width:1180px;margin:0 auto;padding-top:24px;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
    font-size:12.5px;color:rgba(255,255,255,0.35);
  }

  /* ============ RESPONSIVE ============ */
  @media (max-width:900px){
    nav{
      flex-wrap:wrap;
      height:auto;
      padding:14px 5%;
      row-gap:12px;
    }
    .nav-burger{
      display:block;
      order:1;
    }
    .nav-logo{
      order:2;
      width:100%;
      text-align:center;
    }
    .nav-logo img{margin:0 auto;}
    .nav-links{
      order:3;
      width:100%;
      display:none;
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      max-height:0;
      overflow:hidden;
      border-top:1px solid var(--border);
      transition:max-height .25s ease;
    }
    .nav-links.active{
      display:flex;
      max-height:400px;
      padding-top:6px;
    }
    .nav-links li{width:100%;}
    .nav-links a{
      display:block;
      width:100%;
      padding:14px 2px;
      border-bottom:1px solid var(--border);
    }
    .nav-links .nav-cta{
      margin:14px 2px 4px;
      width:calc(100% - 4px);
      text-align:center;
      border-bottom:none;
    }
    .services-grid,.work-grid,.money-grid,.systems-grid,.systems-before-after{grid-template-columns:1fr;}
    .about-layout{grid-template-columns:1fr;gap:32px;}
    .calc-wrap{grid-template-columns:1fr;}
    .hero-pillars{grid-template-columns:1fr;}
    .spotlight{grid-template-columns:1fr;padding:40px 28px;}
    .process-grid{grid-template-columns:1fr;gap:32px;}
    .process-step::after{display:none;}
    .pricing-info-grid,.payment-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .customers-logos{gap:32px;}
    .customer-logo img{height:38px;}
    .hero-motif{opacity:.5;width:380px;height:380px;}
    .orb-1{width:280px;height:280px;}
    .orb-2{width:220px;height:220px;}
    .orb-3{width:150px;height:150px;}
    .orb-4{width:110px;height:110px;}
  }
  @media (max-width:560px){
    .footer-grid{grid-template-columns:1fr;}
    .hero{padding:88px 6% 64px;}
    section.block{padding:64px 6%;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}
  }