/* ATP Landing Design System - extracted from Landing-Page-standalone.html */
:root{
  --teal:#008080;
  --teal-700:#006A6A;
  --teal-800:#004F4F;
  --teal-50:#E6F2F2;
  --teal-100:#CCE6E6;
  --teal-glow:rgba(0,128,128,0.15);
  --yellow:#FFD936;
  --yellow-700:#E5BC00;
  --yellow-50:#FFFBEA;
  --red:#EF4444;
  --ok:#16A34A;
  --bg:#F7F9FA;
  --bg-2:#EEF2F4;
  --paper:#FFFFFF;
  --ink:#0B1418;
  --ink-2:#3C4750;
  --ink-3:#7C8A93;
  --ink-4:#B8C2C8;
  --line:#E5EAEC;
  --line-2:#D6DEE1;
  --glass:rgba(255,255,255,0.6);
  --glass-2:rgba(255,255,255,0.4);
  --r-sm:10px;
  --r:16px;
  --r-lg:24px;
  --r-xl:32px;
  --maxw:1240px;
  --shadow-1:0 1px 2px rgba(11,20,24,.04), 0 2px 8px rgba(11,20,24,.04);
  --shadow-2:0 4px 16px rgba(11,20,24,.06), 0 12px 32px rgba(11,20,24,.05);
  --shadow-3:0 20px 60px -10px rgba(0,128,128,.15), 0 8px 24px rgba(11,20,24,.06);
  --shadow-glow:0 0 0 1px rgba(0,128,128,.08), 0 12px 40px -8px rgba(0,128,128,.18);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter","Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;font-feature-settings:"cv11","ss01","ss03"}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:"Inter",sans-serif;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance;font-weight:700}
p{margin:0;text-wrap:pretty}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* ============ ATOMS ============ */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--teal);letter-spacing:.02em}
.eyebrow .sq{width:6px;height:6px;border-radius:2px;background:var(--teal);box-shadow:0 0 0 4px var(--teal-glow)}
.eyebrow.neutral{color:var(--ink-2)}
.eyebrow.neutral .sq{background:var(--ink-3);box-shadow:0 0 0 4px rgba(124,138,147,.16)}

.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font:600 12px/1 "Inter";letter-spacing:.01em;background:var(--teal-50);color:var(--teal-800)}
.chip-y{background:var(--yellow-50);color:#7B5800;border:1px solid #F2DC6E}
.chip-r{background:#FEF2F2;color:#991B1B}
.chip-ok{background:#F0FDF4;color:#15803D}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:12px;font:600 14.5px/1 "Inter";border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;letter-spacing:-.005em}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 8px 20px -6px var(--teal-glow)}
.btn-primary:hover{background:var(--teal-700);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 12px 28px -6px rgba(0,128,128,.4)}
.btn-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 6px 18px -6px rgba(255,217,54,.5)}
.btn-yellow:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 10px 24px -6px rgba(255,217,54,.65)}
.btn-ghost{background:var(--paper);color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--shadow-1)}
.btn-ghost:hover{border-color:var(--ink-3);transform:translateY(-1px)}
.btn-light{background:var(--glass);backdrop-filter:blur(10px);color:var(--ink);border:1px solid rgba(255,255,255,.6)}
.btn-light:hover{background:rgba(255,255,255,.85)}
.btn-sm{height:40px;padding:0 16px;font-size:13.5px;border-radius:10px}
.btn-lg{height:58px;padding:0 28px;font-size:15.5px;border-radius:14px}

.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--line-2)}

section{padding:108px 0;position:relative}
section.tight{padding:72px 0}

/* ============ NAV ============ */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,249,250,.72);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}
.brand-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 6px 14px -8px rgba(11,20,24,.35);flex-shrink:0}
.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 4px 12px -4px var(--teal-glow)}
.brand .dot{color:var(--teal)}
.nav-links{display:flex;gap:2px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);border:1px solid var(--line);padding:4px;border-radius:999px}
.nav-links a{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink-2);transition:all .18s}
.nav-links a.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px -2px rgba(11,20,24,.3)}
.nav-links a:not(.active):hover{color:var(--ink)}
.nav-cta{display:flex;gap:10px;align-items:center}
.nav-phone{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;font:600 13px/1 "Inter";color:var(--ink-2)}
.nav-phone .pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.18);animation:p 2s infinite}
@keyframes p{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.nav-burger{display:none;width:42px;height:42px;border-radius:10px;background:var(--paper);border:1px solid var(--line-2);color:var(--ink);cursor:pointer;font-size:18px}

/* ============ HERO ============ */
.hero{padding:64px 0 96px;position:relative;overflow:hidden}
/* Tech blur mesh background */
.hero::before{content:"";position:absolute;top:-200px;right:-150px;width:680px;height:680px;background:radial-gradient(circle,rgba(0,128,128,.22) 0%,transparent 60%);filter:blur(60px);pointer-events:none}
.hero::after{content:"";position:absolute;bottom:-300px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,217,54,.18) 0%,transparent 60%);filter:blur(60px);pointer-events:none}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,128,128,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,128,.04) 1px,transparent 1px);background-size:48px 48px;mask:radial-gradient(ellipse at center top,#000 0%,transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;position:relative;z-index:2}

.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--glass);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.7);border-radius:999px;font:500 12.5px/1 "Inter";color:var(--ink-2);box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 4px 16px -4px rgba(11,20,24,.06)}
.hero-pill .pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.16);animation:p 2s infinite}
.hero-pill .meta-tag{padding:4px 10px;background:#1877F2;color:#fff;border-radius:999px;font-size:11px;font-weight:600}

.hero h1{font-size:64px;line-height:1.04;letter-spacing:-.035em;margin:24px 0 22px;color:var(--ink);font-weight:700}
.hero h1 .gradient{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 50%,var(--teal-800) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero h1 .y-mark{position:relative;display:inline-block;z-index:1}
.hero h1 .y-mark::after{content:"";position:absolute;left:-4px;right:-4px;bottom:6px;height:42%;background:linear-gradient(90deg,var(--yellow) 0%,#FFE36C 100%);border-radius:6px;z-index:-1;opacity:.9}

.hero-sub{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:560px;margin-bottom:32px}
.hero-sub b{color:var(--ink);font-weight:600}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.hero-trust{margin-top:36px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.hero-stack{display:flex}
.hero-stack img{width:40px;height:40px;border-radius:50%;border:3px solid var(--bg);margin-left:-10px;object-fit:cover}
.hero-stack img:first-child{margin-left:0}
.hero-trust-text{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.hero-trust-text b{color:var(--ink)}
.hero-trust-text .stars{color:#F0B400;letter-spacing:.5px;font-size:13px}

/* Hero visual */
.hero-stage{position:relative;min-height:560px}
.dashboard{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 100%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:24px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset, var(--shadow-3)}
.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.dash-title{display:flex;gap:10px;align-items:center;font-weight:600;font-size:13.5px;color:var(--ink)}
.dash-title .fb{width:28px;height:28px;border-radius:8px;background:#1877F2;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.dash-live{display:inline-flex;gap:6px;align-items:center;font:600 11.5px/1 "Inter";color:var(--ok);padding:5px 10px;background:#F0FDF4;border-radius:999px}
.dash-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);animation:p 1.5s infinite}

.dash-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.kpi-cell{padding:16px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line);backdrop-filter:blur(8px)}
.kpi-cell .l{font-size:11px;color:var(--ink-3);font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.kpi-cell .v{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-top:6px;color:var(--ink);line-height:1}
.kpi-cell .v.teal{color:var(--teal)}
.kpi-cell .d{font-size:11.5px;color:var(--ok);font-weight:600;margin-top:4px}
.kpi-cell .d.bad{color:var(--red)}

.dash-chart{padding:16px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line);backdrop-filter:blur(8px)}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.chart-head .lbl{font-size:11.5px;color:var(--ink-3);font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.chart-head .val{font-size:20px;font-weight:700;letter-spacing:-.02em}
.chart-bars{display:flex;gap:6px;align-items:flex-end;height:64px}
.chart-bars > div{flex:1;background:linear-gradient(180deg,var(--teal) 0%,var(--teal-700) 100%);border-radius:4px 4px 1px 1px;opacity:.5}
.chart-bars > div.up{opacity:1;background:linear-gradient(180deg,var(--yellow) 0%,var(--yellow-700) 100%)}
.chart-labels{display:flex;gap:6px;margin-top:6px}
.chart-labels > div{flex:1;text-align:center;font-size:10px;color:var(--ink-3);font-weight:500}

.float-badge{position:absolute;background:var(--paper);padding:12px 16px;border-radius:14px;font:600 13px/1.2 "Inter";display:flex;gap:10px;align-items:center;border:1px solid var(--line);box-shadow:var(--shadow-2);z-index:5}
.fb-meta{top:-18px;left:-20px}
.fb-meta .ic{width:32px;height:32px;border-radius:9px;background:#1877F2;color:#fff;display:grid;place-items:center;font-weight:700}
.fb-meta b{color:var(--ink);display:block;font-size:13px}
.fb-meta span{font-size:11.5px;color:var(--ink-3)}
.fb-money{bottom:-20px;right:-12px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);color:#fff;border-color:var(--teal)}
.fb-money .ic{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:16px}
.fb-money b{color:var(--yellow);display:block;font-size:14px;font-weight:700}
.fb-money span{font-size:11.5px;color:rgba(255,255,255,.78)}

/* ============ STAT BAND ============ */
.stat-band{padding:24px 28px}
.stat-band-inner{background:linear-gradient(135deg,var(--ink) 0%,#1A2429 100%);border-radius:var(--r-xl);padding:36px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;overflow:hidden;color:#fff;box-shadow:0 24px 60px -16px rgba(11,20,24,.35)}
.stat-band-inner::before{content:"";position:absolute;top:-100px;right:-50px;width:280px;height:280px;background:radial-gradient(circle,rgba(0,128,128,.4) 0%,transparent 60%);filter:blur(40px);pointer-events:none}
.stat-band-inner::after{content:"";position:absolute;bottom:-100px;left:-50px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,217,54,.18) 0%,transparent 60%);filter:blur(40px);pointer-events:none}
.stat-cell{position:relative;z-index:2}
.stat-cell .v{font-size:42px;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff}
.stat-cell .v small{font-size:.45em;color:var(--yellow);margin-left:4px}
.stat-cell .l{font-size:13px;color:rgba(255,255,255,.72);margin-top:8px;line-height:1.4}

/* ============ SECTION HEADS ============ */
.section-head{max-width:780px;margin:0 auto 60px;text-align:center}
.section-head.left{margin-left:0;margin-right:0;text-align:left}
.section-h{font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1.08;margin-top:16px;text-wrap:balance}
.section-h .gr{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.section-h .y-mark{position:relative;display:inline-block;z-index:1}
.section-h .y-mark::after{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:38%;background:var(--yellow);border-radius:4px;z-index:-1;opacity:.85}
.section-h .strike{position:relative;color:var(--ink-3);display:inline-block}
.section-h .strike::after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:2px;background:var(--red);transform:rotate(-3deg)}
.section-lead{font-size:17px;line-height:1.65;color:var(--ink-2);max-width:680px;margin:18px auto 0}
.section-head.left .section-lead{margin-left:0}

/* ============ PAIN ============ */
.pain{background:var(--bg-2);position:relative;overflow:hidden}
.pain::before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(ellipse,rgba(239,68,68,.06) 0%,transparent 70%);filter:blur(40px);pointer-events:none}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2}
.pain-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:all .25s;position:relative;overflow:hidden}
.pain-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-2)}
.pain-card::before{content:attr(data-num);position:absolute;top:-24px;right:-8px;font-size:140px;font-weight:800;letter-spacing:-.06em;line-height:1;color:rgba(0,128,128,.04);pointer-events:none;font-family:"Inter"}
.pain-num{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--teal);margin-bottom:18px;position:relative;z-index:2}
.pain-card h3{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin-bottom:12px;position:relative;z-index:2}
.pain-card p{font-size:14.5px;color:var(--ink-2);line-height:1.6;position:relative;z-index:2}
.pain-card .stat-bad{margin-top:16px;padding:8px 12px;background:#FEF2F2;border:1px solid #FEE2E2;border-radius:8px;font-size:12.5px;color:#991B1B;font-weight:500;display:inline-flex;align-items:center;gap:6px;position:relative;z-index:2}

.pain-bridge{margin-top:48px;padding:40px 48px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);border-radius:var(--r-xl);box-shadow:var(--shadow-3);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;color:#fff;position:relative;overflow:hidden}
.pain-bridge::before{content:"";position:absolute;top:-80px;right:-40px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,217,54,.25) 0%,transparent 65%);filter:blur(30px);pointer-events:none}
.pain-bridge h3{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.18;color:#fff;position:relative;z-index:2}
.pain-bridge h3 .y{color:var(--yellow)}
.pain-bridge p{margin-top:10px;color:rgba(255,255,255,.85);font-size:15px;max-width:680px;line-height:1.6;position:relative;z-index:2}

/* ============ SOLUTION ============ */
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sol-card{padding:32px 28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:all .25s}
.sol-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--teal-100)}
.sol-card.feat{background:linear-gradient(160deg,var(--teal) 0%,var(--teal-700) 100%);color:#fff;border-color:var(--teal);box-shadow:var(--shadow-3);position:relative;overflow:hidden}
.sol-card.feat::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,var(--yellow) 0%,transparent 65%);opacity:.2;filter:blur(20px);pointer-events:none}
.sol-ic{width:48px;height:48px;border-radius:12px;background:var(--teal-50);color:var(--teal);display:grid;place-items:center;font-size:22px;margin-bottom:20px;position:relative;z-index:2}
.sol-card.feat .sol-ic{background:rgba(255,217,54,.18);color:var(--yellow)}
.sol-num{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--ink-3);margin-bottom:10px;position:relative;z-index:2}
.sol-card.feat .sol-num{color:rgba(255,255,255,.55)}
.sol-card h3{font-size:21px;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin-bottom:12px;position:relative;z-index:2}
.sol-card p{font-size:14.5px;color:var(--ink-2);line-height:1.65;position:relative;z-index:2}
.sol-card.feat p{color:rgba(255,255,255,.85)}

/* ============ SERVICES ============ */
.svc{background:var(--bg-2)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.svc-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);transition:all .25s;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}
.svc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--teal-100)}
.svc-cover{height:184px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--ink);padding:18px;isolation:isolate}
.svc-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.5) 0%,transparent 34%),radial-gradient(circle at 88% 8%,rgba(255,255,255,.28) 0%,transparent 28%),linear-gradient(180deg,rgba(11,20,24,0) 0%,rgba(11,20,24,.18) 100%);pointer-events:none;z-index:1}
.svc-cover::after{content:"";position:absolute;inset:-1px;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:28px 28px;opacity:.28;pointer-events:none;z-index:0}
.svc-card.c1 .svc-cover{background:linear-gradient(135deg,#1877F2,#0E5FCC)}
.svc-card.c2 .svc-cover{background:linear-gradient(135deg,#4285F4 0%,#34A853 44%,#FBBC05 72%,#EA4335 100%)}
.svc-card.c3 .svc-cover{background:linear-gradient(135deg,#FFAB00,#E58A00)}
.svc-card.c4 .svc-cover{background:linear-gradient(135deg,var(--teal),var(--teal-800))}
.svc-card.c5 .svc-cover{background:linear-gradient(135deg,#FF6B8A,#C42551)}
.svc-card.c6 .svc-cover{background:linear-gradient(135deg,#6D40D6,#3F1F8E)}
.svc-card.c7 .svc-cover{background:linear-gradient(135deg,#16A34A,#0D6E32)}
.svc-card.c8 .svc-cover{background:linear-gradient(135deg,#0B1418,#3A4750)}
.svc-visual{position:relative;z-index:2;width:100%;height:100%;transform:translateY(8px);transition:transform .35s ease}
.svc-card:hover .svc-visual{transform:translateY(2px) scale(1.018)}
.mock-img,.mock-window,.mock-phone,.mock-card,.mock-chip,.mock-icon,.mock-browser{position:absolute;box-shadow:0 18px 36px -20px rgba(11,20,24,.55)}
.mock-img{object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.72);background:#fff}
.mock-window,.mock-phone,.mock-card,.mock-browser{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.74);backdrop-filter:blur(10px)}
.mock-window{border-radius:18px;padding:10px}
.mock-phone{border-radius:22px;padding:9px}
.mock-card{border-radius:14px;padding:9px}
.mock-browser{border-radius:16px;padding:9px}
.mock-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);padding:6px 9px;font:800 10px/1 "Inter";color:var(--ink)}
.mock-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block}
.mock-line{height:6px;border-radius:99px;background:rgba(15,23,42,.13);margin-bottom:6px}
.mock-line.long{width:100%}.mock-line.med{width:72%}.mock-line.short{width:48%}
.mock-bars{height:42px;display:flex;align-items:end;gap:5px;margin-top:8px}
.mock-bars i{display:block;width:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#62A2FF,#007F7F)}
.mock-stat{font:900 17px/1 "Inter";letter-spacing:-.04em;color:var(--ink)}
.mock-label{font:800 8.5px/1.2 "Inter";letter-spacing:.08em;text-transform:uppercase;color:rgba(15,23,42,.55);margin-bottom:5px}
.mock-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.78)}
.mock-icon img{width:48px;height:48px;object-fit:contain}
.mock-screen{border-radius:14px;background:linear-gradient(180deg,#F8FBFF,#EAF6F3);height:100%;overflow:hidden;padding:8px;border:1px solid rgba(11,20,24,.08)}
.mock-search{height:18px;border-radius:99px;background:#fff;border:1px solid rgba(11,20,24,.1);display:flex;align-items:center;padding:0 7px;gap:5px;color:rgba(11,20,24,.45);font:700 7px/1 "Inter"}
.mock-feed{border-radius:14px;background:#fff;border:1px solid rgba(11,20,24,.08);padding:8px}
.svc-facebook .shot-a{left:-4px;top:12px;width:112px;height:98px;transform:rotate(-6deg)}
.svc-facebook .phone-a{right:4px;top:24px;width:90px;height:118px;transform:rotate(7deg)}
.svc-facebook .metric-a{left:64px;bottom:6px;width:104px}
.svc-facebook .chip-a{right:10px;bottom:24px}
.svc-google .window-a{right:6px;top:18px;width:150px;height:100px;transform:rotate(5deg)}
.svc-google .shot-a{left:2px;top:18px;width:104px;height:96px;transform:rotate(-7deg)}
.svc-google .metric-a{left:55px;bottom:5px;width:118px}
.svc-google .chip-a{right:16px;bottom:28px;color:#1A73E8}
.svc-account .icon-a{left:16px;top:18px}
.svc-account .window-a{right:4px;top:22px;width:142px;height:92px;transform:rotate(4deg)}
.svc-account .metric-a{left:34px;bottom:8px;width:126px}
.svc-account .chip-a{right:10px;bottom:24px}
.svc-fanpage .browser-a{right:6px;top:16px;width:142px;height:116px;transform:rotate(5deg)}
.svc-fanpage .phone-a{left:10px;top:36px;width:84px;height:108px;transform:rotate(-7deg)}
.svc-fanpage .chip-a{left:76px;bottom:18px}
.svc-video .phone-a{left:26px;top:3px;width:94px;height:146px;transform:rotate(-3deg)}
.svc-video .shot-a{right:7px;top:24px;width:92px;height:96px;transform:rotate(8deg)}
.svc-video .chip-a{right:12px;bottom:22px}
.svc-auto .window-a{left:7px;top:20px;width:142px;height:104px;transform:rotate(-4deg)}
.svc-auto .icon-a{right:22px;top:18px}
.svc-auto .chip-a{right:8px;bottom:22px}
.svc-web .browser-a{left:2px;top:18px;width:160px;height:106px;transform:rotate(-3deg)}
.svc-web .phone-a{right:11px;top:42px;width:70px;height:100px;transform:rotate(6deg)}
.svc-web .chip-a{left:46px;bottom:12px}
.svc-course .shot-a{left:8px;top:18px;width:90px;height:116px;object-fit:cover;transform:rotate(-5deg)}
.svc-course .window-a{right:7px;top:22px;width:136px;height:104px;transform:rotate(5deg)}
.svc-course .chip-a{left:86px;bottom:20px}
.svc-kicker{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);font:700 11px/1 "Inter";color:var(--ink);box-shadow:0 8px 18px -12px rgba(11,20,24,.35)}
.svc-body{padding:20px;flex:1;display:flex;flex-direction:column}
.svc-body h3{font-size:16.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin-bottom:8px}
.svc-body p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:16px;flex:1}
.svc-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);border-radius:14px;margin-top:auto;min-height:48px}
.svc-foot .price{display:inline-flex!important;align-items:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;position:static!important;transform:none!important;width:auto!important;min-height:0!important;font:700 14px/1 "Inter"!important;color:var(--teal)!important;letter-spacing:-.01em}
.svc-foot .price:hover{transform:none!important;box-shadow:none!important}
.svc-foot .arr{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line-2);font-size:15px;color:var(--ink-2);transition:transform .2s,color .2s,background .2s}
.svc-card:hover .arr{transform:translateX(3px);background:var(--teal);border-color:var(--teal);color:#fff}

/* ============ CASES ============ */
.case-feat{background:linear-gradient(160deg,var(--ink) 0%,#1A2429 100%);border-radius:var(--r-xl);padding:48px;color:#fff;display:grid;grid-template-columns:.95fr 1fr;gap:48px;align-items:center;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px -16px rgba(11,20,24,.35)}
.case-feat::before{content:"";position:absolute;top:-100px;right:-60px;width:380px;height:380px;background:radial-gradient(circle,rgba(0,128,128,.4) 0%,transparent 60%);filter:blur(40px);pointer-events:none}
.case-feat::after{content:"";position:absolute;bottom:-150px;left:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(255,217,54,.18) 0%,transparent 60%);filter:blur(40px);pointer-events:none}
.case-feat-img{height:380px;border-radius:var(--r-lg);overflow:hidden;position:relative;z-index:2;border:1px solid rgba(255,255,255,.16)}
.case-feat-img img{width:100%;height:100%;object-fit:cover}
.case-feat-body{position:relative;z-index:2}
.case-feat h3{font-size:36px;font-weight:700;letter-spacing:-.03em;margin:16px 0 12px;color:#fff;line-height:1.12}
.case-feat h3 .y{color:var(--yellow)}
.case-feat-quote{font-size:16px;color:rgba(255,255,255,.88);line-height:1.65;font-style:italic;border-left:2px solid var(--yellow);padding-left:18px;margin:20px 0}
.case-feat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.case-feat-stats > div{padding:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:14px}
.case-feat-stats .v{font-size:26px;font-weight:700;color:var(--yellow);letter-spacing:-.03em;line-height:1}
.case-feat-stats .l{font-size:11.5px;color:rgba(255,255,255,.7);margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.case-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);transition:all .25s}
.case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-2)}
.case-img{width:100%;height:180px;object-fit:cover}
.case-body{padding:24px}
.case-body h4{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-top:12px;margin-bottom:10px;line-height:1.3}
.case-quote{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-bottom:16px}
.case-result{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);align-items:flex-end}
.case-result .v{font-size:30px;font-weight:700;color:var(--teal);letter-spacing:-.03em;line-height:1}
.case-result .v small{font-size:.4em;font-weight:500;color:var(--ink-3);margin-left:3px}
.case-result .l{font-size:11.5px;color:var(--ink-3);text-align:right;font-weight:500;line-height:1.4}

/* ============ PROCESS ============ */
.proc-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px;position:relative}
.proc{padding:28px 22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:all .25s}
.proc:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--teal-100)}
.proc-num{font-size:48px;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;line-height:1;margin-bottom:14px;display:flex;align-items:baseline;gap:8px}
.proc-num .day{font-size:.24em;color:var(--ink-3);font-weight:500;-webkit-text-fill-color:var(--ink-3);background:none;letter-spacing:.04em}
.proc h4{font-size:16px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px}
.proc p{font-size:13px;color:var(--ink-2);line-height:1.55}

/* ============ PRICING ============ */
.pricing{background:var(--bg-2)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;align-items:stretch}
.price{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 28px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;position:relative;transition:all .25s}
.price:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.price.feat{background:linear-gradient(160deg,var(--teal) 0%,var(--teal-700) 100%);color:#fff;border:none;box-shadow:var(--shadow-3);transform:translateY(-8px);position:relative;overflow:hidden;padding-top:58px}
.price.feat::before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(circle,var(--yellow) 0%,transparent 65%);opacity:.18;filter:blur(20px);pointer-events:none}
.price.feat:hover{transform:translateY(-10px);box-shadow:0 28px 64px -12px rgba(0,128,128,.4)}
.price-popular{position:absolute;top:22px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--ink);padding:6px 16px;border-radius:999px;font:600 11.5px/1 "Inter";letter-spacing:.04em;box-shadow:0 4px 12px -4px rgba(255,217,54,.6);z-index:3;white-space:nowrap}
.price-name{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);position:relative;z-index:2}
.price.feat .price-name{color:var(--yellow)}
.price-amt{font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1;margin:14px 0 6px;position:relative;z-index:2}
.price-amt small{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0;margin-left:4px}
.price.feat .price-amt small{color:rgba(255,255,255,.7)}
.price-desc{font-size:14px;color:var(--ink-2);line-height:1.55;min-height:44px;position:relative;z-index:2}
.price.feat .price-desc{color:rgba(255,255,255,.85)}
.price .btn{width:100%;margin-top:22px;height:48px;position:relative;z-index:2}
.price.feat .btn-primary{background:var(--yellow);color:var(--ink);box-shadow:0 6px 18px -4px rgba(255,217,54,.6)}
.price.feat .btn-primary:hover{background:#FFE36C}
.price-features{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:12px;font-size:13.5px;color:var(--ink-2);line-height:1.55;position:relative;z-index:2}
.price.feat .price-features{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.88)}
.price-features > div{display:flex;gap:10px;align-items:flex-start}
.price-features .ck{color:var(--teal);font-weight:700;flex-shrink:0;margin-top:2px;font-size:13px}
.price.feat .price-features .ck{color:var(--yellow)}

/* ============ TESTIMONIALS ============ */
.tm-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-top:48px}
.tm{padding:28px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1);display:flex;flex-direction:column;transition:all .25s}
.tm:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.tm.big{grid-row:span 2;background:linear-gradient(160deg,var(--ink) 0%,#1A2429 100%);color:#fff;border:none;position:relative;overflow:hidden}
.tm.big::before{content:"";position:absolute;top:-100px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(0,128,128,.3) 0%,transparent 60%);filter:blur(30px);pointer-events:none}
.tm-stars{color:#F0B400;letter-spacing:1.5px;font-size:13px;margin-bottom:14px;position:relative;z-index:2}
.tm-quote{font-size:15px;line-height:1.7;color:var(--ink);flex:1;position:relative;z-index:2}
.tm.big .tm-quote{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.015em;color:#fff}
.tm.big .tm-quote b{color:var(--yellow);font-weight:600}
.tm-author{display:flex;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);position:relative;z-index:2}
.tm.big .tm-author{border-top-color:rgba(255,255,255,.16)}
.tm-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--paper)}
.tm.big .tm-avatar{border-color:rgba(255,255,255,.18)}
.tm-name{font-size:14px;font-weight:600}
.tm-role{font-size:12.5px;color:var(--ink-3);margin-top:2px}
.tm.big .tm-role{color:rgba(255,255,255,.6)}

/* ============ FAQ ============ */
.faq{background:var(--bg-2)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}
.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-1);transition:all .25s}
.faq-item.open{border-color:var(--teal-100);box-shadow:var(--shadow-glow)}
.faq-q{width:100%;padding:22px 24px;text-align:left;background:none;border:0;cursor:pointer;font:600 15.5px/1.4 "Inter";color:var(--ink);display:flex;gap:14px;align-items:flex-start;letter-spacing:-.01em}
.faq-q .qn{flex-shrink:0;color:var(--teal);font-size:13px;letter-spacing:.06em;font-weight:600;line-height:1.5;min-width:32px}
.faq-q .arrow{margin-left:auto;color:var(--ink-3);transition:transform .25s;font-size:14px;line-height:1.5;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--bg-2)}
.faq-item.open .faq-q .arrow{transform:rotate(180deg);background:var(--teal);color:#fff}
.faq-a{padding:0 24px 22px 70px;font-size:14.5px;color:var(--ink-2);line-height:1.7;display:none}
.faq-item.open .faq-a{display:block}

/* ============ CTA ============ */
.cta-wrap{padding:0 28px}
.cta{padding:72px 56px;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--ink) 0%,#1A2429 60%,var(--teal-800) 130%);position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;color:#fff;box-shadow:0 24px 60px -12px rgba(11,20,24,.4)}
.cta::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(0,128,128,.5) 0%,transparent 60%);filter:blur(60px);pointer-events:none}
.cta::after{content:"";position:absolute;bottom:-200px;left:-100px;width:480px;height:480px;background:radial-gradient(circle,rgba(255,217,54,.18) 0%,transparent 60%);filter:blur(60px);pointer-events:none}
.cta-content{position:relative;z-index:2}
.cta-content .chip{background:rgba(255,217,54,.12);color:var(--yellow);border:1px solid rgba(255,217,54,.28)}
.cta h2{font-size:42px;font-weight:700;letter-spacing:-.035em;line-height:1.06;margin:18px 0 14px;color:#fff}
.cta h2 .y{color:var(--yellow)}
.cta-content p{font-size:16px;color:rgba(255,255,255,.78);max-width:520px;line-height:1.65}
.cta-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}

/* ============ CONTACT ============ */
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;margin-top:48px}
.contact-info{display:grid;gap:12px}
.contact-row{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:all .25s}
.contact-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--teal-100)}
.contact-ic{width:42px;height:42px;border-radius:11px;background:var(--teal-50);color:var(--teal);display:grid;place-items:center;font-size:18px;flex-shrink:0}
.contact-row .lbl{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;font-weight:600;letter-spacing:.08em}
.contact-row .val{font-size:15px;font-weight:600;margin-top:2px;color:var(--ink);letter-spacing:-.005em}
.contact-form{padding:36px;background:linear-gradient(160deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.6) 100%);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-lg);box-shadow:var(--shadow-3);position:relative}
.contact-form h3{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:12px 0 6px;line-height:1.2}
.contact-form .sub{font-size:14px;color:var(--ink-2);margin-bottom:22px}
.form-fields{display:grid;gap:12px}
.input{width:100%;height:50px;padding:0 16px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font:500 14.5px/1 "Inter";outline:none;border-radius:11px;transition:all .18s}
.input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,128,128,.08)}
.input::placeholder{color:var(--ink-3)}
textarea.input{height:88px;line-height:1.5;padding:14px 16px;resize:vertical}
.budget-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}
.budget-row label{display:block;cursor:pointer}
.budget-row input{display:none}
.budget-row span{display:block;padding:10px 8px;border:1px solid var(--line-2);background:var(--paper);border-radius:9px;font-size:13px;text-align:center;font-weight:500;color:var(--ink-2);transition:all .15s}
.budget-row input:checked + span{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}
.form-foot{margin-top:12px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3);font-weight:500}

/* ============ FOOTER ============ */
.footer{padding:64px 0 28px;background:linear-gradient(180deg,var(--ink) 0%,#000408 100%);color:rgba(255,255,255,.72);position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:280px;background:radial-gradient(ellipse,rgba(0,128,128,.18) 0%,transparent 70%);filter:blur(40px);pointer-events:none}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px;position:relative;z-index:2}
.footer .brand{color:#fff;font-size:20px}
.footer .brand-mark{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);color:#fff}
.footer .brand .dot{color:var(--yellow)}
.footer p{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.65);margin:14px 0;max-width:340px}
.footer h5{font-size:13px;font-weight:600;color:#fff;margin-bottom:18px;letter-spacing:.08em;text-transform:uppercase}
.footer-links{display:grid;gap:10px;font-size:14px;color:rgba(255,255,255,.7)}
.footer-links a{transition:color .18s}
.footer-links a:hover{color:var(--yellow)}
.footer-bottom{padding-top:26px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:10px;align-items:center;position:relative;z-index:2}
.social{display:flex;gap:8px;margin-top:14px}
.social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;font-weight:600;font-size:13px;transition:all .18s}
.social a:hover{background:var(--teal);border-color:var(--teal)}

/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
  .hero h1{font-size:52px}
  .section-h{font-size:38px}
  .case-feat h3{font-size:28px}
}
@media(max-width:880px){
  section{padding:72px 0}
  .container{padding:0 20px}
  .nav-links,.nav-phone{display:none}
  .nav-burger{display:grid;place-items:center}
  .hero{padding:40px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero h1{font-size:38px}
  .hero-sub{font-size:15.5px}
  .stat-band{padding:18px 14px}
  .stat-band-inner{padding:28px 22px;grid-template-columns:1fr 1fr;gap:24px}
  .stat-cell .v{font-size:32px}
  .section-head{margin-bottom:40px}
  .section-h{font-size:30px}
  .pain-grid,.sol-grid,.svc-grid,.proc-strip,.case-grid,.tm-grid,.price-grid,.faq-grid{grid-template-columns:1fr;gap:14px}
  .price.feat{transform:none}
  .price.feat:hover{transform:translateY(-3px)}
  .pain-bridge{grid-template-columns:1fr;padding:32px 28px}
  .case-feat{grid-template-columns:1fr;padding:32px;gap:24px}
  .case-feat-img{height:240px}
  .case-feat h3{font-size:26px}
  .cta-wrap{padding:0 18px}
  .cta{grid-template-columns:1fr;padding:48px 28px}
  .cta h2{font-size:28px}
  .contact-grid{grid-template-columns:1fr}
  .contact-form{padding:24px}
  .budget-row{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .tm.big{grid-row:span 1}
}
@media(max-width:520px){
  .hero h1{font-size:32px}
  .section-h{font-size:26px}
  .footer-grid{grid-template-columns:1fr}
  .case-feat-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .case-feat-stats .v{font-size:22px}
  .stat-band-inner{grid-template-columns:1fr 1fr}
}

/* ============================================================
   ELEMENTOR HOME OVERRIDES (scope: body.aa-elementor-home)
   Fix: width bị bóp do Elementor boxed container + sai font.
   Each ATP widget sits in section>column; Elementor caps the
   column width, so we force the widget chain full-bleed and let
   the inner .container handle the 1240px max-width itself.
   ============================================================ */
body.aa-elementor-home{
  font-family:"Inter","Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);
}
/* Force the Elementor wrappers to be full width so our sections breathe */
body.aa-elementor-home .elementor-section,
body.aa-elementor-home .e-con,
body.aa-elementor-home .e-con-inner,
body.aa-elementor-home .elementor-container,
body.aa-elementor-home .elementor-column,
body.aa-elementor-home .elementor-column-wrap,
body.aa-elementor-home .elementor-widget-wrap,
body.aa-elementor-home .elementor-widget,
body.aa-elementor-home .elementor-widget-container{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  padding:0!important;
  margin:0!important;
}
/* Kill default Elementor section padding that adds side gutters */
body.aa-elementor-home .elementor-section.elementor-section-boxed > .elementor-container{
  max-width:100%!important;
}
/* Our own sections already manage vertical rhythm; keep them edge-to-edge */
body.aa-elementor-home .elementor-widget-container > section,
body.aa-elementor-home .elementor-widget-container > header,
body.aa-elementor-home .elementor-widget-container > footer{
  width:100%;
}
/* Ensure the design-system container drives the max width, centered */
body.aa-elementor-home .container{
  max-width:var(--maxw);
  margin-left:auto;
  margin-right:auto;
}
/* Make all landing typography use Inter regardless of theme defaults */
body.aa-elementor-home h1,
body.aa-elementor-home h2,
body.aa-elementor-home h3,
body.aa-elementor-home h4,
body.aa-elementor-home h5,
body.aa-elementor-home p,
body.aa-elementor-home a,
body.aa-elementor-home span,
body.aa-elementor-home div,
body.aa-elementor-home button,
body.aa-elementor-home input,
body.aa-elementor-home textarea{
  font-family:"Inter","Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
}