/* eSIM79 — comparison / guide pages (best-esim, compare, guides).
   Loaded AFTER esim-page.css, which already provides the top bar, language
   menu, FAQ accordion and footer. Everything here uses logical properties so
   the same sheet serves RTL (ar) and LTR pages. Only transform/opacity move. */
:root{
  --bg-base:#05030F;--bg-elevated:#0A0518;
  --brand-violet:#8B5CF6;--brand-fuchsia:#D946EF;
  --grad-brand:linear-gradient(90deg,#8B5CF6,#D946EF);
  --grad-text:linear-gradient(to right,#818CF8,#C084FC,#FCD34D);
  --accent-emerald:#22C55E;--accent-amber:#FBBF24;
  --glass-bg:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  --glass-border:rgba(255,255,255,.12);--glass-hover:rgba(255,255,255,.07);
  --text-primary:#fff;--text-secondary:rgba(255,255,255,.72);--text-muted:rgba(255,255,255,.60);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);
}
html[lang="ar"] *{font-family:'IBM Plex Sans Arabic','General Sans',Tahoma,system-ui,sans-serif}
body{background:var(--bg-base)}
.wrap.swrap{max-width:1200px}
.swrap p,.swrap li,.swrap td,.swrap th{font-variant-numeric:tabular-nums}
bdi{unicode-bidi:isolate;direction:ltr;display:inline-block}
:where(.swrap) a:focus-visible,:where(.swrap) button:focus-visible,:where(.swrap) summary:focus-visible{outline:2px solid #C084FC;outline-offset:3px;border-radius:8px}
.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}

/* floating gradient orbs — CSS only */
.orbs{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;will-change:transform}
.orb.a{width:560px;height:560px;inset-inline-start:-160px;top:-140px;background:radial-gradient(circle,#8B5CF6,#D946EF 60%,transparent 72%);animation:drift-a 26s ease-in-out infinite alternate}
.orb.b{width:480px;height:480px;inset-inline-end:-140px;top:22%;background:radial-gradient(circle,#D946EF,#8B5CF6 55%,transparent 72%);animation:drift-b 30s ease-in-out infinite alternate}
.orb.c{width:420px;height:420px;inset-inline-start:30%;bottom:-200px;background:radial-gradient(circle,#6D28D9,#C026D3 55%,transparent 72%);opacity:.25;animation:drift-c 22s ease-in-out infinite alternate}
@keyframes drift-a{0%{transform:translate(0,0) scale(1)}35%{transform:translate(90px,60px) scale(1.08)}70%{transform:translate(20px,140px) scale(.96)}100%{transform:translate(130px,30px) scale(1.04)}}
@keyframes drift-b{0%{transform:translate(0,0)}40%{transform:translate(-120px,-50px) scale(1.06)}100%{transform:translate(-40px,110px) scale(.94)}}
@keyframes drift-c{0%{transform:translate(0,0)}50%{transform:translate(-90px,-70px)}100%{transform:translate(80px,-30px)}}

/* hero */
.shero{position:relative;padding:36px 8px 22px;text-align:center;max-width:900px;margin-inline:auto}
.shero .eyebrow{align-self:auto;display:inline-block}
.shero h1{font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:700;line-height:1.18;letter-spacing:-.01em;margin:14px 0 16px}
.shero h1 .g{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.shero .lede{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--text-secondary);line-height:1.75;max-width:760px;margin:0 auto 18px}
.shero .lede strong{color:#fff}
.shero .upd{font-size:13px;color:var(--text-muted);display:inline-flex;gap:8px;align-items:center}
.shero .upd time{color:#e9d5ff;font-weight:600}
.sbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.sbtn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:15px;
  color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);
  transition:transform .35s var(--ease-spring),background .2s,border-color .2s;will-change:transform}
.sbtn.primary{background:linear-gradient(90deg,rgba(139,92,246,.55),rgba(217,70,239,.55));border-color:rgba(217,70,239,.45);box-shadow:0 10px 30px -10px rgba(217,70,239,.6)}
.sbtn:hover{background:rgba(255,255,255,.12)}
.sbtn.primary:hover{background:linear-gradient(90deg,rgba(139,92,246,.7),rgba(217,70,239,.7))}
.sbtn svg{width:17px;height:17px;flex:none}
[dir="rtl"] .icon-arrow{transform:scaleX(-1)}

/* sections */
.ssec{margin-top:56px}
.ssec>h2{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.ssec>.sub{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin-bottom:20px;max-width:760px}

/* TL;DR */
.tldr{padding:24px 26px;border-radius:28px}
.tldr h2{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#f5c2ff;margin-bottom:14px;font-weight:700}
.tldr ul{list-style:none;display:grid;gap:12px}
.tldr li{position:relative;padding-inline-start:30px;line-height:1.7;font-size:15.5px;color:var(--text-secondary)}
.tldr li strong{color:#fff}
.tldr li::before{content:'';position:absolute;inset-inline-start:0;top:.55em;width:16px;height:16px;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 14px rgba(217,70,239,.6)}

/* comparison table */
.cmp{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);background:rgba(255,255,255,.025)}
.cmp caption{caption-side:bottom;text-align:start;font-size:12.5px;color:var(--text-muted);padding:12px 4px 0;line-height:1.6}
.cmp th,.cmp td{padding:14px 14px;text-align:start;vertical-align:top;font-size:14.5px;line-height:1.55;border-bottom:1px solid rgba(255,255,255,.07)}
.cmp thead th{position:sticky;top:0;z-index:3;background:rgba(14,8,28,.92);backdrop-filter:blur(14px);font-size:14px;font-weight:700;color:#e9d5ff;border-bottom:1px solid rgba(255,255,255,.12)}
.cmp thead th.us{color:#fff}
.cmp thead th.us span{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:16px}
.cmp th[scope="row"]{font-weight:600;color:#fff;width:22%}
.cmp tbody tr{transition:background .2s}
.cmp tbody tr:hover{background:var(--glass-hover)}
.cmp td.us,.cmp th.us{background:rgba(139,92,246,.10);box-shadow:inset 1px 0 0 rgba(217,70,239,.35),inset -1px 0 0 rgba(139,92,246,.35)}
.cmp tbody tr:last-child td,.cmp tbody tr:last-child th{border-bottom:0}
.cmp .p{font-weight:800;font-size:17px;color:#fff}
.cmp .pl{display:block;font-size:12.5px;color:var(--text-muted);margin-top:2px}
.cmp .win{color:#86efac}
.cmp .mut{color:var(--text-muted)}
.ico{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.ico svg{width:18px;height:18px;flex:none}
.ico.y{color:#86efac}.ico.n{color:#fda4af}
.cmp .src{font-size:12px;color:var(--text-muted)}
.cmp .src a{color:#c4b5fd;text-decoration:underline dotted}
@media(max-width:767px){
  .cmp,.cmp tbody,.cmp tr,.cmp td,.cmp th[scope="row"]{display:block}
  .cmp{border:0;background:none;border-radius:0;overflow:visible}
  .cmp caption{display:block}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cmp tbody tr{margin-bottom:14px;border-radius:18px;border:1px solid var(--glass-border);background:var(--glass-bg);overflow:hidden;
    box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
  .cmp th[scope="row"]{width:auto;padding:13px 16px 9px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
  .cmp td{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
  .cmp td::before{content:attr(data-p);flex:none;width:34%;color:var(--text-muted);font-weight:600;font-size:13px;padding-top:2px}
  .cmp td.us::before{color:#e9d5ff}
  .cmp td>*{text-align:end}
  .cmp td.us{box-shadow:inset 3px 0 0 var(--brand-fuchsia)}
  [dir="rtl"] .cmp td.us{box-shadow:inset -3px 0 0 var(--brand-fuchsia)}
  .cmp .p{font-size:16px}
}

/* duration cards */
.durs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.dur{padding:22px 22px 18px;border-radius:24px}
.dur h3{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.dur .dsub{font-size:13px;color:var(--text-muted);margin-bottom:16px}
.dur .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}
.dur .row:first-of-type{border-top:0}
.dur .row .who{font-weight:700;font-size:14.5px}
.dur .row .who small{display:block;font-weight:500;font-size:12px;color:var(--text-muted);margin-top:2px}
.dur .row .amt{font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1}
.dur .row.us .amt{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.dur .row .amt small{display:block;font-size:11.5px;font-weight:600;letter-spacing:0;margin-top:5px;-webkit-text-fill-color:initial;color:var(--text-muted)}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid transparent;margin-top:10px}
.badge.win{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35)}
.badge.lose{color:#fcd34d;background:rgba(251,191,36,.10);border-color:rgba(251,191,36,.35)}
.badge.na{color:var(--text-muted);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}

/* when to choose */
.choose{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.choose .col{padding:22px 24px;border-radius:24px}
.choose h3{font-size:18px;font-weight:800;margin-bottom:12px}
.choose .col.us h3{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.choose ul{list-style:none;display:grid;gap:10px}
.choose li{position:relative;padding-inline-start:26px;color:var(--text-secondary);line-height:1.65;font-size:14.5px}
.choose li::before{content:'';position:absolute;inset-inline-start:2px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--accent-emerald)}
.choose .col.them li::before{background:var(--accent-amber)}
.choose li strong{color:#fff}

/* how-to steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;counter-reset:s}
.step{padding:22px 20px;border-radius:22px;position:relative}
.step .n{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;background:var(--grad-brand);box-shadow:0 8px 22px -8px rgba(217,70,239,.7);margin-bottom:14px}
.step h3{font-size:16px;font-weight:700;margin-bottom:8px}
.step p{font-size:14px;color:var(--text-secondary);line-height:1.65}
.sigwave{display:block;width:100%;max-width:520px;height:54px;margin:8px auto 0}
.sigwave path{fill:none;stroke:url(#sg);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:640;stroke-dashoffset:640;animation:draw 3.2s var(--ease-out) forwards}
@keyframes draw{to{stroke-dashoffset:0}}

/* CTA */
.scta{padding:34px 30px;border-radius:28px;text-align:center;position:relative;overflow:hidden}
.scta::before{content:'';position:absolute;inset:-40%;background:radial-gradient(40% 40% at 50% 50%,rgba(217,70,239,.18),transparent 70%);pointer-events:none}
.scta h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;margin-bottom:8px;position:relative}
.scta p{color:var(--text-secondary);line-height:1.7;max-width:640px;margin:0 auto 18px;position:relative}
.scta .stores{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative}
.scta .store{width:auto;min-width:220px;margin-top:0}
.scta .more{display:block;margin-top:16px;color:#c4b5fd;font-weight:600;position:relative}

/* internal links */
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.lgrid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;font-weight:600;font-size:14.5px;
  transition:transform .35s var(--ease-spring),background .2s,border-color .2s}
.lgrid a:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.5);background:rgba(139,92,246,.12)}
.lgrid a svg{width:16px;height:16px;flex:none;color:#c4b5fd}

/* sources */
.sources{margin-top:36px;font-size:12.5px;color:var(--text-muted);line-height:1.8}
.sources a{color:#c4b5fd;text-decoration:underline dotted}
.sources ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px}

/* scroll reveal — JS-gated so no-JS visitors see everything */
html.js .rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
html.js .rv.in{opacity:1;transform:none}
html.js .rvg>.rv:nth-child(2){transition-delay:60ms}html.js .rvg>.rv:nth-child(3){transition-delay:120ms}html.js .rvg>.rv:nth-child(4){transition-delay:180ms}
html.js .rvg>.rv:nth-child(5){transition-delay:240ms}html.js .rvg>.rv:nth-child(6){transition-delay:300ms}html.js .rvg>.rv:nth-child(7){transition-delay:360ms}html.js .rvg>.rv:nth-child(8){transition-delay:420ms}

@media(max-width:600px){.shero{padding-top:18px}.ssec{margin-top:40px}.tldr{padding:20px 18px}.scta{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html.js .rv{opacity:1;transform:none}
  .sigwave path{stroke-dashoffset:0}
}

/* ── /compare/ : stats strip, search, per-country table ── */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.stat{padding:18px 16px;border-radius:18px;text-align:center}
.stat b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{display:block;font-size:12.5px;color:var(--text-muted);margin-top:4px;line-height:1.4}
.search-wrap{margin:0 0 14px}
#cmpSearch{width:100%;max-width:420px;padding:12px 16px;border-radius:14px;font-size:15px;color:#fff;font-family:inherit;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
#cmpSearch::placeholder{color:var(--text-muted)}
#cmpSearch:focus{outline:none;border-color:rgba(168,85,247,.6);box-shadow:0 0 0 3px rgba(139,92,246,.25)}
.cmp.mkt th[scope="row"]{width:auto}
.cmp.mkt th[scope="row"] a{display:inline-flex;align-items:center;gap:8px}
.cmp.mkt th[scope="row"] img{border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.cmp.mkt .p{font-size:15.5px}
.cmp.mkt .cl{display:block;color:inherit}
.cmp.mkt .cl:hover .p{color:#e9d5ff}
.win-tag{display:inline-flex;flex-direction:column;font-weight:800;font-size:14px;color:#fcd34d}
.win-tag.us{color:#86efac}
.win-tag small{font-weight:600;font-size:11.5px;color:var(--text-muted)}
.cmp tr.hide{display:none}
@media(max-width:767px){.cmp.mkt th[scope="row"] a{font-size:15px}.stat b{font-size:26px}}

/* ── country picker ── */
.picker{padding:24px 24px 22px;border-radius:28px}
.picker h2{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800;margin-bottom:6px}
.picker .sub{margin-bottom:16px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.chip{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;color:var(--text-secondary);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:transform .35s var(--ease-spring),background .2s,border-color .2s,color .2s;scroll-snap-align:start}
.chip img{border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.chip:hover{background:rgba(139,92,246,.14);border-color:rgba(168,85,247,.45);color:#fff;transform:translateY(-1px)}
.chip.on{background:linear-gradient(90deg,rgba(139,92,246,.45),rgba(217,70,239,.45));border-color:rgba(217,70,239,.5);color:#fff;box-shadow:0 8px 22px -10px rgba(217,70,239,.7)}
.pk-sel{display:flex;align-items:center;gap:12px;margin:8px 0 14px;font-size:13.5px;color:var(--text-muted);flex-wrap:wrap}
.pk-sel select{flex:1;min-width:220px;max-width:380px;padding:11px 14px;border-radius:12px;font-size:15px;font-family:inherit;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.pk-sel select option{color:#111}
.pk-tabs{position:static;justify-content:flex-start;margin:0 0 16px}
.pk-tabs .tab{font-size:13px;padding:9px 16px}
.pk-country{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;margin:0 0 12px}
.pk-country img{width:28px;height:20px;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.rank{list-style:none;display:grid;gap:10px;counter-reset:r}
.rk{display:grid;grid-template-columns:38px 1fr auto;grid-template-areas:"n w p" "n w l";align-items:center;gap:6px 14px;padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);transition:transform .35s var(--ease-spring),background .2s}
.rk:hover{background:var(--glass-hover)}
.rk.us{background:rgba(139,92,246,.12);border-color:rgba(217,70,239,.4);box-shadow:0 12px 30px -16px rgba(217,70,239,.7)}
.rk:first-child .rn{background:var(--grad-brand);color:#fff;box-shadow:0 6px 18px -6px rgba(217,70,239,.8)}
.rk .rn{grid-area:n;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:15px;background:rgba(255,255,255,.08);color:var(--text-secondary)}
.rk .rw{grid-area:w;display:flex;flex-direction:column;gap:3px;font-weight:800;font-size:16px}
.rk .rw small{font-weight:500;font-size:12.5px;color:var(--text-muted)}
.rk .rp{grid-area:p;font-weight:800;font-size:24px;letter-spacing:-.02em;text-align:end;line-height:1;font-variant-numeric:tabular-nums}
.rk.us .rp{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.rk .rp small{display:block;font-size:11.5px;font-weight:600;color:var(--text-muted);margin-top:5px;-webkit-text-fill-color:initial}
.rk .rb{align-self:flex-start;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);margin-top:2px}
.rk .rb.win{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35)}
.rk .rl{grid-area:l;justify-self:end;font-size:12.5px;font-weight:700;color:#e9d5ff;display:inline-flex;align-items:center;gap:5px}
.rk .rl svg{width:13px;height:13px}
.rk .rl.src{color:var(--text-muted);text-decoration:underline dotted;font-weight:600}
.rk.none{opacity:.55}
.rk.none .rp{font-size:13px;font-weight:600}
@media(max-width:600px){.picker{padding:18px 14px}.rk{grid-template-columns:30px 1fr auto;padding:12px 12px;gap:4px 10px}.rk .rn{width:28px;height:28px;font-size:13px}.rk .rw{font-size:15px}.rk .rp{font-size:20px}}

/* ── network / technology badges ── */
.tech{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text-secondary);vertical-align:middle}
.tech.t5{color:#f7d9ff;border-color:rgba(245,194,255,.55);background:rgba(217,70,239,.14);text-shadow:0 0 10px rgba(245,194,255,.8);box-shadow:0 0 16px rgba(217,70,239,.35)}
.tech.t4{color:#c4b5fd;border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.12)}
.tech.t3,.tech.t2{color:var(--text-muted)}
.tech.big{font-size:30px;padding:10px 22px;border-radius:16px;margin:10px 0 12px}
.cmp .pl .tech{font-size:10.5px;padding:1px 7px;letter-spacing:.6px}
.rk .rw small .tech{font-size:10.5px;padding:1px 7px;letter-spacing:.6px}
.netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.netcard{padding:20px 18px;border-radius:22px;text-align:center}
.netcard h3{font-size:16px;font-weight:800}
.netcard.us{border-color:rgba(217,70,239,.45);box-shadow:0 12px 30px -16px rgba(217,70,239,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.netcard p{font-size:13px;color:var(--text-secondary);line-height:1.6}
.legend{font-size:12.5px;color:var(--text-muted);line-height:1.7;margin-top:14px}

/* ── closing note ── */
.about{padding:26px 28px;border-radius:28px}
.about h2{font-size:clamp(1.2rem,2.3vw,1.6rem);font-weight:800;margin-bottom:12px}
.about>p{color:var(--text-secondary);line-height:1.85;font-size:15px}
.about>p strong{color:#fff}
.about h3{font-size:17px;font-weight:800;margin:22px 0 10px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.about ul{list-style:none;display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.about li{position:relative;padding-inline-start:24px;color:var(--text-secondary);line-height:1.65;font-size:14px}
.about li::before{content:'';position:absolute;inset-inline-start:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px rgba(34,197,94,.6)}
.about li strong{color:#fff}
.about blockquote{margin:22px 0 0;padding:16px 20px;border-inline-start:3px solid var(--brand-fuchsia);background:rgba(139,92,246,.10);border-radius:14px;color:#fff;font-weight:600;line-height:1.75;font-size:14.5px}
@media(max-width:600px){.about{padding:20px 16px}}