/* ===========================================================================
 * atp-webmkt.css — Website Marketing service page (post 1359) bespoke design.
 * Ported 1:1 from theme static/Website-Marketing-standalone.html <style>, with
 * EVERY selector scoped under .aa-webmkt-scope so nothing leaks into the theme /
 * other pages. Chrome (nav/header/footer/brand/phone/burger) intentionally
 * dropped — the PHP shell renders header/footer.
 *
 * This is a LIGHT page (bg #f8fffc, ink #071322). Headings declare text-align
 * explicitly inside scope (Rule 13) so the Elementor container's text-align
 * can't recentre section heads. The CONTRAST HARDENING block re-asserts the
 * intended colour on every dark / brand / gradient surface (loss-card,
 * mock-showcase, cta) so the Elementor Global Kit can't drag text back to ink.
 * ======================================================================== */

/* --- base + tokens (scoped; was :root/html/body/*) --- */
.aa-webmkt-scope{
  --brand:#00a889;--brand-2:#00cfad;--cyan:#1bbcff;--blue:#1f75ff;--lime:#b7f45d;
  --yellow:#ffd166;--pink:#ff6f9c;--ink:#071322;--ink-2:#24364d;--muted:#6a7d91;
  --line:#dce8ef;--line-strong:#c7d8e4;--bg:#f1fbf7;--soft:#e7fff8;--paper:#ffffff;
  --dark:#071322;--radius:24px;--radius-sm:16px;
  --shadow:0 30px 88px -62px rgba(7,19,34,.46);--shadow-soft:0 18px 46px -36px rgba(7,19,34,.28);
  color:var(--ink);background:#f8fffc;text-align:left;letter-spacing:0;
}
.aa-webmkt-scope *{box-sizing:border-box;margin:0;padding:0}
.aa-webmkt-scope a{color:inherit;text-decoration:none}
.aa-webmkt-scope button,.aa-webmkt-scope input,.aa-webmkt-scope textarea,.aa-webmkt-scope select{font:inherit}
.aa-webmkt-scope button{cursor:pointer}
.aa-webmkt-scope .container{width:min(1370px,calc(100% - 48px));margin:0 auto}

/* --- buttons --- */
.aa-webmkt-scope .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:16px;font-size:14px;font-weight:890;line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.aa-webmkt-scope .btn:active{transform:translateY(1px) scale(.99)}
.aa-webmkt-scope .btn-primary{color:#03130f;background:linear-gradient(135deg,var(--brand-2),var(--lime));box-shadow:0 18px 50px -28px rgba(0,207,173,.9)}
.aa-webmkt-scope .btn-primary:hover{transform:translateY(-1px)}
.aa-webmkt-scope .btn-ghost{color:var(--ink);background:#fff;border-color:var(--line);box-shadow:0 12px 28px -24px rgba(7,19,34,.45)}
.aa-webmkt-scope .btn-dark{color:#fff;background:var(--dark);border-color:var(--dark)}
.aa-webmkt-scope .btn-lg{min-height:56px;padding:0 23px;font-size:15px;border-radius:18px}

/* --- hero --- */
.aa-webmkt-scope .hero{position:relative;overflow:hidden;padding:66px 0 82px;
  background:
    radial-gradient(circle at 14% 0%,rgba(0,207,173,.22),transparent 28rem),
    radial-gradient(circle at 88% 8%,rgba(27,188,255,.18),transparent 30rem),
    linear-gradient(180deg,#fbfffd 0%,var(--bg) 720px,#f7fbff 100%);
}
.aa-webmkt-scope .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,19,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,19,34,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.74),transparent 86%);pointer-events:none}
.aa-webmkt-scope .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}
.aa-webmkt-scope .chip{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);color:#174b40;font-size:12.5px;font-weight:860}
.aa-webmkt-scope .chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(0,168,137,.12)}
.aa-webmkt-scope .hero h1{max-width:760px;margin:18px 0 18px;color:var(--ink);font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:960;text-align:left;overflow-wrap:break-word}
.aa-webmkt-scope .hero h1 span{color:var(--brand)}
.aa-webmkt-scope .hero-sub{max-width:660px;color:var(--ink-2);font-size:18px;line-height:1.68}
.aa-webmkt-scope .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.aa-webmkt-scope .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:680px}
.aa-webmkt-scope .metric{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.76);padding:16px;box-shadow:var(--shadow-soft)}
.aa-webmkt-scope .metric b{display:block;font-size:28px;letter-spacing:-.05em;line-height:1}
.aa-webmkt-scope .metric span{display:block;margin-top:7px;color:var(--muted);font-size:12.5px;font-weight:760;line-height:1.35}

/* --- hero builder mockup (decorative) --- */
.aa-webmkt-scope .builder{border:1px solid var(--line-strong);border-radius:34px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.aa-webmkt-scope .builder-top{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fffc)}
.aa-webmkt-scope .window-dots{display:flex;gap:7px}
.aa-webmkt-scope .window-dots span{width:10px;height:10px;border-radius:50%;background:#ff6f9c}
.aa-webmkt-scope .window-dots span:nth-child(2){background:var(--yellow)}
.aa-webmkt-scope .window-dots span:nth-child(3){background:var(--brand)}
.aa-webmkt-scope .builder-title{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:920;color:var(--ink)}
.aa-webmkt-scope .builder-title i{width:24px;height:24px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 26px -18px rgba(0,168,137,.8)}
.aa-webmkt-scope .builder-tag{padding:7px 10px;border:1px solid rgba(0,168,137,.18);border-radius:999px;background:#eafff8;color:#007d68;font-size:12px;font-weight:890}
.aa-webmkt-scope .builder-body{display:grid;grid-template-columns:178px 1fr 172px;min-height:560px}
.aa-webmkt-scope .palette{border-right:1px solid var(--line);background:#f7fbff;padding:16px;display:grid;align-content:start;gap:10px}
.aa-webmkt-scope .palette-title{font-size:12px;color:var(--muted);font-weight:900;margin-bottom:2px}
.aa-webmkt-scope .block{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;box-shadow:0 12px 28px -24px rgba(7,19,34,.45)}
.aa-webmkt-scope .block::before{content:"";display:block;width:34px;height:8px;border-radius:999px;background:var(--brand);margin-bottom:10px}
.aa-webmkt-scope .block:nth-child(3)::before{background:var(--cyan)}
.aa-webmkt-scope .block:nth-child(4)::before{background:var(--yellow)}
.aa-webmkt-scope .block:nth-child(5)::before{background:var(--pink)}
.aa-webmkt-scope .block:nth-child(6)::before{background:var(--blue)}
.aa-webmkt-scope .block b{display:block;font-size:13px;letter-spacing:-.01em}
.aa-webmkt-scope .block span{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.35}
.aa-webmkt-scope .canvas{padding:18px;background:linear-gradient(rgba(7,19,34,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(7,19,34,.04) 1px,transparent 1px),#fbfffe;background-size:26px 26px;position:relative}
.aa-webmkt-scope .site-preview{border:1px solid var(--line-strong);border-radius:24px;background:#fff;overflow:hidden;min-height:516px;box-shadow:0 28px 70px -56px rgba(7,19,34,.5)}
.aa-webmkt-scope .site-nav{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}
.aa-webmkt-scope .site-logo{width:84px;height:12px;border-radius:999px;background:var(--brand)}
.aa-webmkt-scope .site-links{display:flex;gap:6px}
.aa-webmkt-scope .site-links span{width:34px;height:8px;border-radius:999px;background:#d9e8ef}
.aa-webmkt-scope .site-hero{display:grid;grid-template-columns:1fr .8fr;gap:14px;padding:18px;background:linear-gradient(135deg,#effff9,#eef7ff)}
.aa-webmkt-scope .copy-lines{display:grid;gap:10px;align-content:center}
.aa-webmkt-scope .copy-lines .h{height:26px;border-radius:999px;background:var(--ink)}
.aa-webmkt-scope .copy-lines .h:nth-child(2){width:78%}
.aa-webmkt-scope .copy-lines .p{height:10px;border-radius:999px;background:#b8cbd6;width:88%}
.aa-webmkt-scope .copy-lines .p:nth-child(4){width:70%}
.aa-webmkt-scope .mock-cta{width:112px;height:34px;border-radius:14px;background:linear-gradient(135deg,var(--brand-2),var(--lime));margin-top:8px}
.aa-webmkt-scope .hero-img{min-height:146px;border-radius:20px;background:linear-gradient(135deg,rgba(0,168,137,.18),rgba(27,188,255,.16)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1497366754035-F200968a6e72.jpg") center/cover}
.aa-webmkt-scope .module-stack{display:grid;gap:12px;padding:14px}
.aa-webmkt-scope .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.aa-webmkt-scope .mini-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;min-height:76px}
.aa-webmkt-scope .mini-card::before{content:"";display:block;width:30px;height:8px;border-radius:999px;background:var(--cyan);margin-bottom:10px}
.aa-webmkt-scope .mini-card:nth-child(2)::before{background:var(--brand)}
.aa-webmkt-scope .mini-card:nth-child(3)::before{background:var(--yellow)}
.aa-webmkt-scope .mini-card span{display:block;height:8px;border-radius:999px;background:#d7e4ec;margin-top:7px}
.aa-webmkt-scope .testimonial{display:grid;grid-template-columns:64px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:12px}
.aa-webmkt-scope .avatar-img{border-radius:16px;background:url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1551836022-D5d88e9218df-1.jpg") center/cover}
.aa-webmkt-scope .line-list{display:grid;gap:7px;align-content:center}
.aa-webmkt-scope .line-list span{height:8px;border-radius:999px;background:#d7e4ec}
.aa-webmkt-scope .line-list span:nth-child(2){width:74%}
.aa-webmkt-scope .lead-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px}
.aa-webmkt-scope .lead-form span{height:34px;border-radius:12px;background:#edf5f8}
.aa-webmkt-scope .lead-form b{display:block;width:92px;height:34px;border-radius:12px;background:var(--brand)}
.aa-webmkt-scope .audit-panel{border-left:1px solid var(--line);background:#f8fffc;padding:16px;display:grid;align-content:start;gap:12px}
.aa-webmkt-scope .score-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}
.aa-webmkt-scope .score-card b{display:block;font-size:28px;letter-spacing:-.05em;color:var(--brand)}
.aa-webmkt-scope .score-card span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:760}
.aa-webmkt-scope .check-list{display:grid;gap:8px}
.aa-webmkt-scope .check{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;font-size:12px;font-weight:860;color:#234}
.aa-webmkt-scope .check::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--brand);margin-right:8px}
.aa-webmkt-scope .phone-preview{position:absolute;right:18px;bottom:18px;width:116px;height:218px;border:7px solid var(--ink);border-radius:28px;background:#fff;box-shadow:0 22px 58px -34px rgba(7,19,34,.72);overflow:hidden}
.aa-webmkt-scope .phone-preview::before{content:"";display:block;height:44px;background:linear-gradient(135deg,var(--brand-2),var(--cyan))}
.aa-webmkt-scope .phone-preview i{display:block;height:10px;border-radius:999px;background:#d9e8ef;margin:12px}
.aa-webmkt-scope .phone-preview i:nth-child(2){width:70%}
.aa-webmkt-scope .phone-preview i:nth-child(3){width:86%}
.aa-webmkt-scope .phone-preview i:nth-child(4){width:54%}

/* --- section + heads (explicit text-align — Rule 13) --- */
.aa-webmkt-scope .section{position:relative;padding:98px 0}
.aa-webmkt-scope .section-head{max-width:790px;margin:0 auto 42px;text-align:center}
.aa-webmkt-scope .section-head.left{text-align:left;margin-left:0}
.aa-webmkt-scope .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--brand);font-size:12.5px;font-weight:900}
.aa-webmkt-scope .eyebrow::before{content:"";width:30px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.aa-webmkt-scope .section-h{color:var(--ink);font-size:clamp(34px,4.8vw,62px);line-height:1.02;letter-spacing:-.052em;font-weight:950;text-align:inherit}
.aa-webmkt-scope .section-h .accent{color:var(--brand)}
.aa-webmkt-scope .section-lead{max-width:720px;margin:16px auto 0;color:var(--ink-2);font-size:17px;line-height:1.68}
.aa-webmkt-scope .section-head.left .section-lead{margin-left:0}

/* --- problem --- */
.aa-webmkt-scope .problem{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#effbf7)}
.aa-webmkt-scope .problem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch}
.aa-webmkt-scope .loss-card{border:1px solid var(--line);border-radius:30px;background:var(--dark);color:#fff;padding:28px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.aa-webmkt-scope .loss-card::after{content:"";position:absolute;right:-110px;bottom:-140px;width:310px;height:310px;border-radius:50%;background:rgba(0,207,173,.38);filter:blur(40px)}
.aa-webmkt-scope .loss-card h2{position:relative;z-index:1;font-size:46px;line-height:1;letter-spacing:-.052em;text-align:left}
.aa-webmkt-scope .loss-card p{position:relative;z-index:1;margin-top:16px;color:#c5d9e1;line-height:1.65}
.aa-webmkt-scope .loss-metrics{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.aa-webmkt-scope .loss-metric{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:15px;background:rgba(255,255,255,.07)}
.aa-webmkt-scope .loss-metric b{display:block;font-size:30px;letter-spacing:-.05em}
.aa-webmkt-scope .loss-metric span{display:block;margin-top:5px;color:#a9bec8;font-size:12px;font-weight:760}
.aa-webmkt-scope .problem-table{border:1px solid var(--line);border-radius:30px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}
.aa-webmkt-scope .problem-row{display:grid;grid-template-columns:.9fr 1.1fr;border-top:1px solid var(--line)}
.aa-webmkt-scope .problem-row:first-child{border-top:0;background:#f5fbff;font-weight:920;color:var(--ink)}
.aa-webmkt-scope .problem-row div{padding:18px 22px}
.aa-webmkt-scope .problem-row div:first-child{border-right:1px solid var(--line)}
.aa-webmkt-scope .problem-row b{display:block;font-size:18px;letter-spacing:-.02em}
.aa-webmkt-scope .problem-row span{display:block;margin-top:7px;color:var(--muted);font-size:14px;line-height:1.55}

/* --- modules --- */
.aa-webmkt-scope .modules{background:#fff}
.aa-webmkt-scope .module-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:start}
.aa-webmkt-scope .module-note{position:sticky;top:100px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#fff,#f5fffb);padding:28px;box-shadow:var(--shadow-soft)}
.aa-webmkt-scope .module-note h2{font-size:44px;line-height:1;letter-spacing:-.052em;text-align:left}
.aa-webmkt-scope .module-note p{margin-top:16px;color:var(--ink-2);line-height:1.65}
.aa-webmkt-scope .module-list{display:grid;gap:12px}
.aa-webmkt-scope .service-module{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:26px;background:#fff;padding:18px;box-shadow:var(--shadow-soft)}
.aa-webmkt-scope .module-icon{width:74px;height:74px;border-radius:22px;background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.72),transparent 8px),linear-gradient(135deg,var(--brand),var(--brand-2));position:relative;overflow:hidden}
.aa-webmkt-scope .module-icon::before,.aa-webmkt-scope .module-icon::after{content:"";position:absolute;left:13px;border-radius:999px;background:rgba(255,255,255,.36)}
.aa-webmkt-scope .module-icon::before{top:24px;width:48px;height:8px}
.aa-webmkt-scope .module-icon::after{top:42px;width:32px;height:8px}
.aa-webmkt-scope .service-module:nth-child(2) .module-icon{background:linear-gradient(135deg,var(--cyan),#7be3ff)}
.aa-webmkt-scope .service-module:nth-child(3) .module-icon{background:linear-gradient(135deg,var(--blue),var(--cyan))}
.aa-webmkt-scope .service-module:nth-child(4) .module-icon{background:linear-gradient(135deg,var(--yellow),#ffe9a6)}
.aa-webmkt-scope .service-module:nth-child(5) .module-icon{background:linear-gradient(135deg,var(--pink),#ffc2d6)}
.aa-webmkt-scope .service-module:nth-child(6) .module-icon{background:linear-gradient(135deg,var(--brand),var(--lime))}
.aa-webmkt-scope .service-module:nth-child(7) .module-icon{background:linear-gradient(135deg,#26364d,#4b6b91)}
.aa-webmkt-scope .service-module h3{font-size:22px;letter-spacing:-.025em}
.aa-webmkt-scope .service-module p{margin-top:7px;color:var(--ink-2);font-size:14px;line-height:1.55}
.aa-webmkt-scope .module-tag{justify-self:end;padding:9px 11px;border:1px solid rgba(0,168,137,.22);border-radius:999px;background:#eafff8;color:#087c68;font-size:12px;font-weight:900;white-space:nowrap}

/* --- why --- */
.aa-webmkt-scope .why{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f5fffb,#f7fbff)}
.aa-webmkt-scope .why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.aa-webmkt-scope .difference{border:1px solid var(--line);border-radius:32px;background:#fff;padding:28px;box-shadow:var(--shadow-soft)}
.aa-webmkt-scope .difference h2{font-size:44px;line-height:1;letter-spacing:-.052em;text-align:left}
.aa-webmkt-scope .difference-list{display:grid;gap:12px;margin-top:24px}
.aa-webmkt-scope .diff-item{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:20px;padding:14px;background:#fbfffd}
.aa-webmkt-scope .diff-item i{width:36px;height:36px;border-radius:14px;background:var(--brand)}
.aa-webmkt-scope .diff-item b{display:block;font-size:17px;letter-spacing:-.015em}
.aa-webmkt-scope .diff-item span{display:block;margin-top:5px;color:var(--muted);font-size:13.5px;line-height:1.5}
.aa-webmkt-scope .mock-showcase{border:1px solid var(--line);border-radius:32px;background:var(--dark);color:#fff;padding:20px;box-shadow:var(--shadow)}
.aa-webmkt-scope .showcase-screen{min-height:370px;border-radius:24px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.5)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1460925895917-Afdab827c52f.jpg") center/cover;overflow:hidden;position:relative}
.aa-webmkt-scope .showcase-screen .float{position:absolute;left:18px;bottom:18px;right:18px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(7,19,34,.72);backdrop-filter:blur(12px);padding:18px}
.aa-webmkt-scope .float b{display:block;font-size:26px;line-height:1.05;letter-spacing:-.035em}
.aa-webmkt-scope .float p{margin-top:10px;color:#cce0e8;line-height:1.55}

/* --- types --- */
.aa-webmkt-scope .types{background:#fff}
.aa-webmkt-scope .type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.aa-webmkt-scope .type-card{border:1px solid var(--line);border-radius:28px;background:#fff;padding:24px;box-shadow:var(--shadow-soft);min-height:244px;position:relative;overflow:hidden}
.aa-webmkt-scope .type-card::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--brand)}
.aa-webmkt-scope .type-card:nth-child(2)::before{background:var(--cyan)}
.aa-webmkt-scope .type-card:nth-child(3)::before{background:var(--yellow)}
.aa-webmkt-scope .type-card:nth-child(4)::before{background:var(--pink)}
.aa-webmkt-scope .type-card h3{font-size:24px;letter-spacing:-.03em}
.aa-webmkt-scope .type-card p{margin-top:11px;color:var(--ink-2);font-size:14px;line-height:1.58}
.aa-webmkt-scope .type-card .price{margin-top:22px;font-size:34px;line-height:1;letter-spacing:-.055em;font-weight:950;color:var(--brand)}
.aa-webmkt-scope .type-card .price span{font-size:14px;color:var(--muted);letter-spacing:0}

/* --- cta + form --- */
.aa-webmkt-scope .cta{border-top:1px solid var(--line);background:radial-gradient(circle at 18% 24%,rgba(0,207,173,.22),transparent 28rem),radial-gradient(circle at 86% 18%,rgba(27,188,255,.14),transparent 24rem),#071322;color:#fff}
.aa-webmkt-scope .cta-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
.aa-webmkt-scope .offer-card,.aa-webmkt-scope .form-card{border:1px solid rgba(255,255,255,.15);border-radius:32px;background:rgba(255,255,255,.07);box-shadow:0 30px 100px -60px rgba(0,0,0,.9)}
.aa-webmkt-scope .offer-card{padding:30px;position:relative;overflow:hidden}
.aa-webmkt-scope .offer-card::after{content:"";position:absolute;width:340px;height:340px;right:-140px;bottom:-170px;border-radius:50%;background:rgba(0,207,173,.28);filter:blur(36px)}
.aa-webmkt-scope .offer-label{display:inline-flex;padding:8px 11px;border-radius:999px;color:#03130f;background:linear-gradient(135deg,var(--brand-2),var(--lime));font-size:12px;font-weight:950}
.aa-webmkt-scope .offer-card h2{position:relative;z-index:1;margin-top:22px;font-size:clamp(36px,4.8vw,60px);line-height:1;letter-spacing:-.055em;text-align:left}
.aa-webmkt-scope .offer-card p{position:relative;z-index:1;margin-top:18px;color:#c8d9e2;line-height:1.65;font-size:16px}
.aa-webmkt-scope .offer-points{position:relative;z-index:1;display:grid;gap:10px;margin-top:24px}
.aa-webmkt-scope .offer-point{display:flex;gap:10px;color:#e8f6f3;font-size:14px;line-height:1.45}
.aa-webmkt-scope .offer-point i{width:18px;height:18px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(0,207,173,.1);flex:0 0 18px;margin-top:1px}
.aa-webmkt-scope .form-card{padding:24px}
.aa-webmkt-scope .form-head h3{font-size:26px;letter-spacing:-.035em;text-align:left}
.aa-webmkt-scope .form-head p{margin-top:7px;color:#b5cad4;font-size:14px;line-height:1.5}
.aa-webmkt-scope .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.aa-webmkt-scope .field{display:grid;gap:7px}
.aa-webmkt-scope .field.full{grid-column:1/-1}
.aa-webmkt-scope .field label{color:#d8ebe6;font-size:12px;font-weight:850}
.aa-webmkt-scope .field input,.aa-webmkt-scope .field select,.aa-webmkt-scope .field textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;padding:14px 14px;outline:none}
.aa-webmkt-scope .field textarea{min-height:106px;resize:vertical}
.aa-webmkt-scope .field input::placeholder,.aa-webmkt-scope .field textarea::placeholder{color:#8ea5a1}
.aa-webmkt-scope .field input:focus,.aa-webmkt-scope .field select:focus,.aa-webmkt-scope .field textarea:focus{border-color:rgba(0,207,173,.72);box-shadow:0 0 0 4px rgba(0,207,173,.13)}
.aa-webmkt-scope .field select option{color:#071322;background:#fff}
.aa-webmkt-scope .form-note{margin-top:14px;color:#91a8a3;font-size:12.5px;line-height:1.5}
.aa-webmkt-scope .form-card .atp-lf-msg{margin-top:12px;font-size:14px;font-weight:700;display:none}
.aa-webmkt-scope .form-card .atp-lf-msg.ok{display:block;color:#34e3c6}
.aa-webmkt-scope .form-card .atp-lf-msg.err{display:block;color:#ff8a96}

/* --- honeypot (off-screen) --- */
.aa-webmkt-scope .wm-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* --- responsive --- */
@media (prefers-reduced-motion:reduce){
  .aa-webmkt-scope *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
@media (max-width:1120px){
  .aa-webmkt-scope .hero-grid,.aa-webmkt-scope .problem-grid,.aa-webmkt-scope .module-layout,.aa-webmkt-scope .why-grid,.aa-webmkt-scope .cta-grid{grid-template-columns:1fr}
  .aa-webmkt-scope .module-note{position:static}
  .aa-webmkt-scope .builder-body{grid-template-columns:1fr}
  .aa-webmkt-scope .palette,.aa-webmkt-scope .audit-panel{border:0;border-bottom:1px solid var(--line)}
  .aa-webmkt-scope .palette{grid-template-columns:repeat(3,1fr)}
  .aa-webmkt-scope .palette-title{grid-column:1/-1}
  .aa-webmkt-scope .phone-preview{display:none}
  .aa-webmkt-scope .type-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .aa-webmkt-scope .container{width:min(100% - 28px,1180px)}
  .aa-webmkt-scope .hero{padding:42px 0 64px}
  .aa-webmkt-scope .hero h1{font-size:clamp(42px,14vw,58px);line-height:.94}
  .aa-webmkt-scope .hero-sub{font-size:16px}
  .aa-webmkt-scope .hero-actions{display:grid;grid-template-columns:1fr}
  .aa-webmkt-scope .hero-actions .btn{width:100%}
  .aa-webmkt-scope .hero-metrics,.aa-webmkt-scope .loss-metrics,.aa-webmkt-scope .mini-grid,.aa-webmkt-scope .type-grid,.aa-webmkt-scope .form-grid,.aa-webmkt-scope .palette{grid-template-columns:1fr}
  .aa-webmkt-scope .builder{border-radius:24px}
  .aa-webmkt-scope .builder-top{padding:0 12px}
  .aa-webmkt-scope .builder-tag{display:none}
  .aa-webmkt-scope .site-hero{grid-template-columns:1fr}
  .aa-webmkt-scope .lead-form{grid-template-columns:1fr}
  .aa-webmkt-scope .lead-form b{width:100%}
  .aa-webmkt-scope .section{padding:74px 0}
  .aa-webmkt-scope .section-head,.aa-webmkt-scope .section-head.left{text-align:left;margin-left:0}
  .aa-webmkt-scope .section-h{font-size:clamp(34px,11vw,48px)}
  .aa-webmkt-scope .problem-row{grid-template-columns:1fr}
  .aa-webmkt-scope .problem-row div:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .aa-webmkt-scope .service-module{grid-template-columns:58px 1fr}
  .aa-webmkt-scope .module-icon{width:58px;height:58px;border-radius:18px}
  .aa-webmkt-scope .module-tag{grid-column:2;justify-self:start}
}

/* ===========================================================================
 * Rule 13 CONTRAST HARDENING — this LIGHT page still has DARK surfaces
 * (loss-card, mock-showcase float, and the entire CTA section #071322). The
 * Elementor Global Kit re-colours bare h1-h6 / a / button elements with
 * low-specificity element rules, dragging headings & labels on those dark
 * surfaces back to dark ink. Re-assert #fff (or the intended light tone) with
 * class-scoped specificity so the kit can't win — no !important needed.
 * Bright buttons (brand-2→lime gradient / yellow) keep DARK ink.
 * ======================================================================== */

/* --- problem loss-card (dark) = white --- */
.aa-webmkt-scope .loss-card,
.aa-webmkt-scope .loss-card h2,
.aa-webmkt-scope .loss-metric b{color:#fff}
.aa-webmkt-scope .loss-card p{color:#c5d9e1}
.aa-webmkt-scope .loss-metric span{color:#a9bec8}

/* --- why mock-showcase float (dark glass) = white --- */
.aa-webmkt-scope .showcase-screen .float,
.aa-webmkt-scope .float b{color:#fff}
.aa-webmkt-scope .float p{color:#cce0e8}

/* --- CTA dark ink section = white --- */
.aa-webmkt-scope .cta,
.aa-webmkt-scope .offer-card h2,
.aa-webmkt-scope .form-head h3{color:#fff}
.aa-webmkt-scope .offer-card p{color:#c8d9e2}
.aa-webmkt-scope .offer-point{color:#e8f6f3}
.aa-webmkt-scope .form-head p{color:#b5cad4}

/* --- form inputs on dark glass = white text --- */
.aa-webmkt-scope .field input,
.aa-webmkt-scope .field select,
.aa-webmkt-scope .field textarea{color:#fff}
.aa-webmkt-scope .field select option{color:#071322}

/* --- bright buttons / labels keep DARK ink --- */
.aa-webmkt-scope .btn-primary,.aa-webmkt-scope .btn-primary span,
.aa-webmkt-scope .offer-label{color:#03130f}
/* --- dark + ghost buttons --- */
.aa-webmkt-scope .btn-dark,.aa-webmkt-scope .btn-dark span{color:#fff}
.aa-webmkt-scope .btn-ghost,.aa-webmkt-scope .btn-ghost span{color:var(--ink)}