/* ══════════════════════════════════════════════════════════════════════
   THE 2-CAMPAIGN SCALING METHOD — Landing Page CSS
   File: css/style.css          v1.1.0
   Theme: Deep Navy + Mint + Yellow (SaaS / DevOps aesthetic)
   Fonts: Inter (UI) · JetBrains Mono (numbers, code)
   Standalone build · no framework · no dependencies
   ══════════════════════════════════════════════════════════════════════ */

/* ── Reset ─────────────────────────────────────────────────────────── */
*,*::before,*::after{ box-sizing:border-box; }
html{
    -webkit-text-size-adjust:100%;
    scroll-behavior:smooth;
    color-scheme:dark;
}
body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd{ margin:0; padding:0; }
ul,ol{ list-style:none; }
img,svg,video{ max-width:100%; height:auto; display:block; }
button{ font:inherit; color:inherit; }
::selection{ background:var(--al-mint); color:var(--al-navy); }

/* ── Design tokens ─────────────────────────────────────────────────── */
:root{
    /* surfaces */
    --al-navy:#0B1B33;
    --al-navy-2:#071426;
    --al-card:#112240;
    --al-card-2:#132A4A;

    /* accents */
    --al-mint:#5EEAD4;
    --al-mint-2:#4DD4C4;
    --al-mint-deep:#14B8A6;
    --al-yellow:#FFE94A;
    --al-yellow-2:#FACC15;
    --al-cyan:#7DD3FC;
    --al-green:#22C55E;
    --al-red:#F87171;

    /* text */
    --al-white:#FFFFFF;
    --al-muted:#94A3B8;
    --al-muted-2:#A0AEC0;
    --al-slate:#CBD5E1;

    /* lines + effects */
    --al-border:#1E3A5F;
    --al-border-2:#1A3352;
    --al-r:16px;
    --al-sh:0 10px 30px rgba(0,0,0,.30);
    --al-sh-lg:0 26px 60px rgba(0,0,0,.45);
    --al-mint-glow:0 0 0 1px rgba(94,234,212,.35), 0 8px 26px rgba(94,234,212,.22);
    --al-wrap:1180px;

    --al-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    --al-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ── Page shell ───────────────────────────────────────────────────── */
body{
    margin:0;
    font-family:var(--al-font);
    font-size:16px; line-height:1.65; font-weight:400;
    color:var(--al-slate);
    background:var(--al-navy);
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}

.al-page{
    position:relative;
    overflow-x:hidden;
    background:
        radial-gradient(820px 420px at 88% -4%,rgba(94,234,212,.10),transparent 62%),
        radial-gradient(700px 400px at 4% 22%,rgba(125,211,252,.07),transparent 60%),
        var(--al-navy);
}
.al-wrap{ width:100%; max-width:var(--al-wrap); margin:0 auto; padding:0 20px; }
.al-narrow{ max-width:880px; }
.al-center{ text-align:center; }
.al-main{ display:block; }

a{ color:var(--al-cyan); }
code{ font-family:var(--al-mono); background:rgba(94,234,212,.10); color:var(--al-mint); padding:.15em .5em; border-radius:6px; font-size:.85em; }
:focus-visible{ outline:3px solid var(--al-mint); outline-offset:3px; border-radius:5px; }

/* ── Typography ───────────────────────────────────────────────────── */
.al-page h1,.al-page h2,.al-page h3{
    font-weight:800; line-height:1.12; letter-spacing:-.025em;
    color:var(--al-white); margin:0 0 .5em;
}
.al-h2{ font-size:clamp(25px,3.2vw,40px); }
.al-h2--big{ font-size:clamp(29px,4.2vw,52px); font-weight:900; }
.al-h2--light{ color:var(--al-white); }

/* signature trait: white headline + one mint accent phrase */
.al-hl{ color:var(--al-mint); }

.al-lead{ font-size:clamp(16.5px,1.4vw,19px); color:var(--al-muted-2); font-weight:400; }
.al-lead--light{ color:var(--al-slate); }
.al-lead strong{ color:var(--al-white); font-weight:700; }

/* centered "── LABEL ──" section label */
.al-eyebrow{
    display:flex; align-items:center; justify-content:center; gap:12px;
    font-size:11.5px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase;
    color:var(--al-mint); margin:0 0 14px;
}
.al-eyebrow::before,.al-eyebrow::after{
    content:""; height:1px; width:44px;
    background:linear-gradient(90deg,transparent,rgba(94,234,212,.55));
}
.al-eyebrow::after{ background:linear-gradient(90deg,rgba(94,234,212,.55),transparent); }

.al-note{ font-size:13.5px; color:var(--al-muted); text-align:center; }
.al-note--c{ color:var(--al-muted-2); }
.al-fine{ font-size:12.5px; color:var(--al-muted); margin-top:16px; letter-spacing:.2px; }
.al-center .al-note{ margin-left:auto; margin-right:auto; }

.al-pill{
    display:inline-block; padding:5px 15px; border-radius:999px;
    background:rgba(94,234,212,.10); border:1px solid rgba(94,234,212,.38);
    color:var(--al-mint); font-size:11.5px; font-weight:700;
    letter-spacing:1.4px; text-transform:uppercase; margin:0 0 20px;
}
.al-pill--light{ background:rgba(255,233,74,.12); border-color:rgba(255,233,74,.42); color:var(--al-yellow); }

/* ── Buttons (uppercase, tracked, pill) ───────────────────────────── */
.al-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:15px 30px; border-radius:999px; border:2px solid transparent;
    font-family:var(--al-font); font-weight:700; font-size:14px;
    letter-spacing:.6px; text-transform:uppercase;
    text-decoration:none; cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
    box-shadow:0 8px 22px rgba(0,0,0,.30);
}
.al-btn:hover{ transform:translateY(-2px); }
.al-btn:active{ transform:translateY(0); }
.al-btn--sm{ padding:10px 20px; font-size:12.5px; }
.al-btn--lg{ padding:17px 34px; font-size:15.5px; }
.al-btn--xl{ padding:21px 50px; font-size:17px; }

.al-btn--green{ background:var(--al-mint); color:var(--al-navy); }
.al-btn--green:hover{ background:var(--al-mint-2); box-shadow:var(--al-mint-glow); }
.al-btn--gold{ background:var(--al-yellow); color:var(--al-navy); }
.al-btn--gold:hover{ background:var(--al-yellow-2); box-shadow:0 14px 34px rgba(255,233,74,.32); }
.al-btn--ghost{ background:transparent; color:var(--al-mint); border-color:rgba(94,234,212,.45); box-shadow:none; }
.al-btn--ghost:hover{ border-color:var(--al-mint); background:rgba(94,234,212,.08); }

/* ── Top bar + progress ───────────────────────────────────────────── */
.al-topbar{
    position:sticky; top:0; z-index:60;
    background:rgba(7,20,38,.92);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border-bottom:1px solid var(--al-border);
}
.al-topbar__in{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; }
.al-topbar__txt{ margin:0; font-size:13px; font-weight:500; letter-spacing:.2px; }
.al-topbar__txt strong{ color:var(--al-mint); font-weight:700; }
.al-topbar__sep{ color:var(--al-border); margin:0 8px; }
.al-progress{ position:sticky; top:52px; z-index:59; height:3px; background:rgba(30,58,95,.35); }
.al-progress__bar{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--al-mint),var(--al-cyan)); }

/* ── Sections ─────────────────────────────────────────────────────── */
.al-sec{ padding:76px 0; border-top:1px solid var(--al-border-2); }
.al-sec:first-child{ border-top:none; }
.al-sec--tint{ background:var(--al-navy-2); border-top-color:var(--al-border); }
.al-sec--dark{
    background:
        radial-gradient(760px 380px at 100% 0%,rgba(94,234,212,.10),transparent 58%),
        linear-gradient(180deg,#0E2340 0%,var(--al-navy) 100%);
    border-top-color:var(--al-border);
}
.al-sec--dark .al-h2{ color:var(--al-white); }

/* ── Hero ─────────────────────────────────────────────────────────── */
.al-hero{
    position:relative; overflow:hidden; padding:72px 0 84px;
    background:
        radial-gradient(900px 440px at 100% 0%,rgba(94,234,212,.16) 0%,transparent 46%),
        radial-gradient(700px 380px at 0% 12%,rgba(125,211,252,.10) 0%,transparent 58%),
        linear-gradient(180deg,var(--al-navy) 0%,#0E2340 100%);
    border-top:none;
}
.al-hero__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.al-hero__h1{ font-size:clamp(29px,4.1vw,52px); font-weight:900; letter-spacing:-.03em; margin:0 0 .5em; }
.al-hero__sub{ font-size:clamp(16.5px,1.5vw,20px); color:var(--al-muted-2); }
.al-hero__proof{
    background:var(--al-card); border:1px solid var(--al-border);
    border-left:4px solid var(--al-mint);
    padding:16px 20px; border-radius:0 12px 12px 0;
    color:var(--al-slate); font-size:15.5px;
}
.al-hero__proof strong{ color:var(--al-yellow); font-weight:700; }
.al-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin:28px 0 28px; }

.al-badges{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px 18px; }
.al-badges li{ display:flex; align-items:center; gap:10px; font-size:14.5px; color:var(--al-slate); font-weight:500; }
.al-badges__ico{
    flex:0 0 21px; height:21px; border-radius:50%;
    display:grid; place-items:center; background:var(--al-mint); color:var(--al-navy);
    font-size:11px; font-weight:900;
}
.al-badges--c li{ color:var(--al-muted-2); }

.al-hero__frame{
    position:relative; aspect-ratio:16/11; border-radius:20px;
    background:linear-gradient(150deg,var(--al-card-2),var(--al-navy-2));
    border:1px solid var(--al-border); box-shadow:var(--al-sh-lg);
    display:grid; place-items:center; overflow:hidden;
}
.al-hero__poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.9; }
.al-hero__glow{
    position:absolute; inset:auto -20% -62% -20%; height:72%; pointer-events:none;
    background:radial-gradient(closest-side,rgba(94,234,212,.30),transparent);
}
.al-playbtn{
    position:relative; z-index:2; width:84px; height:84px; border-radius:50%;
    border:none; cursor:pointer; background:var(--al-mint);
    display:grid; place-items:center; box-shadow:0 0 0 12px rgba(94,234,212,.16);
    transition:transform .2s ease, box-shadow .2s ease;
}
.al-playbtn:hover{ transform:scale(1.07); box-shadow:0 0 0 16px rgba(94,234,212,.20); }
.al-playbtn__tri{
    width:0; height:0; border-left:26px solid var(--al-navy);
    border-top:16px solid transparent; border-bottom:16px solid transparent; margin-left:5px;
}

/* ── Check / cross lists ──────────────────────────────────────────── */
.al-checks{ margin:26px 0; }
.al-checks li{
    position:relative; padding-left:38px; margin-bottom:14px;
    font-size:16.5px; color:var(--al-muted-2);
}
.al-checks li::before{
    content:"\2713"; position:absolute; left:0; top:0;
    width:26px; height:26px; border-radius:50%;
    background:rgba(94,234,212,.12); color:var(--al-mint);
    font-size:14px; font-weight:900; display:grid; place-items:center;
}
.al-checks li b,.al-checks li strong{ color:var(--al-white); font-weight:700; }
.al-checks--tight li{ font-size:15.5px; margin-bottom:8px; }
.al-checks--tight{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:0 20px; }

.al-pains{ display:grid; gap:12px; margin:22px 0 26px; }
.al-pains li{
    position:relative; padding:15px 18px 15px 50px; border-radius:12px;
    background:var(--al-card); border:1px solid var(--al-border);
    font-weight:600; color:var(--al-white); font-size:15.5px;
}
.al-pains li::before{
    content:"\00D7"; position:absolute; left:16px; top:14px;
    width:23px; height:23px; border-radius:50%;
    background:rgba(248,113,113,.14); color:var(--al-red);
    font-weight:900; font-size:16px; display:grid; place-items:center;
}
.al-cta-line{ margin-top:28px; font-size:clamp(17px,1.6vw,21px); color:var(--al-white); font-weight:600; }

.al-qbox{
    margin-top:34px; padding:32px; border-radius:var(--al-r);
    background:var(--al-card); border:1px solid var(--al-border);
    box-shadow:var(--al-sh);
}
.al-qbox__q{ font-size:clamp(18px,1.9vw,25px); font-weight:800; color:var(--al-white); margin:0 0 14px; }

/* ── Screenshots + lightbox ───────────────────────────────────────── */
.al-shots{ display:grid; gap:20px; margin:34px 0 22px; }
.al-shots--3{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.al-shots--2{ grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); }
.al-shot{
    position:relative; display:block; padding:0;
    border:1px solid var(--al-border); border-radius:var(--al-r);
    overflow:hidden; cursor:zoom-in; background:var(--al-card);
    box-shadow:var(--al-sh); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.al-shot:hover{ transform:translateY(-4px); border-color:rgba(94,234,212,.45); box-shadow:var(--al-sh-lg); }
.al-shot__zoom{
    position:absolute; inset:auto 0 0 0; padding:10px;
    font-size:11.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase;
    background:rgba(7,20,38,.88); color:var(--al-mint); opacity:0; transition:opacity .2s ease;
}
.al-shot:hover .al-shot__zoom{ opacity:1; }

.al-lightbox{ position:fixed; inset:0; z-index:200; display:none; background:rgba(4,10,18,.95); padding:24px; overflow:auto; }
.al-lightbox.is-open{ display:grid; place-items:center; }
.al-lightbox__body{ max-width:1100px; width:100%; }
.al-lightbox__body img{ margin:0 auto; border-radius:12px; }
.al-lightbox__body iframe{ width:100%; aspect-ratio:16/9; border:0; border-radius:12px; }
.al-lightbox__x{
    position:fixed; top:14px; right:20px; width:44px; height:44px; border-radius:50%;
    border:1px solid var(--al-border); background:rgba(17,34,64,.9); color:var(--al-white);
    font-size:26px; line-height:1; cursor:pointer;
}
.al-lightbox__x:hover{ background:var(--al-card-2); border-color:var(--al-mint); }

/* ── Shout + video slots ──────────────────────────────────────────── */
.al-shout{
    font-size:clamp(23px,3.4vw,42px); font-weight:900; line-height:1.1;
    letter-spacing:-.02em; color:var(--al-white); margin:0 0 24px;
}
.al-vids{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:22px; margin-top:34px; }
.al-vid iframe,.al-vid__ph{ width:100%; aspect-ratio:16/9; border-radius:14px; border:0; display:block; }
.al-vid__ph{
    background:linear-gradient(150deg,var(--al-card-2),var(--al-navy-2));
    color:var(--al-muted-2);
    display:grid; place-items:center; gap:14px; align-content:center; cursor:pointer;
    border:1px solid var(--al-border); font-weight:700; font-size:14px;
    transition:border-color .2s ease;
}
.al-vid__ph:hover{ border-color:rgba(94,234,212,.45); }

/* ── About ────────────────────────────────────────────────────────── */
.al-about{ display:grid; grid-template-columns:.78fr 1.22fr; gap:52px; align-items:center; }
.al-about__ph{
    aspect-ratio:1; border-radius:24px;
    display:grid; place-items:center; overflow:hidden;
    background:linear-gradient(150deg,var(--al-mint-deep),var(--al-mint));
    color:var(--al-navy); font-size:clamp(48px,8vw,92px);
    font-weight:900; letter-spacing:-.04em; box-shadow:var(--al-sh-lg);
}
img.al-about__ph{ object-fit:cover; font-size:0; }

.al-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; margin:24px 0; }
.al-stats li{
    background:var(--al-card); border:1px solid var(--al-border);
    border-radius:12px; padding:18px 14px; text-align:center;
    transition:border-color .2s ease;
}
.al-stats li:hover{ border-color:rgba(94,234,212,.40); }
.al-stats__n{
    display:block; font-family:var(--al-mono); font-weight:800;
    font-size:25px; line-height:1.1; color:var(--al-mint); letter-spacing:-.5px;
}
.al-stats__l{ display:block; margin-top:5px; font-size:11.5px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; color:var(--al-muted); }

/* ── Guarantee seal ───────────────────────────────────────────────── */
.al-seal{
    width:120px; height:120px; margin:0 auto 24px; border-radius:50%;
    background:linear-gradient(140deg,var(--al-mint),var(--al-mint-deep));
    color:var(--al-navy); display:grid; place-items:center; align-content:center;
    font-family:var(--al-mono); font-size:30px; font-weight:800; line-height:1;
    box-shadow:0 0 0 8px rgba(94,234,212,.10), 0 16px 40px rgba(0,0,0,.45);
}
.al-seal small{ font-family:var(--al-font); font-size:11px; font-weight:700; letter-spacing:2px; }

/* ── FAQ ──────────────────────────────────────────────────────────── */
.al-faq{ margin-top:30px; display:grid; gap:12px; }
.al-faq__item{
    background:var(--al-card); border:1px solid var(--al-border);
    border-radius:12px; overflow:hidden;
    transition:border-color .2s ease, background .2s ease;
}
.al-faq__item:hover{ border-color:rgba(94,234,212,.45); }
.al-faq__item[open]{ background:var(--al-card-2); border-color:rgba(94,234,212,.32); }
.al-faq__item summary{
    cursor:pointer; list-style:none; padding:19px 54px 19px 22px; position:relative;
    font-weight:700; font-size:16.5px; color:var(--al-white);
}
.al-faq__item summary::-webkit-details-marker{ display:none; }
.al-faq__item summary::after{
    content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%);
    font-size:24px; font-weight:400; color:var(--al-mint); line-height:1;
}
.al-faq__item[open] summary::after{ content:"\2212"; }
.al-faq__a{ padding:0 22px 20px; color:var(--al-muted-2); font-size:15.5px; }

/* ── Buy box + timer ──────────────────────────────────────────────── */
.al-buy{
    background:
        radial-gradient(820px 420px at 50% 0%,rgba(94,234,212,.15),transparent 60%),
        linear-gradient(180deg,#0E2340 0%,var(--al-navy-2) 100%);
    border-top-color:var(--al-border);
}
.al-timer{ display:flex; justify-content:center; gap:12px; margin:26px 0 8px; flex-wrap:wrap; }
.al-timer div{
    background:var(--al-card); border:1px solid var(--al-border);
    border-radius:12px; padding:13px 18px; min-width:92px; text-align:center;
}
.al-timer b{
    display:block; font-family:var(--al-mono); font-weight:800;
    font-size:30px; line-height:1; color:var(--al-yellow); letter-spacing:-1px;
}
.al-timer i{
    display:block; margin-top:5px; font-style:normal; font-size:10.5px; font-weight:700;
    letter-spacing:1.4px; text-transform:uppercase; color:var(--al-muted);
}
.al-buy .al-badges{ margin:26px auto 30px; max-width:780px; }
.al-buy .al-btn--xl{ margin:0 auto; }

/* ── Footer (gradient sweep) ──────────────────────────────────────── */
.al-foot{
    background:linear-gradient(90deg,var(--al-navy) 0%,#0E3B3B 55%,#0F5F55 100%);
    border-top:1px solid rgba(94,234,212,.30);
    color:var(--al-slate); padding:44px 0 130px; font-size:14px;
}
.al-foot__in{ text-align:center; }
.al-foot p{ margin:0 0 10px; }
.al-foot__links{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }
.al-foot__links a{ color:var(--al-white); text-decoration:none; font-weight:600; }
.al-foot__links a:hover{ color:var(--al-mint); }
.al-foot__links span{ color:var(--al-mint); }
.al-foot__dis{ max-width:800px; margin:20px auto 0; font-size:12.5px; color:var(--al-muted); }

/* ── Sticky banner / mobile buybar / whatsapp float ──────────────── */
.al-sticky{
    position:fixed; left:0; right:0; bottom:0; z-index:70;
    background:rgba(7,20,38,.96);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border-top:1px solid var(--al-border);
    transform:translateY(110%); transition:transform .3s ease;
    box-shadow:0 -12px 34px rgba(0,0,0,.45);
}
.al-sticky.is-on{ transform:translateY(0); }
.al-sticky__in{ display:flex; align-items:center; gap:16px; padding-top:12px; padding-bottom:12px; }
.al-sticky__txt{ flex:1; color:var(--al-white); }
.al-sticky__txt strong{ display:block; font-size:15px; font-weight:700; }
.al-sticky__txt small{ color:var(--al-muted); font-size:12.5px; }
.al-sticky__x{ background:none; border:none; color:var(--al-muted); font-size:26px; cursor:pointer; line-height:1; padding:0 4px; }
.al-sticky__x:hover{ color:var(--al-mint); }

.al-buybar{
    display:none; position:fixed; left:12px; right:12px; bottom:12px; z-index:71;
    padding:16px; border-radius:999px; text-align:center;
    font-weight:800; font-size:15px; letter-spacing:.5px; text-transform:uppercase;
    background:linear-gradient(120deg,var(--al-mint),var(--al-cyan));
    color:var(--al-navy); text-decoration:none;
    box-shadow:0 14px 34px rgba(94,234,212,.35);
}

.al-float{
    position:fixed; right:16px; bottom:100px; z-index:69;
    width:56px; height:56px; border-radius:50%;
    background:#25D366; color:#062b16; display:grid; place-items:center;
    box-shadow:0 10px 26px rgba(37,211,102,.40); transition:transform .2s ease;
}
.al-float:hover{ transform:scale(1.08); }
.al-float::after{
    content:""; position:absolute; inset:0; border-radius:50%;
    border:2px solid #25D366; animation:al-pulse 2s ease-out infinite;
}
@keyframes al-pulse{ 0%{ transform:scale(1); opacity:.7 } 100%{ transform:scale(1.5); opacity:0 } }

/* ── Toast ────────────────────────────────────────────────────────── */
.al-toast{
    position:fixed; left:50%; bottom:100px; transform:translate(-50%,20px);
    z-index:90; background:var(--al-card-2); color:var(--al-white);
    border:1px solid var(--al-border);
    padding:12px 22px; border-radius:999px; font-size:13.5px; font-weight:600;
    box-shadow:var(--al-sh-lg); opacity:0; pointer-events:none; transition:.3s ease;
    max-width:min(92vw,440px); text-align:center;
}
.al-toast.is-on{ opacity:1; transform:translate(-50%,0); border-color:rgba(94,234,212,.5); }
.al-toast--proof{ background:#0B2E22; border-color:rgba(34,197,94,.45); color:#BBF7D0; }

/* ── Reveal on scroll ─────────────────────────────────────────────── */
[data-al-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
[data-al-reveal].is-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
    html{ scroll-behavior:auto; }
    [data-al-reveal]{ opacity:1 !important; transform:none !important; transition:none; }
    .al-btn:hover,.al-shot:hover,.al-float:hover{ transform:none; }
    .al-float::after{ animation:none; }
}

/* ══════════════════ RESPONSIVE ══════════════════════════════════════ */
@media (max-width:1024px){
    .al-hero__grid{ grid-template-columns:1fr; gap:42px; }
    .al-hero__media{ order:-1; max-width:560px; }
    .al-about{ grid-template-columns:1fr; }
    .al-about__ph{ max-width:270px; aspect-ratio:1; }
}

@media (max-width:720px){
    body{ font-size:15.5px; }
    .al-sec{ padding:54px 0; }
    .al-topbar__txt{ font-size:12px; }
    .al-topbar__in{ min-height:64px; flex-wrap:wrap; padding:8px 16px; }
    .al-topbar__sep{ display:none; }
    .al-progress{ top:64px; }
    .al-btn--lg{ width:100%; }
    .al-hero__actions{ flex-direction:column; }
    .al-sticky{ display:none; }
    .al-buybar{ display:block; }
    .al-foot{ padding-bottom:100px; }
    .al-float{ bottom:auto; top:80px; right:12px; width:48px; height:48px; }
    .al-toast{ bottom:88px; }
    .al-qbox{ padding:22px 18px; }
    .al-timer div{ min-width:72px; padding:11px 12px; }
    .al-timer b{ font-size:24px; }
    .al-btn--xl{ width:100%; padding:19px 22px; font-size:15.5px; }
    .al-vids{ grid-template-columns:1fr; }
    .al-eyebrow::before,.al-eyebrow::after{ width:24px; }
}

@media (max-width:420px){
    .al-badges{ grid-template-columns:1fr; }
    .al-shots--2,.al-shots--3{ grid-template-columns:1fr; }
    .al-playbtn{ width:66px; height:66px; }
}

/* ── Print ────────────────────────────────────────────────────────── */
@media print{
    .al-topbar,.al-progress,.al-sticky,.al-buybar,.al-float,.al-toast,
    .al-lightbox,.al-hero__actions{ display:none !important; }
    .al-sec{ padding:20px 0; }
    body{ background:#fff; color:#000; }
    [data-al-reveal]{ opacity:1 !important; transform:none !important; }
}