:root{
  --teal:#0E4A47; --teal-dark:#082E2C; --teal-mid:#14635E;
  --sand:#C9A24B; --sand-soft:#E7CE8F;
  --ivory:#FAF6EE; --paper:#FFFDF8; --charcoal:#1F2A2A;
  --muted:#5A6B68; --line:#E4DCC8; --radius:14px;
  --shadow:0 6px 18px rgba(8,46,44,.09);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans Arabic","Cairo",sans-serif;background:var(--ivory);color:var(--charcoal);line-height:1.75;font-size:16px}
h1,h2,h3,.kufi{font-family:"Noto Kufi Arabic","Noto Sans Arabic",sans-serif;line-height:1.55}
.num,.en{font-family:"Inter","Noto Sans Arabic",sans-serif;font-weight:700}
a{text-decoration:none;color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
section{padding:42px 0}
.eyebrow{color:var(--sand);font-weight:700;font-size:.85rem;margin-bottom:6px}
.sec-title{font-size:clamp(1.3rem,4.6vw,1.75rem);font-weight:800;color:var(--teal-dark);margin-bottom:8px}
.sec-sub{color:var(--muted);max-width:720px;margin-bottom:24px;font-size:.96rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sand);color:var(--teal-dark);font-family:"Noto Kufi Arabic",sans-serif;font-weight:700;font-size:1rem;padding:12px 24px;border-radius:999px;border:none;cursor:pointer;transition:.2s;box-shadow:0 6px 16px rgba(201,162,75,.32)}
.btn:hover{background:var(--sand-soft)}
.btn:active{transform:scale(.98)}
.link-alt{display:inline-block;margin-top:12px;font-weight:700;color:var(--teal);border-bottom:2px solid rgba(14,74,71,.35);padding-bottom:1px;font-size:.95rem}
.hero .link-alt{color:var(--sand-soft);border-color:rgba(201,162,75,.45)}
/* Header */
header{position:sticky;top:0;z-index:60;background:rgba(8,46,44,.98)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.logo-box{display:flex;align-items:center;gap:10px;min-width:0}
.logo-box img{width:44px;height:44px;object-fit:contain;background:var(--ivory);border-radius:10px;padding:3px;flex:none}
.logo-name{color:var(--ivory);font-family:"Noto Kufi Arabic",sans-serif;font-weight:800;font-size:1.12rem;line-height:1.25;white-space:nowrap}
.logo-name small{display:block;font-family:"Noto Sans Arabic",sans-serif;font-weight:400;font-size:.7rem;color:var(--sand-soft)}
nav.main-nav{display:flex;gap:22px}
nav.main-nav a{color:var(--ivory);font-size:.95rem;opacity:.92}
nav.main-nav a:hover,nav.main-nav a.active{color:var(--sand-soft);opacity:1}
.header-cta{padding:9px 18px;font-size:.9rem;flex:none;white-space:nowrap}
@media(max-width:560px){
  .header-cta{display:none}
  .logo-name{font-size:1rem}
  .hero{padding:36px 0 48px}
  .btn{padding:11px 20px;font-size:.96rem}
  section{padding:34px 0}
}
nav.mobile-nav{display:none}
@media(max-width:860px){
  nav.main-nav{display:none}
  nav.mobile-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}
  nav.mobile-nav::-webkit-scrollbar{display:none}
  nav.mobile-nav a{flex:none;background:rgba(250,246,238,.1);color:var(--ivory);font-size:.88rem;padding:6px 14px;border-radius:999px}
  nav.mobile-nav a.active{background:var(--sand);color:var(--teal-dark);font-weight:700}
}
/* Hero */
.hero{background:linear-gradient(160deg,var(--teal-dark),var(--teal) 60%,var(--teal-mid));color:var(--ivory);padding:46px 0 56px;position:relative;overflow:hidden}
.hero::after{content:"أثر";position:absolute;left:-16px;bottom:-64px;font-family:"Noto Kufi Arabic",sans-serif;font-weight:800;font-size:11rem;color:rgba(250,246,238,.05);line-height:1;pointer-events:none}
.hero .eyebrow{color:var(--sand-soft)}
.hero h1{font-size:clamp(1.65rem,6.2vw,2.45rem);font-weight:800;max-width:780px;margin-bottom:14px}
.hero h1 .hl{color:var(--sand)}
.hero p.lead{font-size:1.02rem;max-width:700px;color:#EDE6D6;margin-bottom:14px}
.cost-line{background:rgba(201,162,75,.14);border:1px solid rgba(201,162,75,.45);border-radius:12px;padding:10px 16px;max-width:700px;font-weight:700;color:var(--sand-soft);margin-bottom:22px;font-size:.98rem}
.risk-line{margin-top:16px;font-size:.9rem;color:#D9E4E0;max-width:640px}
.risk-line b{color:var(--sand-soft)}
.page-head{background:linear-gradient(160deg,var(--teal-dark),var(--teal));color:var(--ivory);padding:34px 0 40px}
.page-head h1{font-size:clamp(1.5rem,5.4vw,2.1rem);font-weight:800}
.page-head p{color:#EDE6D6;max-width:680px;font-size:.98rem;margin-top:6px}
.page-head .eyebrow{color:var(--sand-soft)}
/* Cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:860px){.grid3,.grid2{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{color:var(--teal-dark);font-size:1.06rem;margin-bottom:6px}
.card p{color:var(--muted);font-size:.94rem}
.card .tag{display:inline-block;background:rgba(14,74,71,.08);color:var(--teal);font-weight:700;font-size:.74rem;padding:2px 10px;border-radius:999px;margin-bottom:8px}
.pain{border-inline-start:4px solid var(--sand)}
.pain b{color:var(--teal-dark)}
.price-from{margin-top:10px;font-weight:700;color:var(--teal);font-size:.95rem}
.price-from .num{color:#A8823A;font-size:1.08rem}
details.qual{margin-top:10px;background:var(--ivory);border-radius:10px;padding:8px 12px;font-size:.88rem;color:var(--muted)}
details.qual summary{cursor:pointer;font-weight:700;color:var(--teal-dark)}
details.qual p{margin-top:6px}
/* Diagnosis */
.diag{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-top:-34px;position:relative;z-index:5}
.diag h2{font-size:1.3rem;color:var(--teal-dark);margin-bottom:4px}
.diag .q{margin:14px 0;padding:14px 16px;background:var(--ivory);border:1px solid var(--line);border-radius:12px}
.diag .q label{display:block;font-weight:700;color:var(--teal-dark);margin-bottom:6px;font-size:.96rem}
.diag .q input{width:150px;max-width:60%;padding:8px 12px;border:2px solid var(--line);border-radius:10px;font-family:"Inter",sans-serif;font-size:1rem;font-weight:700;text-align:center;background:#fff}
.diag .q input:focus{outline:none;border-color:var(--sand)}
.hint{font-size:.87rem;color:var(--muted)}
/* Bands */
.band-teal{background:var(--teal-dark);color:var(--ivory)}
.band-teal .sec-title{color:var(--ivory)}
.band-teal .sec-sub{color:#CBDAD6}
.openbook{border:1px dashed rgba(201,162,75,.6);border-radius:12px;padding:14px 18px;color:var(--sand-soft);font-weight:700;background:rgba(201,162,75,.08);font-size:.96rem}
/* Pricing */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.tabs button{font-family:"Noto Kufi Arabic",sans-serif;font-weight:700;font-size:.92rem;padding:8px 18px;border-radius:999px;border:2px solid var(--teal);background:transparent;color:var(--teal);cursor:pointer}
.tabs button.active{background:var(--teal);color:var(--ivory)}
.tabpane{display:none}
.tabpane.active{display:block}
.table-scroll{overflow-x:auto;border-radius:12px;box-shadow:var(--shadow);margin-bottom:18px;-webkit-overflow-scrolling:touch}
table.price{width:100%;min-width:560px;border-collapse:collapse;background:var(--paper)}
table.price th{background:var(--teal);color:var(--ivory);font-family:"Noto Kufi Arabic",sans-serif;padding:11px 14px;text-align:right;font-size:.95rem}
table.price td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top;font-size:.93rem}
table.price td.p{font-family:"Inter",sans-serif;font-weight:700;color:var(--teal);white-space:nowrap}
table.price td small{color:var(--muted);display:block;font-family:"Noto Sans Arabic",sans-serif;font-weight:400;font-size:.85rem}
.price-note{font-size:.9rem;color:var(--muted);margin-bottom:20px}
/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.step .n{font-family:"Inter",sans-serif;font-weight:700;font-size:1.5rem;color:var(--sand);line-height:1}
.step h3{color:var(--teal-dark);margin:6px 0 4px;font-size:1rem}
.step p{color:var(--muted);font-size:.9rem}
/* FAQ */
.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq-q{width:100%;background:none;border:none;cursor:pointer;text-align:right;font-family:"Noto Kufi Arabic",sans-serif;font-weight:700;font-size:.97rem;color:var(--teal-dark);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.faq-q .arr{color:var(--sand);font-size:1.2rem;transition:.25s;flex:none}
.faq-item.open .faq-q .arr{transform:rotate(45deg)}
.faq-a{display:none;padding:0 18px 16px;color:var(--muted);font-size:.94rem}
.faq-item.open .faq-a{display:block}
/* Form */
.form-card{background:var(--teal-dark);color:var(--ivory);border-radius:var(--radius);padding:26px}
.form-card h2{color:var(--ivory)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}
.form-grid .full{grid-column:1/-1}
.form-card label{display:block;font-weight:700;margin-bottom:5px;font-size:.92rem;color:var(--sand-soft)}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:11px 13px;border-radius:10px;border:2px solid rgba(250,246,238,.25);background:rgba(250,246,238,.06);color:var(--ivory);font-family:"Noto Sans Arabic",sans-serif;font-size:1rem}
.form-card select option{color:var(--charcoal)}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--sand)}
.form-card .link-alt{color:var(--sand-soft);border-color:rgba(201,162,75,.45)}
/* Footer + float */
footer{background:#062624;color:#B9CBC7;padding:38px 0 24px;font-size:.92rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:22px;margin-bottom:26px}
@media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:480px){footer .cols{grid-template-columns:1fr}}
footer h4{color:var(--ivory);font-family:"Noto Kufi Arabic",sans-serif;margin-bottom:10px;font-size:1rem}
footer a{display:block;color:#B9CBC7;margin-bottom:7px}
footer a:hover{color:var(--sand-soft)}
.foot-logo{width:60px;height:60px;object-fit:contain;background:var(--ivory);border-radius:12px;padding:5px;margin-bottom:10px}
.copyright{border-top:1px solid rgba(250,246,238,.14);padding-top:14px;text-align:center;color:#7E948F;font-size:.84rem}
.wa-float{position:fixed;bottom:18px;inset-inline-start:18px;z-index:70;background:#1FA855;color:#fff;font-family:"Noto Kufi Arabic",sans-serif;font-weight:700;font-size:.95rem;padding:11px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.wa-float:hover{background:#178f47}
body{padding-bottom:0}