:root{
  --bg:#09090f;
  --bg2:#0e0e16;
  --bg3:#13131d;
  --surface:#1a1a27;
  --accent:#a78bfa;
  --accent2:#c4b5fd;
  --indigo:#818cf8;
  --accent-dim:rgba(167,139,250,.12);
  --accent-glow:rgba(167,139,250,.25);
  --text:#EDEDF4;
  --text2:#b0b0c8;
  --muted:#8c8ca8;
  --border:rgba(255,255,255,.07);
  --border2:rgba(167,139,250,.16);
  --wa:#25D366;
  --radius:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Cairo',system-ui,sans-serif;
  background:
    radial-gradient(1100px 650px at 85% -5%, rgba(99,102,241,.14) 0%, transparent 55%),
    radial-gradient(900px 600px at 0% 105%, rgba(167,139,250,.08) 0%, transparent 60%),
    var(--bg);
  color:var(--text);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
a,button,summary{cursor:pointer}
::selection{background:var(--accent);color:var(--bg)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ---------- WebGL canvas ---------- */
#bg{position:fixed;inset:0;z-index:0;pointer-events:none}
main,nav,footer{position:relative;z-index:1}

/* ---------- Scroll progress ---------- */
#progress{
  position:fixed;top:0;right:0;height:3px;width:0;z-index:200;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  box-shadow:0 0 14px var(--accent-glow);
}

/* ---------- Nav ---------- */
nav{
  position:sticky;top:0;z-index:100;
  background:rgba(9,9,15,.72);backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--border2);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;max-width:1140px;margin:0 auto}
.logo{font-weight:900;font-size:1.3rem;letter-spacing:.5px;flex-shrink:0}
.logo span{
  background:linear-gradient(135deg,var(--accent),var(--indigo),var(--accent2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.nav-links{display:flex;gap:26px;font-size:.95rem;color:var(--text2)}
.nav-links a{transition:color .2s ease;padding:6px 2px}
.nav-links a:hover{color:var(--accent2)}
.nav-cta{
  background:linear-gradient(135deg,var(--accent),var(--indigo));color:#0d0a1f;font-weight:700;font-size:.95rem;
  padding:9px 22px;border-radius:99px;transition:all .25s ease;
  display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;
}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px var(--accent-glow)}
.nav-burger{
  display:none;background:none;border:1px solid var(--border2);border-radius:11px;
  width:44px;height:44px;align-items:center;justify-content:center;color:var(--text);flex-shrink:0;
  transition:background .2s ease;
}
.nav-burger:hover{background:var(--accent-dim)}
@media (max-width:820px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .nav-links.open{
    display:flex;position:absolute;top:100%;right:0;left:0;
    flex-direction:column;gap:0;
    background:rgba(9,9,15,.97);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border2);padding:6px 24px 12px;
  }
  .nav-links.open a{
    padding:13px 2px;min-height:48px;display:flex;align-items:center;
    border-bottom:1px solid var(--border);font-size:1.05rem;
  }
  .nav-links.open a:last-child{border-bottom:none}
}

/* ---------- Hero ---------- */
header{position:relative;padding:92px 0 110px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--accent2);font-weight:700;font-size:.9rem;
  border:1px solid var(--border2);border-radius:99px;padding:7px 18px;
  background:var(--accent-dim);backdrop-filter:blur(8px);margin-bottom:26px;
}
.kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:glowPulse 2.4s infinite ease-in-out}
@keyframes glowPulse{0%,100%{opacity:.5}50%{opacity:1}}
h1{font-size:clamp(2rem,4.8vw,3.5rem);font-weight:900;line-height:1.32;margin-bottom:20px}
h1 .w{display:inline-block}
h1 em{font-style:normal}
h1 em,h1 em .w{
  background:linear-gradient(135deg,var(--accent) 15%,var(--indigo) 45%,var(--accent2) 75%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 5s linear infinite;
}
@keyframes shimmer{to{background-position:-220% 0}}
.hero-sub{color:var(--text2);font-size:1.12rem;max-width:35rem;margin-bottom:32px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn-primary{
  background:linear-gradient(135deg,#2BE16F,var(--wa));color:#06250F;font-weight:900;font-size:1.05rem;
  padding:15px 32px;border-radius:99px;display:inline-flex;align-items:center;gap:10px;
  transition:transform .25s ease,box-shadow .25s ease;min-height:50px;
  box-shadow:0 10px 34px rgba(37,211,102,.28);
}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 44px rgba(37,211,102,.42)}
.btn-ghost{
  color:var(--text);font-weight:700;padding:15px 28px;border-radius:99px;
  border:1px solid var(--border2);transition:all .25s ease;min-height:50px;
  display:inline-flex;align-items:center;backdrop-filter:blur(8px);
}
.btn-ghost:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}
.hero-proof{margin-top:24px;color:var(--muted);font-size:.95rem;display:flex;align-items:flex-start;gap:10px;max-width:33rem}
.hero-proof svg{flex-shrink:0;margin-top:4px}

/* ---------- Phone (3D, WhatsApp-authentic) ---------- */
.phone-wrap{perspective:1200px}
.phone{
  background:linear-gradient(165deg,#1c1c2c,#101019);
  border:1px solid var(--border2);
  border-radius:30px;
  padding:14px;
  box-shadow:
    0 40px 100px rgba(0,0,0,.6),
    0 25px 80px var(--accent-glow),
    inset 0 1px 0 rgba(255,255,255,.07);
  max-width:390px;margin:0 auto;width:100%;
  transform-style:preserve-3d;
  will-change:transform;
  position:relative;
}
.phone::after{
  content:'';position:absolute;inset:-2px;border-radius:32px;z-index:-1;
  background:linear-gradient(140deg,rgba(167,139,250,.45),transparent 30%,transparent 70%,rgba(129,140,248,.3));
  filter:blur(7px);opacity:.65;
}
.phone-screen{background:#0B141A;border-radius:20px;overflow:hidden}
.phone-head{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;background:#1F2C34;
}
.phone-avatar{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--indigo));color:#0d0a1f;font-weight:900;font-size:1.05rem;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.phone-name{font-weight:700;font-size:.95rem;line-height:1.3;color:#E9EDEF}
.phone-status{font-size:.75rem;color:#34d399;display:flex;align-items:center;gap:5px}
.dot-online{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}
.chat{display:flex;flex-direction:column;gap:11px;min-height:340px;position:relative;padding:16px 14px}
.msg{
  max-width:86%;padding:9px 14px;border-radius:12px;font-size:.9rem;line-height:1.65;
  opacity:0;transform:translateY(12px);
  animation:msgIn .5s ease forwards;
}
.msg .time{display:block;font-size:.66rem;color:rgba(233,237,239,.55);margin-top:3px}
.msg-user{align-self:flex-start;background:#1F2C34;color:#E9EDEF;border-top-right-radius:3px}
.msg-bot{align-self:flex-end;background:#005C4B;color:#E7FFDB;border-top-left-radius:3px}
.msg-bot .time{text-align:left}
.typing{
  position:absolute;bottom:14px;left:14px;
  display:inline-flex;gap:5px;padding:13px 17px;
  background:#005C4B;border-radius:12px;border-top-left-radius:3px;
  opacity:0;animation:typingShow .01s linear forwards;
}
.typing i{width:7px;height:7px;border-radius:50%;background:#9BE8B0;animation:pulse 1s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
.m1{animation-delay:.6s}
.t1{animation-delay:1.4s;animation-duration:1.6s;animation-name:typingHold}
.m2{animation-delay:3s}
.t2{animation-delay:5s;animation-duration:1.4s;animation-name:typingHold}
.m3{animation-delay:4.6s}
.m4{animation-delay:6.4s}
@keyframes msgIn{to{opacity:1;transform:translateY(0)}}
@keyframes typingHold{0%{opacity:0}5%{opacity:1}90%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes typingShow{to{opacity:1}}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
.phone-caption{text-align:center;color:var(--text2);font-size:.85rem;font-weight:700;padding:12px 6px 4px}

/* ---------- Trust bar ---------- */
.trust-bar{
  border-block:1px solid var(--border);background:rgba(14,14,22,.55);backdrop-filter:blur(10px);
  padding:22px 0;
}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:14px 38px;flex-wrap:wrap}
.trust-label{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:1px}
.trust-name{color:var(--text2);font-weight:700;font-size:.98rem;opacity:.85}

/* ---------- Sections ---------- */
section{padding:96px 0;position:relative}
.sec-kicker{color:var(--accent);font-weight:700;font-size:.9rem;margin-bottom:10px;letter-spacing:.5px}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;line-height:1.4;margin-bottom:14px}
.sec-sub{color:var(--text2);max-width:37rem;margin-bottom:52px;font-size:1.05rem}

/* Services grid */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{
  position:relative;
  background:linear-gradient(165deg,rgba(26,26,39,.72),rgba(14,14,22,.78));
  backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid var(--border);
  border-radius:var(--radius);padding:32px 28px;
  transition:transform .35s cubic-bezier(.2,.8,.3,1),border-color .35s ease,box-shadow .35s ease;
  will-change:transform;
  display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-8px);border-color:var(--border2);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 44px rgba(167,139,250,.08)}
.card-flag{border-color:var(--border2);background:linear-gradient(170deg,rgba(167,139,250,.13),rgba(14,14,22,.78) 45%)}
.card-badge{
  position:absolute;top:-13px;right:26px;
  background:linear-gradient(135deg,var(--accent2),var(--accent));color:#0d0a1f;font-weight:900;font-size:.75rem;
  padding:4px 15px;border-radius:99px;box-shadow:0 6px 20px var(--accent-glow);
}
.card-icon{
  width:52px;height:52px;border-radius:14px;margin-bottom:20px;
  background:linear-gradient(135deg,rgba(167,139,250,.2),rgba(129,140,248,.07));
  border:1px solid var(--border2);
  display:flex;align-items:center;justify-content:center;color:var(--accent2);
  box-shadow:0 0 24px rgba(167,139,250,.12);
}
.card h3{font-size:1.12rem;font-weight:700;margin-bottom:8px}
.card p{color:var(--text2);font-size:.94rem}
.card ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.card ul li{display:flex;gap:9px;font-size:.88rem;color:var(--text2)}
.card ul svg{flex-shrink:0;margin-top:5px;color:var(--accent)}
.card-meta{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.card-meta strong{color:var(--accent2);font-weight:700}

/* ATEN programs */
.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.program-card{display:flex;flex-direction:column;min-width:0}
.program-card .case-stats{gap:16px;margin-bottom:24px}
.program-link{margin-top:auto;justify-content:center;text-align:center;white-space:normal}
.program-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:960px){.program-grid{grid-template-columns:1fr}}

/* Website portfolio */
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.site-card{display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;transition:transform .3s ease,border-color .3s ease}
.site-card:hover{transform:translateY(-6px);border-color:var(--border2)}
.site-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;border-bottom:1px solid var(--border)}
.site-meta{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.site-meta b{font-size:1.05rem}
.site-meta span{color:var(--muted);font-size:.85rem}
.site-meta .site-domain{color:var(--accent2);font-weight:700;margin-top:4px;align-self:flex-start}
@media(max-width:960px){.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-more{display:none;margin:22px auto 0}
@media(max-width:560px){.site-grid{grid-template-columns:1fr}.site-grid.is-collapsed .site-card:nth-child(n+7){display:none}.site-grid.is-collapsed~.site-more{display:flex}}

/* Cases */
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.case{
  background:linear-gradient(165deg,rgba(26,26,39,.66),rgba(14,14,22,.74));
  backdrop-filter:blur(12px);
  border:1px solid var(--border);border-radius:var(--radius);padding:32px 30px;
  transition:transform .35s cubic-bezier(.2,.8,.3,1),border-color .35s ease;
}
.case:hover{transform:translateY(-6px);border-color:var(--border2)}
.case-tag{color:var(--accent);font-size:.8rem;font-weight:700;margin-bottom:8px}
.case h3{font-size:1.15rem;font-weight:700;margin-bottom:6px}
.case p{color:var(--text2);font-size:.93rem;margin-bottom:18px}
.case-stats{display:flex;gap:28px;flex-wrap:wrap}
.case-stat b{display:block;font-size:1.7rem;font-weight:900;color:var(--accent2);line-height:1.2}
.case-stat > span{color:var(--muted);font-size:.8rem}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{
  position:relative;padding:32px 28px;
  background:linear-gradient(165deg,rgba(14,14,22,.78),rgba(9,9,15,.85));
  backdrop-filter:blur(12px);
  border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;
}
.step::before{
  content:'';position:absolute;top:0;right:0;width:100%;height:2px;
  background:linear-gradient(270deg,var(--accent),transparent 70%);opacity:.65;
}
.step-num{
  font-size:3rem;font-weight:900;color:transparent;
  -webkit-text-stroke:1.5px var(--accent);line-height:1;margin-bottom:16px;display:block;
}
.step h3{font-size:1.12rem;font-weight:700;margin-bottom:8px}
.step p{color:var(--text2);font-size:.95rem}

/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{
  background:linear-gradient(165deg,rgba(26,26,39,.7),rgba(14,14,22,.78));
  backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid var(--border);
  border-radius:var(--radius);padding:36px 30px;display:flex;flex-direction:column;
  position:relative;transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s ease;
  will-change:transform;
}
.price-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.price-card.featured{
  border-color:var(--accent);
  background:linear-gradient(170deg,rgba(167,139,250,.15),rgba(26,26,39,.66) 45%);
  box-shadow:0 0 50px rgba(167,139,250,.12);
}
.badge-top{
  position:absolute;top:-15px;right:30px;
  background:linear-gradient(135deg,var(--accent2),var(--accent));color:#0d0a1f;font-weight:900;font-size:.78rem;
  padding:5px 18px;border-radius:99px;box-shadow:0 6px 20px var(--accent-glow);
}
.price-name{font-weight:700;font-size:1.08rem;margin-bottom:4px}
.price-for{color:var(--muted);font-size:.85rem;margin-bottom:22px}
.price-val{font-size:2.2rem;font-weight:900;color:var(--accent2);line-height:1.2}
.price-val small{font-size:.9rem;color:var(--text);font-weight:600}
.price-month{color:var(--text2);font-size:.92rem;margin-bottom:24px}
.price-feats{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:30px;flex-grow:1}
.price-feats li{display:flex;gap:10px;font-size:.93rem;color:var(--text)}
.price-feats svg{flex-shrink:0;margin-top:5px;color:var(--accent)}
.price-cta{
  text-align:center;font-weight:700;padding:13px;border-radius:99px;min-height:48px;
  border:1px solid var(--border2);transition:all .25s ease;display:flex;align-items:center;justify-content:center;
}
.price-cta:hover{background:var(--accent-dim);transform:translateY(-2px)}
.price-card.featured .price-cta{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#0d0a1f;border-color:var(--accent)}
.price-card.featured .price-cta:hover{box-shadow:0 10px 28px var(--accent-glow)}
.price-notes{
  margin-top:30px;display:flex;flex-direction:column;gap:8px;
  color:var(--muted);font-size:.88rem;max-width:46rem;
}
.price-notes p{display:flex;gap:9px;align-items:flex-start}
.price-notes svg{flex-shrink:0;margin-top:5px;color:var(--accent)}
.quote-strip{
  margin-top:26px;border:1px dashed var(--border2);border-radius:var(--radius);
  backdrop-filter:blur(10px);background:rgba(14,14,22,.5);
  padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
}
.quote-strip strong{font-size:1.08rem}
.quote-strip p{color:var(--text2);font-size:.93rem;max-width:38rem}

/* FAQ */
details{
  background:linear-gradient(165deg,rgba(26,26,39,.6),rgba(14,14,22,.7));
  backdrop-filter:blur(12px);
  border:1px solid var(--border);
  border-radius:14px;margin-bottom:12px;overflow:hidden;
  transition:border-color .25s ease;
}
details:hover{border-color:var(--border2)}
summary{
  list-style:none;padding:18px 22px;font-weight:700;font-size:1rem;
  display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;
}
summary::-webkit-details-marker{display:none}
summary svg{flex-shrink:0;transition:transform .25s ease;color:var(--accent)}
details[open] summary svg{transform:rotate(45deg)}
details p{padding:0 22px 20px;color:var(--text2);font-size:.95rem;max-width:46rem}

/* Final CTA */
.final{text-align:center;padding:120px 0}
.final h2{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.8rem)}
.final .sec-sub{margin:0 auto 38px}

/* Footer */
footer{border-top:1px solid var(--border);padding:42px 0 36px;color:var(--muted);font-size:.9rem;background:rgba(9,9,15,.7);backdrop-filter:blur(10px)}
.foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:2px}
.foot-col a{padding:10px 0;display:inline-flex;align-items:center}
footer a:hover{color:var(--accent2)}
.foot-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}

/* Floating WhatsApp */
.wa-float{
  position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:22px;z-index:150;
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#2BE16F,var(--wa));
  display:flex;align-items:center;justify-content:center;color:#06250F;
  box-shadow:0 12px 34px rgba(37,211,102,.4);
  transition:transform .25s ease;
}
.wa-float:hover{transform:scale(1.1)}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .msg{animation:none;opacity:1;transform:none}
  .typing{display:none}
  html{scroll-behavior:auto}
  h1 em,h1 em .w{animation:none}
  .kicker::before{animation:none}
  *{transition-duration:.01ms!important}
}


/* ---------- v4 (2026-10-01): system-first layout ---------- */
.card-wide{grid-column:1/-1}
.card-wide ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}
.card-wide .card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.tag-demo{display:inline-block;margin-bottom:10px;font-size:.72rem;font-weight:700;color:var(--accent2);border:1px solid var(--border2);background:var(--accent-dim);padding:2px 10px;border-radius:99px}
.tag-new{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#0d0a1f;border-color:transparent;margin-inline-start:6px}
.card-link{margin-top:auto;padding-top:14px;color:var(--accent2);font-weight:700;font-size:.88rem;text-decoration:none}
.card-link:hover{text-decoration:underline}
.card-problem{color:var(--accent);font-weight:700;font-size:.9rem;margin-bottom:6px}
.industries{margin-top:34px;border:1px dashed var(--border2);border-radius:var(--radius);padding:24px}
.industries-title{font-weight:700;color:var(--text);margin-bottom:16px}
.industries-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.industry{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);text-decoration:none;font-size:.86rem;transition:border-color .25s ease,transform .25s ease}
.industry:hover{border-color:var(--border2);transform:translateY(-3px)}
.industry b{color:var(--text);font-size:.98rem}
.industry em{font-style:normal;color:var(--accent2);font-weight:700;margin-top:auto;padding-top:6px}
@media(max-width:1100px){.industries-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.industries-grid{grid-template-columns:1fr}}
.addons{display:flex;flex-direction:column;gap:14px}
.addons-title{font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:2px}
.addon{border:1px dashed var(--border2);border-radius:16px;padding:18px 20px;color:var(--text2);font-size:.9rem}
.addon b{display:block;color:var(--text);margin-bottom:4px}
.price-grid.four{grid-template-columns:repeat(4,1fr)}
.support-line{margin-top:22px;text-align:center;color:var(--text);font-weight:700}
.meta-box{margin-top:30px;border:1px solid var(--border2);border-radius:var(--radius);padding:26px 28px;background:linear-gradient(165deg,rgba(26,26,39,.6),rgba(14,14,22,.7))}
.meta-box h3{font-size:1.05rem;margin-bottom:10px}
.meta-box p{color:var(--text2);font-size:.92rem;margin-bottom:6px}
.meta-table{width:100%;border-collapse:collapse;margin:14px 0 10px;font-size:.9rem}
.meta-table th,.meta-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:right}
.meta-table th{color:var(--muted);font-weight:600}
.meta-table td:last-child{color:var(--accent2);font-weight:700}
.meta-note{color:var(--muted)!important;font-size:.82rem!important}
.cta-short{display:none}
@media (max-width:480px){.cta-long{display:none}.cta-short{display:inline}}
@media (max-width:1100px){.price-grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){
  .card-wide ul{grid-template-columns:1fr}
  .price-grid.four{grid-template-columns:1fr}
  .meta-box{padding:20px 16px}
}

/* ---------- Responsive ---------- */
@media (max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:52px}
  .cards-3,.steps,.price-grid{grid-template-columns:1fr}
  .cases{grid-template-columns:1fr}
  section{padding:68px 0}
  header{padding:52px 0 72px}
  .price-card.featured{order:-1}
}