/* ===========================================================================
 * atp-fbauto.css — Facebook Automation service page (post 3113) bespoke design.
 * Ported 1:1 from theme static/Facebook-Automation-standalone.html <style>, with
 * EVERY selector scoped under .aa-fbauto-scope so nothing leaks into the theme /
 * other pages. Chrome (nav/header/footer/brand/burger/phone/page-bg) dropped —
 * the PHP shell renders header/footer.
 *
 * This is a DARK page: scope carries the dark base background + light text.
 * Headings declare text-align explicitly inside scope (Rule 13) so the Elementor
 * container's text-align can't recentre section heads. Buttons on dark/gradient
 * backgrounds keep #fff text; the light .btn-dark keeps dark ink (Rule 13).
 * ======================================================================== */

/* --- base + tokens (scoped; was :root/html/body/*) --- */
.aa-fbauto-scope{
  --bg:#06101c;--bg-2:#081827;--panel:#0b1727;--panel-2:#102238;--panel-3:#122b46;
  --paper:#f7fbff;--text:#eef7ff;--text-strong:#ffffff;--muted:#9fb5cf;--muted-2:#6f87a2;
  --line:rgba(169,197,229,.18);--line-strong:rgba(169,197,229,.34);
  --fb:#1877f2;--cyan:#00d4ff;--mint:#2ef2a1;--amber:#ffcc4d;--danger:#ff6575;--ink:#07111f;
  --radius:24px;--radius-sm:16px;
  --shadow:0 30px 110px -58px rgba(0,0,0,.9);
  --glow:0 0 0 1px rgba(0,212,255,.2),0 30px 120px -70px rgba(0,212,255,.95);
  background:var(--bg);color:var(--text);letter-spacing:0;text-align:left;
}
.aa-fbauto-scope *{box-sizing:border-box;margin:0;padding:0}
.aa-fbauto-scope a{color:inherit;text-decoration:none}
.aa-fbauto-scope button,.aa-fbauto-scope input,.aa-fbauto-scope textarea,.aa-fbauto-scope select{font:inherit}
.aa-fbauto-scope button{cursor:pointer}
.aa-fbauto-scope .container{width:min(1370px,calc(100% - 48px));margin:0 auto}

/* --- buttons --- */
.aa-fbauto-scope .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid transparent;border-radius:16px;font-size:14px;font-weight:880;line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.aa-fbauto-scope .btn:active{transform:translateY(1px) scale(.99)}
.aa-fbauto-scope .btn-primary{color:#fff;background:linear-gradient(135deg,#1668e8,var(--fb) 52%,#00a8ff);box-shadow:0 20px 58px -28px rgba(24,119,242,.95)}
.aa-fbauto-scope .btn-primary:hover{transform:translateY(-1px);box-shadow:0 24px 70px -30px rgba(0,168,255,.95)}
.aa-fbauto-scope .btn-ghost{color:#dcecff;background:rgba(255,255,255,.06);border-color:var(--line)}
.aa-fbauto-scope .btn-ghost:hover{background:rgba(255,255,255,.1)}
.aa-fbauto-scope .btn-dark{color:#07111f;background:#fff;border-color:#fff}
.aa-fbauto-scope .btn-lg{min-height:56px;padding:0 22px;font-size:15px;border-radius:18px}

/* --- sections --- */
.aa-fbauto-scope .section{position:relative;padding:104px 0}
.aa-fbauto-scope .hero{position:relative;overflow:hidden;padding:62px 0 82px;background:
  radial-gradient(circle at 16% 0%,rgba(24,119,242,.2),transparent 28rem),
  radial-gradient(circle at 86% 10%,rgba(0,212,255,.12),transparent 30rem),
  linear-gradient(180deg,var(--bg),#071321 36rem,var(--bg))}
.aa-fbauto-scope .hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%);pointer-events:none}
.aa-fbauto-scope .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}
.aa-fbauto-scope .chip{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:#d9ecff;font-size:12.5px;font-weight:820}
.aa-fbauto-scope .chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(0,212,255,.9)}
.aa-fbauto-scope .hero h1{max-width:680px;margin:18px 0 18px;color:#fff;font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:950;text-align:left;overflow-wrap:break-word}
.aa-fbauto-scope .hero h1 .line{display:block}
.aa-fbauto-scope .hero h1 .accent{color:var(--cyan);text-shadow:0 0 32px rgba(0,212,255,.25)}
.aa-fbauto-scope .hero-sub{max-width:620px;color:#b9cce1;font-size:18px;line-height:1.68}
.aa-fbauto-scope .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.aa-fbauto-scope .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:680px}
.aa-fbauto-scope .hero-metric{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:15px;min-height:96px}
.aa-fbauto-scope .hero-metric b{display:block;color:#fff;font-size:30px;letter-spacing:-.055em;line-height:1}
.aa-fbauto-scope .hero-metric span{display:block;margin-top:8px;color:#8ea5bf;font-size:12.5px;font-weight:760;line-height:1.35}

/* --- automation shell visual (hero right) --- */
.aa-fbauto-scope .automation-shell{position:relative;border:1px solid var(--line-strong);border-radius:32px;background:linear-gradient(180deg,rgba(16,34,56,.96),rgba(7,17,31,.98));box-shadow:var(--shadow),var(--glow);overflow:hidden}
.aa-fbauto-scope .automation-shell::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.18),transparent 38%);pointer-events:none}
.aa-fbauto-scope .shell-top{position:relative;z-index:1;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}
.aa-fbauto-scope .window-dots{display:flex;gap:7px}
.aa-fbauto-scope .window-dots span{width:10px;height:10px;border-radius:50%;background:#ff6575}
.aa-fbauto-scope .window-dots span:nth-child(2){background:var(--amber)}
.aa-fbauto-scope .window-dots span:nth-child(3){background:var(--mint)}
.aa-fbauto-scope .shell-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:13px}
.aa-fbauto-scope .shell-title i{width:22px;height:22px;border-radius:8px;background:linear-gradient(135deg,var(--fb),var(--cyan));box-shadow:0 0 24px rgba(0,212,255,.35)}
.aa-fbauto-scope .status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(46,242,161,.28);border-radius:999px;background:rgba(46,242,161,.1);color:#d5ffef;font-size:12px;font-weight:820}
.aa-fbauto-scope .status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);animation:aafa-pulse 1.6s infinite}
.aa-fbauto-scope .flow-canvas{position:relative;z-index:1;min-height:540px;padding:22px;background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px}
.aa-fbauto-scope .flow-map{position:relative;min-height:372px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(3,10,20,.42);overflow:hidden}
.aa-fbauto-scope .flow-path{position:absolute;inset:0;pointer-events:none}
.aa-fbauto-scope .node{position:absolute;width:172px;border:1px solid rgba(159,181,207,.28);border-radius:18px;background:rgba(16,34,56,.92);box-shadow:0 22px 48px -34px rgba(0,0,0,.9);padding:14px}
.aa-fbauto-scope .node small{display:inline-flex;align-items:center;gap:6px;color:#8fb0d2;font-size:11px;font-weight:850}
.aa-fbauto-scope .node small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.aa-fbauto-scope .node b{display:block;margin-top:8px;color:#fff;font-size:15px;line-height:1.22;letter-spacing:-.01em}
.aa-fbauto-scope .node p{margin-top:7px;color:#9fb5cf;font-size:12px;line-height:1.35}
.aa-fbauto-scope .node-trigger{left:20px;top:32px}
.aa-fbauto-scope .node-bot{left:50%;top:132px;transform:translateX(-50%);border-color:rgba(0,212,255,.42);box-shadow:0 0 0 1px rgba(0,212,255,.1),0 24px 70px -42px rgba(0,212,255,.9)}
.aa-fbauto-scope .node-price{right:22px;top:32px}
.aa-fbauto-scope .node-crm{right:22px;bottom:32px}
.aa-fbauto-scope .node-follow{left:20px;bottom:32px}
.aa-fbauto-scope .node-price small::before{background:var(--amber)}
.aa-fbauto-scope .node-crm small::before,.aa-fbauto-scope .node-follow small::before{background:var(--mint)}
.aa-fbauto-scope .flow-path svg{width:100%;height:100%}
.aa-fbauto-scope .flow-path path{fill:none;stroke:rgba(0,212,255,.62);stroke-width:2;stroke-dasharray:8 10;animation:aafa-dash 18s linear infinite}
.aa-fbauto-scope .flow-path path:nth-child(2){stroke:rgba(46,242,161,.55);animation-duration:15s}
.aa-fbauto-scope .flow-path path:nth-child(3){stroke:rgba(255,204,77,.55);animation-duration:20s}
.aa-fbauto-scope .flow-bottom{display:grid;grid-template-columns:1fr .9fr;gap:14px;margin-top:14px}
.aa-fbauto-scope .stream,.aa-fbauto-scope .chatbot-card{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.055);overflow:hidden}
.aa-fbauto-scope .stream-head,.aa-fbauto-scope .chat-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:900}
.aa-fbauto-scope .stream-body{padding:12px;display:grid;gap:8px}
.aa-fbauto-scope .log-row{display:grid;grid-template-columns:66px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(7,17,31,.58);color:#b7cce3;font-size:12px}
.aa-fbauto-scope .log-row time{color:#6f87a2;font-weight:850}
.aa-fbauto-scope .log-row b{color:#eaf6ff;font-weight:850}
.aa-fbauto-scope .log-row em{font-style:normal;color:var(--mint);font-weight:900}
.aa-fbauto-scope .chat-body{padding:14px;display:grid;gap:10px}
.aa-fbauto-scope .msg{max-width:88%;padding:10px 12px;border-radius:15px;color:#d6e8fa;background:rgba(255,255,255,.08);font-size:12.5px;line-height:1.4}
.aa-fbauto-scope .msg.user{justify-self:end;background:rgba(24,119,242,.28);color:#fff}
.aa-fbauto-scope .quick-actions{display:flex;gap:7px;flex-wrap:wrap}
.aa-fbauto-scope .quick-actions span{padding:7px 9px;border-radius:999px;background:rgba(0,212,255,.11);border:1px solid rgba(0,212,255,.22);color:#d8f8ff;font-size:11.5px;font-weight:850}

/* --- section heads (explicit text-align — Rule 13) --- */
.aa-fbauto-scope .section-head{max-width:760px;margin:0 auto 46px;text-align:center}
.aa-fbauto-scope .section-head.left{text-align:left;margin-left:0}
.aa-fbauto-scope .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:#7fdfff;font-size:12px;font-weight:900}
.aa-fbauto-scope .eyebrow::before{content:"";width:28px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--fb),var(--cyan))}
.aa-fbauto-scope .section-h{color:#fff;font-size:clamp(34px,4.8vw,62px);line-height:1.02;letter-spacing:-.052em;font-weight:950;text-align:inherit}
.aa-fbauto-scope .section-h .accent{color:var(--cyan)}
.aa-fbauto-scope .section-lead{max-width:720px;margin:16px auto 0;color:#aabfd6;font-size:17px;line-height:1.68}
.aa-fbauto-scope .section-head.left .section-lead{margin-left:0}

/* --- compare table --- */
.aa-fbauto-scope .compare{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.055))}
.aa-fbauto-scope .automation-table{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.045);overflow:hidden;box-shadow:var(--shadow)}
.aa-fbauto-scope .table-head,.aa-fbauto-scope .table-row{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}
.aa-fbauto-scope .table-head{background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:920;letter-spacing:.02em}
.aa-fbauto-scope .table-head div,.aa-fbauto-scope .table-row div{padding:20px 24px}
.aa-fbauto-scope .table-head div:first-child,.aa-fbauto-scope .table-row div:first-child{border-right:1px solid var(--line)}
.aa-fbauto-scope .table-row{border-top:1px solid var(--line)}
.aa-fbauto-scope .manual{color:#d7e5f5;background:linear-gradient(90deg,rgba(255,101,117,.06),transparent)}
.aa-fbauto-scope .auto{color:#fff;background:linear-gradient(90deg,rgba(46,242,161,.08),rgba(0,212,255,.05))}
.aa-fbauto-scope .manual b,.aa-fbauto-scope .auto b{display:block;margin-bottom:7px;color:#fff;font-size:18px;letter-spacing:-.02em}
.aa-fbauto-scope .manual span,.aa-fbauto-scope .auto span{display:block;color:#9fb5cf;font-size:14px;line-height:1.55}
.aa-fbauto-scope .auto b{color:#d8fff1}

/* --- showcase / command center --- */
.aa-fbauto-scope .showcase{overflow:hidden}
.aa-fbauto-scope .command-center{display:grid;grid-template-columns:.78fr 1.2fr .82fr;gap:16px;align-items:stretch}
.aa-fbauto-scope .panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(16,34,56,.9),rgba(7,17,31,.9));box-shadow:0 28px 100px -64px rgba(0,0,0,.95);overflow:hidden}
.aa-fbauto-scope .panel-title{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);color:#fff;font-size:14px;font-weight:920}
.aa-fbauto-scope .panel-title span{color:#8ea5bf;font-size:12px;font-weight:780}
.aa-fbauto-scope .schedule-list{padding:14px;display:grid;gap:10px}
.aa-fbauto-scope .schedule-item{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.05);padding:12px}
.aa-fbauto-scope .date-box{height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--fb),#0f5fcc);font-size:12px;font-weight:950}
.aa-fbauto-scope .schedule-item:nth-child(2) .date-box{background:linear-gradient(135deg,#00a8ff,#006de5)}
.aa-fbauto-scope .schedule-item:nth-child(3) .date-box{background:linear-gradient(135deg,#10b981,#079968)}
.aa-fbauto-scope .schedule-item b{display:block;color:#fff;font-size:13px}
.aa-fbauto-scope .schedule-item span{display:block;margin-top:4px;color:#91a8c1;font-size:12px;line-height:1.35}
.aa-fbauto-scope .chat-sim{padding:16px;display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}
.aa-fbauto-scope .lead-profile{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(24,119,242,.14),rgba(0,212,255,.04)),rgba(255,255,255,.045)}
.aa-fbauto-scope .lead-avatar{width:64px;height:64px;border-radius:22px;margin-bottom:14px;background:linear-gradient(135deg,rgba(24,119,242,.22),rgba(0,212,255,.16)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/240.jpg") center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.aa-fbauto-scope .lead-profile b{display:block;color:#fff;font-size:18px;letter-spacing:-.02em}
.aa-fbauto-scope .lead-profile p{margin-top:8px;color:#9fb5cf;font-size:13px;line-height:1.55}
.aa-fbauto-scope .score-ring{margin-top:18px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) 0 78%,rgba(255,255,255,.12) 78% 100%)}
.aa-fbauto-scope .score-ring div{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#0b1727;color:#fff;font-size:25px;font-weight:950;letter-spacing:-.04em}
.aa-fbauto-scope .conversation{display:grid;gap:10px}
.aa-fbauto-scope .bubble{max-width:84%;padding:12px 13px;border-radius:17px;background:rgba(255,255,255,.08);color:#d8e8fa;font-size:13px;line-height:1.45}
.aa-fbauto-scope .bubble.customer{justify-self:end;background:rgba(24,119,242,.3);color:#fff}
.aa-fbauto-scope .bot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.aa-fbauto-scope .bot-actions span{padding:8px 10px;border-radius:999px;border:1px solid rgba(0,212,255,.25);background:rgba(0,212,255,.1);color:#dcf8ff;font-size:12px;font-weight:850}
.aa-fbauto-scope .kpi-stack{padding:14px;display:grid;gap:12px}
.aa-fbauto-scope .kpi-card{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.055);padding:18px}
.aa-fbauto-scope .kpi-card b{display:block;color:#fff;font-size:34px;line-height:1;letter-spacing:-.055em}
.aa-fbauto-scope .kpi-card span{display:block;margin-top:7px;color:#95abc4;font-size:12.5px;font-weight:780}
.aa-fbauto-scope .sparkline{height:54px;display:flex;align-items:end;gap:7px;margin-top:16px}
.aa-fbauto-scope .sparkline i{flex:1;border-radius:7px 7px 3px 3px;background:rgba(255,255,255,.18)}
.aa-fbauto-scope .sparkline i:nth-child(1){height:30%}.aa-fbauto-scope .sparkline i:nth-child(2){height:44%}.aa-fbauto-scope .sparkline i:nth-child(3){height:38%;background:rgba(0,212,255,.45)}.aa-fbauto-scope .sparkline i:nth-child(4){height:62%}.aa-fbauto-scope .sparkline i:nth-child(5){height:76%;background:rgba(24,119,242,.75)}.aa-fbauto-scope .sparkline i:nth-child(6){height:92%;background:var(--mint)}

/* --- modules --- */
.aa-fbauto-scope .modules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}
.aa-fbauto-scope .module-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px;align-items:start}
.aa-fbauto-scope .module-sticky{position:sticky;top:104px}
.aa-fbauto-scope .module-note{margin-top:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.055);padding:22px}
.aa-fbauto-scope .module-note b{display:block;color:#fff;font-size:28px;letter-spacing:-.04em}
.aa-fbauto-scope .module-note p{margin-top:10px;color:#9fb5cf;line-height:1.6;font-size:14px}
.aa-fbauto-scope .module-list{display:grid;gap:14px}
.aa-fbauto-scope .module-row{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(16,34,56,.86),rgba(10,23,39,.86));padding:18px;box-shadow:0 22px 70px -54px rgba(0,0,0,.9)}
.aa-fbauto-scope .module-visual{width:72px;height:72px;border-radius:22px;background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.72),transparent 8px),linear-gradient(135deg,var(--fb),#0b5ecb);position:relative;overflow:hidden}
.aa-fbauto-scope .module-visual::before,.aa-fbauto-scope .module-visual::after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.28)}
.aa-fbauto-scope .module-visual::before{width:52px;height:8px;left:10px;top:22px}
.aa-fbauto-scope .module-visual::after{width:34px;height:8px;left:10px;top:40px}
.aa-fbauto-scope .module-row:nth-child(2) .module-visual{background:linear-gradient(135deg,#0b5ecb,#00a8ff)}
.aa-fbauto-scope .module-row:nth-child(3) .module-visual{background:linear-gradient(135deg,#102238,#00d4ff)}
.aa-fbauto-scope .module-row:nth-child(4) .module-visual{background:linear-gradient(135deg,#0b5ecb,#2ef2a1)}
.aa-fbauto-scope .module-row:nth-child(5) .module-visual{background:linear-gradient(135deg,#153355,#ffcc4d)}
.aa-fbauto-scope .module-row h3{color:#fff;font-size:22px;letter-spacing:-.025em}
.aa-fbauto-scope .module-row p{margin-top:7px;color:#9fb5cf;font-size:14px;line-height:1.55}
.aa-fbauto-scope .module-tag{justify-self:end;padding:9px 11px;border:1px solid rgba(0,212,255,.24);border-radius:999px;background:rgba(0,212,255,.1);color:#dffaff;font-size:12px;font-weight:880;white-space:nowrap}

/* --- process: terminal + architecture --- */
.aa-fbauto-scope .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.aa-fbauto-scope .terminal{border:1px solid var(--line);border-radius:28px;background:#050b14;overflow:hidden;box-shadow:var(--shadow)}
.aa-fbauto-scope .terminal-top{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);color:#fff;font-size:13px;font-weight:900}
.aa-fbauto-scope .terminal-body{padding:18px;display:grid;gap:14px}
.aa-fbauto-scope .deploy-step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}
.aa-fbauto-scope .step-index{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#07111f;background:linear-gradient(135deg,var(--cyan),#8df5ff);font-weight:950}
.aa-fbauto-scope .deploy-step b{display:block;color:#fff;font-size:18px;letter-spacing:-.02em}
.aa-fbauto-scope .deploy-step p{margin-top:6px;color:#9fb5cf;font-size:14px;line-height:1.55}
.aa-fbauto-scope .architecture{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(16,34,56,.88),rgba(7,17,31,.88));padding:24px;overflow:hidden}
.aa-fbauto-scope .arch-map{position:relative;min-height:372px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.16),transparent 13rem),rgba(3,10,20,.5)}
.aa-fbauto-scope .arch-node{position:absolute;min-width:138px;border:1px solid rgba(159,181,207,.25);border-radius:18px;background:#0d1e32;padding:13px;color:#fff;box-shadow:0 22px 52px -38px rgba(0,0,0,.9)}
.aa-fbauto-scope .arch-node b{display:block;font-size:13px}
.aa-fbauto-scope .arch-node span{display:block;margin-top:6px;color:#8fa7c1;font-size:11.5px;line-height:1.35}
.aa-fbauto-scope .arch-core{left:50%;top:50%;transform:translate(-50%,-50%);border-color:rgba(0,212,255,.5);background:linear-gradient(180deg,#12304d,#0b1727);box-shadow:0 0 0 1px rgba(0,212,255,.14),0 0 52px rgba(0,212,255,.16)}
.aa-fbauto-scope .arch-fb{left:22px;top:34px}
.aa-fbauto-scope .arch-web{right:22px;top:34px}
.aa-fbauto-scope .arch-crm{left:28px;bottom:36px}
.aa-fbauto-scope .arch-zalo{right:28px;bottom:36px}
.aa-fbauto-scope .arch-line{position:absolute;background:rgba(0,212,255,.45);height:2px;transform-origin:left center}
.aa-fbauto-scope .line-a{left:150px;top:91px;width:180px;transform:rotate(25deg)}
.aa-fbauto-scope .line-b{right:150px;top:91px;width:180px;transform:rotate(155deg)}
.aa-fbauto-scope .line-c{left:154px;bottom:92px;width:178px;transform:rotate(-25deg)}
.aa-fbauto-scope .line-d{right:154px;bottom:92px;width:178px;transform:rotate(205deg)}

/* --- offer + bespoke lead form --- */
.aa-fbauto-scope .offer{border-top:1px solid var(--line);background:
  radial-gradient(circle at 18% 28%,rgba(24,119,242,.18),transparent 28rem),
  radial-gradient(circle at 86% 14%,rgba(0,212,255,.12),transparent 25rem)}
.aa-fbauto-scope .offer-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
.aa-fbauto-scope .offer-card,.aa-fbauto-scope .form-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(16,34,56,.9),rgba(7,17,31,.92));box-shadow:var(--shadow);overflow:hidden}
.aa-fbauto-scope .offer-card{padding:30px}
.aa-fbauto-scope .offer-label{display:inline-flex;padding:8px 11px;border-radius:999px;color:#07111f;background:linear-gradient(135deg,var(--cyan),#8df5ff);font-size:12px;font-weight:950}
.aa-fbauto-scope .offer-card h2{margin-top:22px;color:#fff;font-size:clamp(36px,4.8vw,60px);line-height:1;letter-spacing:-.055em;font-weight:950;text-align:left}
.aa-fbauto-scope .offer-card p{margin-top:18px;color:#aabfd6;line-height:1.65;font-size:16px}
.aa-fbauto-scope .offer-points{display:grid;gap:10px;margin-top:24px}
.aa-fbauto-scope .offer-point{display:flex;align-items:flex-start;gap:10px;color:#dcecff;font-size:14px;line-height:1.45}
.aa-fbauto-scope .offer-point i{width:18px;height:18px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(46,242,161,.09);flex:0 0 18px;margin-top:1px}
.aa-fbauto-scope .form-card{padding:24px}
.aa-fbauto-scope .form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.aa-fbauto-scope .form-head h3{color:#fff;font-size:26px;letter-spacing:-.035em;text-align:left}
.aa-fbauto-scope .form-head p{margin-top:7px;color:#91a8c1;font-size:14px;line-height:1.5}
.aa-fbauto-scope .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aa-fbauto-scope .field{display:grid;gap:7px}
.aa-fbauto-scope .field.full{grid-column:1/-1}
.aa-fbauto-scope .field label{color:#b7cce3;font-size:12px;font-weight:850}
.aa-fbauto-scope .field input,.aa-fbauto-scope .field select,.aa-fbauto-scope .field textarea{width:100%;border:1px solid rgba(169,197,229,.26);border-radius:16px;background:rgba(255,255,255,.07);color:#fff;padding:14px 14px;outline:none}
.aa-fbauto-scope .field textarea{min-height:104px;resize:vertical}
.aa-fbauto-scope .field input::placeholder,.aa-fbauto-scope .field textarea::placeholder{color:#6f87a2}
.aa-fbauto-scope .field input:focus,.aa-fbauto-scope .field select:focus,.aa-fbauto-scope .field textarea:focus{border-color:rgba(0,212,255,.68);box-shadow:0 0 0 4px rgba(0,212,255,.12)}
.aa-fbauto-scope .field select option{color:#07111f;background:#fff}
.aa-fbauto-scope .form-note{margin:14px 0 0;color:#7f98b3;font-size:12.5px;line-height:1.5}
.aa-fbauto-scope .atp-lf-msg{margin-top:12px;font-size:14px;font-weight:700;display:none}
.aa-fbauto-scope .atp-lf-msg.ok{display:block;color:#2ef2a1}
.aa-fbauto-scope .atp-lf-msg.err{display:block;color:#ff6575}

/* --- keyframes --- */
@keyframes aafa-dash{to{stroke-dashoffset:-240}}
@keyframes aafa-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}
@media (prefers-reduced-motion:reduce){
  .aa-fbauto-scope *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* --- responsive --- */
@media (max-width:1080px){
  .aa-fbauto-scope .hero-grid,.aa-fbauto-scope .module-layout,.aa-fbauto-scope .offer-grid{grid-template-columns:1fr}
  .aa-fbauto-scope .module-sticky{position:static}
  .aa-fbauto-scope .command-center{grid-template-columns:1fr}
  .aa-fbauto-scope .flow-canvas{min-height:auto}
  .aa-fbauto-scope .flow-map{min-height:372px}
  .aa-fbauto-scope .node{width:164px}
  .aa-fbauto-scope .node-trigger{left:18px;top:28px}
  .aa-fbauto-scope .node-bot{left:50%;top:132px;transform:translateX(-50%)}
  .aa-fbauto-scope .node-price{right:18px;top:28px}
  .aa-fbauto-scope .node-crm{right:18px;bottom:28px}
  .aa-fbauto-scope .node-follow{left:18px;bottom:28px}
}
@media (max-width:760px){
  .aa-fbauto-scope .container{width:min(100% - 28px,1180px)}
  .aa-fbauto-scope .hero{padding:40px 0 62px}
  .aa-fbauto-scope .hero h1{font-size:clamp(43px,14vw,58px);line-height:.94}
  .aa-fbauto-scope .hero-sub{font-size:16px}
  .aa-fbauto-scope .hero-actions{display:grid;grid-template-columns:1fr}
  .aa-fbauto-scope .hero-actions .btn{width:100%}
  .aa-fbauto-scope .hero-metrics{grid-template-columns:1fr}
  .aa-fbauto-scope .automation-shell{border-radius:24px;margin-top:4px}
  .aa-fbauto-scope .shell-top{padding:0 12px}
  .aa-fbauto-scope .status-pill{display:none}
  .aa-fbauto-scope .flow-canvas{padding:12px}
  .aa-fbauto-scope .flow-map{min-height:auto;display:grid;gap:10px;padding:12px}
  .aa-fbauto-scope .flow-path{display:none}
  .aa-fbauto-scope .node{position:static;width:auto}
  .aa-fbauto-scope .node-bot{transform:none}
  .aa-fbauto-scope .flow-bottom{grid-template-columns:1fr}
  .aa-fbauto-scope .log-row{grid-template-columns:54px 1fr}
  .aa-fbauto-scope .log-row em{grid-column:2}
  .aa-fbauto-scope .section{padding:74px 0}
  .aa-fbauto-scope .section-head,.aa-fbauto-scope .section-head.left{text-align:left;margin-left:0}
  .aa-fbauto-scope .section-h{font-size:clamp(34px,11vw,48px)}
  .aa-fbauto-scope .table-head{display:none}
  .aa-fbauto-scope .table-row{grid-template-columns:1fr}
  .aa-fbauto-scope .table-row div:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .aa-fbauto-scope .table-head div,.aa-fbauto-scope .table-row div{padding:18px}
  .aa-fbauto-scope .chat-sim{grid-template-columns:1fr}
  .aa-fbauto-scope .module-row{grid-template-columns:56px 1fr}
  .aa-fbauto-scope .module-visual{width:56px;height:56px;border-radius:18px}
  .aa-fbauto-scope .module-tag{grid-column:2;justify-self:start}
  .aa-fbauto-scope .process-grid{grid-template-columns:1fr}
  .aa-fbauto-scope .arch-map{min-height:auto;display:grid;gap:10px;padding:12px}
  .aa-fbauto-scope .arch-node{position:static;transform:none;min-width:0}
  .aa-fbauto-scope .arch-core{transform:none}
  .aa-fbauto-scope .arch-line{display:none}
  .aa-fbauto-scope .form-grid{grid-template-columns:1fr}
}

/* ===========================================================================
 * Rule 13 CONTRAST HARDENING — white text on every dark / gradient / ink
 * surface. The Elementor Global Kit re-colours bare h1-h6 / a / button elements
 * (low-specificity element rules), which can drag headings & labels back to
 * dark ink. Re-assert #fff with class-scoped specificity so the kit can't win.
 * This is a dark page: nearly every surface needs white text; the only light
 * controls are .btn-dark (white bg) and .offer-label (cyan chip) which keep ink.
 * ======================================================================== */

/* buttons on dark / gradient backgrounds -> white text */
.aa-fbauto-scope a.btn-primary,.aa-fbauto-scope button.btn-primary,
.aa-fbauto-scope .btn-primary,.aa-fbauto-scope .btn-primary span,
.aa-fbauto-scope a.btn-ghost,.aa-fbauto-scope .btn-ghost,.aa-fbauto-scope .btn-ghost span{color:#fff}
/* light button keeps dark ink (white bg) */
.aa-fbauto-scope .btn-dark,.aa-fbauto-scope .btn-dark span{color:#07111f}

/* hero copy */
.aa-fbauto-scope .hero h1,.aa-fbauto-scope .hero h1 .line{color:#fff}
.aa-fbauto-scope .hero h1 .accent{color:var(--cyan)}
.aa-fbauto-scope .hero-sub{color:#b9cce1}
.aa-fbauto-scope .hero-metric b{color:#fff}

/* section heads */
.aa-fbauto-scope .section-h{color:#fff}
.aa-fbauto-scope .section-h .accent{color:var(--cyan)}
.aa-fbauto-scope .section-lead{color:#aabfd6}

/* compare table */
.aa-fbauto-scope .table-head,.aa-fbauto-scope .manual b,.aa-fbauto-scope .auto b{color:#fff}
.aa-fbauto-scope .auto b{color:#d8fff1}

/* command center panels */
.aa-fbauto-scope .panel-title,.aa-fbauto-scope .schedule-item b,
.aa-fbauto-scope .lead-profile b,.aa-fbauto-scope .kpi-card b,
.aa-fbauto-scope .score-ring div{color:#fff}

/* modules */
.aa-fbauto-scope .module-note b,.aa-fbauto-scope .module-row h3{color:#fff}

/* process */
.aa-fbauto-scope .terminal-top,.aa-fbauto-scope .deploy-step b,
.aa-fbauto-scope .arch-node,.aa-fbauto-scope .arch-node b{color:#fff}
.aa-fbauto-scope .step-index{color:#07111f}

/* offer + form (dark cards) */
.aa-fbauto-scope .offer-card h2,.aa-fbauto-scope .form-head h3{color:#fff}
.aa-fbauto-scope .offer-label{color:#07111f}
.aa-fbauto-scope .field input,.aa-fbauto-scope .field select,.aa-fbauto-scope .field textarea{color:#fff}
.aa-fbauto-scope .field select option{color:#07111f}