:root{
  --ink:#061527;
  --ink-2:#0b2038;
  --blue:#0a6dff;
  --cyan:#54d8ff;
  --paper:#f7fbff;
  --muted:#a9bdd5;
  --line:rgba(255,255,255,.12);
  --card:rgba(255,255,255,.055);
  --font:"Segoe UI",Tahoma,Arial,"Noto Sans Arabic",sans-serif;
  --step--1:clamp(.82rem,.78rem + .2vw,.94rem);
  --step-0:clamp(.95rem,.88rem + .35vw,1.08rem);
  --step-1:clamp(1.1rem,1rem + .55vw,1.35rem);
  --step-3:clamp(2rem,1.42rem + 2.7vw,3.6rem);
  --step-4:clamp(2.65rem,1.7rem + 4.8vw,5.7rem);
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:30px;
  --radius-xl:42px;
}
*{box-sizing:border-box}
html{text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  font-size:var(--step-0);
  line-height:1.8;
  color:var(--paper);
  background:#061527;
  overflow-x:hidden;
}
body::selection{background:var(--blue);color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%;height:auto}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.skip-link{position:absolute;inset-inline-start:1rem;top:.8rem;transform:translateY(-140%);background:#fff;color:var(--ink);padding:.7rem 1rem;border-radius:999px;z-index:100}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#061527;border-bottom:1px solid rgba(255,255,255,.08)}
.header-shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;align-items:center;border-radius:999px;flex:0 0 auto}
.main-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center}
.main-nav a{color:#d9e8f8;padding:.55rem .85rem;border-radius:999px;font-size:.94rem}
.main-nav a:hover,.main-nav a:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.header-action{padding:.72rem 1.05rem;border-radius:999px;background:#fff;color:#07182c;font-weight:800;flex:0 0 auto}
.nav-toggle{display:none}
.section{padding:6rem 0;position:relative}
.hero{display:grid;align-items:center;padding-top:5rem;padding-bottom:6rem;background:#07182c}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.eyebrow,.section-label{margin:0 0 1rem;color:var(--cyan);letter-spacing:.04em;font-size:var(--step--1);font-weight:800}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.15;letter-spacing:-.035em}
h1{margin-bottom:1.35rem;font-size:var(--step-4);max-width:880px}
h2{font-size:var(--step-3);margin-bottom:1rem}
h3{font-size:var(--step-1);margin-bottom:.65rem}
.hero-lead{max-width:680px;color:#c8d9ec;font-size:var(--step-1)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin:2rem 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.82rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:900;cursor:pointer}
.btn-primary{color:#fff;background:var(--blue)}
.btn-soft{color:#eaf6ff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;max-width:650px;margin:2rem 0 0}
.hero-metrics div{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card)}
.hero-metrics dt{color:#fff;font-weight:900;font-size:1.08rem}
.hero-metrics dd{margin:0;color:var(--muted);font-size:.92rem}
.hero-card{position:relative;min-height:500px;display:grid;place-items:center}
.payment-orbit{display:none}
.pay-panel{position:relative;width:min(390px,100%);padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:#0b2038}
.pay-panel::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08);border-radius:calc(var(--radius-xl) - 12px);pointer-events:none}
.pay-panel-top,.pay-amount,.pay-methods{position:relative;z-index:1}
.pay-panel-top{display:flex;align-items:center;gap:.7rem;color:#fff;font-weight:900}
.pay-amount{margin:2rem 0 1rem;padding:1.2rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.08)}
.pay-amount span{display:block;color:var(--muted);margin-bottom:.3rem}
.pay-amount strong{color:#fff;font-size:2.4rem;line-height:1;letter-spacing:-.04em}
.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.pay-methods span{min-height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;color:#dceeff;background:rgba(255,255,255,.045);font-size:.9rem}
.pay-line{height:8px;margin:1.4rem 0;border-radius:999px;background:var(--blue)}
.pay-button{width:100%;min-height:56px;border:0;border-radius:22px;color:#fff;background:var(--blue);font-weight:900;cursor:pointer}
.intro{padding-top:4rem}
.intro-grid{display:grid;grid-template-columns:260px 1fr;gap:2rem;padding:3rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card)}
.intro-copy p,.flow-copy p,.brand-copy p,.promise-card p,.contact p,.seo-text p{color:#c6d7ea;max-width:760px}
.section-heading{max-width:760px;margin-bottom:2.5rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.value-card{padding:1.4rem;min-height:280px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card)}
.value-card p{color:var(--muted)}
.icon-shape{display:block;width:48px;height:48px;margin-bottom:1.4rem;border-radius:16px 24px 16px 24px;background:var(--blue)}
.icon-shape-alt{border-radius:24px 14px 24px 14px;background:var(--cyan)}
.icon-shape-third{border-radius:50%;background:#8df7d2}
.flow-grid,.brand-grid,.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.text-link{display:inline-flex;margin-top:1rem;color:var(--cyan);font-weight:900}
.flow-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}
.flow-list li{display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card)}
.flow-list span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:rgba(84,216,255,.1);color:var(--cyan);font-weight:900}
.flow-list p{color:var(--muted);margin:0}
.seo-feature-panel{border:1px solid var(--line);border-radius:var(--radius-xl);padding:1rem;background:var(--card)}
.seo-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.seo-feature-list li{min-height:170px;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.045)}
.seo-feature-list strong{display:block;color:#fff;margin-bottom:.5rem;font-size:1.05rem}
.seo-feature-list span{display:block;color:var(--muted);font-size:.95rem;line-height:1.75}
.split-panel,.promise-card,.contact-grid{padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card)}
.split-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem}
.seo-text p:last-child{margin-bottom:0}
.promise-card{text-align:center;overflow:hidden}.promise-card h2,.promise-card p{margin-inline:auto}
.faq-list{display:grid;gap:.8rem}
.faq-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:1.15rem 1.25rem;color:#fff;font-weight:900}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin:0;padding:0 1.25rem 1.2rem;color:var(--muted)}
.lead-form{display:grid;gap:.8rem}.lead-form label{display:grid;gap:.38rem}.lead-form span{color:#dceaff;font-size:.9rem;font-weight:800}
.lead-form input{width:100%;min-height:54px;padding:.85rem 1rem;border:1px solid var(--line);border-radius:18px;outline:0;color:#fff;background:rgba(255,255,255,.06)}
.lead-form input::placeholder{color:#7890a8}.lead-form input:focus{border-color:rgba(84,216,255,.6)}
.site-footer{padding:3rem 0;border-top:1px solid rgba(255,255,255,.08);background:#04111f}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr auto;gap:2rem;align-items:center}
.site-footer p{margin:.8rem 0 0;color:var(--muted)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;justify-content:center}.site-footer nav a{color:#d9e8f8}.copyright{margin:0!important;white-space:nowrap}
@media (max-width:920px){
  .header-shell{align-items:flex-start;flex-wrap:wrap;padding:1rem 0}
  .header-action{display:none}
  .main-nav{order:3;width:100%;justify-content:flex-start;padding-top:.25rem}
  .hero-grid,.intro-grid,.flow-grid,.brand-grid,.split-panel,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .hero{padding-top:4rem}.hero-card{min-height:430px}.card-grid{grid-template-columns:1fr}.footer-grid{align-items:start}.site-footer nav{justify-content:flex-start}
}
@media (max-width:560px){
  .container{width:min(100% - 24px,1180px)}
  .section{padding:4.2rem 0}
  .header-shell{min-height:72px}
  .brand img{width:132px}
  .hero-metrics{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .hero-card{min-height:auto;padding-top:1rem}
  .pay-panel{border-radius:28px}
  .pay-methods{grid-template-columns:1fr}
  .intro-grid,.split-panel,.promise-card,.contact-grid{padding:1.2rem}
  .flow-list li{grid-template-columns:1fr}
  .seo-feature-list{grid-template-columns:1fr}
  .copyright{white-space:normal}
}