:root{
    --bg:#050914;
    --bg-soft:#09142b;
    --panel:#08172f;
    --line:rgba(255,255,255,0.10);
    --text:#f4f8ff;
    --muted:#b5c4da;
    --blue:#0a97ff;
    --blue-2:#1b73ee;
    --success:#32d985;
    --danger:#ff667d;
    --shadow:0 18px 50px rgba(0,0,0,0.28);
    --radius-xl:28px;
    --radius-lg:20px;
    --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.6;
    color:var(--text);
    background:
        radial-gradient(circle at top right, rgba(10,151,255,0.16), transparent 24%),
        radial-gradient(circle at 10% 0%, rgba(27,115,238,0.14), transparent 20%),
        linear-gradient(180deg, #050914 0%, #08172f 55%, #050914 100%);
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 40px), var(--max));margin:0 auto;position:relative;z-index:2}
.bg-grid{
    position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.16;
    background-image:
      linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:36px 36px;
    mask-image:radial-gradient(circle at center, black 35%, transparent 85%);
}
.bg-orb{
    position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(30px);opacity:.28;
    animation:floatOrb 12s ease-in-out infinite;
}
.orb-1{width:280px;height:280px;left:-60px;top:80px;background:rgba(10,151,255,.26)}
.orb-2{width:240px;height:240px;right:-40px;top:280px;background:rgba(27,115,238,.22);animation-delay:-4s}
.topbar{
    position:sticky;top:0;z-index:50;background:rgba(5,9,20,0.78);
    backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.06)
}
.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
    width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));
    box-shadow:0 10px 30px rgba(10,151,255,0.28);display:flex;align-items:center;justify-content:center;
    font-weight:800;color:#fff
}
.brand-text strong{display:block;font-size:1.05rem;letter-spacing:.2px}
.brand-text span{display:block;font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.nav-links{display:flex;gap:24px;color:var(--muted);font-size:.95rem}
.nav-links a,.footer-links a{transition:color .2s ease}
.nav-links a:hover,.footer-links a:hover{color:#fff}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;
    border-radius:14px;border:1px solid transparent;font-weight:700;cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    will-change:transform
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
    color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));
    box-shadow:0 14px 34px rgba(10,151,255,0.28)
}
.btn-primary:hover{box-shadow:0 18px 38px rgba(10,151,255,0.34)}
.btn-secondary{color:#fff;background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.10)}
.btn-secondary:hover{background:rgba(255,255,255,0.08)}
.glow-btn{position:relative;overflow:hidden}
.glow-btn::after{
    content:"";position:absolute;inset:auto -30% -130% -30%;height:180%;
    background:radial-gradient(circle, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%);
    transition:transform .4s ease;transform:translateY(18%);
}
.glow-btn:hover::after{transform:translateY(0)}
.notice{
    width:min(calc(100% - 40px), var(--max));
    margin:18px auto 0;padding:14px 18px;border-radius:14px;font-weight:700;position:relative;z-index:2
}
.notice.success{background:rgba(50,217,133,0.12);border:1px solid rgba(50,217,133,0.25);color:#d8ffee}
.notice.error{background:rgba(255,102,125,0.12);border:1px solid rgba(255,102,125,0.25);color:#ffd8df}
.hero{padding:34px 0 70px;position:relative}
.hero-banner,.hero-panel,.trust-card,.value-box,.panel-box,.card,.step-card,.cta-box,.faq-item,.contact-box{
    background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(8px)
}
.hero-banner{overflow:hidden;border-radius:28px;margin-bottom:34px}
.hero-banner img{width:100%;height:auto}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:28px;align-items:center}
.badge{
    display:inline-flex;align-items:center;gap:10px;padding:10px 15px;font-size:.9rem;color:#d9ebff;
    border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10)
}
.badge::before{
    content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#80d3ff);
    box-shadow:0 0 18px rgba(10,151,255,0.40)
}
.hero-copy h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;letter-spacing:-1.8px;margin:18px 0}
.hero-copy h1 span{
    background:linear-gradient(135deg,#fff 20%, #85d8ff 55%, var(--blue) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent
}
.lead{color:var(--muted);font-size:1.08rem;max-width:720px;margin-bottom:26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.proof-item{
    padding:15px 16px;border-radius:16px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);color:#dceaff;font-size:.94rem;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.proof-item:hover{transform:translateY(-4px);border-color:rgba(10,151,255,.22);box-shadow:0 18px 40px rgba(10,151,255,.10)}
.hero-panel{border-radius:var(--radius-xl);padding:24px}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:16px}
.panel-head span{color:var(--muted);font-size:.9rem}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}
.metric{
    padding:18px;border-radius:18px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);transition:transform .22s ease,border-color .22s ease
}
.metric:hover{transform:translateY(-4px);border-color:rgba(10,151,255,.22)}
.metric span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:6px}
.metric strong{font-size:1.8rem}
.mini-benefits{display:grid;gap:12px;margin-bottom:18px}
.mini-benefit{
    padding:14px 16px;border-radius:16px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08)
}
.mini-benefit small{display:block;color:var(--muted)}
.panel-cta{width:100%}
section{padding:82px 0;position:relative}
.section-head{max-width:840px;margin:0 auto 40px;text-align:center}
.section-head.left{text-align:left;margin:0 0 20px}
.section-head h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-1px;margin-bottom:12px}
.section-head p{color:var(--muted);font-size:1.04rem}
.trust-strip{padding-top:0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-card,.card,.step-card,.faq-item{
    transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease
}
.trust-card{
    padding:22px;border-radius:20px;text-align:center;position:relative;overflow:hidden
}
.hover-shine::before{
    content:"";position:absolute;top:0;left:-160%;width:80%;height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
    transform:skewX(-25deg);transition:left .75s ease
}
.hover-shine:hover::before{left:180%}
.trust-card:hover,.card:hover,.step-card:hover,.faq-item:hover{
    transform:translateY(-6px);border-color:rgba(10,151,255,0.22);
    box-shadow:0 20px 50px rgba(10,151,255,0.10)
}
.trust-card strong{display:block;margin-bottom:6px}
.trust-card span{color:var(--muted);font-size:.95rem}
.value-intro{padding-top:0}
.value-box{border-radius:28px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.value-col{
    padding:24px;border-radius:20px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08)
}
.value-col.highlight{background:linear-gradient(180deg, rgba(10,151,255,0.14), rgba(255,255,255,0.03))}
.value-col h3{margin-bottom:14px}
.value-col ul{padding-left:18px;color:var(--muted)}
.value-col li+li{margin-top:10px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border-radius:var(--radius-lg);padding:26px;position:relative;overflow:hidden}
.icon{
    width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;
    margin-bottom:16px;background:linear-gradient(135deg, rgba(10,151,255,0.18), rgba(7,47,142,0.24));
    border:1px solid rgba(255,255,255,0.08)
}
.card h3{margin-bottom:10px;font-size:1.18rem}
.card p{color:var(--muted)}
.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel-box,.contact-box,.cta-box,.step-card,.faq-item{border-radius:26px;padding:28px}
.list{display:grid;gap:12px;margin-top:18px}
.list-item{
    display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-radius:16px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);transition:transform .22s ease,border-color .22s ease
}
.list-item:hover{transform:translateX(4px);border-color:rgba(10,151,255,.22)}
.list-item span{
    width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--blue-2))
}
.list-item p{color:var(--muted)}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step-number{
    width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:800;margin-bottom:16px
}
.step-card h3{margin-bottom:10px}
.step-card p{color:var(--muted)}
.cta-section{padding-top:0}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-box h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-1px;margin-bottom:10px}
.cta-box p{color:var(--muted);max-width:760px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.faq-grid{display:grid;gap:14px;max-width:920px;margin:0 auto}
.faq-item h3{margin-bottom:10px;font-size:1.08rem}
.faq-item p{color:var(--muted)}
.contact-points{display:grid;gap:12px;margin-top:18px}
.contact-points div{
    padding:14px 16px;border-radius:16px;background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);color:#dceaff
}
.contact-form{display:grid;gap:14px}
.form-row{display:grid;gap:8px}
.form-row label{font-size:.94rem;color:#dce8ff}
.form-row input,.form-row select,.form-row textarea{
    width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);color:#fff;outline:none;transition:border-color .2s ease, background .2s ease
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
    border-color:rgba(10,151,255,0.40);background:rgba(255,255,255,0.06)
}
.form-row textarea{min-height:150px;resize:vertical}
.form-row input::placeholder,.form-row textarea::placeholder{color:#9eb0c8}
.form-btn{width:100%}
.footer{padding:34px 0 42px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.08);position:relative;z-index:2}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-inner strong{display:block}
.footer-inner span{display:block;font-size:.84rem;color:var(--muted)}
.footer-links{display:flex;gap:20px;color:var(--muted)}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease, transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.tilt-card{transform-style:preserve-3d;will-change:transform}
.parallax-card{will-change:transform}

@keyframes floatOrb{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-18px,0)}
}

@media (prefers-reduced-motion: reduce){
    *{scroll-behavior:auto}
    .bg-orb,.reveal,.btn,.proof-item,.metric,.list-item,.trust-card,.card,.step-card,.faq-item{animation:none;transition:none}
    .reveal{opacity:1;transform:none}
}

@media (max-width: 1080px){
    .hero-grid,.two-col,.contact-grid,.cta-box,.value-box{grid-template-columns:1fr;display:grid}
    .card-grid{grid-template-columns:repeat(2,1fr)}
    .step-grid{grid-template-columns:repeat(2,1fr)}
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    .hero-proof{grid-template-columns:1fr}
}
@media (max-width: 760px){
    .nav-links{display:none}
    .card-grid,.metric-grid,.step-grid,.trust-grid{grid-template-columns:1fr}
    .footer-inner,.nav{flex-direction:column;align-items:flex-start}
    .btn-secondary{width:100%}
    .hero{padding-top:24px}
    section{padding:64px 0}
    .bg-grid{display:none}
}

.eyebrow{display:inline-block;margin-bottom:10px;color:#d9ebff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem}


.page-hero{padding:34px 0 42px}
.article-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.article-box,.sidebar-box,.blog-card{
    background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:0 18px 50px rgba(0,0,0,0.28);
    border-radius:26px;
}
.article-box,.sidebar-box{padding:28px}
.article-box h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;letter-spacing:-1px;margin-bottom:16px}
.article-box h2{font-size:1.6rem;margin:28px 0 12px}
.article-box p,.article-box li{color:var(--muted)}
.article-box ul{padding-left:18px}
.article-box li+li{margin-top:8px}
.sidebar-stack{display:grid;gap:18px}
.sidebar-box h3{margin-bottom:12px}
.link-list{display:grid;gap:12px}
.link-list a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);transition:.2s ease}
.link-list a:hover{transform:translateX(4px);border-color:rgba(10,151,255,.22)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{padding:24px;transition:.22s ease}
.blog-card:hover{transform:translateY(-6px);border-color:rgba(10,151,255,.22);box-shadow:0 20px 50px rgba(10,151,255,.10)}
.blog-card h3{margin-bottom:12px}
.blog-card p{color:var(--muted);margin-bottom:14px}
.blog-card a{color:#dceaff;font-weight:700}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.92rem;margin-bottom:14px}
.breadcrumbs a:hover{color:#fff}
.section-tight{padding:42px 0 84px}
@media (max-width:1080px){
    .article-wrap{grid-template-columns:1fr}
    .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
    .blog-grid{grid-template-columns:1fr}
}


.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testimonial-card{
    background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:0 18px 50px rgba(0,0,0,0.28);
    border-radius:24px;padding:24px;transition:.22s ease
}
.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(10,151,255,.22)}
.testimonial-card p{color:var(--muted);margin-bottom:12px}
.testimonial-card strong{display:block}
.logo-cluster{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.logo-badge{
    padding:16px;border-radius:16px;text-align:center;
    background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#dceaff
}
.sticky-cta{
    position:fixed;right:18px;bottom:18px;z-index:70
}
.sticky-cta a{
    display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;
    border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue-2));
    color:#fff;box-shadow:0 16px 34px rgba(10,151,255,.34);font-weight:700
}
.compare-table{width:100%;border-collapse:collapse;margin-top:16px}
.compare-table th,.compare-table td{padding:14px;border:1px solid rgba(255,255,255,.08);text-align:left}
.compare-table th{background:rgba(255,255,255,.05)}
@media (max-width:1080px){
    .testimonial-grid{grid-template-columns:repeat(2,1fr)}
    .logo-cluster{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
    .testimonial-grid,.logo-cluster{grid-template-columns:1fr}
    .sticky-cta{left:14px;right:14px;bottom:14px}
    .sticky-cta a{width:100%}
}


/* Responsive Final */
:root{
  --container-pad: 20px;
}

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img{
  height:auto;
}

.container{
  width:min(calc(100% - 32px), var(--max));
}

.topbar{
  position:sticky;
  top:0;
}

.nav{
  min-height:74px;
  gap:14px;
  flex-wrap:nowrap;
}

.brand{
  min-width:0;
  flex:1 1 auto;
}

.brand-mark{
  width:44px;
  height:44px;
  flex:0 0 44px;
}

.brand-text strong{
  font-size:1rem;
  line-height:1.1;
}

.brand-text span{
  font-size:.72rem;
  line-height:1.1;
}

.hero{
  padding:24px 0 56px;
}

.hero-banner{
  margin-bottom:22px;
  border-radius:22px;
}

.hero-grid,
.two-col,
.contact-grid,
.article-wrap,
.value-box,
.cta-box{
  align-items:start;
}

.hero-copy h1{
  max-width:100%;
  text-wrap:balance;
}

.lead,
.section-head p,
.card p,
.list-item p,
.faq-item p,
.mini-benefit small,
.metric span,
.trust-card span,
.value-col ul,
.article-box p,
.article-box li{
  line-height:1.7;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
}

.hero-actions .btn,
.cta-actions .btn{
  min-width:unset;
}

.panel-cta,
.form-btn{
  min-height:52px;
}

.card-grid,
.step-grid,
.trust-grid,
.blog-grid,
.testimonial-grid,
.logo-cluster,
.metric-grid,
.hero-proof{
  align-items:stretch;
}

.proof-item,
.metric,
.mini-benefit,
.list-item,
.contact-points div,
.blog-card,
.card,
.step-card,
.trust-card,
.faq-item,
.testimonial-card{
  word-break:break-word;
}

.nav-links a{
  white-space:nowrap;
}

@media (max-width: 1200px){
  .container{
    width:min(calc(100% - 28px), var(--max));
  }

  .nav-links{
    gap:18px;
    font-size:.92rem;
  }

  .hero-copy h1{
    font-size:clamp(2.2rem, 4.5vw, 4rem);
  }

  .step-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .logo-cluster{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width: 980px){
  .nav{
    flex-wrap:wrap;
    align-items:center;
  }

  .nav-links{
    order:3;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
    padding-bottom:8px;
    font-size:.92rem;
  }

  .nav .btn-secondary{
    min-height:44px;
    padding:0 16px;
  }

  .hero-grid,
  .two-col,
  .contact-grid,
  .article-wrap,
  .value-box,
  .cta-box{
    grid-template-columns:1fr !important;
    display:grid !important;
    gap:20px;
  }

  .card-grid,
  .blog-grid,
  .testimonial-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .trust-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .hero-proof{
    grid-template-columns:1fr;
  }

  .cta-actions{
    width:100%;
  }
}

@media (max-width: 760px){
  .container{
    width:min(calc(100% - 20px), var(--max));
  }

  .topbar{
    backdrop-filter:blur(10px);
  }

  .nav{
    min-height:auto;
    padding:12px 0;
    align-items:flex-start;
    gap:12px;
  }

  .brand{
    width:100%;
    flex:1 1 100%;
  }

  .brand-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:14px;
  }

  .brand-text strong{
    font-size:1rem;
  }

  .brand-text span{
    font-size:.7rem;
  }

  .nav-links{
    display:none;
  }

  .nav .btn-secondary{
    width:100%;
    min-height:48px;
    padding:0 16px;
    border-radius:12px;
  }

  .hero{
    padding:18px 0 48px;
  }

  .hero-banner{
    border-radius:18px;
    margin-bottom:18px;
  }

  .hero-copy h1{
    font-size:clamp(2rem, 9vw, 3rem);
    line-height:1.04;
    letter-spacing:-1.2px;
    margin:14px 0 14px;
  }

  .eyebrow,
  .badge{
    font-size:.8rem;
    padding:8px 12px;
  }

  .lead{
    font-size:1rem;
    margin-bottom:18px;
  }

  .hero-actions,
  .cta-actions{
    flex-direction:column;
    gap:12px;
  }

  .hero-actions .btn,
  .cta-actions .btn{
    width:100%;
    min-height:50px;
  }

  .hero-proof,
  .card-grid,
  .step-grid,
  .trust-grid,
  .blog-grid,
  .testimonial-grid,
  .logo-cluster,
  .metric-grid{
    grid-template-columns:1fr !important;
  }

  .hero-panel,
  .panel-box,
  .contact-box,
  .cta-box,
  .article-box,
  .sidebar-box,
  .blog-card,
  .card,
  .faq-item,
  .step-card,
  .testimonial-card,
  .value-box{
    padding:20px;
    border-radius:20px;
  }

  section{
    padding:56px 0;
  }

  .section-head{
    margin:0 auto 24px;
  }

  .section-head h2{
    font-size:clamp(1.6rem, 7vw, 2.2rem);
    line-height:1.1;
    letter-spacing:-.8px;
  }

  .panel-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .metric strong{
    font-size:1.6rem;
  }

  .proof-item,
  .metric,
  .mini-benefit,
  .list-item,
  .contact-points div,
  .logo-badge{
    padding:14px 15px;
  }

  .list-item{
    gap:10px;
  }

  .list-item span{
    width:26px;
    height:26px;
    flex:0 0 26px;
    font-size:.85rem;
  }

  .step-number{
    width:38px;
    height:38px;
    margin-bottom:12px;
  }

  .compare-table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  .breadcrumbs{
    font-size:.86rem;
    line-height:1.5;
  }

  .article-box h1{
    font-size:clamp(1.8rem, 8vw, 2.4rem);
    line-height:1.08;
  }

  .article-box h2{
    font-size:1.35rem;
    line-height:1.2;
    margin:22px 0 10px;
  }

  .form-row input,
  .form-row select,
  .form-row textarea{
    min-height:48px;
    font-size:16px;
  }

  .form-row textarea{
    min-height:140px;
  }

  .footer{
    padding:28px 0 90px;
  }

  .footer-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }

  .footer-links{
    flex-wrap:wrap;
    gap:12px 16px;
  }

  .sticky-cta{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
  }

  .sticky-cta a{
    width:100%;
    min-height:50px;
    border-radius:14px;
    box-shadow:0 14px 28px rgba(10,151,255,.28);
  }

  .bg-grid{
    display:none;
  }
}

@media (max-width: 420px){
  .container{
    width:min(calc(100% - 16px), var(--max));
  }

  .hero-copy h1{
    font-size:clamp(1.8rem, 10vw, 2.6rem);
  }

  .hero-panel,
  .panel-box,
  .contact-box,
  .cta-box,
  .article-box,
  .sidebar-box,
  .blog-card,
  .card,
  .faq-item,
  .step-card,
  .testimonial-card,
  .value-box{
    padding:18px;
  }

  .proof-item,
  .metric,
  .mini-benefit,
  .list-item,
  .contact-points div{
    padding:12px 13px;
  }
}



/* CTA Bug Fix + Hamburger Menu */
.sticky-cta{
  position:fixed;
  right:18px;
  bottom:18px;
  left:auto;
  top:auto;
  z-index:70;
  display:block;
}
.sticky-cta *{
  white-space:nowrap;
}
.sticky-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.menu-toggle{
  display:none;
  width:48px;
  height:48px;
  padding:0;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.05);
  color:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.menu-toggle:hover{
  background:rgba(255,255,255,0.08);
  border-color:rgba(10,151,255,.24);
}
.menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:2px;
  background:#fff;
  transition:transform .22s ease, opacity .22s ease;
}

@media (max-width: 760px){
  .nav{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
  }

  .brand{
    width:auto;
    min-width:0;
  }

  .menu-toggle{
    display:inline-flex;
    justify-self:end;
  }

  .nav .btn-secondary{
    grid-column:1 / -1;
    width:100%;
    order:3;
  }

  .nav-links{
    display:none !important;
    grid-column:1 / -1;
    width:100%;
    flex-direction:column;
    gap:10px;
    padding:12px;
    border-radius:16px;
    background:rgba(6,13,28,0.92);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 16px 36px rgba(0,0,0,.28);
  }

  .nav-links.is-open{
    display:flex !important;
  }

  .nav-links a{
    width:100%;
    padding:12px 14px;
    border-radius:12px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.06);
    font-size:.96rem;
  }

  .menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .menu-toggle.is-open span:nth-child(2){
    opacity:0;
  }
  .menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .sticky-cta{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
  }

  .sticky-cta a{
    width:100%;
    min-height:50px;
  }
}


/* Hamburger Visible Fix */
.nav{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:14px;
}

.header-cta{
  justify-self:end;
}

.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  padding:0;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.05);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:2px;
  background:#fff;
  transition:transform .22s ease, opacity .22s ease;
}
.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:760px){
  .nav{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand toggle"
      "cta cta"
      "nav nav";
    align-items:center;
    gap:12px;
  }

  .brand{
    grid-area:brand;
    min-width:0;
    width:auto;
  }

  .menu-toggle{
    display:inline-flex !important;
    grid-area:toggle;
    justify-self:end;
    align-self:center;
  }

  .header-cta{
    grid-area:cta;
    width:100%;
    margin:0;
    min-height:48px;
  }

  .nav-links{
    grid-area:nav;
    display:none !important;
    width:100%;
    flex-direction:column;
    gap:10px;
    padding:12px;
    border-radius:16px;
    background:rgba(6,13,28,0.96);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 16px 36px rgba(0,0,0,.28);
  }

  .nav-links.is-open{
    display:flex !important;
  }

  .nav-links a{
    width:100%;
    padding:12px 14px;
    border-radius:12px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.06);
    font-size:.96rem;
  }

  .topbar{
    padding-bottom:0;
  }
}



/* Hamburger Hard Fix */
@media (max-width: 980px){
  .nav{
    position:relative !important;
    display:block !important;
    padding:14px 0 10px !important;
  }

  .brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    width:100% !important;
    padding-right:72px !important;
    min-height:48px !important;
  }

  .menu-toggle{
    display:flex !important;
    position:absolute !important;
    top:14px !important;
    right:0 !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    padding:0 !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    background:rgba(255,255,255,0.08) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    z-index:80 !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .menu-toggle span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:2px !important;
  }

  .nav-links{
    display:none !important;
    width:100% !important;
    margin-top:14px !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:16px !important;
    background:rgba(6,13,28,0.96) !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.28) !important;
  }

  .nav-links.is-open{
    display:flex !important;
  }

  .nav-links a{
    width:100% !important;
    display:block !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,0.04) !important;
    border:1px solid rgba(255,255,255,0.06) !important;
    font-size:.96rem !important;
  }

  .header-cta{
    display:flex !important;
    width:100% !important;
    margin-top:14px !important;
    min-height:48px !important;
  }
}

@media (max-width: 760px){
  .brand{
    padding-right:64px !important;
  }

  .menu-toggle{
    top:12px !important;
    right:0 !important;
    width:46px !important;
    height:46px !important;
  }

  .header-cta{
    margin-top:12px !important;
  }
}