/* ===========================================================================
 * atp-videomkt.css — Video Marketing service page (post 3224) bespoke design.
 * Ported 1:1 from theme static/Video-Marketing-standalone.html <style>, with
 * EVERY selector scoped under .aa-videomkt-scope so nothing leaks into the
 * theme / other pages. Chrome (nav/header/footer/burger/phone/brand) is
 * intentionally dropped — the PHP shell renders header/footer.
 *
 * This is a DARK page (bg #06080b, text #f6fbff). Headings declare text-align
 * explicitly inside scope (Rule 13) so the Elementor container can't recentre
 * section heads. CONTRAST HARDENING block re-asserts #fff on every dark/brand/
 * gradient surface so the Elementor Global Kit can't drag text back to ink.
 * ======================================================================== */

/* --- base + tokens (scoped; was :root/body/*) --- */
.aa-videomkt-scope{
  --bg:#06080b;--bg-2:#0b1117;--panel:#111923;--panel-2:#151f2a;
  --line:rgba(226,236,244,.16);--line-strong:rgba(226,236,244,.28);
  --text:#f6fbff;--muted:#a9b8c6;--muted-2:#748595;
  --brand:#00b59f;--brand-2:#00d4c1;--blue:#1e78ff;--gold:#f6c768;--rose:#ff6b7a;
  --ink:#06080b;--paper:#f7fbfb;--radius:24px;--radius-sm:16px;
  --shadow:0 34px 120px -70px rgba(0,0,0,.95);
  --glow:0 0 0 1px rgba(0,181,159,.22),0 32px 110px -72px rgba(0,212,193,.9);
  color:var(--text);background:var(--bg);text-align:left;letter-spacing:0;
}
.aa-videomkt-scope *{box-sizing:border-box;margin:0;padding:0}
.aa-videomkt-scope a{color:inherit;text-decoration:none}
.aa-videomkt-scope button,.aa-videomkt-scope input,.aa-videomkt-scope textarea,.aa-videomkt-scope select{font:inherit}
.aa-videomkt-scope button{cursor:pointer}
.aa-videomkt-scope .container{width:min(1370px,calc(100% - 48px));margin:0 auto}

/* --- buttons --- */
.aa-videomkt-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-videomkt-scope .btn:active{transform:translateY(1px) scale(.99)}
.aa-videomkt-scope .btn-primary{color:#03110f;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 18px 54px -28px rgba(0,212,193,.92)}
.aa-videomkt-scope .btn-primary:hover{transform:translateY(-1px)}
.aa-videomkt-scope .btn-ghost{color:#f3fbff;background:rgba(255,255,255,.06);border-color:var(--line)}
.aa-videomkt-scope .btn-ghost:hover{background:rgba(255,255,255,.1)}
.aa-videomkt-scope .btn-dark{color:#03110f;background:#fff;border-color:#fff}
.aa-videomkt-scope .btn-lg{min-height:56px;padding:0 23px;font-size:15px;border-radius:18px}

/* --- hero --- */
.aa-videomkt-scope .hero{position:relative;overflow:hidden;min-height:calc(100dvh - 72px);padding:68px 0 76px;display:grid;align-items:center;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,181,159,.14),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(30,120,255,.12),transparent 26rem),
    linear-gradient(180deg,#05070a 0%,#091018 720px,#06080b 100%);
}
.aa-videomkt-scope .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 84%);pointer-events:none}
.aa-videomkt-scope .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.aa-videomkt-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,.06);color:#dff7f3;font-size:12.5px;font-weight:860}
.aa-videomkt-scope .chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px rgba(0,181,159,.85)}
.aa-videomkt-scope .hero h1{max-width:760px;margin:18px 0 18px;color:#fff;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-videomkt-scope .hero h1 span{color:var(--brand-2)}
.aa-videomkt-scope .hero-sub{max-width:670px;color:#c7d5e0;font-size:18px;line-height:1.68}
.aa-videomkt-scope .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.aa-videomkt-scope .hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.aa-videomkt-scope .metric{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:15px;min-height:102px}
.aa-videomkt-scope .metric b{display:block;color:#fff;font-size:28px;letter-spacing:-.05em;line-height:1}
.aa-videomkt-scope .metric span{display:block;margin-top:8px;color:#91a3b4;font-size:12.5px;font-weight:760;line-height:1.35}

/* --- showreel mockup (decorative) --- */
.aa-videomkt-scope .showreel{border:1px solid var(--line-strong);border-radius:34px;background:linear-gradient(180deg,rgba(21,31,42,.92),rgba(8,13,19,.96));box-shadow:var(--shadow),var(--glow);overflow:hidden}
.aa-videomkt-scope .player-top{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}
.aa-videomkt-scope .reel-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:13.5px;font-weight:920}
.aa-videomkt-scope .reel-title i{width:24px;height:24px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 28px rgba(0,212,193,.3)}
.aa-videomkt-scope .reel-tag{padding:7px 10px;border:1px solid rgba(0,212,193,.3);border-radius:999px;background:rgba(0,181,159,.12);color:#dffbf8;font-size:12px;font-weight:880}
.aa-videomkt-scope .player-frame{position:relative;min-height:464px;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.62)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1485846234645-A62644f84728.jpg") center/cover;overflow:hidden}
.aa-videomkt-scope .player-frame::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:24px;pointer-events:none}
.aa-videomkt-scope .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:0 24px 80px -32px rgba(0,0,0,.9)}
.aa-videomkt-scope .play-button::before{content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:23px solid #07111f;margin-left:6px}
.aa-videomkt-scope .frame-note{position:absolute;left:26px;bottom:26px;width:min(360px,calc(100% - 52px));border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(5,7,10,.72);backdrop-filter:blur(14px);padding:18px}
.aa-videomkt-scope .frame-note b{display:block;color:#fff;font-size:22px;line-height:1.05;letter-spacing:-.035em}
.aa-videomkt-scope .frame-note p{margin-top:9px;color:#cbd8e4;font-size:13.5px;line-height:1.55}
.aa-videomkt-scope .timecode{position:absolute;right:26px;bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.aa-videomkt-scope .tc{width:82px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(5,7,10,.62);backdrop-filter:blur(10px);padding:10px}
.aa-videomkt-scope .tc b{display:block;color:#fff;font-size:15px}
.aa-videomkt-scope .tc span{display:block;margin-top:4px;color:#91a3b4;font-size:11px;font-weight:760}

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

/* --- why-video --- */
.aa-videomkt-scope .why-video{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.aa-videomkt-scope .impact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}
.aa-videomkt-scope .impact-visual{min-height:560px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.64)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1492691527719-9d1e07e534b4.jpg") center/cover;box-shadow:var(--shadow);display:flex;align-items:flex-end}
.aa-videomkt-scope .impact-caption{padding:28px}
.aa-videomkt-scope .impact-caption h2{font-size:46px;line-height:1;letter-spacing:-.055em;color:#fff;text-align:left}
.aa-videomkt-scope .impact-caption p{margin-top:14px;color:#cbd8e4;line-height:1.62}
.aa-videomkt-scope .impact-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aa-videomkt-scope .impact-item{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(21,31,42,.84),rgba(10,16,23,.92));padding:24px;min-height:270px;box-shadow:0 22px 82px -62px rgba(0,0,0,.95)}
.aa-videomkt-scope .impact-item .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:15px;background:rgba(0,181,159,.14);color:var(--brand-2);font-weight:950}
.aa-videomkt-scope .impact-item h3{margin-top:22px;font-size:25px;line-height:1.08;letter-spacing:-.035em;color:#fff}
.aa-videomkt-scope .impact-item p{margin-top:11px;color:#aebdcc;font-size:14px;line-height:1.6}

/* --- studio --- */
.aa-videomkt-scope .studio{overflow:hidden}
.aa-videomkt-scope .studio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.aa-videomkt-scope .studio-main{min-height:520px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.66)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1574717024653-61fd2cf4d44d.jpg") center/cover;box-shadow:var(--shadow);overflow:hidden;position:relative}
.aa-videomkt-scope .studio-main .label{position:absolute;left:24px;top:24px;padding:8px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(5,7,10,.58);color:#eafffb;font-size:12px;font-weight:900}
.aa-videomkt-scope .studio-main .caption{position:absolute;left:24px;right:24px;bottom:24px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(5,7,10,.7);backdrop-filter:blur(14px);padding:22px}
.aa-videomkt-scope .studio-main h3{font-size:34px;line-height:1.05;letter-spacing:-.045em;color:#fff}
.aa-videomkt-scope .studio-main p{margin-top:10px;color:#c1ceda;line-height:1.6}
.aa-videomkt-scope .studio-side{display:grid;gap:18px}
.aa-videomkt-scope .side-shot{min-height:251px;border:1px solid var(--line);border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.62)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1516035069371-29a1b244cc32.jpg") center/cover;box-shadow:0 24px 80px -58px rgba(0,0,0,.95)}
.aa-videomkt-scope .side-shot:nth-child(2){background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.62)),url("https://advertisingagency.vn/wp-content/uploads/2026/06/Photo-1574717024653-61fd2cf4d44d.jpg") center/cover}
.aa-videomkt-scope .side-shot b{position:absolute;left:18px;right:18px;bottom:18px;font-size:22px;line-height:1.05;letter-spacing:-.03em;color:#fff}

/* --- deliverables --- */
.aa-videomkt-scope .deliverables{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.aa-videomkt-scope .deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.aa-videomkt-scope .deliverable{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(21,31,42,.88),rgba(10,16,23,.94));padding:22px;min-height:226px}
.aa-videomkt-scope .deliverable span{display:inline-flex;width:42px;height:42px;border-radius:15px;align-items:center;justify-content:center;color:#03110f;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-weight:950}
.aa-videomkt-scope .deliverable h3{margin-top:22px;font-size:23px;letter-spacing:-.025em;color:#fff}
.aa-videomkt-scope .deliverable p{margin-top:10px;color:#aebdcc;font-size:14px;line-height:1.6}

/* --- process --- */
.aa-videomkt-scope .process{overflow:hidden}
.aa-videomkt-scope .process-board{border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(21,31,42,.88),rgba(8,13,19,.96));box-shadow:var(--shadow);overflow:hidden}
.aa-videomkt-scope .process-top{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}
.aa-videomkt-scope .process-top b{font-size:15px;color:#fff}
.aa-videomkt-scope .process-top span{color:var(--muted);font-size:12px;font-weight:820}
.aa-videomkt-scope .timeline{display:grid;grid-template-columns:repeat(6,1fr);min-height:360px}
.aa-videomkt-scope .step{padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.aa-videomkt-scope .step:last-child{border-right:0}
.aa-videomkt-scope .step-num{width:44px;height:44px;border-radius:15px;background:rgba(0,181,159,.13);color:var(--brand-2);display:grid;place-items:center;font-weight:950}
.aa-videomkt-scope .step h3{font-size:20px;line-height:1.08;letter-spacing:-.02em;color:#fff}
.aa-videomkt-scope .step p{color:#aebdcc;font-size:13.5px;line-height:1.55}

/* --- pricing --- */
.aa-videomkt-scope .pricing{border-top:1px solid var(--line);background:linear-gradient(180deg,#070b10,#06080b)}
.aa-videomkt-scope .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aa-videomkt-scope .price-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(21,31,42,.9),rgba(9,15,22,.96));padding:26px;box-shadow:0 26px 90px -66px rgba(0,0,0,.95);position:relative;overflow:hidden}
.aa-videomkt-scope .price-card.featured{border-color:rgba(0,212,193,.42);box-shadow:var(--glow)}
.aa-videomkt-scope .price-card.featured::before{content:"Phổ biến";position:absolute;right:22px;top:22px;padding:8px 10px;border-radius:999px;background:rgba(0,181,159,.16);color:#dffbf8;font-size:12px;font-weight:900}
.aa-videomkt-scope .price-card h3{font-size:24px;letter-spacing:-.03em;color:#fff}
.aa-videomkt-scope .price-card .qty{margin-top:10px;color:#aebdcc;font-size:14px}
.aa-videomkt-scope .price{margin-top:24px;color:#fff;font-size:48px;line-height:1;letter-spacing:-.06em;font-weight:950}
.aa-videomkt-scope .price span{font-size:14px;color:#9fb0bf;letter-spacing:0}
.aa-videomkt-scope .bonus{margin-top:20px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px}
.aa-videomkt-scope .bonus p{display:flex;gap:9px;color:#d9e7f2;font-size:14px;line-height:1.45}
.aa-videomkt-scope .bonus p::before{content:"";width:17px;height:17px;border-radius:50%;background:var(--brand);flex:0 0 17px;margin-top:1px;box-shadow:0 0 0 5px rgba(0,181,159,.09)}
.aa-videomkt-scope .included{margin-top:20px;border:1px solid rgba(246,199,104,.26);border-radius:22px;background:rgba(246,199,104,.08);padding:16px;color:#ffe8b2;font-size:14px;line-height:1.55}

/* --- cta + form --- */
.aa-videomkt-scope .cta{border-top:1px solid var(--line);background:radial-gradient(circle at 18% 24%,rgba(0,181,159,.18),transparent 28rem),radial-gradient(circle at 86% 18%,rgba(30,120,255,.12),transparent 24rem),#06080b}
.aa-videomkt-scope .cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}
.aa-videomkt-scope .offer-card,.aa-videomkt-scope .form-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(21,31,42,.88),rgba(8,13,19,.96));box-shadow:var(--shadow)}
.aa-videomkt-scope .offer-card{padding:30px;position:relative;overflow:hidden}
.aa-videomkt-scope .offer-card::after{content:"";position:absolute;width:340px;height:340px;right:-140px;bottom:-170px;border-radius:50%;background:rgba(0,181,159,.24);filter:blur(36px)}
.aa-videomkt-scope .offer-label{display:inline-flex;padding:8px 11px;border-radius:999px;color:#03110f;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:12px;font-weight:950}
.aa-videomkt-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;color:#fff;text-align:left}
.aa-videomkt-scope .offer-card p{position:relative;z-index:1;margin-top:18px;color:#c1ceda;line-height:1.65;font-size:16px}
.aa-videomkt-scope .offer-points{position:relative;z-index:1;display:grid;gap:10px;margin-top:24px}
.aa-videomkt-scope .offer-point{display:flex;gap:10px;color:#e8f3ff;font-size:14px;line-height:1.45}
.aa-videomkt-scope .offer-point i{width:18px;height:18px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(0,181,159,.1);flex:0 0 18px;margin-top:1px}
.aa-videomkt-scope .form-card{padding:24px}
.aa-videomkt-scope .form-head h3{font-size:26px;letter-spacing:-.035em;color:#fff;text-align:left}
.aa-videomkt-scope .form-head p{margin-top:7px;color:#b5c9df;font-size:14px;line-height:1.5}
.aa-videomkt-scope .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.aa-videomkt-scope .field{display:grid;gap:7px}
.aa-videomkt-scope .field.full{grid-column:1/-1}
.aa-videomkt-scope .field label{color:#d8e8fa;font-size:12px;font-weight:850}
.aa-videomkt-scope .field input,.aa-videomkt-scope .field select,.aa-videomkt-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-videomkt-scope .field textarea{min-height:106px;resize:vertical}
.aa-videomkt-scope .field input::placeholder,.aa-videomkt-scope .field textarea::placeholder{color:#8ea5bf}
.aa-videomkt-scope .field input:focus,.aa-videomkt-scope .field select:focus,.aa-videomkt-scope .field textarea:focus{border-color:rgba(0,212,193,.72);box-shadow:0 0 0 4px rgba(0,181,159,.13)}
.aa-videomkt-scope .field select option{color:#07111f;background:#fff}
.aa-videomkt-scope .form-note{margin-top:14px;color:#91a8c1;font-size:12.5px;line-height:1.5}
.aa-videomkt-scope .form-card .atp-lf-msg{margin-top:12px;font-size:14px;font-weight:700;display:none}
.aa-videomkt-scope .form-card .atp-lf-msg.ok{display:block;color:#34e3c6}
.aa-videomkt-scope .form-card .atp-lf-msg.err{display:block;color:#ff8a96}

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

/* --- responsive --- */
@media (prefers-reduced-motion:reduce){
  .aa-videomkt-scope *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
@media (max-width:1120px){
  .aa-videomkt-scope .hero-grid,.aa-videomkt-scope .impact-grid,.aa-videomkt-scope .studio-grid,.aa-videomkt-scope .cta-grid{grid-template-columns:1fr}
  .aa-videomkt-scope .hero{min-height:auto}
  .aa-videomkt-scope .timeline{grid-template-columns:repeat(3,1fr)}
  .aa-videomkt-scope .step:nth-child(3){border-right:0}
  .aa-videomkt-scope .step:nth-child(4),.aa-videomkt-scope .step:nth-child(5),.aa-videomkt-scope .step:nth-child(6){border-top:1px solid var(--line)}
}
@media (max-width:820px){
  .aa-videomkt-scope .hero-metrics,.aa-videomkt-scope .impact-list,.aa-videomkt-scope .deliverable-grid,.aa-videomkt-scope .price-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .aa-videomkt-scope .container{width:min(100% - 28px,1180px)}
  .aa-videomkt-scope .hero{padding:42px 0 64px}
  .aa-videomkt-scope .hero h1{font-size:clamp(42px,14vw,58px);line-height:.94}
  .aa-videomkt-scope .hero-sub{font-size:16px}
  .aa-videomkt-scope .hero-actions{display:grid;grid-template-columns:1fr}
  .aa-videomkt-scope .hero-actions .btn{width:100%}
  .aa-videomkt-scope .hero-metrics,.aa-videomkt-scope .impact-list,.aa-videomkt-scope .deliverable-grid,.aa-videomkt-scope .price-grid,.aa-videomkt-scope .form-grid{grid-template-columns:1fr}
  .aa-videomkt-scope .showreel{border-radius:24px}
  .aa-videomkt-scope .player-top{padding:0 12px}
  .aa-videomkt-scope .reel-tag{display:none}
  .aa-videomkt-scope .player-frame{min-height:430px}
  .aa-videomkt-scope .play-button{width:72px;height:72px}
  .aa-videomkt-scope .timecode{position:static;grid-template-columns:1fr 1fr 1fr;padding:0 14px 14px}
  .aa-videomkt-scope .tc{width:auto}
  .aa-videomkt-scope .frame-note{left:18px;right:18px;bottom:92px;width:auto}
  .aa-videomkt-scope .section{padding:74px 0}
  .aa-videomkt-scope .section-head,.aa-videomkt-scope .section-head.left{text-align:left;margin-left:0}
  .aa-videomkt-scope .section-h{font-size:clamp(34px,11vw,48px)}
  .aa-videomkt-scope .impact-visual,.aa-videomkt-scope .studio-main{min-height:420px}
  .aa-videomkt-scope .timeline{grid-template-columns:1fr}
  .aa-videomkt-scope .step,.aa-videomkt-scope .step:nth-child(3){border-right:0;border-top:1px solid var(--line)}
  .aa-videomkt-scope .step:first-child{border-top:0}
}

/* ===========================================================================
 * Rule 13 CONTRAST HARDENING — this is a DARK page. The Elementor Global Kit
 * re-colours bare h1-h6 / a / button elements (low-specificity element rules),
 * dragging headings & labels on dark cards 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 (teal gradient / white) keep DARK ink.
 * ======================================================================== */

/* --- headings & text on the dark page = white --- */
.aa-videomkt-scope .hero h1,
.aa-videomkt-scope .section-h,
.aa-videomkt-scope .impact-caption h2,
.aa-videomkt-scope .impact-item h3,
.aa-videomkt-scope .studio-main h3,
.aa-videomkt-scope .deliverable h3,
.aa-videomkt-scope .step h3,
.aa-videomkt-scope .price-card h3,
.aa-videomkt-scope .offer-card h2,
.aa-videomkt-scope .form-head h3,
.aa-videomkt-scope .frame-note b,
.aa-videomkt-scope .tc b,
.aa-videomkt-scope .metric b,
.aa-videomkt-scope .side-shot b,
.aa-videomkt-scope .process-top b,
.aa-videomkt-scope .price{color:#fff}

/* --- buttons on bright teal gradient / white keep DARK ink --- */
.aa-videomkt-scope .btn-primary,.aa-videomkt-scope .btn-primary span,
.aa-videomkt-scope .btn-dark,.aa-videomkt-scope .btn-dark span,
.aa-videomkt-scope .offer-label,
.aa-videomkt-scope .deliverable span{color:#03110f}
/* --- ghost button on dark = light text --- */
.aa-videomkt-scope .btn-ghost,.aa-videomkt-scope .btn-ghost span{color:#f3fbff}

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