/* ================================================================
   AIMARTVA — ლენდინგი, „Showroom" ენა
   ----------------------------------------------------------------
   წყარო: ddd/DESIGN.md (Lamborghini.com style reference).
   პრინციპი: შავი სცენა ↔ ღია სარედაქციო ზოლი · ერთი ყვითელი დარტყმა ·
   რადიუსი 0 · ჩრდილი არასდროს · გამყოფი მხოლოდ ზედაპირის ფერით ან თმისხელა ხაზით.

   ⚠️ ყველაფერი `.lnd-v2`-ით არის შემოსაზღვრული — ეს კლასი მხოლოდ
   `landing.php`-ს აქვს (`$bodyClass`). დანარჩენი საიტი ხელუხლებელია.

   ⚠️ ტიპოგრაფიკა: **ერთი** ოჯახი — Noto Sans Georgian (ცვლადი).
   მას აქვს `wdth` ღერძი 62.5–100%, ე.ი. ვიწრო „ინდუსტრიული" ხაზი
   LamboType-ის ნაცვლად, და **მთავრული** (U+1C90–1CBA) — ქართული
   მაიუსკული, რომელსაც `text-transform: uppercase` თავისით იძლევა.
   ლათინური და ციფრები იმავე ოჯახიდან მოდის — ერთი ხმა მთელ გვერდზე.

   შექმნილი: 2026-08-26
================================================================ */

/* ── ტოკენები ──────────────────────────────────────────────────── */
.lnd-v2{
/* ფერები — ddd/variables.css */
    --l-giallo:        #FFC000;
    --l-giallo-ombra:  #917300;
    --l-carbony:       #202020;
    --l-carbon-deep:   #181818;
    --l-pure-black:    #000000;
    --l-pearl:         #FFFFFF;
    --l-marble:        #F5F5F5;
    --l-graphite:      #494949;
    --l-steel:         #7D7D7D;
    --l-ash:           #969696;
    --l-anvil:         #313131;

/* ⚠️ განზრახი გადახვევა DESIGN.md-იდან: იქ ყვითელ ღილაკზე თეთრი
   ტექსტი ეწერა — #FFF ÷ #FFC000 = **1.6:1**, ე.ი. წაკითხვადობის
   უხეში ჩავარდნა. შავი იმავე ყვითელზე იძლევა **12.8:1**.
   ყვითელი ზედაპირის ერთადერთი მელანი ესაა. */
    --l-giallo-ink:    #141005;

/* სემანტიკური ზედაპირები — თემა მხოლოდ ამ რიგს ცვლის */
    --l-paper:      var(--l-pearl);
    --l-paper-alt:  var(--l-marble);
    --l-ink:        var(--l-carbony);
    --l-ink-mute:   #5F5F5F;            /* 5.8:1 თეთრზე */
    --l-rule:       #DCDCDC;            /* დეკორატიული თმისხელა */
    --l-rule-hard:  #8A8A8A;            /* შესამჩნევი საზღვარი, 3.6:1 */
    --l-focus:      var(--l-carbony);   /* ფოკუსი ღია ზედაპირზე */

    --l-stage:      var(--l-carbony);
    --l-stage-deep: var(--l-carbon-deep);
    --l-stage-ink:  var(--l-pearl);
    --l-stage-mute: #A8A8A8;            /* 6.9:1 #202020-ზე */
    --l-stage-rule: #3A3A3A;
    --l-stage-rule-hard: #6E6E6E;       /* 3.2:1 */

/* ტიპოგრაფიკა */
    --l-font: 'Noto Sans Georgian', 'Noto Sans', system-ui, sans-serif;
    --l-track: 0.023em;                 /* ერთი და იგივე ყველა ზომაზე */
    --l-wide: 100%;                     /* ტანის სიგანე */
    --l-narrow: 68%;                    /* სათაურის სიგანე (wdth ღერძი) */
    --l-narrow-sm: 78%;                 /* წარწერების სიგანე */

    --l-t-caption: 12px;
    --l-t-label:   clamp(12px, 0.85vw, 14px);
    --l-t-body:    clamp(15px, 1.05vw, 17px);
    --l-t-lede:    clamp(16px, 1.2vw, 19px);
    --l-t-h3:      clamp(19px, 1.7vw, 27px);
    --l-t-h2:      clamp(28px, 3.6vw, 54px);
/* ⚠️ განზრახი გადახვევა `00-web-law.md`-იდან (იქ ჭერი 5.5rem = 88px):
   შერჩეული დიზაინი (`ddd/DESIGN.md`) სცენის სათაურს **80–120px**-ს ითხოვს,
   და სწორედ მასშტაბია მისი ხმა. 96px — ამ დიაპაზონის ქვედა კიდე. */
    --l-t-hero:    clamp(34px, 6.6vw, 96px);
    --l-t-figure:  clamp(48px, 7vw, 104px);   /* ერთადერთი დიდი რიცხვი სექციაში */
    --l-t-rail:    clamp(24px, 2.6vw, 38px);  /* ⚠️ რელსს **თავისი** ზომა აქვს:
        საერთო `--l-t-figure`-ზე ის სათაურს ეჯიბრებოდა და პირველ ეკრანს ტეხდა */

/* ბადე — 8px, ddd/variables.css-იდან */
    --l-s1: 8px;   --l-s2: 16px;  --l-s3: 24px;  --l-s4: 32px;
    --l-s5: 40px;  --l-s6: 48px;  --l-s7: 56px;  --l-s8: 64px;
    --l-s9: 80px;  --l-s10: 160px;

    --l-shell: 1440px;
    --l-gutter: clamp(16px, 3.2vw, 48px);
    --l-band: clamp(48px, 6vw, 80px);   /* სექციის ვერტიკალური სუნთქვა */

/* მოძრაობა — მხოლოდ მდგომარეობა */
    --l-dur: 140ms;
    --l-ease: linear;
/* ⚠️ ერთადერთი „რბილი" მრუდი გვერდზე — მხოლოდ კარუსელისთვის.
   გასვლაზე სწრაფია, მისვლაზე ნელი; გადაჭარბება (overshoot) არ აქვს,
   ე.ი. არაფერი „ხტება" და არაფერი „ზამბარავს". */
    --l-soft: cubic-bezier(.22, .61, .36, 1);
}

/* ═══════════════ Mia cursor gaze — frame sequence / canvas ═══════════════
   The supplied 1280×720 clip already keeps Mia on the right. The canvas is
   drawn with `contain`, so no part of her body is cropped and the quiet left
   side remains available for the existing copy. */
body.lnd-v2 .lam-mia-stage{
    --_mia-bg: #aab0aa;
    background:
        linear-gradient(180deg, #a7aca7 0%, #b4bbb3 100%);
}

body.lnd-v2 .lam-mia-stage__media{
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    width: 58%;
    height: 100%;
    background: linear-gradient(180deg, #a7aca7 0%, #b4bbb3 100%);
    pointer-events: none;
    transform: translateZ(0);
    backface-visibility: hidden;
}

body.lnd-v2 .lam-mia-stage__fallback,
body.lnd-v2 .lam-mia-stage__canvas{
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

body.lnd-v2 .lam-mia-stage__fallback{
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transition: opacity .18s linear;
}

body.lnd-v2 .lam-mia-stage__canvas{
    opacity: 0;
    transition: opacity .18s linear;
}

body.lnd-v2 .lam-mia-stage__media.is-canvas-ready .lam-mia-stage__fallback{
    opacity: 0;
}

body.lnd-v2 .lam-mia-stage__media.is-canvas-ready .lam-mia-stage__canvas{
    opacity: 1;
}

body.lnd-v2 .lam-mia-stage__veil{
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(170,176,170,.62) 0%,
        rgba(170,176,170,.26) 34%,
        rgba(170,176,170,0) 56%);
}

body.lnd-v2 .lam-mia-stage__inner{
    grid-template-columns: minmax(420px, 560px) minmax(0, 1fr);
}

body.lnd-v2 .lam-mia-stage__copy{
    grid-column: 1;
    padding-inline: 0 clamp(24px, 4vw, 56px);
}

@media (max-width: 900px) and (min-height: 451px){
    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        padding-top: 0;
    }

    body.lnd-v2 .lam-mia-stage__media{
        position: relative;
        inset: auto;
        grid-row: 1;
        width: min(100%, calc(var(--lnd-page-h) * 1.05));
        height: auto;
        margin: 0 auto;
        aspect-ratio: 16 / 9;
    }

    body.lnd-v2 .lam-mia-stage__veil{
        display: none;
    }

    body.lnd-v2 .lam-mia-stage__inner{
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr);
    }

    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 1;
        padding-inline: 0;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__media{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        aspect-ratio: auto;
    }

    body.lnd-v2 .lam-mia-stage__veil{
        display: block;
        background: linear-gradient(90deg,
            rgba(170,176,170,.72) 0%,
            rgba(170,176,170,.2) 44%,
            rgba(170,176,170,0) 62%);
    }

    body.lnd-v2 .lam-mia-stage__inner{
        grid-template-columns: minmax(300px, 42%) minmax(0, 1fr);
    }

    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 1;
        padding-inline: 0 16px;
    }
}

/* Mia: restore the original live portrait loop after the cursor-tracking test. */
body.lnd-v2 .lam-mia-stage{
    --_mia-bg: #f1f1ef;
    background: var(--_mia-bg);
}

body.lnd-v2 .lam-mia-stage__veil{
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(241,241,239,0) 32%,
        rgba(241,241,239,.14) 48%,
        rgba(241,241,239,.9) 68%,
        var(--_mia-bg) 100%);
}

body.lnd-v2 .lam-mia-stage__inner{
    grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
}

body.lnd-v2 .lam-mia-stage__copy{
    grid-column: 2;
    padding-inline: clamp(24px, 4vw, 56px) 0;
}

@media (min-width: 901px){
    body.lnd-v2 .lam-mia-stage__inner{
        width: min(calc(100% - (2 * var(--l-gutter))), 1720px);
        grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    }
    body.lnd-v2 .lam-mia-stage__copy{
        padding-inline: clamp(16px, 1.6vw, 30px) 0;
    }
    body.lnd-v2 .lam-mia-stage .lam-h2{
        font-size: clamp(38px, 3.6vw, 64px);
    }
    body.lnd-v2 .lam-mia-stage .lam-lede{
        max-width: 68ch;
        font-size: clamp(18px, 1.25vw, 22px);
        line-height: 1.5;
    }
    body.lnd-v2 .lam-mia__quote{
        max-width: 38ch;
        font-size: clamp(23px, 1.75vw, 32px);
        line-height: 1.3;
    }
    body.lnd-v2 .lam-mia__list li{
        font-size: clamp(15px, 1.05vw, 19px);
        line-height: 1.38;
    }
}

@media (max-width: 900px) and (min-height: 451px){
    body.lnd-v2 .lam-mia-stage__veil{ display: none; }
    body.lnd-v2 .lam-mia-stage__inner{
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr);
    }
    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 1;
        padding-inline: 0;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__veil{
        display: block;
        background: linear-gradient(90deg,
            rgba(241,241,239,0) 35%,
            rgba(241,241,239,.34) 52%,
            rgba(241,241,239,.92) 69%,
            var(--_mia-bg) 100%);
    }
    body.lnd-v2 .lam-mia-stage__inner{
        grid-template-columns: minmax(0, 1fr) minmax(300px, 42%);
    }
    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 2;
        padding-inline: 12px 0;
    }
}

@media (prefers-reduced-motion: reduce){
    body.lnd-v2 .lam-mia-stage__fallback,
    body.lnd-v2 .lam-mia-stage__canvas{
        transition: none;
    }
}

/* მუქი თემა: მხოლოდ ორი ღია ზედაპირი ბრუნდება მუქში.
   შავი სცენები და ყვითელი უცვლელია — ეს ბრენდის ბირთვია. */
/* ⚠️ ღია ზოლები **შავზე უფრო შავი** ხდება, და არა #181818 —
   თორემ ისინი სცენას (#202020) ემთხვევა და სექციები ერთმანეთში ერწყმის.
   ამ ენაში სექციას ერთმანეთისგან მხოლოდ ზედაპირის ფერი ჰყოფს,
   ე.ი. ეს კონტრასტი დეკორაცია კი არა — სტრუქტურაა. */
[data-theme="dark"] .lnd-v2{
    --l-paper:     var(--l-pure-black);
    --l-paper-alt: #0E0E0E;
    --l-ink:       var(--l-pearl);
    --l-ink-mute:  var(--l-stage-mute);
    --l-rule:      #333333;
    --l-rule-hard: #6E6E6E;
    --l-focus:     var(--l-giallo);
}

/* ── საერთო ──────────────────────────────────────────────────────
   ⚠️ `100vw` არსად — ის სქროლბარს არ ითვლის და ჰორიზონტალურ
   სქროლს აჩენს. სრული სიგანე `width:100%`-ით მიიღწევა. */
.lnd-v2{
    background: var(--l-paper);
    color: var(--l-ink);
    font-family: var(--l-font);
    font-weight: 400;
    font-stretch: var(--l-wide);
    font-size: var(--l-t-body);
    line-height: 1.5;
    letter-spacing: var(--l-track);
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
}
/* ⚠️ `!important` აუცილებელია: header.php-ის შიგნითა `<style>` წერს
   `[data-theme="dark"] body, [data-theme="dark"] main { background: var(--bg) !important }`
   — იგივე სპეციფიკურობით და !important-ით. `body.lnd-v2`-ის დამატება
   სპეციფიკურობას წონაში აჭარბებს, ე.ი. ჩვენი ზედაპირი იმარჯვებს. */
body.lnd-v2,
[data-theme="dark"] body.lnd-v2{
    background: var(--l-paper) !important;
    color: var(--l-ink) !important;
}
body.lnd-v2 main,
[data-theme="dark"] body.lnd-v2 main{
    background: var(--l-paper) !important;
    color: var(--l-ink) !important;
}

.lam-shell{
    width: 100%;
    max-width: var(--l-shell);
    margin-inline: auto;
    padding-inline: var(--l-gutter);
}

/* სექცია — ღია ზოლი / მარმარილო / შავი სცენა */
.lam-band{ background: var(--l-paper);     padding-block: var(--l-band); }
.lam-band--alt{ background: var(--l-paper-alt); }
.lam-stage{
    background: var(--l-stage);
    color: var(--l-stage-ink);
    padding-block: var(--l-band);
    --l-focus: var(--l-giallo);
}

/* ── ტიპოგრაფიული როლები ──────────────────────────────────────── */
.lam-eyebrow{
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;      /* ქართულში → მთავრული */
    letter-spacing: 0.12em;
    color: var(--l-ink-mute);
    margin: 0 0 var(--l-s2);
}
.lam-stage .lam-eyebrow{ color: var(--l-stage-mute); }

.lam-h2{
    font-size: var(--l-t-h2);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 1.04;
    letter-spacing: var(--l-track);
    text-transform: uppercase;
    text-wrap: balance;
    overflow-wrap: anywhere;
    min-width: 0;
    margin: 0;
    color: inherit;
}
.lam-h3{
    font-size: var(--l-t-h3);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    line-height: 1.12;
    text-transform: uppercase;
    margin: 0 0 var(--l-s1);
    color: inherit;
}
.lam-lede{
    font-size: var(--l-t-lede);
    line-height: 1.55;
    color: var(--l-ink-mute);
    max-width: 62ch;
    margin: var(--l-s3) 0 0;
}
.lam-stage .lam-lede{ color: var(--l-stage-mute); }

/* სექციის თავი — მარცხნივ სახელი, მარჯვნივ ბმული (DESIGN.md-ის ხელწერა) */
.lam-head{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l-s3);
    flex-wrap: wrap;
    padding-bottom: var(--l-s5);
    border-bottom: 1px solid var(--l-rule);
}
.lam-stage .lam-head{ border-bottom-color: var(--l-stage-rule); }
.lam-head__note{
    font-size: var(--l-t-label);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--l-ink-mute);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.lam-stage .lam-head__note{ color: var(--l-stage-mute); }

/* ── ღილაკები ─────────────────────────────────────────────────── */
.lam-btn,
.lam-link{
    --_ring: transparent;
    display: inline-flex;
    align-items: center;
    gap: var(--l-s1);
    font-family: inherit;
    font-size: var(--l-t-label);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    white-space: nowrap;            /* დაწკაპუნებადი წარწერა არასდროს იტეხება */
    outline: 2px solid var(--_ring);
    outline-offset: 2px;
    transition: background-color var(--l-dur) var(--l-ease),
                color var(--l-dur) var(--l-ease),
                border-color var(--l-dur) var(--l-ease);
}
.lam-btn:focus-visible,
.lam-link:focus-visible{ --_ring: var(--l-focus); }

/* ერთადერთი ყვითელი ბლოკი ეკრანზე */
.lam-btn--giallo{
    background: var(--l-giallo);
    color: var(--l-giallo-ink);
    border: 1px solid var(--l-giallo);
    padding: 0 var(--l-s3);
    min-height: 48px;
}
.lam-btn--giallo:hover{ background: var(--l-giallo-ombra); border-color: var(--l-giallo-ombra); color: var(--l-pearl); }
.lam-btn--giallo:active{ background: var(--l-giallo-ombra); }

/* შუა წონის — მხოლოდ კონტური */
.lam-btn--outline{
    background: transparent;
    color: currentColor;
    border: 1px solid var(--l-rule-hard);
    padding: 0 var(--l-s3);
    min-height: 48px;
}
.lam-stage .lam-btn--outline{ border-color: var(--l-stage-rule-hard); }
.lam-btn--outline:hover{ border-color: currentColor; }

/* ჩრდილოვანი ბმული — მხოლოდ ისარი აჭერს თვალს */
.lam-link{
    color: inherit;
    min-height: 44px;
    padding-block: var(--l-s1);
}
.lam-link:hover{ color: var(--l-giallo-ombra); }
.lam-stage .lam-link:hover{ color: var(--l-giallo); }
.lam-link .lam-arrow{ transition: transform var(--l-dur) var(--l-ease); }
.lam-link:hover .lam-arrow{ transform: translateX(4px); }

.lam-arrow{ flex: none; }

/* ═══════════════ 1. სცენა — პირველი ეკრანი ═══════════════ */
.lam-hero{
    position: relative;
    isolation: isolate;
    background: var(--l-pure-black);
    color: var(--l-pearl);
    --l-focus: var(--l-giallo);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* რეფერენსში სცენა მთელ ეკრანს იკავებს; `svh` — ტელეფონის ზოლის გამო */
    min-height: clamp(560px, 92svh, 880px);
    padding-top: var(--l-s9);
}
/* იგივე ვიდეოდან აღებული 320×180 canvas — დიდი blur-ზე დეტალი განზრახ ქრება
   და მხოლოდ კადრის ცოცხალი ფერი/შუქი რჩება. დაბალი resolution GPU-სა და decode-ს
   არ აორმაგებს: ახალი video element არ იქმნება. */
.lam-hero__ambient{
    position: absolute;
    inset: -5%;
    z-index: -3;
    display: block;
    width: 110%;
    height: 110%;
    pointer-events: none;
    opacity: .72;
    transform: scale(1.10) scaleX(-1);
    transform-origin: center;
    filter: blur(90px) brightness(.56) saturate(1.38);
}
/* ⚠️ ახლა ეს **ვიდეოა**, და არა `<picture>`: სცენა ცოცხალია.
   `poster` აუცილებელია — მის გარეშე პირველი ეკრანი შავად ციმციმებს. */
.lam-hero__bg{
    position: absolute;
    inset: 50% 0 auto auto;
    z-index: -2;
    display: block;
    width: min(100%, 1280px);
    height: min(100%, 720px);
    max-width: 1280px;
    max-height: 720px;
    object-fit: contain;
    object-position: 50% 50%;
    background: var(--l-pure-black);
    /* ახალი კადრის მიმართულება ტექსტის კომპოზიციას ერგება; მსუბუქი
       დაბნელება თეთრ სათაურს ყველა მომენტში მკაფიოდ ტოვებს. */
    transform: translateY(-50%) scaleX(-1);
    transform-origin: center;
    filter: brightness(.82);
}
/* ⚠️ მეორე ასლს `lnd-hero-loop.js` ქმნის — ციკლის ნაკერი მასზე გადადნება.
   ზუსტად იმავე ადგილას უნდა იდოს, თორემ გადასვლისას კადრი „გადახტება". */
.lam-hero__bg--b{ z-index: -2; }

/* წყაროს სახელში `1920` წერია, მაგრამ რეალური ვიდეო 1280×720-ია. ფართო
   მონიტორზე `cover` მას 1.5× და მეტად ადიდებდა და დეტალს შლიდა. 1500px-იდან
   კადრი ნატიურ ზომაზე რჩება, მარჯვნივ დგას და კიდეებზე სცენის ფონში იხსნება. */
@media (min-width: 1500px){
    body.lnd-v2 .lam-hero{
        background:
            radial-gradient(ellipse at 78% 22%, #4A2513 0%, #21120B 34%, rgba(10,7,5,0) 62%),
            linear-gradient(180deg, #120B07 0%, #090706 56%, #020202 100%);
    }
    body.lnd-v2 .lam-hero__bg{
        inset: 50% 0 auto auto;
        width: min(100%, 1280px);
        height: min(100%, 720px);
        object-fit: contain;
        object-position: center;
        transform: translateY(-50%) scaleX(-1);
        transform-origin: center;
        /* ვიდეო scaleX(-1)-ითაა არეკლილი, ამიტომ mask-ის ჰორიზონტალური
           მიმართულებაც წინასწარ შებრუნებულია. ძველი 90deg mask transform-ის
           შემდეგ მარცხენა კიდეს კი არ აქრობდა, არამედ მარჯვენას — აქედან იყო
           მკვეთრი ვერტიკალური ზოლი. მეორე mask ზედა/ქვედა კიდეებსაც ადნობს. */
        -webkit-mask-image:
            linear-gradient(270deg,
                transparent 0%,
                rgba(0,0,0,.08) 6%,
                rgba(0,0,0,.24) 13%,
                rgba(0,0,0,.52) 21%,
                rgba(0,0,0,.80) 30%,
                #000 40%,
                #000 100%),
            linear-gradient(180deg,
                #000 0%,
                #000 89%,
                rgba(0,0,0,.45) 95%,
                transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image:
            linear-gradient(270deg,
                transparent 0%,
                rgba(0,0,0,.08) 6%,
                rgba(0,0,0,.24) 13%,
                rgba(0,0,0,.52) 21%,
                rgba(0,0,0,.80) 30%,
                #000 40%,
                #000 100%),
            linear-gradient(180deg,
                #000 0%,
                #000 89%,
                rgba(0,0,0,.45) 95%,
                transparent 100%);
        mask-composite: intersect;
    }
    body.lnd-v2 .lam-hero__scrim{
        background:
            linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.78) 29%, rgba(0,0,0,.30) 56%, rgba(0,0,0,0) 76%),
            linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,.86) 100%);
    }
}
/* შავი ფარდა — ტექსტი რომ 4.5:1-ზე ზემოთ დარჩეს ნებისმიერ კადრზე */
/* ⚠️ ფარდა **მსუბუქი** გახდა. ძველი ვარიანტი კადრს 86%-ით ხურავდა —
   ვიდეო ფაქტობრივად აღარ ჩანდა და გვერდი „მუქ ლენდინგად" იკითხებოდა.
   ახლა მუქდება მხოლოდ იქ, სადაც ტექსტი დგას: ქვედა მარცხენა კუთხე. */
.lam-hero__scrim{
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.55) 30%, rgba(0,0,0,0) 62%),
        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,.82) 100%);
}
.lam-hero__inner{
    padding-block: var(--l-s6) var(--l-s7);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.lam-hero__title{
    font-size: var(--l-t-hero);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 0.96;
    letter-spacing: var(--l-track);
    text-transform: uppercase;
    margin: 0;
    max-width: 15ch;
    overflow-wrap: anywhere;
    min-width: 0;
}
/* სათაურის მეორე ნაწილი ცალკე ხაზზე — ბლოკი მონოლითურად დგება */
.lam-hero__title span{ display: block; }
.lam-hero__lede{
    font-size: var(--l-t-lede);
    line-height: 1.5;
    color: #D6D6D6;                /* 11:1 შავზე */
    max-width: 46ch;
    margin: var(--l-s3) 0 0;
}
.lam-hero__actions{
    display: flex;
    align-items: center;
    gap: var(--l-s3);
    flex-wrap: wrap;
    margin-top: var(--l-s5);
}

/* ქვედა რელსი — ნამდვილი რიცხვები, სცენის ძირში */
.lam-rail{
    border-top: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.55);
}
.lam-rail__inner{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--l-s3);
    padding-block: var(--l-s3);
}
.lam-rail__item{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lam-rail__n{
    font-size: var(--l-t-rail);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 1;
    letter-spacing: var(--l-track);
    font-variant-numeric: tabular-nums;
}
.lam-rail__l{
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #B9B9B9;
}

/* ═══════════════ 2. სამი ნაბიჯი ═══════════════ */
.lam-steps{
    list-style: none;
    margin: var(--l-s6) 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--l-s5);
}
.lam-step{ min-width: 0; border-top: 2px solid var(--l-ink); padding-top: var(--l-s3); }
.lam-step__n{
    display: block;
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    letter-spacing: 0.16em;
    /* ⚠️ ყვითელი აქ არ დგას: ეკრანზე ერთი ყვითელი ბლოკია დაშვებული,
       და ის ღილაკს ეკუთვნის. გარდა ამისა #917300 თეთრზე 4.5:1-ის ზღვარზეა. */
    color: var(--l-ink-mute);
    font-variant-numeric: tabular-nums;
    margin-bottom: var(--l-s2);
}
.lam-step p{ margin: 0; color: var(--l-ink-mute); }

/* ═══════════════ 3. ★ ხელმოწერა — კატეგორიების რიგი ═══════════════
   „აირჩიე მოდელი" ავტოსალონიდან, ოღონდ მოდელის ნაცვლად — კატეგორია.
   რიცხვები ბაზიდან მოდის, ხელით არსად წერია. */
.lam-lineup{
    list-style: none;
    margin: var(--l-s6) 0 0;
    padding: 0 var(--l-gutter) var(--l-s2);
    display: grid;
    grid-auto-flow: column;
    /* ⚠️ ბარათები **დიდი**: ძველი 268–340px საფოსტო მარკებად იკითხებოდა
       და სწორედ ეს იყო „კადრი მცირეა" შენიშვნის მიზეზი. */
    grid-auto-columns: minmax(320px, 460px);
    gap: var(--l-s4);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    /* ⚠️ `scroll-snap` ჩატვირთვისთანავე პირველ ბარათს „მიაწებებს" კიდეზე და
       მარცხენა padding-ს ჭამს — რიგი სათაურთან გასწორებული აღარაა.
       snapport-ს იმავე ველით ვწევთ, რაც `.lam-shell`-ს აქვს. */
    scroll-padding-inline: var(--l-gutter);
    scrollbar-width: thin;
    scrollbar-color: var(--l-stage-rule-hard) transparent;
}
.lam-model{ scroll-snap-align: start; min-width: 0; }
.lam-model__shot{
    display: block;
    margin-bottom: var(--l-s2);
    background: var(--l-pure-black);
}
.lam-model__shot img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0;
    /* ⚠️ ტრაქტორი მწვანეა, სამხედრო — ზეთისხილისფერი: ერთადერთი ფერადი
       ლაქები რიგში. სუსტი დესატურაცია ათივეს ერთ ხმაზე აყენებს. */
    filter: grayscale(.45) contrast(1.05);
}
.lam-model__code{
    display: block;
    font-size: var(--l-t-h3);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: var(--l-track);
}
.lam-model__desc{
    display: block;
    font-size: var(--l-t-label);
    color: var(--l-stage-mute);
    margin-top: 2px;
}
.lam-model__meta{
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--l-s2);
    margin-top: var(--l-s2);
    padding-top: var(--l-s2);
    border-top: 1px solid var(--l-stage-rule);
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--l-stage-mute);
    font-variant-numeric: tabular-nums;
}
.lam-model__meta b{ color: var(--l-pearl); font-weight: 700; }
.lam-model__meta span{ white-space: nowrap; }

/* ═══════════════ 4. რა შედის ═══════════════ */
.lam-feats{
    list-style: none;
    margin: var(--l-s6) 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--l-s9);
}
.lam-feat{
    min-width: 0;
    padding-block: var(--l-s4);
    border-bottom: 1px solid var(--l-rule);
}
.lam-feat p{ margin: 0; color: var(--l-ink-mute); max-width: 46ch; }

/* ═══════════════ 5. Mia — მუქი ვიტრინა ═══════════════ */
.lam-mia__grid{
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--l-s9);
    align-items: center;
    margin-top: var(--l-s6);
}
.lam-mia__shot{ margin: 0; min-width: 0; }
.lam-mia__shot img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 0;
    /* ⚠️ სრული მონოქრომი: ორიგინალი ცისფერ-იასამნისფერია და შავ სცენაზე
       გვერდის ერთადერთი ფერადი ლაქა ხდებოდა — „0% colorfulness" ირღვეოდა. */
    filter: grayscale(1) contrast(1.08) brightness(.94);
}
.lam-mia__cap{
    display: flex;
    justify-content: space-between;
    gap: var(--l-s2);
    margin-top: var(--l-s2);
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--l-stage-mute);
}
.lam-mia__quote{
    margin: var(--l-s5) 0 0;
    padding-left: var(--l-s3);
    border-left: 2px solid var(--l-giallo);
    font-size: var(--l-t-h3);
    line-height: 1.34;
    color: var(--l-pearl);
    max-width: 34ch;
}
.lam-mia__list{
    list-style: none;
    margin: var(--l-s5) 0 0;
    padding: 0;
    display: grid;
    gap: 0;
}
.lam-mia__list li{
    display: grid;
    grid-template-columns: 2.5ch minmax(0, 1fr);
    gap: var(--l-s2);
    padding-block: var(--l-s2);
    border-top: 1px solid var(--l-stage-rule);
    color: var(--l-stage-mute);
}
.lam-mia__list li::before{
    content: attr(data-n);
    color: var(--l-stage-mute);   /* #917300 შავზე 2.6:1 იყო — წაუკითხავი */
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.1em;
}

/* Mia-ს ვიდეო-სცენა — მთელი სექცია ვიდეოს ფონითაა შევსებული, ვიდეო კი ზედ
   `darken` რეჟიმით დევს. 16:9 კადრი არ იწელება და მისი მარცხენა კიდე
   სექციის მარცხენა კიდეს ემთხვევა, ამიტომ სხეულზე შიდა ჭრილი აღარ ჩნდება. */
.lam-mia-stage{
    --_mia-bg: #DCDCD9;          /* გაზომილია ვიდეოს მარჯვენა ცარიელ ველზე */
    --l-stage-mute: #5B5B57;
    --l-stage-rule: rgba(32,32,32,.18);
    --l-focus: var(--l-carbony);

    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block: 0;
    background: var(--_mia-bg);
    color: var(--l-carbony);
}
.lam-mia-stage__video{
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top;
    background: transparent;
    /* კადრში ფონზე უფრო ნათელი ციმციმები ქრება, Mia კი ზედაპირზე რჩება. */
    mix-blend-mode: darken;
}
.lam-mia-stage__veil{
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
        rgba(220,220,217,0) 34%,
        rgba(220,220,217,.18) 50%,
        rgba(220,220,217,.86) 70%,
        var(--_mia-bg) 100%);
}
.lam-mia-stage__inner{
    position: relative;
    z-index: 2;
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
    align-items: center;
    padding-block: max(var(--l-band), 72px);
}
.lam-mia-stage__copy{
    grid-column: 2;
    min-width: 0;
    padding-inline-start: clamp(24px, 4vw, 56px);
}
.lam-mia__identity{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l-s3);
    margin: 0 0 var(--l-s5);
    padding-bottom: var(--l-s2);
    border-bottom: 1px solid var(--l-stage-rule);
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--l-stage-mute);
}
.lam-mia__identity span:first-child{ color: var(--l-carbony); }
.lam-mia-stage .lam-h2,
.lam-mia-stage .lam-mia__quote{ color: var(--l-carbony); }
.lam-mia-stage .lam-eyebrow,
.lam-mia-stage .lam-lede,
.lam-mia-stage .lam-mia__list li,
.lam-mia-stage .lam-mia__list li::before{ color: var(--l-stage-mute); }

@media (max-width: 900px){
    .lam-mia-stage{
        display: block;
        padding-top: 64px;       /* fixed header ვიდეოს ზედა ნაწილს აღარ ფარავს */
    }
    .lam-mia-stage__video{
        position: relative;
        inset: auto;
        width: 58%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .lam-mia-stage__veil{
        top: 64px;
        bottom: auto;
        height: auto;
        aspect-ratio: 16 / 9;
        background: linear-gradient(180deg,
            rgba(220,220,217,0) 54%,
            var(--_mia-bg) 100%);
    }
    .lam-mia-stage__inner{
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        padding-block: var(--l-band);
    }
    .lam-mia-stage__copy{
        grid-column: 1;
        padding-inline-start: 0;
    }
}

/* ═══════════════ 6. ფასები ═══════════════ */
.lam-plans{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: var(--l-s6);
    border-top: 2px solid var(--l-ink);
}
.lam-plan{
    min-width: 0;
    padding: var(--l-s5) var(--l-s5) var(--l-s5) 0;
    display: flex;
    flex-direction: column;
}
.lam-plan + .lam-plan{
    padding-left: var(--l-s5);
    border-left: 1px solid var(--l-rule);
}
.lam-plan__name{
    font-size: var(--l-t-label);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.14em;
}
/* ⚠️ განზრახ **არა** ყვითელი: ამ ეკრანზე ყვითელი ღილაკს ეკუთვნის.
   ორი ყვითელი ლაქა ერთ ეკრანზე სიგნალს კლავს (ddd/DESIGN.md, Don't #5). */
.lam-plan__tag{
    display: inline-block;
    margin-left: var(--l-s1);
    padding: 2px 8px;
    background: transparent;
    color: var(--l-ink);
    border: 1px solid var(--l-rule-hard);
    font-size: 11px;
    letter-spacing: 0.1em;
    vertical-align: 2px;
}
.lam-plan__price{
    display: flex;
    align-items: baseline;
    gap: var(--l-s2);
    flex-wrap: wrap;
    margin-top: var(--l-s3);
}
.lam-plan__amt{
    font-size: var(--l-t-figure);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.lam-plan__per{
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--l-ink-mute);
}
.lam-plan__feats{
    list-style: none;
    margin: var(--l-s4) 0 var(--l-s5);
    padding: 0;
    flex: 1;
}
.lam-plan__feats li{
    display: grid;
    grid-template-columns: 2ch minmax(0, 1fr);
    gap: var(--l-s2);
    padding-block: var(--l-s1);
    font-size: var(--l-t-label);
    color: var(--l-ink);
}
.lam-plan__feats li.is-off{ color: var(--l-ink-mute); }
.lam-plan__mark{ font-weight: 700; color: var(--l-ink); }
.lam-plan__feats li.is-off .lam-plan__mark{ color: var(--l-rule-hard); }
.lam-plan .lam-btn{ align-self: flex-start; }

/* ═══════════════ 7. კითხვები ═══════════════ */
.lam-faq{ margin-top: var(--l-s6); border-top: 1px solid var(--l-rule); }
.lam-q{ border-bottom: 1px solid var(--l-rule); }
.lam-q > summary{
    --_ring: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--l-s3);
    list-style: none;
    cursor: pointer;
    padding-block: var(--l-s3);
    min-height: 56px;
    font-size: var(--l-t-h3);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    line-height: 1.15;
    outline: 2px solid var(--_ring);
    outline-offset: 2px;
    transition: color var(--l-dur) var(--l-ease);
}
.lam-q > summary::-webkit-details-marker{ display: none; }
.lam-q > summary:hover{ color: var(--l-giallo-ombra); }
.lam-q > summary:focus-visible{ --_ring: var(--l-focus); }
.lam-q__sign{
    flex: none;
    width: 20px; height: 20px;
    position: relative;
}
.lam-q__sign::before,
.lam-q__sign::after{
    content: "";
    position: absolute;
    inset: 50% 0 auto 0;
    height: 2px;
    background: currentColor;
}
.lam-q__sign::after{ transform: rotate(90deg); transition: transform var(--l-dur) var(--l-ease); }
.lam-q[open] .lam-q__sign::after{ transform: rotate(0deg); }
.lam-q__a{
    margin: 0;
    padding: 0 0 var(--l-s4);
    max-width: 66ch;
    color: var(--l-ink-mute);
}

/* ═══════════════ 8. დამასრულებელი ბანერი ═══════════════ */
.lam-final{
    background: var(--l-carbon-deep);
    color: var(--l-pearl);
    --l-focus: var(--l-giallo);
    padding-block: var(--l-s9);
}
.lam-final__grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--l-s5);
    align-items: end;
}
.lam-final .lam-lede{ color: var(--l-stage-mute); }
.lam-final__note{
    margin: var(--l-s2) 0 0;
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--l-stage-mute);
}

/* ═══════════════ საერთო ზოლი (header.php) ═══════════════
   Landing-ზე ზოლი სამ ნაწილადაა აწყობილი: MENU · ცენტრში ბრენდი · AUTH.
   `header.php` საერთო ფაილია, ამიტომ ყველა გადაწერა მხოლოდ `.lnd-v2`-ში რჩება. */
.lnd-v2{
    --lnd-header-edge: clamp(8px, 2vw, 28px);
}
.lnd-v2 .header,
.lnd-v2 .header.scrolled{
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: var(--lnd-header-h, 64px);
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;
    overflow: visible;
    transition: background-color .58s var(--l-ease),
                border-color .58s var(--l-ease),
                box-shadow .58s var(--l-ease),
                backdrop-filter .58s var(--l-ease) !important;
}

/* Hero-ზე header თითქმის შავი smoke-glass-ია. მუქი საფუძველი არ აძლევს
   ნათელ კადრებს ზოლის გათეთრების საშუალებას; scroll-ისას ის მკაფიო carbon-ად იქცევა. */
.lnd-v2 .header:not(.scrolled){
    background-color: rgba(5,5,5,.94) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 -1px 0 rgba(255,255,255,.045),
        0 10px 32px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}
.lnd-v2 .header.scrolled{
    background-color: rgba(21,21,21,.98) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    backdrop-filter: blur(0) saturate(1) !important;
    -webkit-backdrop-filter: blur(0) saturate(1) !important;
}
.lnd-v2 .header .container.header-inner{
    position: relative;
    width: 100%;
    max-width: none !important;
    height: calc(var(--lnd-header-h, 64px) - 2px) !important;
    min-height: calc(var(--lnd-header-h, 64px) - 2px) !important;
    margin: 0;
    padding: 0 clamp(12px, 1.5vw, 24px) !important;
    display: block !important;
}

/* ბრენდი მუდამ viewport-ის ზუსტ ცენტრშია — მარჯვენა ღილაკები მას არ სწევს. */
.lnd-v2 .header .logo-link{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    gap: 9px;
    z-index: 2;
}
.lnd-v2 .header .logo-img{
    width: 30px !important;
    height: 30px !important;
    filter: none !important;
    opacity: 1;
}
.lnd-v2 .header .logo-text{
    color: var(--l-pearl) !important;
    font-size: 18px !important;
    font-weight: 750;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: .1em;
}
.lnd-v2 .header .logo-highlight{
    color: #19D7E8 !important;
    -webkit-text-fill-color: currentColor !important;
}

/* MENU ღილაკი დესკტოპზეც ჩანს; სამი ხაზი მის მარცხენა ნაწილშია ჩასმული. */
.lnd-v2 .header .mobile-menu-btn{
    position: absolute;
    left: clamp(12px, 1.5vw, 24px);
    top: 50%;
    transform: translateY(-50%);
    order: 0;
    z-index: 1002;
    display: block !important;
    width: auto;
    min-width: 86px;
    height: 40px;
    min-height: 40px;
    padding: 0 12px 0 36px;
    color: #E8E8E8;
    border: 1px solid transparent;
    border-radius: 10px;
    font: 700 10px/1 var(--l-font);
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: .1em;
}
.lnd-v2 .header .mobile-menu-btn::after{ content: attr(data-menu-label); }
.lnd-v2 .header .mobile-menu-btn:hover,
.lnd-v2 .header .mobile-menu-btn.open{
    background: #202020;
    border-color: rgba(255,255,255,.16);
}
.lnd-v2 .header .mobile-menu-btn span{
    position: absolute;
    left: 12px;
    display: block;
    width: 14px;
    height: 1px;
    background: var(--l-pearl) !important;
    border-radius: 0;
    transition: transform var(--l-dur) var(--l-ease), opacity var(--l-dur) var(--l-ease);
}
.lnd-v2 .header .mobile-menu-btn span:nth-child(1){ top: 14px; }
.lnd-v2 .header .mobile-menu-btn span:nth-child(2){ top: 19px; }
.lnd-v2 .header .mobile-menu-btn span:nth-child(3){ top: 24px; }
.lnd-v2 .header .mobile-menu-btn.open span:nth-child(1){ transform: translateY(5px) rotate(45deg); }
.lnd-v2 .header .mobile-menu-btn.open span:nth-child(2){ opacity: 0; }
.lnd-v2 .header .mobile-menu-btn.open span:nth-child(3){ transform: translateY(-5px) rotate(-45deg); }

/* მარცხენა მცურავი მენიუ — ნავიგაცია, ენა და თემა ერთ ადგილას. */
.lnd-v2 .header .nav{
    position: fixed;
    top: calc(env(safe-area-inset-top) + 64px);
    left: var(--lnd-header-edge);
    right: auto;
    z-index: 1001;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: min(360px, calc(100% - (var(--lnd-header-edge) * 2)));
    max-height: calc(100svh - 84px);
    padding: 14px;
    gap: 2px;
    overflow-y: auto;
    background: #151515 !important;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0,0,0,.36) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity var(--l-dur) var(--l-ease),
                transform var(--l-dur) var(--l-ease),
                visibility 0s linear var(--l-dur);
}
.lnd-v2 .header .nav.nav-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition-delay: 0s;
}
.lnd-v2 .header .nav-link{
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 14px !important;
    color: #D4D4D4 !important;
    border: 0 !important;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.lnd-v2 .header .nav-link:hover{
    color: var(--l-pearl) !important;
    background: #242424 !important;
}
.lnd-v2 .header .nav .nav-auth-mobile{ display: none !important; }
.lnd-v2 .header .nav-controls{
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.10);
}
.lnd-v2 .header .nav-ctl{
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    color: var(--l-pearl);
    background: transparent;
    border: 0;
    font: 600 12px/1.2 var(--l-font);
}
.lnd-v2 .header .nav-ctl-label{ color: #B9B9B9 !important; }
.lnd-v2 .header .nav-ctl-select{
    min-width: 130px;
    height: 36px;
    padding: 0 10px;
    color: #E8E8E8 !important;
    background: #202020 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 8px !important;
}
.lnd-v2 .header .nav-ctl-select option{ color: #E8E8E8; background: #202020; }
.lnd-v2 .header .nav-ctl-icon{
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
}

/* მარჯვნივ მხოლოდ ავტორიზაციის წყვილი რჩება. */
.lnd-v2 .header .header-actions{
    position: absolute;
    right: clamp(12px, 1.5vw, 24px);
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    gap: 8px !important;
    z-index: 2;
}
.lnd-v2 .header .header-actions > .theme-toggle,
.lnd-v2 .header .header-actions > .hdr-lang{ display: none !important; }
.lnd-v2 .header .header-actions .btn-header,
.lnd-v2 .header .header-actions .btn-header-outline{
    display: inline-flex !important;
    min-width: 0 !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px;
    padding: 0 14px !important;
    gap: 7px !important;
    color: #E8E8E8 !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.lnd-v2 .header .header-actions .btn-header span,
.lnd-v2 .header .header-actions .btn-header-outline span{ display: inline !important; }
.lnd-v2 .header .header-actions .btn-header{
    color: #151515 !important;
    background: var(--l-pearl) !important;
    border-color: var(--l-pearl) !important;
}
.lnd-v2 .header .header-actions .btn-header:hover{ background: #DADADA !important; }
.lnd-v2 .header .header-actions .btn-header-outline:hover{
    color: var(--l-pearl) !important;
    border-color: rgba(255,255,255,.55) !important;
}
.lnd-v2 .header :focus-visible{ outline: 2px solid var(--l-giallo); outline-offset: 2px; }

@media (max-width: 700px){
    .lnd-v2{ --lnd-header-edge: 6px; }
    .lnd-v2 .header,
    .lnd-v2 .header.scrolled{ border-radius: 0 !important; }
    .lnd-v2 .header .container.header-inner{ padding-inline: 8px !important; }
    .lnd-v2 .header .mobile-menu-btn{
        left: 8px;
        min-width: 40px;
        width: 40px;
        padding: 0;
        font-size: 0;
    }
    .lnd-v2 .header .mobile-menu-btn::after{ content: none; }
    .lnd-v2 .header .mobile-menu-btn span{ left: 13px; }
    .lnd-v2 .header .logo-link{ gap: 6px; }
    .lnd-v2 .header .logo-img{ width: 25px !important; height: 25px !important; }
    .lnd-v2 .header .logo-text{ font-size: 14px !important; letter-spacing: .06em; }
    .lnd-v2 .header .header-actions{ right: 8px; gap: 5px !important; }
    .lnd-v2 .header .header-actions .btn-header,
    .lnd-v2 .header .header-actions .btn-header-outline{
        height: 34px !important;
        min-height: 34px;
        padding: 0 9px !important;
        gap: 0 !important;
        font-size: 9px !important;
    }
    .lnd-v2 .header .header-actions svg{ display: none; }
}

@media (max-width: 430px){
    .lnd-v2 .header .logo-img{ display: none; }
    .lnd-v2 .header .logo-text{ font-size: 13px !important; }
    .lnd-v2 .header .header-actions .btn-header,
    .lnd-v2 .header .header-actions .btn-header-outline{
        padding-inline: 7px !important;
        font-size: 8px !important;
    }
}

/* 320–350px-ზე გრძელი ქართული auth-წარწერები ცენტრის ლოგოს ედება.
   ამ უკიდურეს სიგანეზე მხოლოდ საერთაშორისო ხატულები რჩება; aria-label
   მოქმედების სრულ სახელს ინარჩუნებს screen reader-ისთვის. */
@media (max-width: 350px){
    .lnd-v2 .header .header-actions .btn-header,
    .lnd-v2 .header .header-actions .btn-header-outline{
        width: 34px !important;
        padding: 0 !important;
    }
    .lnd-v2 .header .header-actions .btn-header span,
    .lnd-v2 .header .header-actions .btn-header-outline span{ display: none !important; }
    .lnd-v2 .header .header-actions .btn-header svg,
    .lnd-v2 .header .header-actions .btn-header-outline svg{
        display: block !important;
        width: 15px;
        height: 15px;
    }
}

/* ═══════════════ საერთო ბოლო (footer.php) ═══════════════
   ⚠️ `body.lnd-v2`, და არა `.lnd-v2`: footer.php-ის შიგნითა `<style>`-ში წერია
   `[data-theme="dark"] .site-footer{ background:#060a14 !important }` — მისი
   წონა ზუსტად იგივეა (ორი კლასის დონე), დოკუმენტში კი ჩვენს `<link>`-ზე
   ქვემოთაა, ე.ი. თანაბარ წონაზე **ის** იმარჯვებდა და ბოლო მუქ-ლურჯი რჩებოდა.
   ტიპის სელექტორი წონას უმატებს და საკითხს ხურავს. */
body.lnd-v2 .site-footer,
[data-theme="dark"] body.lnd-v2 .site-footer{
    background: var(--l-carbon-deep) !important;
}
body.lnd-v2 .site-footer .footer-brand p,
body.lnd-v2 .site-footer .footer-col a{ color: var(--l-stage-mute) !important; }
body.lnd-v2 .site-footer .footer-bottom{ border-top-color: var(--l-stage-rule) !important; }
.lnd-v2 .site-footer .footer-col h4{
    font-size: var(--l-t-caption) !important;
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.lnd-v2 .site-footer .footer-col a:hover,
.lnd-v2 .site-footer .footer-bottom a{ color: var(--l-giallo) !important; }
.lnd-v2 .site-footer .footer-logo img{ filter: grayscale(1) brightness(1.75) contrast(1.15); }
.lnd-v2 .site-footer :focus-visible{ outline: 2px solid var(--l-giallo); outline-offset: 2px; }

/* ═══════════════ ტაბლეტი ═══════════════ */
@media (max-width: 1024px){
    .lam-mia__grid{ grid-template-columns: minmax(0, 1fr); gap: var(--l-s5); }
    .lam-mia__shot{ max-width: 380px; }
    .lam-final__grid{ grid-template-columns: minmax(0, 1fr); align-items: start; }
}

@media (max-width: 860px){
    .lam-steps{ grid-template-columns: minmax(0, 1fr); gap: var(--l-s4); }
    .lam-feats{ grid-template-columns: minmax(0, 1fr); gap: 0; }
    .lam-plans{ grid-template-columns: minmax(0, 1fr); }
    .lam-plan{ padding-right: 0; }
    .lam-plan + .lam-plan{ padding-left: 0; border-left: 0; border-top: 1px solid var(--l-rule); }
}

/* ═══════════════ ტელეფონი ═══════════════
   ⚠️ მობილური ბლოკი ფაილის ბოლოშია განზრახ — თანაბარი წონისას
   რიგი სპეციფიკურობაზე ძლიერია და ზემოთ მდგომი shorthand-ები
   აქედან სწორად გადაიწერება. */
@media (max-width: 640px){
    .lam-hero{ min-height: clamp(480px, 78svh, 620px); padding-top: var(--l-s7); }
    .lam-hero__inner{ padding-block: var(--l-s5) var(--l-s5); }
    .lam-hero__title{ max-width: 100%; }
    .lam-hero__actions{ width: 100%; gap: var(--l-s2); }
    .lam-hero__actions .lam-btn--giallo{ flex: 1 1 auto; justify-content: center; }

    .lam-rail__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--l-s2) var(--l-s3); }

    .lam-head{ padding-bottom: var(--l-s4); }
    .lam-lineup{ grid-auto-columns: minmax(236px, 78vw); }
    .lam-mia__quote{ font-size: var(--l-t-lede); max-width: 100%; }
    .lam-plan__feats li{ font-size: var(--l-t-body); }
    .lam-q > summary{ font-size: var(--l-t-lede); }
}

/* ═══════════════════════════════════════════════════════════════════
   v2 — კადრზე აწყობილი კომპოზიცია (2026-08-26)
   ⚠️ პირველი ვერსია უარყოფილი იყო იმიტომ, რომ გადმოტანილი იყო ტოკენები
   (ფერი, რადიუსი, ჩრდილის უქონლობა), მაგრამ არა კომპოზიცია. რეფერენსში
   გვერდი **სურათებზე დგას**: კადრი ნახევარ ეკრანზე, უზარმაზარი შრიფტი,
   მცირე ტექსტი. ქვემოთ სწორედ ეს ნაწილია.
   ═══════════════════════════════════════════════════════════════════ */

/* ── ტექსტი ერთ მხარეს, კადრი მეორეზე ─────────────────────────────
   კადრები განზრახ **სრულ სიგანეზე** გადის კიდემდე: ავტოსალონის ენაში
   ფოტოს ჩარჩო არ აქვს. ტექსტის სვეტს თავისი ველი აქვს. */
.lam-split{
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: center;
    gap: 0;
    padding-block: 0;
    overflow: clip;
}
.lam-split__text{
    padding: var(--l-band) var(--l-s9) var(--l-band) var(--l-gutter);
    min-width: 0;
}
.lam-split__media{ min-width: 0; position: relative; align-self: stretch; }
.lam-split__media img,
.lam-split__media video{
    display: block;
    width: 100%;
    height: 100%;
    min-height: clamp(300px, 42vw, 620px);
    object-fit: cover;
    border-radius: 0;
}
/* ⚠️ კადრის შიდა კიდე ფონში უნდა გაითქვიფოს, თორემ ჩანს სწორი ნაკერი.
   ფოტოები ისედაც შავ სცენაზეა, ამიტომ საკმარისია ვიწრო გრადიენტი. */
.lam-split__media::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, var(--l-stage) 0%, rgba(0,0,0,0) 18%);
}
.lam-split--rev{ direction: rtl; }
.lam-split--rev > *{ direction: ltr; }
.lam-split--rev .lam-split__text{
    padding: var(--l-band) var(--l-gutter) var(--l-band) var(--l-s9);
}
.lam-split--rev .lam-split__media::after{
    background: linear-gradient(270deg, var(--l-stage) 0%, rgba(0,0,0,0) 18%);
}

/* ერთი უზარმაზარი რიცხვი — სექციის ღუზა */
.lam-figure{
    font-size: var(--l-t-figure);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 0.94;
    letter-spacing: var(--l-track);
    font-variant-numeric: tabular-nums;
    margin: var(--l-s3) 0 0;
    color: inherit;
}

/* ── კატეგორიების სცენა ───────────────────────────────────────────
   ფონად იგივე პავილიონია, რომელზეც ბარათებია გადაღებული — რიგი
   ერთ სივრცეში დგება და არა „ბარათები შავზე". */
.lam-cats{
    background-image:
        linear-gradient(180deg, var(--l-stage) 0%, rgba(32,32,32,.55) 22%, rgba(32,32,32,.55) 78%, var(--l-stage) 100%),
        url('../images/landing/cats-bg-1920.webp?v=1');
    background-size: auto, cover;
    background-position: center, center 30%;
    background-repeat: no-repeat;
}

/* ═══════════════ კატეგორიების კარუსელი ═══════════════════════════
   ერთი კატეგორია მთელ ეკრანზე. მოდელის გვერდის ხელწერა: ზემოთ კოდი,
   ქვემოთ სათაური, შუაში დიდი კადრი, ღილაკი და წვრილი სტრიქონი ციფრებით.

   ⚠️ ორი რეჟიმი ერთ კომპონენტში. `.is-white` ჩაირთვება მაშინ, როცა
   `assets/images/landing/white/` შეივსება — PHP თავად ამოწმებს. მანამდე
   იგივე მარკაპი შავ სცენაზე დგას, რადგან ახლანდელი კადრები შავზეა. */
.lam-cats2{
    --_bg:   var(--l-stage);
    --_ink:  var(--l-stage-ink);
    --_mute: var(--l-stage-mute);
    --_rule: var(--l-stage-rule);
    --_hair: var(--l-stage-rule-hard);
    --l-focus: var(--l-giallo);

    position: relative;
    isolation: isolate;
    background: var(--_bg);
    color: var(--_ink);
    min-height: 100svh;
    display: grid;
    /* წარწერა · რიგი · ციფრები · ღილაკი · პიპსები
       ⚠️ სექციის სათაური ბადეში **აღარაა** — ის აბსოლუტურია (იხ. `.cat2__head`).
       მიზეზი მარტივია: მას მთელი მწკრივი ეკავა და მანქანას ~62px ართმევდა,
       ხოლო მანქანა აქ მთავარია. ისრებიც აბსოლუტურია. */
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    row-gap: clamp(4px, 0.9vh, 10px);
    align-content: center;
    /* ⚠️ ზედა ველი ზოლს ითვალისწინებს (fixed, 64px), ქვედა — პიპსებს.
       ძველი --l-s9/--l-s5 (80/40) სექციას ეკრანს აცდენდა და მანქანას ჭრიდა. */
    /* ⚠️ ზედა ველი ზოლსაც (64px) და **აბსოლუტურ სათაურსაც** ითვალისწინებს.
       ნაკლებზე კოდი („B, B1") სექციის სათაურს აჯდებოდა. */
    /* ⚠️ 118px = ზოლი (64) + აბსოლუტური სათაურის სიმაღლე (48) + 6px ჰაერი.
       ნაკლებზე კოდი სათაურს აჯდება, მეტზე — მანქანა ეკრანს ვეღარ იტევს.
       ეს რიცხვი და `.cat2__head`-ის `inset` ერთად იცვლება. */
    padding-block: 118px var(--l-s2);
    overflow: clip;              /* „მიჭყიტება" კიდეს ვერ გასცდება */
}
/* ⚠️ თეთრი რეჟიმი **ორივე თემაზე თეთრია**, და ეს განზრახაა.
   კადრები თეთრ ფონზეა გადაღებული; მუქ თემაზე სექცია რომ გაშავებულიყო,
   ყოველი მანქანა შავზე თეთრ ოთხკუთხედად დაჯდებოდა. გარდა ამისა ერთი
   ღია ზოლი მუქ გვერდზე — სწორედ რეფერენსის რიტმია (მუქი სცენა ↔ ღია ზოლი).
   ფოკუსის რგოლი მუქდება: ყვითელი თეთრზე 1.6:1-ია, ე.ი. არ ჩანს. */
.lam-cats2.is-white{
    /* ⚠️ **ზუსტად კადრების ფონია**, და არა სუფთა თეთრი. კადრები #F2F2F2-ზეა
       (გასწორებულია `_prep_cat_frames.php`-ით), და თუ სექცია #FFF იქნებოდა,
       ყოველი მანქანა ღია-ნაცრისფერ ოთხკუთხედში იჯდებოდა. ახლა ნაკერი არაა.
       ეს რიცხვი და სკრიპტის `$TARGET` **ერთად** უნდა შეიცვალოს. */
    --_bg:   #F2F2F2;
    --_ink:  var(--l-carbony);
    --_mute: #6E6E6E;              /* 4.5:1 — ზღვარზე, დიდი ტექსტისთვის ვარგისი */
    --_rule: #DCDCDC;
    --_hair: #8A8A8A;
    --l-focus: var(--l-carbony);
    color-scheme: light;           /* სქროლბარიც ღია დარჩეს ამ სექციაში */
}

/* ⚠️ აბსოლუტური: ბადეში მწკრივს არ ჭამს, ე.ი. მთელი გამოთავისუფლებული
   სიმაღლე მანქანას რჩება. ზოლის ქვეშ დგება, გვერდით ველებში. */
.cat2__head{
    position: absolute;
    inset: 66px 0 auto 0;          /* ზოლის ქვეშ, ჰაერის გარეშე — სიმაღლე ძვირია */
    z-index: 1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l-s3);
    flex-wrap: wrap;
    padding-bottom: var(--l-s2);
    border-bottom: 1px solid var(--_rule);
    pointer-events: none;          /* კარუსელის თრევას ხელს არ უშლის */
}
.cat2__head .lam-head__note{ color: var(--_mute); }
/* ⚠️ სექციის სათაური აქ **პატარაა** — ის მხოლოდ წარწერაა, გვერდის გმირი
   კატეგორიის სახელია. დიდი რომ იყოს, აბსოლუტური ბლოკი კოდს დააჯდებოდა. */
.lam-cats2 .lam-h2{ font-size: clamp(19px, 2.1vw, 30px); }

/* ── ერთმანეთზე დაწყობილი წარწერები ──────────────────────────────
   ყველა ვარიანტი ერთსა და იმავე უჯრედში წევს, ჩანს მხოლოდ აქტიური. */
.cat2__codes,
.cat2__titles,
.cat2__notes{
    display: grid;
    justify-items: center;
    text-align: center;
    padding-inline: var(--l-gutter);
}
.cat2__swap,
.cat2__notes > .cat2__note{
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 260ms var(--l-soft), visibility 0s linear 260ms;
}
.cat2__swap.is-on,
.cat2__notes > .cat2__note.is-on{
    opacity: 1;
    visibility: visible;
    transition: opacity 260ms var(--l-soft), visibility 0s;
}

/* ⚠️ სექციის ბადეში მწკრივები **ხელითაა** მიწერილი. ავტომატურ განლაგებაზე
   ისრები (რომლებსაც `grid-row: 2` აქვთ) საკუთარ მწკრივს იჭერდნენ და რიგს
   ქვემოთ ხეთქავდნენ — სწორედ ეს აძლევდა სექციას ზედმეტ 66px-ს. */
.cat2__codes { grid-row: 1; grid-column: 1; }
.cat2__titles{ grid-row: 2; grid-column: 1; align-self: start; z-index: 0; }
.cat2__rail  { grid-row: 2; grid-column: 1; z-index: 1; }
.cat2__notes { grid-row: 3; grid-column: 1; }
.cat2__actions{ grid-row: 4; grid-column: 1; }
.cat2__pips  { grid-row: 5; grid-column: 1; }

/* ── რიგი: ჰორიზონტალური სქროლი ─────────────────────────────────── */
.cat2__rail{
    /* ⚠️ მანქანა აქ მთავარია — ამიტომ ჭერი მაქსიმალურად აწეულია.
       კადრი 16:9-ია, ე.ი. სიმაღლე = სიგანე / 1.78. სექციაში მის გარდა
       ~320px უჯდება (კოდი, სათაური, ციფრები, ღილაკი, პიპსები, ველები) —
       სექციის სათაური აღარ ითვლება, ის აბსოლუტურია.
       სამივე ზღვარი საჭიროა: ორი სიგანეზე, მესამე სიმაღლეზე — თორემ
       1280×800-ზე მანქანა სექციას ეკრანს აცდენს. */
    /* ⚠️ 352 — გაზომილი, და არა მიახლოებული: სექციაში მანქანის გარდა
       ზუსტად ამდენი უჯდება (ველი 118 + კოდი 53 + ციფრები 42 + ღილაკი 48 +
       პიპსები 40 + 4 ღრეჩო + ქვედა ველი). 1440×900-ზე სექცია ჯდება 897-ში,
       1280×800-ზე — 794-ში. */
    --car-w: min(74vw, 1240px, calc((100svh - 352px) * 1.78));

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--car-w);
    gap: clamp(12px, 2.4vw, 40px);
    align-items: center;
    align-self: center;
    width: 100%;
    /* პირველი და ბოლო ბარათიც ცენტრში რომ დადგეს */
    padding-inline: calc(50% - var(--car-w) / 2);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    cursor: grab;
    /* სქროლბარი ზედმეტია — რიგი ისედაც კითხვადია ისრებით და პიპსებით */
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.cat2__rail::-webkit-scrollbar{ width: 0; height: 0; }
.cat2__rail.is-drag{ cursor: grabbing; scroll-behavior: auto; }
.cat2__rail:focus-visible{ outline: 2px solid var(--l-focus); outline-offset: 4px; }

.cat2__car{
    scroll-snap-align: center;
    scroll-snap-stop: always;      /* ერთი ჟესტი — ერთი კატეგორია */
    min-width: 0;
    /* ⚠️ ფონი აქ **განზრახ არაა**. კადრები ახლა გამჭვირვალეა
       (`_prep_cat_frames.php` → `alphaKey`), და ნებისმიერი მკვრივი ფონი
       ზუსტად იმ ოთხკუთხედს დააბრუნებდა, რომლის მოსაშორებლადაც ეს გაკეთდა. */
    /* გვერდითი: პატარა, დაბინდული, ჩამქრალი */
    transform: scale(.68);
    filter: blur(7px);
    opacity: .38;
    will-change: transform, filter, opacity;
    transition: transform 460ms var(--l-soft),
                filter    460ms var(--l-soft),
                opacity   460ms var(--l-soft);
}
.cat2__car.is-on{
    transform: scale(1);
    filter: blur(0);
    opacity: 1;
}
/* B/B1-ის წყაროს კადრში ავტომობილი ოდნავ პატარა ჩანს — აქტიურ მდგომარეობაში
   მხოლოდ მას ვადიდებთ, ვერტიკალური პოზიციის შეცვლის გარეშე. */
.cat2__car[data-i="0"].is-on{
    transform: scale(1.1);
}
/* BE-ს წყაროს კადრში მანქანა და მისაბმელი სხვა კატეგორიებზე უფრო პატარაა.
   მხოლოდ აქტიურ BE კადრს ვადიდებთ და ოდნავ ქვემოთ ვწევთ. */
.cat2__car[data-i="8"].is-on{
    transform: translateY(clamp(8px, 1.5svh, 14px)) scale(1.14);
}
.cat2__car img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    /* ⚠️ არც ნიღაბი, არც `mix-blend-mode` — ორივე მოიხსნა და ეს განზრახაა.
       ისინი მაშინ იყო საჭირო, როცა კადრს თავისი ღია ფონი ჰქონდა. ახლა ფონი
       **ამოჭრილია გამჭვირვალობაში** (flood fill კიდეებიდან), ე.ი. შესარევი
       აღარაფერია: `darken` მხოლოდ მანქანის ბზინვარებას მოჭრიდა, ნიღაბი კი
       მჭიდრო კადრირების შემდეგ თვლებს შეჭამდა. */
    pointer-events: none;          /* თრევისას სურათი არ „აიღება" */
    -webkit-user-drag: none;
    user-select: none;
}

@media (max-width: 900px){
    .cat2__car[data-i="0"].is-on{
        transform: scale(1.06);
    }
    .cat2__car[data-i="8"].is-on{
        transform: translateY(6px) scale(1.1);
    }
}

.cat2__code{
    margin: 0;
    font-size: clamp(20px, 2.4vw, 34px);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1;
    color: var(--_ink);
}
/* ერთი ყვითელი შტრიხი კოდის ქვეშ — რეფერენსში იქ დროშაა */
.cat2__code::after{
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    margin: var(--l-s2) auto 0;
    background: var(--l-giallo);
}
/* ⚠️ სათაური დიდია და **მანქანის უკან** დგას — მას ცალკე მწკრივი აღარ უჭირავს.
   `pointer-events: none` — თორემ რიგის თრევას ხელს შეუშლიდა. */
.cat2__title{
    margin: 0;
    font-size: clamp(34px, 6.4vw, 104px);
    font-weight: 700;
    font-stretch: var(--l-narrow);
    line-height: 0.98;
    letter-spacing: var(--l-track);
    text-transform: uppercase;
    color: var(--_mute);          /* რეფერენსში სათაური ნაცრისფერია */
    /* ⚠️ **ერთი ხაზი, ყოველთვის.** ქართული სახელები გრძელია („საშუალო
       სატვირთო", „მისაბმელიანი") და ორ ხაზზე გადადიოდნენ — მეორე ხაზი
       მანქანის უკან იმალებოდა. `nowrap` + JS-ის ავტო-შემცირება
       (`lnd-cats.js` → `fitTitles`) ჭრის ამას: შრიფტი მცირდება ზუსტად
       იმდენად, რამდენადაც საჭიროა, და არც ერთი პიქსელით მეტად. */
    white-space: nowrap;
    pointer-events: none;
}
.cat2__actions{ display: flex; gap: var(--l-s3); flex-wrap: wrap; justify-content: center; }
.cat2__note{
    margin: var(--l-s3) 0 0;
    display: flex;
    gap: var(--l-s1) var(--l-s4);
    flex-wrap: wrap;
    justify-content: center;
    font-size: var(--l-t-caption);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--_mute);
    font-variant-numeric: tabular-nums;
}
.cat2__note b{ color: var(--_ink); font-weight: 700; }
.cat2__note span{ white-space: nowrap; }

/* ── შემდეგი მოდელი მარჯვენა კიდეზე ─────────────────────────────── */
/* ── ექვსკუთხა ისრები ────────────────────────────────────────────
   ⚠️ `clip-path` აქ არ გამოდგება: მას მხოლოდ ფორმა ეჭრება, 1px-იანი
   კონტური კი გამოსახატი არაა. ამიტომ ექვსკუთხედი SVG-ია. */
/* ⚠️ ისრები **ბადის ელემენტებია**, და არა აბსოლუტური.
   აბსოლუტურ `top`-ზე ისინი სექციის სიმაღლეს მიჰყვებოდნენ და სათაურის
   ხაზზე ჯდებოდნენ — „კრივად". ახლა ისინი იმავე მწკრივშია, სადაც მანქანა
   (მე-2 მწკრივი), ე.ი. ყოველთვის ზუსტად მის ცენტრზეა, ეკრანის სიმაღლის
   მიუხედავად. */
.cat2__nav{
    --_ring: transparent;
    grid-row: 2;
    grid-column: 1;
    align-self: center;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;               /* ≥44px — თითისთვისაც ვარგისი */
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--_hair);
    cursor: pointer;
    outline: 2px solid var(--_ring);
    outline-offset: 2px;
    transition: color var(--l-dur) var(--l-ease);
}
.cat2__nav:hover{ color: var(--_ink); }
.cat2__nav:focus-visible{ --_ring: var(--l-focus); }
.cat2__nav:disabled{ opacity: .35; cursor: not-allowed; }
.cat2__nav--prev{ justify-self: start; margin-inline-start: clamp(4px, 1.6vw, 28px); }
.cat2__nav--next{ justify-self: end;   margin-inline-end:   clamp(4px, 1.6vw, 28px); }
.cat2__nav--next .cat2__chev{ transform-origin: 22px 24px; transform: rotate(180deg); }

/* ── პიპსები ─────────────────────────────────────────────────────── */
.cat2__pips{
    display: flex;
    gap: var(--l-s2);
    justify-content: center;
    align-items: center;
    padding-top: var(--l-s2);
    flex-wrap: wrap;
}
.cat2__pip{
    --_ring: transparent;
    width: 30px;
    height: 24px;               /* სამიზნე ≥24px, ხაზი შიგნით 2px-ია */
    padding: 11px 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: 2px solid var(--_ring);
    outline-offset: 2px;
}
.cat2__pip::before{
    content: "";
    display: block;
    height: 2px;
    background: var(--_hair);
    transition: background-color var(--l-dur) var(--l-ease);
}
.cat2__pip:hover::before{ background: var(--_ink); }
.cat2__pip.is-on::before{ background: var(--l-giallo); }
.cat2__pip:focus-visible{ --_ring: var(--l-focus); }

@media (max-width: 640px){
    .lam-cats2{ padding-block: var(--l-s7) var(--l-s4); }
    .cat2__nav{ width: 48px; height: 48px; }
    .cat2__nav--prev{ left: 2px; }
    .cat2__nav--next{ right: 2px; }
    .cat2__peek{ display: none; }       /* ვიწრო ეკრანზე კადრს უბრალოდ ჭამს */
    .cat2__slide{ padding-inline: 56px; }
}

/* ── Mia: მზერა კურსორზე ──────────────────────────────────────────
   ⚠️ ელემენტი ადგილიდან **არ იძვრის**: არც transform, არც parallax.
   იცვლება მხოლოდ ვიდეოს კადრი. იხ. `assets/js/mia-gaze.js`. */
.mia-gaze{
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    background: var(--l-pure-black);
    overflow: hidden;
}
.mia-gaze video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    filter: grayscale(1) contrast(1.08) brightness(.94);
}
/* სტატიკურ რეჟიმში (ტელეფონი, reduced-motion, ვიდეო ვერ ჩამოვიდა)
   პოსტერი რჩება — ე.ი. ბლოკი არასდროს არის ცარიელი */
.mia-gaze.is-static video{ opacity: 1; }

/* ── დამასრულებელი კადრი ──────────────────────────────────────── */
.lam-final{ position: relative; isolation: isolate; overflow: clip; }
.lam-final__bg{
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--l-pure-black);
}
.lam-final__scrim{
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 44%, rgba(0,0,0,.30) 100%),
        linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 50%, rgba(0,0,0,.70) 100%);
}

/* ── ტაბლეტი და ტელეფონი v2-ისთვის ───────────────────────────── */
@media (max-width: 900px){
    .lam-split,
    .lam-split--rev{ grid-template-columns: minmax(0, 1fr); }
    .lam-split--rev{ direction: ltr; }
    .lam-split__text,
    .lam-split--rev .lam-split__text{
        padding: var(--l-band) var(--l-gutter) var(--l-s5);
    }
    /* ტელეფონზე კადრი ტექსტის **ზემოთ** ადის — ჯერ სურათი, მერე სიტყვები */
    .lam-split__media{ order: -1; }
    .lam-split__media img,
    .lam-split__media video{ min-height: 0; aspect-ratio: 16 / 9; height: auto; }
    .lam-split__media::after{
        background: linear-gradient(180deg, rgba(0,0,0,0) 62%, var(--l-stage) 100%);
    }
    .lam-split--rev .lam-split__media::after{
        background: linear-gradient(180deg, rgba(0,0,0,0) 62%, var(--l-stage) 100%);
    }
}

/* ── ვერტიკალური გვერდები — ერთი ჟესტი, ერთი სრული სცენა ─────────
   ზოლი fixed-ია, ამიტომ გვერდის რეალური სიმაღლე viewport-ს 64px-ს აკლებს.
   ეს წესი ყველა ეკრანზე მუშაობს: არც Mia იმალება ზოლის ქვეშ და არც შემდეგი
   სექციის ნაწილი იჭყიტება ქვემოდან. */
:root{
    --lnd-header-h: 64px;
    --lnd-page-h: calc(100svh - var(--lnd-header-h));
}
html{
    scroll-snap-type: y mandatory;
    scroll-padding-top: var(--lnd-header-h);
    overscroll-behavior-y: none;
}
/* JS-ის მოკლე გადასვლისას native smooth და mandatory snap ერთმანეთს აღარ ებრძვის. */
html.lnd-page-animating{
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}
body.lnd-v2{
    --l-band: clamp(22px, 4.2svh, 56px);
    --l-t-body: clamp(13px, min(1.05vw, 1.9svh), 17px);
    --l-t-lede: clamp(14px, min(1.2vw, 2.1svh), 19px);
    --l-t-h3: clamp(17px, min(1.7vw, 2.65svh), 27px);
    --l-t-h2: clamp(27px, min(3.6vw, 5.25svh), 54px);
    --l-t-hero: clamp(34px, min(6.6vw, 10svh), 96px);
    --l-t-figure: clamp(44px, min(7vw, 10svh), 104px);
}
body.lnd-v2 main{
    padding-top: var(--lnd-header-h);
}
body.lnd-v2 main > section,
body.lnd-v2 .site-footer{
    box-sizing: border-box;
    width: 100%;
    height: var(--lnd-page-h);
    min-height: var(--lnd-page-h);
    max-height: var(--lnd-page-h);
    overflow: clip;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}
body.lnd-v2 main > .lam-band,
body.lnd-v2 main > .lam-stage:not(.lam-split),
body.lnd-v2 main > .lam-final{
    display: flex;
    align-items: center;
}

/* პირველი და ბოლო სცენაც იმავე სასარგებლო სიმაღლეში ეტევა. */
body.lnd-v2 .lam-hero{
    min-height: var(--lnd-page-h);
    padding-top: 0;
}
body.lnd-v2 .lam-hero__inner{
    padding-block: clamp(20px, 4svh, 48px);
}
body.lnd-v2 .lam-hero__actions{
    margin-top: clamp(16px, 3svh, 40px);
}
body.lnd-v2 .lam-rail__inner{
    padding-block: clamp(12px, 2.2svh, 24px);
}

/* ტექსტური გვერდების ვერტიკალური რიტმი დაბალ ეკრანზეც იკუმშება. */
body.lnd-v2 .lam-head{ padding-bottom: clamp(16px, 3.2svh, 40px); }
body.lnd-v2 .lam-steps{ margin-top: clamp(18px, 4svh, 48px); }
body.lnd-v2 .lam-step{ padding-top: clamp(10px, 2.2svh, 24px); }
body.lnd-v2 .lam-feats{ margin-top: clamp(16px, 3.2svh, 48px); }
body.lnd-v2 .lam-feat{ padding-block: clamp(10px, 2.6svh, 32px); }
body.lnd-v2 .lam-plans{ margin-top: clamp(16px, 3.2svh, 48px); }
body.lnd-v2 .lam-plan{ padding-block: clamp(16px, 3.2svh, 40px); }
body.lnd-v2 .lam-plan__price{ margin-top: clamp(10px, 2.2svh, 24px); }
body.lnd-v2 .lam-plan__feats{
    margin-block: clamp(12px, 2.5svh, 32px) clamp(16px, 3.2svh, 40px);
}
body.lnd-v2 .lam-plan__feats li{ padding-block: clamp(3px, .8svh, 8px); }
body.lnd-v2 .lam-faq{ margin-top: clamp(16px, 3.2svh, 48px); }
body.lnd-v2 .lam-q > summary{
    min-height: clamp(44px, 6svh, 56px);
    padding-block: clamp(10px, 2.2svh, 24px);
}
body.lnd-v2 .lam-q__a{ padding-bottom: clamp(12px, 2.8svh, 32px); }
body.lnd-v2 .lam-final{ padding-block: clamp(24px, 6svh, 80px); }

/* კატეგორიების სათაურში ადრე უკვე ჩადებული იყო fixed header-ის 64px.
   ახლა სექცია თვითონ იწყება ზოლის ქვემოთ, ამიტომ ეს ადგილი მეორედ აღარ იხარჯება. */
body.lnd-v2 .lam-cats2{
    min-height: var(--lnd-page-h);
    padding-block: 60px clamp(12px, 2svh, 20px);
    row-gap: clamp(3px, .8svh, 9px);
}
body.lnd-v2 .cat2__head{ inset: 8px 0 auto; }
body.lnd-v2 .cat2__rail{
    --car-w: min(74vw, 1240px, calc((var(--lnd-page-h) - 300px) * 1.78));
}
body.lnd-v2 .cat2__note{ margin-top: clamp(8px, 2svh, 24px); }
body.lnd-v2 .cat2__pips{ padding-top: clamp(4px, 1.4svh, 16px); }

/* Mia: კადრი მთლიანად ჩანს. წყაროს თავზე საკუთარი ბუნებრივი ჰაერი უკვე აქვს,
   ამიტომ CSS-ის დამატებითი ზოლები აღარ გვჭირდება. */
body.lnd-v2 .lam-mia-stage{ --_mia-air: clamp(12px, 1.8svh, 20px); }
body.lnd-v2 .lam-mia-stage__video{
    inset: var(--_mia-air) 0;
    width: 100%;
    height: calc(100% - (var(--_mia-air) * 2));
    object-fit: contain;
    object-position: left top;
    /* წყარო თვითონ სრულდება პიჯაკის შუაში. მისი ბოლო ხაზის უბრალოდ ქვემოთ
       გადაწევა ჭრილს ვერ მოაშორებს — მხოლოდ სხვა ადგილას გადაიტანს. ამიტომ
       ბოლო 14% alpha-თი იმავე სექციის ფონში იხსნება: სხეული აღარ წყდება
       სწორი ჰორიზონტალური ხაზით და ქვედა „ჰაერიც" რეალურად ჩანს. */
    -webkit-mask-image: linear-gradient(to bottom,
        #000 0%,
        #000 86%,
        rgba(0,0,0,.92) 91%,
        rgba(0,0,0,.48) 96%,
        transparent 100%);
    mask-image: linear-gradient(to bottom,
        #000 0%,
        #000 86%,
        rgba(0,0,0,.92) 91%,
        rgba(0,0,0,.48) 96%,
        transparent 100%);
}
/* ფართო ეკრანზე ვიდეოს ტექნიკური ზედა/ქვედა ზოლები აღარ აქვს. წყაროს კადრი
   მხრებზე სრულდება, ამიტომ ქვედა კიდე იმავე ფონში რბილად იხსნება და აღარ
   ჩანს როგორც სხეულის მკვეთრი ჭრილი. ზედა 3%-იც რბილი გადასვლაა. */
@media (min-width: 901px){
    body.lnd-v2 .lam-mia-stage__video{
        inset: var(--_mia-air) 0;
        height: calc(100% - (var(--_mia-air) * 2));
    }
    body.lnd-v2 .lam-mia-stage__veil{
        /* მხოლოდ მარჯვენა გადასვლა: ქვედა gradient კადრის ბოლოს ფარავდა და
           Mia-ს სხეულს მოჭრილად აჩენდა. */
        background: linear-gradient(90deg,
            rgba(220,220,217,0) 34%,
            rgba(220,220,217,.18) 50%,
            rgba(220,220,217,.86) 70%,
            var(--_mia-bg) 100%);
    }
}
body.lnd-v2 .lam-mia-stage__inner{
    height: 100%;
    min-height: 0;
    padding-block: clamp(18px, 3.6svh, 46px);
}
body.lnd-v2 .lam-mia-stage__copy{
    padding-inline-start: clamp(20px, 3vw, 48px);
}
body.lnd-v2 .lam-mia__identity{
    margin-bottom: clamp(10px, 2.3svh, 28px);
    padding-bottom: clamp(8px, 1.5svh, 16px);
}
body.lnd-v2 .lam-mia-stage .lam-eyebrow{ margin-bottom: clamp(7px, 1.5svh, 16px); }
body.lnd-v2 .lam-mia-stage .lam-lede{ margin-top: clamp(12px, 2.4svh, 24px); }
body.lnd-v2 .lam-mia__quote{
    margin-top: clamp(14px, 3svh, 40px);
    padding-left: clamp(12px, 2svh, 24px);
}
body.lnd-v2 .lam-mia__list{ margin-top: clamp(12px, 2.8svh, 40px); }
body.lnd-v2 .lam-mia__list li{ padding-block: clamp(6px, 1.55svh, 16px); }

/* Footer-იც დამოუკიდებელი გვერდია; იურიდიული ბმულები მიუწვდომელი აღარ რჩება. */
body.lnd-v2 .site-footer{
    margin-top: 0 !important;
    padding: clamp(22px, 4.5svh, 48px) 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.lnd-v2 .site-footer .footer-container{ gap: clamp(22px, 4vw, 48px); }
body.lnd-v2 .site-footer .footer-bottom{
    margin-top: clamp(18px, 3.5svh, 40px);
    padding-block: clamp(14px, 2.5svh, 24px);
}

/* ვიწრო ეკრანზე კადრი და ტექსტი ერთ გვერდში ორ მწკრივად ნაწილდება. */
@media (max-width: 900px){
    body.lnd-v2{
        --l-t-body: clamp(12px, 3.45vw, 15px);
        --l-t-lede: clamp(13px, 3.75vw, 16px);
        --l-t-h3: clamp(16px, 4.6vw, 22px);
        --l-t-h2: clamp(25px, 7.2vw, 38px);
        --l-t-hero: clamp(34px, 11vw, 62px);
        --l-t-figure: clamp(42px, 13vw, 68px);
    }
    body.lnd-v2 .lam-split,
    body.lnd-v2 .lam-split--rev{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 44%) minmax(0, 56%);
    }
    body.lnd-v2 .lam-split__media{ min-height: 0; height: 100%; }
    body.lnd-v2 .lam-split__media img,
    body.lnd-v2 .lam-split__media video{
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
        object-fit: cover;
    }
    body.lnd-v2 .lam-split__text,
    body.lnd-v2 .lam-split--rev .lam-split__text{
        padding: clamp(16px, 3svh, 28px) var(--l-gutter);
        align-self: center;
    }

    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        padding-top: 0;
    }
    body.lnd-v2 .lam-mia-stage__video{
        position: relative;
        inset: auto;
        grid-row: 1;
        width: 100%;
        height: auto;
        margin-top: var(--_mia-air);
        margin-bottom: var(--_mia-air);
        aspect-ratio: 16 / 9;
        object-position: left top;
    }
    body.lnd-v2 .lam-mia-stage__veil{
        top: var(--_mia-air);
        bottom: auto;
        height: auto;
        aspect-ratio: 16 / 9;
        background: none;
    }
    body.lnd-v2 .lam-mia-stage__inner{
        grid-row: 2;
        height: 100%;
        min-height: 0;
        align-items: start;
        padding-block: clamp(10px, 1.8svh, 18px);
        overflow: hidden;
    }
    body.lnd-v2 .lam-mia-stage__copy{ padding-inline-start: 0; }
    body.lnd-v2 .lam-mia__identity{ margin-bottom: clamp(6px, 1.2svh, 10px); }
    body.lnd-v2 .lam-mia-stage .lam-eyebrow{ margin-bottom: 5px; }
    body.lnd-v2 .lam-mia-stage .lam-lede{ margin-top: clamp(7px, 1.2svh, 10px); }
    body.lnd-v2 .lam-mia__quote{
        margin-top: clamp(8px, 1.5svh, 12px);
        font-size: clamp(14px, 3.9vw, 18px);
        line-height: 1.28;
    }
    body.lnd-v2 .lam-mia__list{ margin-top: clamp(7px, 1.3svh, 11px); }
    body.lnd-v2 .lam-mia__list li{
        padding-block: clamp(4px, .8svh, 7px);
        font-size: clamp(11px, 3.15vw, 14px);
        line-height: 1.3;
    }

    /* ორი გეგმა ვერტიკალურად გვერდს აღარ ახეთქავს — ისინი ჰორიზონტალური
       შიდა კარუსელია, თითო ბარათი სრულად იკითხება. */
    body.lnd-v2 .lam-plans{
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: min(88%, 380px);
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 1px;
        scrollbar-width: none;
    }
    body.lnd-v2 .lam-plans::-webkit-scrollbar{ display: none; }
    body.lnd-v2 .lam-plan,
    body.lnd-v2 .lam-plan + .lam-plan{
        scroll-snap-align: start;
        scroll-snap-stop: always;
        padding: clamp(12px, 2svh, 20px) 14px;
        border: 1px solid var(--l-rule);
    }
    body.lnd-v2 .lam-plan__feats li{ font-size: clamp(11px, 3.1vw, 14px); }

    body.lnd-v2 .lam-feats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 16px;
    }
    body.lnd-v2 .lam-feat{ padding-block: clamp(7px, 1.4svh, 12px); }
    body.lnd-v2 .lam-feat p{ font-size: clamp(11px, 3.05vw, 14px); line-height: 1.35; }

    body.lnd-v2 .lam-cats2{ padding-block: 54px 12px; }
    body.lnd-v2 .cat2__head{ inset: 7px 0 auto; }
    body.lnd-v2 .cat2__rail{
        --car-w: min(78vw, calc((var(--lnd-page-h) - 260px) * 1.78));
    }

    body.lnd-v2 .site-footer .footer-container{ gap: clamp(16px, 2.5svh, 26px); }
    body.lnd-v2 .site-footer .footer-brand p{ margin-block: 6px 0; line-height: 1.45; }
    body.lnd-v2 .site-footer .footer-links{ gap: 14px; }
    body.lnd-v2 .site-footer .footer-col h4{ margin-bottom: 8px; }
    body.lnd-v2 .site-footer .footer-col li{ margin-bottom: 5px; }
}

/* დაბალ ჰორიზონტალურ ეკრანზე split-კადრები გვერდიგვერდ რჩება — ასე ტექსტიც
   და ფოტო/ვიდეოც ბუნებრივ ზომას ინარჩუნებს. */
@media (max-width: 900px) and (orientation: landscape){
    body.lnd-v2 .lam-split,
    body.lnd-v2 .lam-split--rev{
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        grid-template-rows: minmax(0, 1fr);
    }
    body.lnd-v2 .lam-split__media{ order: initial; }
    body.lnd-v2 .lam-split--rev{ direction: rtl; }
    body.lnd-v2 .lam-split--rev > *{ direction: ltr; }
    body.lnd-v2 .lam-split__media::after{
        background: linear-gradient(90deg, var(--l-stage) 0%, rgba(0,0,0,0) 18%);
    }
    body.lnd-v2 .lam-split--rev .lam-split__media::after{
        background: linear-gradient(270deg, var(--l-stage) 0%, rgba(0,0,0,0) 18%);
    }
}

@media (max-width: 480px){
    body.lnd-v2 .lam-rail__inner{ gap: 8px 16px; }
    body.lnd-v2 .lam-rail__n{ font-size: clamp(20px, 7vw, 28px); }
    body.lnd-v2 .lam-rail__l{ font-size: 10px; }
    body.lnd-v2 .lam-steps{ gap: clamp(8px, 1.6svh, 14px); }
    body.lnd-v2 .lam-step__n{ margin-bottom: 5px; }
    body.lnd-v2 .lam-btn{ min-height: 42px; }
    body.lnd-v2 .lam-q > summary{ font-size: clamp(14px, 4vw, 17px); }
    body.lnd-v2 .lam-q__a{ font-size: 12px; line-height: 1.4; }
}

/* მოკლე ტელეფონი: ტექსტი იკუმშება რიტმით და არა clipping-ით. */
@media (max-width: 900px) and (max-height: 700px){
    body.lnd-v2{
        --l-band: 14px;
        --l-t-body: 12px;
        --l-t-lede: 12px;
        --l-t-h3: 15px;
        --l-t-h2: 23px;
        --l-t-hero: clamp(32px, 9svh, 48px);
        --l-t-figure: clamp(38px, 10svh, 58px);
    }
    body.lnd-v2 .lam-head{
        gap: 8px;
        padding-bottom: 10px;
    }
    body.lnd-v2 .lam-head .lam-link{
        min-height: 30px;
        padding-block: 0;
        font-size: 10px;
    }
    body.lnd-v2 .lam-lede{
        margin-top: 9px;
        line-height: 1.38;
    }
    body.lnd-v2 .lam-steps{
        gap: 6px;
        margin-top: 11px;
    }
    body.lnd-v2 .lam-step{ padding-top: 6px; }
    body.lnd-v2 .lam-step__n{
        margin-bottom: 3px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-step .lam-h3{
        margin-bottom: 3px;
        font-size: 15px;
        line-height: 1.08;
    }
    body.lnd-v2 .lam-step p{
        font-size: 11px;
        line-height: 1.34;
    }
    body.lnd-v2 .lam-mia-stage__inner{ padding-block: 6px; }
    body.lnd-v2 .lam-mia__identity{
        margin-bottom: 4px;
        padding-bottom: 5px;
    }
    body.lnd-v2 .lam-mia-stage .lam-eyebrow{ margin-bottom: 3px; }
    body.lnd-v2 .lam-mia-stage .lam-lede{ margin-top: 5px; }
    body.lnd-v2 .lam-mia__quote{
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.23;
    }
    body.lnd-v2 .lam-mia__list{ margin-top: 5px; }
    body.lnd-v2 .lam-mia__list li{
        padding-block: 2px;
        font-size: 11px;
        line-height: 1.24;
    }
}

/* 568px-მდე სიმაღლე — ძველი პატარა ტელეფონების ბოლო უსაფრთხო ზღვარი. */
@media (max-width: 480px) and (max-height: 600px){
    body.lnd-v2 .lam-mia__identity{ font-size: 10px; line-height: 1.25; }
    body.lnd-v2 .lam-mia-stage .lam-eyebrow{ font-size: 9px; }
    body.lnd-v2 .lam-mia-stage .lam-lede{ font-size: 11px; line-height: 1.32; }
    body.lnd-v2 .lam-mia__quote{ font-size: 12px; line-height: 1.2; }
    body.lnd-v2 .lam-mia__list li{
        gap: 8px;
        font-size: 10px;
        line-height: 1.18;
    }
    body.lnd-v2 .lam-plans{
        grid-auto-columns: 100%;
        margin-top: 9px;
    }
    body.lnd-v2 .lam-plan,
    body.lnd-v2 .lam-plan + .lam-plan{ padding: 8px 10px; }
    body.lnd-v2 .lam-plan__name{ font-size: 10px; }
    body.lnd-v2 .lam-plan__price{ margin-top: 7px; }
    body.lnd-v2 .lam-plan__amt{ font-size: 38px; }
    body.lnd-v2 .lam-plan__per{ font-size: 9px; }
    body.lnd-v2 .lam-plan__feats{ margin-block: 7px 8px; }
    body.lnd-v2 .lam-plan__feats li{
        gap: 8px;
        padding-block: 1px;
        font-size: 10px;
        line-height: 1.2;
    }
    body.lnd-v2 .lam-plan .lam-btn{ min-height: 38px; font-size: 10px; }
}

/* ტელეფონი ჰორიზონტალურად: Mia და ტექსტი გვერდიგვერდ დგება, რადგან 16:9
   ვიდეოს ზემოთ მოთავსება სასარგებლო სიმაღლეს მთლიანად შეჭამდა. */
@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        display: flex;
        align-items: center;
    }
    body.lnd-v2 .lam-mia-stage__video{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        aspect-ratio: auto;
        object-fit: contain;
        object-position: left top;
    }
    body.lnd-v2 .lam-mia-stage__veil{
        inset: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        background: linear-gradient(90deg,
            rgba(220,220,217,0) 35%,
            rgba(220,220,217,.34) 52%,
            rgba(220,220,217,.92) 69%,
            var(--_mia-bg) 100%);
    }
    body.lnd-v2 .lam-mia-stage__inner{
        width: 100%;
        height: 100%;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 42%);
        align-items: center;
        padding: 5px 16px;
    }
    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 2;
        padding-inline-start: 12px;
    }
    body.lnd-v2 #pricing .lam-plans{
        grid-auto-columns: min(62%, 430px);
        margin-top: 7px;
    }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding: 7px 10px; }
    body.lnd-v2 #pricing .lam-plan__name{ font-size: 10px; }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 5px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: 36px; }
    body.lnd-v2 #pricing .lam-plan__per{ font-size: 9px; }
    body.lnd-v2 #pricing .lam-plan__feats{ margin-block: 5px 6px; }
    body.lnd-v2 #pricing .lam-plan__feats li{
        gap: 7px;
        padding-block: 1px;
        font-size: 10px;
        line-height: 1.16;
    }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-height: 36px; font-size: 10px; }
}

/* ── გაერთიანებული გვერდი: Every ticket ზემოთ, How it works ქვემოთ ── */
body.lnd-v2 .lam-ticket-combo{
    display: grid;
    grid-template-rows: minmax(0, 60%) minmax(0, 40%);
    padding: 0;
    background: var(--l-paper);
    color: var(--l-ink);
}
body.lnd-v2 .lam-ticket-combo__feature{
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: clip;
}
body.lnd-v2 .lam-ticket-combo__feature .lam-split__media,
body.lnd-v2 .lam-ticket-combo__feature .lam-split__media img,
body.lnd-v2 .lam-ticket-combo__feature .lam-split__media video{
    height: 100%;
    min-height: 0;
}
body.lnd-v2 .lam-ticket-combo__how{
    min-height: 0;
    display: flex;
    align-items: center;
    background: var(--l-paper);
    color: var(--l-ink);
    border-top: 1px solid var(--l-rule);
}
body.lnd-v2 .lam-ticket-combo__how-inner{
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 2fr);
    gap: clamp(20px, 4vw, 56px);
    align-items: center;
    padding-block: clamp(12px, 2.4svh, 24px);
}
body.lnd-v2 .lam-ticket-combo__how-copy{ min-width: 0; }
body.lnd-v2 .lam-ticket-combo__how-copy .lam-h2{
    font-size: clamp(21px, min(2.4vw, 3.9svh), 38px);
}
body.lnd-v2 .lam-ticket-combo__how-copy .lam-lede{
    margin-top: clamp(6px, 1.2svh, 12px);
    font-size: clamp(12px, min(1vw, 1.7svh), 15px);
    line-height: 1.4;
}
body.lnd-v2 .lam-ticket-combo__how-copy .lam-link{
    min-height: 32px;
    padding-block: 3px;
    margin-top: clamp(5px, 1svh, 10px);
    font-size: 11px;
}
body.lnd-v2 .lam-ticket-combo__how .lam-steps{
    margin: 0;
    gap: clamp(10px, 2vw, 28px);
    align-items: start;
}
body.lnd-v2 .lam-ticket-combo__how .lam-step{
    padding-top: clamp(6px, 1.2svh, 12px);
}
body.lnd-v2 .lam-ticket-combo__how .lam-step__n{
    margin-bottom: clamp(3px, .7svh, 7px);
    font-size: 10px;
}
body.lnd-v2 .lam-ticket-combo__how .lam-h3{
    margin-bottom: 4px;
    font-size: clamp(14px, min(1.3vw, 2.2svh), 20px);
    line-height: 1.12;
}
body.lnd-v2 .lam-ticket-combo__how .lam-step p{
    font-size: clamp(11px, min(.9vw, 1.65svh), 14px);
    line-height: 1.35;
}

@media (max-width: 900px){
    body.lnd-v2 .lam-ticket-combo{
        grid-template-rows: minmax(0, 53%) minmax(0, 47%);
    }
    body.lnd-v2 .lam-ticket-combo__feature{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 34%) minmax(0, 66%);
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-split__text{
        padding: clamp(6px, 1.2svh, 10px) var(--l-gutter);
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-eyebrow{ margin-bottom: 4px; }
    body.lnd-v2 .lam-ticket-combo__feature .lam-figure{ margin-top: 5px; }
    body.lnd-v2 .lam-ticket-combo__feature .lam-lede{ margin-top: 5px; }
    body.lnd-v2 .lam-ticket-combo__feature .lam-link{
        min-height: 28px;
        padding-block: 2px;
        font-size: 10px;
    }
    body.lnd-v2 .lam-ticket-combo__how-inner{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        gap: 7px;
        padding-block: clamp(6px, 1.2svh, 10px);
    }
    body.lnd-v2 .lam-ticket-combo__how-copy{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 3px 10px;
        align-items: center;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-h2{ grid-column: 1; }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-link{
        grid-column: 2;
        grid-row: 1;
        margin-top: 0;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-lede{
        grid-column: 1 / -1;
        margin-top: 2px;
        font-size: clamp(10px, 2.9vw, 12px);
        line-height: 1.3;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-steps{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-step p{
        font-size: clamp(9px, 2.55vw, 11px);
        line-height: 1.23;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-h3{
        font-size: clamp(12px, 3.4vw, 15px);
        line-height: 1.08;
    }
}

/* 320px სიგანის მოკლე ტელეფონზე ორივე ნახევრის სრული ტექსტი ერთ viewport-ში
   რჩება: მხოლოდ ამ უკიდურეს ზომაზე ვამჭიდროებთ შრიფტსა და ვერტიკალურ რიტმს. */
@media (max-width: 340px) and (max-height: 620px){
    body.lnd-v2 .lam-ticket-combo{
        grid-template-rows: minmax(0, 52%) minmax(0, 48%);
    }
    body.lnd-v2 .lam-ticket-combo__feature{
        grid-template-rows: minmax(0, 30%) minmax(0, 70%);
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-split__text{
        padding-block: 4px;
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-figure{
        margin-top: 3px;
        font-size: 44px;
        line-height: .94;
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-lede{
        margin-top: 3px;
        font-size: 10px;
        line-height: 1.25;
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-link{
        min-height: 24px;
    }
    body.lnd-v2 .lam-ticket-combo__how-inner{
        gap: 3px;
        padding-block: 4px;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-h2{
        font-size: 18px;
        line-height: 1.02;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-lede{
        font-size: 9px;
        line-height: 1.16;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-link{
        min-height: 26px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-step{
        padding-top: 3px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-step__n{
        margin-bottom: 2px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-h3{
        margin-bottom: 2px;
        font-size: 11px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-step p{
        font-size: 8px;
        line-height: 1.16;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-ticket-combo{
        grid-template-rows: minmax(0, 62%) minmax(0, 38%);
    }
    body.lnd-v2 .lam-ticket-combo__feature{
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        grid-template-rows: minmax(0, 1fr);
    }
    body.lnd-v2 .lam-ticket-combo__feature .lam-split__media{ order: initial; }
    body.lnd-v2 .lam-ticket-combo__how-inner{
        grid-template-columns: minmax(190px, .8fr) minmax(0, 2fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 14px;
        padding-block: 5px;
    }
    body.lnd-v2 .lam-ticket-combo__how-copy{ display: block; }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-lede{ display: none; }
    body.lnd-v2 .lam-ticket-combo__how-copy .lam-link{
        margin-top: 3px;
        min-height: 24px;
    }
    body.lnd-v2 .lam-ticket-combo__how .lam-step p{ display: none; }
}

/* ── მოძრაობის შემცირება ──────────────────────────────────────── */
/* ── გამოცდის კადრი: ტექსტი ვიდეოში დატოვებულ მარცხენა სივრცეში ─────────
   ვიდეო 16:9-ს ინარჩუნებს და მარჯვნივ ებჯინება — ფართო ეკრანზე ზედმეტად არ
   იწელება. მარცხენა შავი ნაწილი და რბილი gradient ერთ მთლიან სცენად იკითხება. */
/* ── Every ticket + How it works: ერთიანი editorial სცენა ───────────
   წინა ვერსიაში ორი ჰორიზონტალური ბლოკი ერთმანეთს შემთხვევით ებმოდა და ქვედა
   ტექსტი იკარგებოდა. ახლა ფოტო მთელ კადრს აერთიანებს, მთავარი რიცხვი მარცხნივ
   რჩება, ნაბიჯები კი ქვედა floating panel-ში მკაფიო იერარქიით იკითხება. */
body.lnd-v2 .lam-ticket-combo--editorial{
    display: block;
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding: 0;
    background: #07090b;
    color: var(--l-stage-ink);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature{
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    background: #07090b;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media{
    position: absolute;
    inset-block: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    order: initial;
}
/* წყაროს ფოტოს 37%-ზე საკუთარი ვერტიკალური seam აქვს. მხოლოდ შავი overlay მას
   ფერს უცვლიდა, მაგრამ მართკუთხედს ვერ აქრობდა; alpha mask seam-მდე ფოტოს სრულად
   მალავს და მხოლოდ მის შემდეგ, ფართო 30%-იან მონაკვეთზე ნელა აჩენს. */
@media (min-width: 901px){
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media{
        -webkit-mask-image: none;
        mask-image: none;
    }
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media img,
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media video{
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    object-position: left top;
}
@media (min-width: 901px){
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media .lam-s1-video{
        width: 96vw;
        height: auto;
        max-width: none;
        aspect-ratio: 16 / 9;
        transform: translateX(-50%);
        transform-origin: left top;
    }
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media::after{
    background:
        linear-gradient(90deg,
            rgba(7,9,11,0) 26%,
            rgba(7,9,11,.18) 42%,
            rgba(7,9,11,.64) 63%,
            rgba(7,9,11,.93) 82%,
            #07090b 100%),
        linear-gradient(0deg,
            #07090b 0%,
            rgba(7,9,11,.92) 14%,
            rgba(7,9,11,.22) 38%,
            rgba(7,9,11,0) 62%),
        linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,0) 30%);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__text{
    position: relative;
    z-index: 2;
    width: min(48vw, 720px);
    margin-left: auto;
    height: calc(100% - clamp(245px, 29svh, 275px));
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(22px, 4svh, 42px) var(--l-gutter);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-eyebrow{
    margin-bottom: clamp(7px, 1.1svh, 12px);
    color: var(--l-giallo);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-h2{
    max-width: 640px;
    font-size: clamp(38px, min(4.2vw, 7svh), 68px);
    line-height: .98;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-figure{
    margin-top: clamp(10px, 1.8svh, 18px);
    color: var(--l-pearl);
    font-size: clamp(76px, min(7.4vw, 12svh), 128px);
    line-height: .88;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 10px 34px rgba(0,0,0,.34);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-lede{
    max-width: 520px;
    margin-top: clamp(13px, 2svh, 20px);
    color: #c4c7c9;
    font-size: clamp(13px, min(1.05vw, 1.85svh), 17px);
    line-height: 1.45;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link{
    width: fit-content;
    min-height: 44px;
    margin-top: clamp(13px, 2svh, 20px);
    padding: 0 clamp(18px, 1.5vw, 26px);
    background: var(--l-giallo);
    color: var(--l-giallo-ink);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link:hover{
    background: var(--l-giallo-ombra);
    color: var(--l-pearl);
}

body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
    position: absolute;
    z-index: 3;
    left: clamp(14px, 2.1vw, 40px);
    right: clamp(14px, 2.1vw, 40px);
    bottom: clamp(14px, 2.6svh, 26px);
    height: clamp(220px, 27svh, 260px);
    min-height: 0;
    display: block;
    background: #101214;
    color: var(--l-stage-ink);
    border: 1px solid rgba(255,255,255,.16);
    border-top-color: rgba(255,192,0,.72);
    box-shadow: 0 22px 56px rgba(0,0,0,.34);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-inner{
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: clamp(230px, 19vw, 310px) minmax(0, 1fr);
    gap: clamp(18px, 2.2vw, 38px);
    align-items: stretch;
    padding: clamp(18px, 2.4svh, 28px) clamp(20px, 2.2vw, 38px);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy{
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: clamp(18px, 2.2vw, 36px);
    border-right: 1px solid rgba(255,255,255,.16);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-h2{
    color: var(--l-pearl);
    font-size: clamp(26px, min(2.2vw, 4.1svh), 40px);
    line-height: 1;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-lede{
    margin-top: clamp(9px, 1.3svh, 14px);
    color: #aeb2b4;
    font-size: clamp(12px, min(.9vw, 1.55svh), 14px);
    line-height: 1.42;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-link{
    display: none;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-steps{
    min-width: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    align-items: stretch;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step{
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(12px, 1.7vw, 26px);
    border-top: 0;
    border-left: 1px solid rgba(255,255,255,.12);
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step:first-child{
    border-left: 0;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step__n{
    margin: 0 0 clamp(7px, 1svh, 11px);
    color: var(--l-giallo);
    font-size: 11px;
    letter-spacing: .14em;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-h3{
    margin: 0 0 clamp(6px, .9svh, 10px);
    color: var(--l-pearl);
    font-size: clamp(15px, min(1.2vw, 2.15svh), 20px);
    line-height: 1.16;
}
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step p{
    margin: 0;
    color: #aeb2b4;
    font-size: clamp(11px, min(.82vw, 1.55svh), 14px);
    line-height: 1.4;
}

/* პორტრეტზე ორი ძლიერი ზონა: ზემოთ ვიზუალი/რიცხვი, ქვემოთ სამი მკაფიო ნაბიჯი. */
@media (max-width: 900px) and (orientation: portrait){
    body.lnd-v2 .lam-ticket-combo--editorial{
        display: grid;
        grid-template-rows: minmax(0, 43%) minmax(0, 57%);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature{
        position: relative;
        inset: auto;
        grid-row: 1;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media{
        inset: 0;
        width: 100%;
        height: 100%;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media img,
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media video{
        object-position: right center;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media::after{
        background: linear-gradient(90deg, rgba(7,9,11,.08) 0%, rgba(7,9,11,.28) 24%, rgba(7,9,11,.88) 58%, #07090b 100%);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__text{
        width: 76%;
        margin-left: auto;
        height: 100%;
        padding: clamp(10px, 1.8svh, 18px) var(--l-gutter);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-eyebrow{
        margin-bottom: 4px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-h2{
        font-size: clamp(24px, 7vw, 34px);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-figure{
        margin-top: 7px;
        font-size: clamp(52px, 16vw, 72px);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-lede{
        margin-top: 8px;
        font-size: clamp(10px, 2.75vw, 12px);
        line-height: 1.3;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link{
        min-height: 32px;
        margin-top: 8px;
        padding-inline: 14px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
        position: relative;
        inset: auto;
        grid-row: 2;
        width: 100%;
        height: 100%;
        border-width: 1px 0 0;
        box-shadow: none;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-inner{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        gap: 6px;
        padding: clamp(9px, 1.7svh, 15px) var(--l-gutter);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy{
        display: block;
        padding: 0;
        border-right: 0;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-h2{
        font-size: clamp(20px, 6vw, 28px);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-lede,
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-link{
        display: none;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-steps{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step{
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 2px 9px;
        align-content: center;
        padding: 6px 0;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.12);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step__n{
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: start;
        margin: 2px 0 0;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-h3{
        grid-column: 2;
        margin: 0;
        font-size: clamp(12px, 3.5vw, 15px);
        line-height: 1.08;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step p{
        grid-column: 2;
        font-size: clamp(9px, 2.55vw, 11px);
        line-height: 1.22;
    }
}

/* დაბალ landscape viewport-ში panel კომპაქტურია; აღწერები იმალება, სათაურები რჩება. */
@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media{
        width: 58%;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__text{
        width: 48%;
        height: calc(100% - 140px);
        padding: 8px var(--l-gutter);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-eyebrow{ display: none; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-h2{ font-size: 20px; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-figure{
        margin-top: 5px;
        font-size: 44px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-lede{ display: none; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link{
        min-height: 28px;
        margin-top: 7px;
        font-size: 9px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
        left: 10px;
        right: 10px;
        bottom: 8px;
        height: 128px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-inner{
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 8px;
        padding: 7px 12px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy{
        padding-right: 10px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-h2{ font-size: 17px; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-lede{ display: none; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step{ padding: 7px 9px; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step__n{ margin-bottom: 4px; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-h3{ font-size: 11px; }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step p{ display: none; }
}

body.lnd-v2 main > .lam-exam-stage{
    display: block;
    position: relative;
    isolation: isolate;
    overflow: clip;
    background: #02080b;
}
body.lnd-v2 .lam-exam-stage .lam-split__media{
    position: absolute;
    inset-block: 0;
    right: 0;
    width: min(100%, calc((100svh - 64px) * 1.7778));
    height: 100%;
    min-height: 0;
    order: initial;
}
body.lnd-v2 .lam-exam-stage .lam-split__media video{
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}
body.lnd-v2 .lam-exam-stage .lam-split__media::after{
    background:
        linear-gradient(90deg,
            #02080b 0%,
            rgba(2,8,11,.84) 15%,
            rgba(2,8,11,.48) 34%,
            rgba(2,8,11,.12) 53%,
            rgba(2,8,11,0) 68%),
        linear-gradient(180deg,
            rgba(0,0,0,.30) 0%,
            rgba(0,0,0,0) 34%,
            rgba(0,0,0,0) 72%,
            rgba(0,0,0,.30) 100%);
}
body.lnd-v2 .lam-exam-stage .lam-split__text{
    position: relative;
    z-index: 2;
    width: min(52vw, 700px);
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 5svh, 52px) var(--l-gutter);
}
body.lnd-v2 .lam-exam-stage .lam-exam-stage__link{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
body.lnd-v2 .lam-exam-stage .lam-exam-stage__link:focus-visible{
    box-shadow: inset 3px 0 0 var(--l-giallo);
}
body.lnd-v2 .lam-exam-stage .lam-exam-stage__link:hover .lam-arrow{
    transform: translateX(4px);
}
body.lnd-v2 .lam-exam-stage .lam-split__text > *{
    max-width: 610px;
}

/* ფართო ეკრანზე მარცხენა copy კადრის მასშტაბს უნდა შეესაბამებოდეს — ძველი
   საერთო h2/lede ზომები ამ დიდ ცარიელ სივრცეში ზედმეტად პატარა ჩანდა. */
@media (min-width: 901px){
    body.lnd-v2 .lam-exam-stage .lam-split__text{
        width: min(56vw, 980px);
        padding-right: clamp(28px, 3vw, 58px);
    }
    body.lnd-v2 .lam-exam-stage .lam-split__text > *{
        max-width: 880px;
    }
    body.lnd-v2 .lam-exam-stage .lam-eyebrow{
        margin-bottom: clamp(12px, 1.8svh, 19px);
        font-size: clamp(13px, min(.82vw, 1.65svh), 16px);
    }
    body.lnd-v2 .lam-exam-stage .lam-h2{
        font-size: clamp(56px, min(4.7vw, 8.6svh), 92px);
        line-height: .96;
    }
    body.lnd-v2 .lam-exam-stage .lam-lede{
        max-width: 780px;
        margin-top: clamp(18px, 2.8svh, 30px);
        font-size: clamp(19px, min(1.35vw, 2.7svh), 26px);
        line-height: 1.42;
    }
    body.lnd-v2 .lam-exam-stage .lam-link{
        min-height: 42px;
        margin-top: clamp(15px, 2.3svh, 24px);
        font-size: clamp(13px, min(.82vw, 1.55svh), 16px);
    }
}

/* პორტრეტულ ტელეფონზე მარცხენა თავისუფალი ადგილი აღარ რჩება, ამიტომ კადრი
   ზემოთაა, ტექსტი კი ქვემოთ — ორივე ერთ viewport-ში და მოჭრის გარეშე. */
@media (max-width: 900px) and (orientation: portrait){
    body.lnd-v2 main > .lam-exam-stage{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 54%) minmax(0, 46%);
    }
    body.lnd-v2 .lam-exam-stage .lam-split__media{
        position: relative;
        inset: auto;
        width: 100%;
        height: 100%;
        grid-row: 1;
    }
    body.lnd-v2 .lam-exam-stage .lam-split__media video{
        object-position: 62% center;
    }
    body.lnd-v2 .lam-exam-stage .lam-split__media::after{
        background: linear-gradient(180deg, rgba(0,0,0,0) 58%, #02080b 100%);
    }
    body.lnd-v2 .lam-exam-stage .lam-split__text{
        grid-row: 2;
        width: 100%;
        height: 100%;
        padding: clamp(14px, 2.5svh, 24px) var(--l-gutter);
    }
}

/* Mia — კადრი ქვედა კიდემდე მიდის ყოველგვარი alpha-blur-ისა და ჰაერის გარეშე.
   loop-ის მეორე video layer ჩვეულებრივი flow-დან ამოღებულია: პატარა ეკრანზე
   ორივე კადრი ზუსტად ერთსა და იმავე ადგილას დგას და ციკლისას გვერდი აღარ ხტება. */
body.lnd-v2 .lam-mia-stage{ --_mia-air: 0px; }
body.lnd-v2 .lam-mia-stage__video{
    inset: 0;
    height: 100%;
    object-position: left bottom;
    -webkit-mask-image:
        linear-gradient(90deg, #000 0%, #000 96%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(90deg, #000 0%, #000 96%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
    mask-composite: intersect;
}

/* Cursor-follow frame experiment: all anchor JPGs keep exactly the same box,
   so a frame swap cannot move the section or flash a background layer. */
body.lnd-v2 .lam-mia-stage__frame{
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    transform: translateZ(0);
    backface-visibility: hidden;
}

body.lnd-v2 .lam-mia-stage__scrub{
    pointer-events: none;
    transform: translateZ(0);
    backface-visibility: hidden;
}

@media (max-width: 900px){
    body.lnd-v2 .lam-mia-stage__video{
        margin: 0;
        object-position: left bottom;
    }
    body.lnd-v2 .lam-mia-stage__video--b{
        position: absolute;
        inset: 0 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    body.lnd-v2 .lam-mia-stage__veil{ top: 0; }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__video--b{
        inset: 0;
        height: 100%;
        aspect-ratio: auto;
    }
}

/* Mia v3 — the media itself is physically cropped to the portrait, so the
   browser no longer scales a mostly empty 16:9 frame. No masks, blur or blend
   modes are used: the decoded frame is composited as-is. */
body.lnd-v2 .lam-mia-stage{
    --_mia-bg: #f1f1ef;
}

body.lnd-v2 .lam-mia-stage__video{
    position: absolute;
    inset: auto auto 0 0;
    width: min(54%, calc(var(--lnd-page-h) * .94));
    height: 84%;
    margin: 0;
    aspect-ratio: 672 / 600;
    object-fit: contain;
    object-position: left bottom;
    background: var(--_mia-bg);
    mix-blend-mode: normal;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-mask-image:
        linear-gradient(90deg, #000 0%, #000 96%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(90deg, #000 0%, #000 96%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
    mask-composite: intersect;
}

body.lnd-v2 .lam-mia-stage__veil{
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    background: linear-gradient(90deg,
        rgba(241,241,239,0) 32%,
        rgba(241,241,239,.14) 48%,
        rgba(241,241,239,.9) 68%,
        var(--_mia-bg) 100%);
}

@media (max-width: 900px) and (min-height: 451px){
    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        grid-template-rows: auto minmax(0, 1fr);
    }

    body.lnd-v2 .lam-mia-stage__video{
        position: relative;
        inset: auto;
        grid-row: 1;
        width: min(72vw, calc(var(--lnd-page-h) * .46));
        height: auto;
        margin: 0 auto;
        aspect-ratio: 672 / 600;
        object-fit: contain;
        object-position: center bottom;
        -webkit-mask-image:
            linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%),
            linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
        mask-image:
            linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%),
            linear-gradient(180deg, transparent 0%, #000 2%, #000 100%);
    }

    body.lnd-v2 .lam-mia-stage__veil{
        display: none;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__video{
        position: absolute;
        inset: auto auto 0 0;
        width: min(52%, calc(var(--lnd-page-h) * .94));
        height: 84%;
        aspect-ratio: 672 / 600;
        object-fit: contain;
        object-position: left bottom;
    }
}

/* ═══════════════ Pricing — ცივი თეთრი / თბილი ოქროსფერი გზა ═══════════════
   Background now comes from the user's 1280×720 tarif.mp4. Cards no longer
   stretch to the full stage height: each one sits over its matching light lane. */
body.lnd-v2 #pricing{
    --l-ink: #F6F7F7;
    --l-ink-mute: rgba(232,235,236,.68);
    --l-rule: rgba(255,255,255,.15);
    --l-rule-hard: rgba(255,255,255,.32);
    position: relative;
    isolation: isolate;
    padding: 0;
    overflow: clip;
    background: #050709;
    color: var(--l-ink);
}
body.lnd-v2 #pricing .lam-pricing__bg{
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: #050709;
    filter: brightness(.78) saturate(.92) contrast(1.04);
}
body.lnd-v2 #pricing::before,
body.lnd-v2 #pricing::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}
body.lnd-v2 #pricing::before{
    z-index: -2;
    background:
        radial-gradient(ellipse at 24% 50%, rgba(230,242,250,.16) 0%, rgba(207,225,238,.055) 29%, transparent 53%),
        radial-gradient(ellipse at 76% 52%, rgba(255,173,65,.18) 0%, rgba(255,137,29,.06) 30%, transparent 55%);
}
body.lnd-v2 #pricing::after{
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(2,4,6,.55) 0%, transparent 26%, transparent 69%, rgba(2,3,4,.66) 100%),
        linear-gradient(90deg, rgba(0,2,4,.30) 0%, transparent 23%, rgba(0,0,0,.16) 50%, transparent 77%, rgba(3,2,0,.30) 100%);
}
body.lnd-v2 #pricing > .lam-shell{
    position: relative;
    z-index: 1;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding-block: clamp(15px, 2.5svh, 27px);
}
body.lnd-v2 #pricing .lam-head{
    padding-bottom: clamp(10px, 1.7svh, 17px);
    border-bottom-color: rgba(255,255,255,.18);
}
body.lnd-v2 #pricing .lam-h2{
    color: #FAFAF7;
    text-shadow: 0 0 30px rgba(233,242,247,.12);
}
body.lnd-v2 #pricing .lam-head__note{ color: rgba(247,241,232,.72); }

body.lnd-v2 #pricing .lam-plans{
    width: min(100%, 920px);
    height: 100%;
    min-height: 0;
    margin: clamp(9px, 1.7svh, 16px) auto 0;
    border: 0;
    display: grid;
    grid-template-columns: minmax(270px, 330px) minmax(300px, 360px);
    justify-content: center;
    align-items: center;
    gap: clamp(52px, 7vw, 104px);
    overflow: visible;
}
body.lnd-v2 #pricing .lam-plan,
body.lnd-v2 #pricing .lam-plan + .lam-plan{
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    align-self: center;
    padding: clamp(18px, 2.5svh, 27px) clamp(19px, 2.2vw, 29px);
    border-radius: 6px;
    color: #F7F7F4;
    backdrop-filter: blur(14px) saturate(1.08);
    -webkit-backdrop-filter: blur(14px) saturate(1.08);
}
body.lnd-v2 #pricing .lam-plan::before,
body.lnd-v2 #pricing .lam-plan::after{
    content: "";
    position: absolute;
    pointer-events: none;
}
body.lnd-v2 #pricing .lam-plan::after{
    inset: 0 0 auto;
    height: 1px;
}
body.lnd-v2 #pricing .lam-plan--free{
    max-width: 330px;
    height: clamp(390px, 61svh, 455px);
    justify-self: end;
    background: linear-gradient(145deg, rgba(17,23,29,.62), rgba(5,8,11,.53));
    border: 1px solid rgba(226,239,248,.30);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 22px 58px rgba(0,0,0,.34),
        -18px 0 50px rgba(223,239,250,.08);
}
body.lnd-v2 #pricing .lam-plan--free::before{
    inset: -42% 22% auto -28%;
    height: 75%;
    background: radial-gradient(ellipse, rgba(237,247,253,.18), transparent 67%);
}
body.lnd-v2 #pricing .lam-plan--free::after{
    background: linear-gradient(90deg, rgba(245,251,255,.76), rgba(221,239,250,.10) 62%, transparent);
}
body.lnd-v2 #pricing .lam-plan--pass{
    max-width: 360px;
    height: clamp(430px, 66svh, 490px);
    justify-self: start;
    background: linear-gradient(145deg, rgba(30,19,9,.68), rgba(7,6,5,.58) 64%);
    border: 1px solid rgba(255,181,76,.40);
    box-shadow:
        inset 0 1px 0 rgba(255,220,170,.10),
        0 25px 64px rgba(0,0,0,.38),
        22px 0 62px rgba(255,142,30,.10);
}
body.lnd-v2 #pricing .lam-plan--pass::before{
    inset: -45% -15% auto 15%;
    height: 80%;
    background: radial-gradient(ellipse, rgba(255,164,55,.19), transparent 68%);
}
body.lnd-v2 #pricing .lam-plan--pass::after{
    background: linear-gradient(90deg, rgba(255,180,77,.82), rgba(255,157,45,.14) 68%, transparent);
}
body.lnd-v2 #pricing .lam-plan > *{ position: relative; z-index: 1; }
body.lnd-v2 #pricing .lam-plan__name{ font-size: clamp(10px, min(.9vw, 1.55svh), 13px); }
body.lnd-v2 #pricing .lam-plan__price{ margin-top: clamp(10px, 1.8svh, 18px); }
body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(52px, min(5.4vw, 8.3svh), 78px); }
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__amt{ color: #FFD092; }
body.lnd-v2 #pricing .lam-plan__per{ color: rgba(239,237,232,.65); }
body.lnd-v2 #pricing .lam-plan__tag{
    color: #FFD294;
    border-color: rgba(255,190,102,.45);
    background: rgba(255,151,40,.08);
    border-radius: 999px;
}
body.lnd-v2 #pricing .lam-plan__feats{
    margin-block: clamp(11px, 1.8svh, 18px) clamp(13px, 2.1svh, 21px);
}
body.lnd-v2 #pricing .lam-plan__feats li{
    color: rgba(248,248,245,.89);
    padding-block: clamp(2px, .45svh, 4px);
    font-size: clamp(11px, min(.92vw, 1.55svh), 14px);
    line-height: 1.35;
}
body.lnd-v2 #pricing .lam-plan__feats li.is-off{ color: rgba(220,224,226,.38); }
body.lnd-v2 #pricing .lam-plan--free .lam-plan__mark{ color: #EEF7FC; }
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__mark{ color: #FFB95D; }
body.lnd-v2 #pricing .lam-plan .lam-btn{
    min-height: clamp(40px, 5.8svh, 48px);
    padding-inline: clamp(17px, 2vw, 24px);
}
body.lnd-v2 #pricing .lam-plan--free .lam-btn--outline{
    color: #F7FAFC;
    border-color: rgba(238,246,251,.42);
    background: rgba(242,249,253,.035);
    border-radius: 3px;
    box-shadow: 0 0 24px rgba(230,242,250,.04);
}
body.lnd-v2 #pricing .lam-plan--pass .lam-btn--giallo{
    border-color: #F2A233;
    background: linear-gradient(135deg, #FFD176, #F39A27);
    border-radius: 3px;
    box-shadow: 0 9px 26px rgba(242,154,39,.18);
}

@media (max-width: 1100px){
    body.lnd-v2 #pricing .lam-plans{
        width: min(100%, 780px);
        grid-template-columns: minmax(250px, 300px) minmax(280px, 340px);
        gap: clamp(34px, 5vw, 64px);
    }
    body.lnd-v2 #pricing .lam-plan--free{ max-width: 300px; }
    body.lnd-v2 #pricing .lam-plan--pass{ max-width: 340px; }
}

@media (max-width: 900px){
    body.lnd-v2 #pricing .lam-pricing__bg{
        filter: brightness(.65) saturate(.92) contrast(1.06);
        transform: scale(1.025);
    }
    body.lnd-v2 #pricing::before{
        background:
            radial-gradient(ellipse at 10% 48%, rgba(229,242,251,.18), transparent 47%),
            radial-gradient(ellipse at 90% 52%, rgba(255,163,48,.20), transparent 50%);
    }
    body.lnd-v2 #pricing > .lam-shell{ padding-block: 10px; }
    body.lnd-v2 #pricing .lam-head{ padding-bottom: 8px; }
    body.lnd-v2 #pricing .lam-plans{
        width: 100%;
        height: 100%;
        margin-top: 8px;
        padding: 0 10vw 0 1px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 12px;
        padding-top: clamp(14px, 2.2svh, 20px);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 1px;
        scrollbar-width: none;
    }
    body.lnd-v2 #pricing .lam-plans::-webkit-scrollbar{ display: none; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{
        max-width: none;
        justify-self: auto;
        align-self: flex-start;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        padding: clamp(13px, 1.9svh, 18px) 15px;
        border-radius: 4px;
        backdrop-filter: blur(9px) saturate(1.05);
        -webkit-backdrop-filter: blur(9px) saturate(1.05);
    }
    body.lnd-v2 #pricing .lam-plan--free{
        flex: 0 0 min(70vw, 290px);
        height: clamp(390px, 58svh, 455px);
    }
    body.lnd-v2 #pricing .lam-plan--pass{
        flex: 0 0 min(76vw, 320px);
        height: clamp(425px, 63svh, 485px);
    }
    body.lnd-v2 #pricing .lam-plan__name{ font-size: 10px; }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 8px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(44px, 13vw, 58px); }
    body.lnd-v2 #pricing .lam-plan__per{ font-size: 8px; }
    body.lnd-v2 #pricing .lam-plan__feats{ margin-block: 8px 10px; }
    body.lnd-v2 #pricing .lam-plan__feats li{
        gap: 7px;
        padding-block: 2px;
        font-size: clamp(9px, 2.7vw, 12px);
        line-height: 1.25;
    }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-height: 38px; font-size: 9px; }
}

@media (max-width: 520px){
    body.lnd-v2 #pricing .lam-head{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }
    body.lnd-v2 #pricing .lam-h2{ font-size: clamp(23px, 7vw, 28px); }
    body.lnd-v2 #pricing .lam-head__note{
        max-width: none;
        font-size: 7px;
        text-align: left;
        color: rgba(255,198,117,.82);
    }
    body.lnd-v2 #pricing .lam-plans{ padding-right: 13vw; }
    body.lnd-v2 #pricing .lam-plan--free{ flex-basis: 70vw; }
    body.lnd-v2 #pricing .lam-plan--pass{ flex-basis: 77vw; }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 #pricing > .lam-shell{ padding-block: 5px; }
    body.lnd-v2 #pricing .lam-head{ padding-bottom: 4px; }
    body.lnd-v2 #pricing .lam-plans{ margin-top: 4px; gap: 9px; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding: 7px 10px; }
    body.lnd-v2 #pricing .lam-plan--free{
        flex-basis: min(42vw, 240px);
        height: calc(var(--lnd-page-h) - 88px);
    }
    body.lnd-v2 #pricing .lam-plan--pass{
        flex-basis: min(48vw, 270px);
        height: calc(var(--lnd-page-h) - 78px);
    }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 4px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: 34px; }
    body.lnd-v2 #pricing .lam-plan__feats{ margin-block: 4px 5px; }
    body.lnd-v2 #pricing .lam-plan__feats li{ padding-block: 0; font-size: 9px; line-height: 1.14; }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-height: 34px; }
}

/* Ready to start + footer: ერთი სრული კადრი, დამატებითი scroll-page-ის გარეშე. */
body.lnd-v2 main > .lam-final{
    display: grid;
    grid-template-rows: minmax(0, 36%) minmax(0, 64%);
    align-items: stretch;
    padding: 0;
}
body.lnd-v2 .lam-final__grid{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    align-content: center;
    padding-block: clamp(18px, 3svh, 30px);
}
body.lnd-v2 main > .lam-final > .lam-final__footer.site-footer{
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(16px, 2.5svh, 26px) 0 0 !important;
    overflow: hidden;
    scroll-snap-align: none;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-content: stretch;
    justify-content: stretch;
    background: rgba(18,18,18,.93) !important;
    border-top: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}
body.lnd-v2 .lam-final__footer .footer-container{
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    min-height: 0;
    margin: 0 auto;
    padding: 0 var(--l-gutter);
    grid-template-columns: minmax(250px, 1.15fr) minmax(0, 1.85fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}
body.lnd-v2 .lam-final__footer .footer-brand{ max-width: 360px; }
body.lnd-v2 .lam-final__footer .footer-logo img{
    display: block;
    width: auto;
    height: clamp(25px, 3.5svh, 32px);
    margin: 0 0 10px;
}
body.lnd-v2 .lam-final__footer .footer-brand p{
    max-width: 340px;
    margin: 0;
    font-size: clamp(12px, min(1vw, 1.8svh), 15px);
    line-height: 1.55;
}
body.lnd-v2 .lam-final__footer .footer-links{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 48px);
}
body.lnd-v2 .lam-final__footer .footer-col h4{
    margin: 0 0 clamp(7px, 1.4svh, 12px);
    font-size: clamp(9px, min(.78vw, 1.35svh), 12px) !important;
}
body.lnd-v2 .lam-final__footer .footer-col li{ margin-bottom: clamp(4px, .8svh, 8px); }
body.lnd-v2 .lam-final__footer .footer-col a{
    font-size: clamp(11px, min(.9vw, 1.55svh), 14px) !important;
    line-height: 1.35;
}
body.lnd-v2 .lam-final__footer .footer-bottom{
    margin-top: clamp(8px, 1.5svh, 14px) !important;
    padding: clamp(9px, 1.6svh, 14px) var(--l-gutter) !important;
}
body.lnd-v2 .lam-final__footer .footer-bottom p{
    margin: 0;
    font-size: clamp(9px, min(.78vw, 1.35svh), 12px) !important;
}

@media (max-width: 900px){
    body.lnd-v2 main > .lam-final{
        grid-template-rows: minmax(0, 32%) minmax(0, 68%);
    }
    body.lnd-v2 .lam-final__grid{
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px;
        padding-block: clamp(10px, 1.8svh, 16px);
    }
    body.lnd-v2 .lam-final__grid .lam-h2{ font-size: clamp(23px, 7vw, 34px); }
    body.lnd-v2 .lam-final__grid .lam-lede{ margin-top: 6px; font-size: clamp(11px, 3vw, 14px); }
    body.lnd-v2 .lam-final__grid .lam-btn{ min-height: 40px; padding-inline: 14px; }
    body.lnd-v2 .lam-final__note{ margin-top: 5px; font-size: 8px; }
    body.lnd-v2 main > .lam-final > .lam-final__footer.site-footer{
        padding-top: clamp(10px, 1.6svh, 15px) !important;
    }
    body.lnd-v2 .lam-final__footer .footer-container{
        grid-template-columns: minmax(105px, .8fr) minmax(0, 2.2fr) !important;
        gap: clamp(12px, 3.5vw, 24px) !important;
        padding: 0 14px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand{
        max-width: 150px !important;
        text-align: left !important;
    }
    body.lnd-v2 .lam-final__footer .footer-logo img{
        height: clamp(20px, 3svh, 25px);
        margin: 0 0 6px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand p{
        margin: 0 !important;
        font-size: clamp(8px, 2.35vw, 11px) !important;
        line-height: 1.35 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-links{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(7px, 2vw, 14px) !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col:last-child{ grid-column: auto !important; }
    body.lnd-v2 .lam-final__footer .footer-col h4{
        margin-bottom: 5px !important;
        font-size: clamp(7px, 1.9vw, 9px) !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col li{ margin-bottom: 3px !important; }
    body.lnd-v2 .lam-final__footer .footer-col a{
        font-size: clamp(8px, 2.15vw, 10px) !important;
        line-height: 1.25;
    }
    body.lnd-v2 .lam-final__footer .footer-bottom{
        margin-top: 6px !important;
        padding: 7px 12px max(7px, env(safe-area-inset-bottom)) !important;
    }
    body.lnd-v2 .lam-final__footer .footer-bottom p{ font-size: clamp(7px, 1.9vw, 9px) !important; }
}

@media (max-width: 520px){
    body.lnd-v2 .lam-final__grid{ grid-template-columns: minmax(0, 1fr) auto; }
    body.lnd-v2 .lam-final__grid .lam-lede{ max-width: 24ch; }
    body.lnd-v2 .lam-final__footer .footer-container{
        grid-template-columns: minmax(82px, .7fr) minmax(0, 2.3fr) !important;
        gap: 9px !important;
        padding-inline: 10px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand p{ font-size: 8px !important; }
    body.lnd-v2 .lam-final__footer .footer-links{ gap: 6px !important; }
    body.lnd-v2 .lam-final__footer .footer-col h4{ font-size: 7px !important; letter-spacing: .07em; }
    body.lnd-v2 .lam-final__footer .footer-col a{ font-size: 8px !important; }
}

/* ═══════════════ Pricing v3 — AIMARTVA access selector ═══════════════
   A self-contained editorial scene: no photo/video background, no floating
   cards. The cold free tier and warm paid tier form one architectural panel. */
body.lnd-v2 #pricing.lam-pricing{
    --price-cold: #edf5f8;
    --price-cold-mute: rgba(224,235,240,.60);
    --price-warm: #ffc56d;
    --price-warm-deep: #d8841e;
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding: 0;
    color: #f7f7f4;
    background:
        radial-gradient(ellipse 52% 82% at 4% 54%, rgba(194,221,233,.115), transparent 66%),
        radial-gradient(ellipse 58% 94% at 98% 49%, rgba(236,139,31,.16), transparent 65%),
        linear-gradient(112deg, #070a0c 0%, #050607 43%, #090603 100%);
}
body.lnd-v2 #pricing.lam-pricing::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .46;
    background:
        linear-gradient(90deg, transparent 0 5%, rgba(255,255,255,.035) 5% calc(5% + 1px), transparent calc(5% + 1px) 95%, rgba(255,190,92,.04) 95% calc(95% + 1px), transparent calc(95% + 1px)),
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 17%, transparent 83%, rgba(255,170,55,.035)),
        repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), rgba(255,255,255,.018) calc(12.5% - 1px) 12.5%);
}
body.lnd-v2 #pricing.lam-pricing::after{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -34%;
    width: 64%;
    aspect-ratio: 1;
    border: 1px solid rgba(255,173,65,.055);
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 0 9vw rgba(255,255,255,.008), 0 0 0 18vw rgba(255,255,255,.006);
    pointer-events: none;
}
body.lnd-v2 #pricing.lam-pricing > .lam-shell{
    position: relative;
    z-index: 1;
    width: min(100%, 1660px);
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding-block: clamp(18px, 3.1svh, 34px);
}
body.lnd-v2 #pricing .lam-pricing__head{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    padding-bottom: clamp(13px, 2.1svh, 22px);
    border-bottom: 1px solid rgba(255,255,255,.16);
}
body.lnd-v2 #pricing .lam-pricing__title{
    display: flex;
    align-items: end;
    gap: clamp(22px, 3.2vw, 54px);
    min-width: 0;
}
body.lnd-v2 #pricing .lam-pricing__eyebrow{
    flex: none;
    margin-bottom: .5em;
    color: rgba(255,191,100,.82);
    font-size: clamp(9px, min(.72vw, 1.3svh), 12px);
    font-weight: 700;
    font-stretch: var(--l-narrow-sm);
    letter-spacing: .18em;
    text-transform: uppercase;
}
body.lnd-v2 #pricing .lam-pricing__head .lam-h2{
    margin: 0;
    color: #f8f8f5;
    font-size: clamp(38px, min(4.1vw, 7.2svh), 72px);
    line-height: .91;
    letter-spacing: -.025em;
    text-shadow: none;
}
body.lnd-v2 #pricing .lam-pricing__head .lam-head__note{
    max-width: none;
    margin-bottom: .34em;
    color: rgba(239,238,232,.58);
    text-align: right;
    font-size: clamp(9px, min(.74vw, 1.35svh), 12px);
}
body.lnd-v2 #pricing .lam-plans{
    width: 100%;
    height: calc(100% - clamp(14px, 2.2svh, 23px));
    min-height: 0;
    margin: clamp(14px, 2.2svh, 23px) 0 0;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    align-items: stretch;
    gap: 1px;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.16);
}
body.lnd-v2 #pricing .lam-plan,
body.lnd-v2 #pricing .lam-plan + .lam-plan{
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: clamp(22px, 3.5svh, 38px) clamp(24px, 3vw, 48px);
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-self: stretch;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    color: #f7f7f4;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}
body.lnd-v2 #pricing .lam-plan--free{
    background:
        radial-gradient(ellipse 72% 70% at 0% 0%, rgba(218,237,245,.13), transparent 66%),
        linear-gradient(145deg, rgba(19,25,29,.97), rgba(7,10,12,.98));
}
body.lnd-v2 #pricing .lam-plan--pass{
    background:
        radial-gradient(ellipse 80% 90% at 100% 0%, rgba(244,150,40,.22), transparent 64%),
        linear-gradient(145deg, rgba(27,18,9,.98), rgba(9,7,5,.99) 72%);
}
body.lnd-v2 #pricing .lam-plan::before{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(118deg, rgba(255,255,255,.035), transparent 23%, transparent 77%, rgba(255,255,255,.018));
}
body.lnd-v2 #pricing .lam-plan::after{
    position: absolute;
    z-index: -1;
    right: -.035em;
    bottom: -.20em;
    height: auto;
    color: rgba(255,255,255,.024);
    background: none;
    font-size: clamp(120px, min(19vw, 31svh), 320px);
    font-weight: 800;
    font-stretch: var(--l-narrow);
    line-height: .78;
    letter-spacing: -.07em;
    pointer-events: none;
}
body.lnd-v2 #pricing .lam-plan--free::after{ content: "01"; }
body.lnd-v2 #pricing .lam-plan--pass::after{
    content: "02";
    color: rgba(255,181,77,.035);
}
body.lnd-v2 #pricing .lam-plan > *{
    position: relative;
    z-index: 1;
}
body.lnd-v2 #pricing .lam-plan__head{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(14px, 1.7vw, 24px);
    padding-bottom: clamp(12px, 2svh, 20px);
    border-bottom: 1px solid rgba(255,255,255,.13);
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__head{
    border-bottom-color: rgba(255,184,81,.24);
}
body.lnd-v2 #pricing .lam-plan__index{
    display: grid;
    place-items: center;
    width: clamp(32px, 2.5vw, 42px);
    aspect-ratio: 1;
    border: 1px solid rgba(238,246,249,.30);
    color: rgba(240,247,250,.67);
    font-size: clamp(9px, min(.7vw, 1.25svh), 11px);
    font-weight: 700;
    letter-spacing: .12em;
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__index{
    border-color: rgba(255,184,81,.42);
    color: #ffc46d;
}
body.lnd-v2 #pricing .lam-plan__name{
    color: rgba(247,248,246,.84);
    font-size: clamp(11px, min(.95vw, 1.7svh), 15px);
    letter-spacing: .16em;
}
body.lnd-v2 #pricing .lam-plan__tag{
    margin-left: clamp(8px, 1vw, 14px);
    padding: 3px 9px;
    border: 1px solid rgba(255,187,89,.38);
    border-radius: 999px;
    color: #ffc66f;
    background: rgba(236,142,31,.09);
    font-size: .72em;
}
body.lnd-v2 #pricing .lam-plan__price{
    display: flex;
    align-items: end;
    gap: clamp(15px, 2vw, 30px);
    flex-wrap: nowrap;
    margin-top: clamp(16px, 2.9svh, 30px);
}
body.lnd-v2 #pricing .lam-plan__amt{
    flex: none;
    color: var(--price-cold);
    font-size: clamp(72px, min(8vw, 12.5svh), 132px);
    line-height: .77;
    letter-spacing: -.055em;
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__amt{
    color: var(--price-warm);
    text-shadow: 0 0 42px rgba(236,145,35,.12);
}
body.lnd-v2 #pricing .lam-plan__per{
    max-width: 18ch;
    padding-bottom: .12em;
    color: rgba(235,237,236,.56);
    font-size: clamp(9px, min(.75vw, 1.35svh), 12px);
    line-height: 1.35;
}
body.lnd-v2 #pricing .lam-plan__feats{
    width: 100%;
    margin: clamp(16px, 3svh, 30px) 0 clamp(15px, 2.7svh, 27px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    flex: 1;
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: clamp(22px, 3vw, 48px);
}
body.lnd-v2 #pricing .lam-plan__feats li{
    min-width: 0;
    gap: clamp(8px, 1vw, 14px);
    padding-block: clamp(3px, .62svh, 6px);
    color: rgba(246,247,244,.82);
    font-size: clamp(11px, min(.9vw, 1.55svh), 14px);
    line-height: 1.35;
}
body.lnd-v2 #pricing .lam-plan__feats li.is-off{ color: rgba(223,229,231,.28); }
body.lnd-v2 #pricing .lam-plan--free .lam-plan__mark{ color: rgba(231,243,248,.86); }
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__mark{ color: var(--price-warm); }
body.lnd-v2 #pricing .lam-plan .lam-btn{
    align-self: flex-start;
    min-width: clamp(165px, 12vw, 205px);
    min-height: clamp(44px, 6.2svh, 52px);
    justify-content: space-between;
    padding-inline: clamp(17px, 1.8vw, 25px);
    border-radius: 0;
    font-size: clamp(10px, min(.78vw, 1.4svh), 12px);
}
body.lnd-v2 #pricing .lam-plan--free .lam-btn--outline{
    border-color: rgba(235,244,248,.38);
    color: #f4f8fa;
    background: rgba(230,241,247,.025);
    box-shadow: none;
}
body.lnd-v2 #pricing .lam-plan--free .lam-btn--outline:hover{
    border-color: rgba(241,248,251,.78);
    background: rgba(230,241,247,.075);
}
body.lnd-v2 #pricing .lam-plan--pass .lam-btn--giallo{
    border-color: #f0a33e;
    color: #160d03;
    background: linear-gradient(135deg, #ffd17c, #f3a237);
    box-shadow: 0 13px 32px rgba(224,128,22,.16);
}

@media (max-width: 1180px){
    body.lnd-v2 #pricing .lam-pricing__title{ gap: 20px; }
    body.lnd-v2 #pricing .lam-plans{ grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding-inline: clamp(19px, 2.5vw, 30px); }
    body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{ column-gap: 18px; }
}

@media (min-width: 901px) and (max-height: 760px){
    body.lnd-v2 #pricing.lam-pricing > .lam-shell{ padding-block: 12px; }
    body.lnd-v2 #pricing .lam-pricing__head{ padding-bottom: 10px; }
    body.lnd-v2 #pricing .lam-pricing__head .lam-h2{ font-size: clamp(34px, 5.4svh, 46px); }
    body.lnd-v2 #pricing .lam-plans{
        height: calc(100% - 11px);
        margin-top: 11px;
    }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding-block: 15px; }
    body.lnd-v2 #pricing .lam-plan__head{ padding-bottom: 9px; }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 13px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(58px, 10svh, 76px); }
    body.lnd-v2 #pricing .lam-plan__feats{ margin-block: 12px; }
    body.lnd-v2 #pricing .lam-plan__feats li{ padding-block: 2px; font-size: clamp(10px, 1.7svh, 12px); }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-height: 40px; }
}

@media (max-width: 900px){
    body.lnd-v2 #pricing.lam-pricing{
        background:
            radial-gradient(ellipse 80% 62% at 3% 35%, rgba(194,221,233,.12), transparent 67%),
            radial-gradient(ellipse 84% 72% at 97% 72%, rgba(236,139,31,.17), transparent 68%),
            linear-gradient(120deg, #070a0c, #070503);
    }
    body.lnd-v2 #pricing.lam-pricing > .lam-shell{ padding-block: 10px; }
    body.lnd-v2 #pricing .lam-pricing__head{
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        padding-bottom: 8px;
    }
    body.lnd-v2 #pricing .lam-pricing__title{ display: block; }
    body.lnd-v2 #pricing .lam-pricing__eyebrow{ display: none; }
    body.lnd-v2 #pricing .lam-pricing__head .lam-h2{ font-size: clamp(26px, 7.4vw, 38px); }
    body.lnd-v2 #pricing .lam-pricing__head .lam-head__note{
        margin: 0;
        color: rgba(255,195,109,.72);
        text-align: left;
        font-size: clamp(7px, 2vw, 9px);
    }
    body.lnd-v2 #pricing .lam-plans{
        width: 100%;
        height: calc(100% - 8px);
        margin-top: 8px;
        padding: 0 11vw 0 0;
        display: flex;
        align-items: stretch;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0;
        border: 0;
        background: transparent;
        scrollbar-width: none;
    }
    body.lnd-v2 #pricing .lam-plans::-webkit-scrollbar{ display: none; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{
        flex: 0 0 min(82vw, 480px);
        height: 100%;
        padding: clamp(15px, 2.2svh, 22px) clamp(16px, 4.5vw, 24px);
        scroll-snap-align: start;
        scroll-snap-stop: always;
        border: 1px solid rgba(255,255,255,.16);
    }
    body.lnd-v2 #pricing .lam-plan--pass{ border-color: rgba(255,179,76,.30); }
    body.lnd-v2 #pricing .lam-plan__head{ padding-bottom: clamp(8px, 1.5svh, 13px); }
    body.lnd-v2 #pricing .lam-plan__index{ width: clamp(29px, 8vw, 36px); }
    body.lnd-v2 #pricing .lam-plan__name{ font-size: clamp(9px, 2.7vw, 12px); }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: clamp(12px, 2svh, 18px); }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(54px, min(18vw, 11svh), 82px); }
    body.lnd-v2 #pricing .lam-plan__per{ font-size: clamp(7px, 2vw, 9px); }
    body.lnd-v2 #pricing .lam-plan__feats,
    body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-auto-flow: row;
        margin-block: clamp(9px, 1.8svh, 15px);
    }
    body.lnd-v2 #pricing .lam-plan__feats li{
        padding-block: clamp(1px, .45svh, 4px);
        font-size: clamp(9px, 2.6vw, 12px);
        line-height: 1.24;
    }
    body.lnd-v2 #pricing .lam-plan .lam-btn{
        min-width: min(56vw, 190px);
        min-height: clamp(38px, 5.5svh, 46px);
        font-size: clamp(8px, 2.4vw, 10px);
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 #pricing.lam-pricing > .lam-shell{ padding-block: 5px; }
    body.lnd-v2 #pricing .lam-pricing__head{
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        padding-bottom: 4px;
    }
    body.lnd-v2 #pricing .lam-pricing__head .lam-h2{ font-size: 22px; }
    body.lnd-v2 #pricing .lam-pricing__head .lam-head__note{ text-align: right; }
    body.lnd-v2 #pricing .lam-plans{ height: calc(100% - 5px); margin-top: 5px; padding-right: 8vw; gap: 7px; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{
        flex-basis: min(68vw, 520px);
        padding: 8px 12px;
    }
    body.lnd-v2 #pricing .lam-plan__head{ padding-bottom: 4px; }
    body.lnd-v2 #pricing .lam-plan__index{ width: 25px; }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 5px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: 38px; }
    body.lnd-v2 #pricing .lam-plan__feats,
    body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(4, auto);
        grid-auto-flow: column;
        column-gap: 14px;
        margin-block: 5px;
    }
    body.lnd-v2 #pricing .lam-plan__feats li{ padding-block: 0; font-size: 8px; line-height: 1.13; }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-width: 130px; min-height: 30px; font-size: 8px; }
}

/* ═══════════════ Pricing v4 — cinematic drive-mode selector ═══════════════ */
body.lnd-v2 #pricing.lam-pricing{
    background: #030405;
}
body.lnd-v2 #pricing.lam-pricing .lam-pricing__bg{
    position: absolute;
    inset: 0;
    z-index: -4;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: #030405;
    filter: brightness(.64) saturate(.90) contrast(1.08);
    transform: scale(1.015);
}
body.lnd-v2 #pricing.lam-pricing::before{
    z-index: -3;
    opacity: 1;
    background:
        linear-gradient(180deg, rgba(1,2,3,.84) 0%, rgba(1,2,3,.22) 20%, rgba(1,2,3,.08) 58%, rgba(1,2,3,.80) 100%),
        linear-gradient(90deg, rgba(3,7,10,.76) 0%, rgba(3,7,10,.40) 35%, rgba(5,4,3,.18) 54%, rgba(13,7,2,.46) 100%);
}
body.lnd-v2 #pricing.lam-pricing::after{
    z-index: -2;
    left: 42%;
    top: 0;
    bottom: 0;
    width: 1px;
    height: auto;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    transform: none;
    background: linear-gradient(180deg, transparent, rgba(255,193,103,.22) 22%, rgba(255,255,255,.12) 50%, rgba(255,174,70,.19) 78%, transparent);
    box-shadow: 0 0 48px rgba(255,155,35,.10);
    transition: left .75s cubic-bezier(.2,.72,.18,1), opacity .4s ease;
}
body.lnd-v2 #pricing.lam-pricing > .lam-shell{
    width: min(100%, 1720px);
    padding-block: clamp(17px, 2.7svh, 28px);
}
body.lnd-v2 #pricing .lam-pricing__head{
    align-items: center;
    padding-bottom: clamp(13px, 1.9svh, 19px);
    border-bottom-color: rgba(255,255,255,.18);
}
body.lnd-v2 #pricing .lam-pricing__title{
    align-items: center;
    gap: clamp(18px, 2.7vw, 42px);
}
body.lnd-v2 #pricing .lam-pricing__eyebrow{
    margin: 0;
    color: rgba(255,188,91,.88);
}
body.lnd-v2 #pricing .lam-pricing__head .lam-h2{
    font-size: clamp(42px, min(4.4vw, 7.7svh), 78px);
    letter-spacing: -.035em;
}
body.lnd-v2 #pricing .lam-pricing__head .lam-head__note{
    margin: 0;
    color: rgba(246,244,238,.66);
}
body.lnd-v2 #pricing .lam-plans{
    width: 100%;
    height: calc(100% - clamp(10px, 1.5svh, 16px));
    margin-top: clamp(10px, 1.5svh, 16px);
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: 0;
    border: 0;
    background: transparent;
    transition: grid-template-columns .75s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan,
body.lnd-v2 #pricing .lam-plan + .lam-plan{
    padding: clamp(21px, 3.2svh, 34px) clamp(25px, 3vw, 48px) clamp(22px, 3.1svh, 33px);
    overflow: hidden;
    border: 0;
    background: transparent;
    opacity: 1;
    transition:
        opacity .5s ease,
        background-color .55s ease,
        box-shadow .55s ease;
}
body.lnd-v2 #pricing a.lam-plan{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
body.lnd-v2 #pricing a.lam-plan:focus-visible{
    box-shadow:
        inset 0 0 0 1px rgba(238,248,252,.82),
        inset 0 0 46px rgba(220,241,250,.08),
        0 0 0 2px rgba(238,248,252,.14);
}
body.lnd-v2 #pricing a.lam-plan--pass:focus-visible{
    box-shadow:
        inset 0 0 0 1px rgba(255,190,91,.92),
        inset 0 0 52px rgba(255,164,42,.11),
        0 0 0 2px rgba(255,179,67,.16);
}
body.lnd-v2 #pricing .lam-plan--free{
    background: linear-gradient(90deg, rgba(4,9,12,.78) 0%, rgba(4,8,10,.44) 76%, rgba(4,8,10,.13) 100%);
}
body.lnd-v2 #pricing .lam-plan--pass{
    border-left: 1px solid rgba(255,187,88,.18);
    background: linear-gradient(90deg, rgba(13,8,3,.18) 0%, rgba(13,8,3,.46) 44%, rgba(13,8,3,.66) 100%);
}
body.lnd-v2 #pricing .lam-plan::before{
    z-index: 0;
    inset: -25% -45%;
    width: auto;
    height: auto;
    opacity: 0;
    background: linear-gradient(108deg, transparent 34%, rgba(220,241,250,.11) 46%, rgba(255,255,255,.18) 50%, rgba(220,241,250,.08) 54%, transparent 66%);
    transform: translateX(-42%) skewX(-10deg);
    transition: transform 1.05s cubic-bezier(.16,.74,.16,1), opacity .3s ease;
    mix-blend-mode: screen;
}
body.lnd-v2 #pricing .lam-plan--pass::before{
    background: linear-gradient(108deg, transparent 34%, rgba(255,157,42,.12) 46%, rgba(255,210,133,.22) 50%, rgba(255,147,30,.09) 54%, transparent 66%);
}
body.lnd-v2 #pricing .lam-plan::after{
    right: clamp(6px, 1.4vw, 24px);
    bottom: clamp(2px, .8svh, 8px);
    color: rgba(238,247,251,.035);
    font-size: clamp(150px, min(20vw, 34svh), 340px);
    transition: color .55s ease, transform .75s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan--pass::after{ color: rgba(255,180,77,.04); }
body.lnd-v2 #pricing .lam-plan__head{
    width: 100%;
    padding-bottom: clamp(11px, 1.7svh, 17px);
    border-bottom-color: rgba(255,255,255,.18);
    transition: transform .65s cubic-bezier(.2,.72,.18,1), border-color .45s ease;
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__head{ border-bottom-color: rgba(255,183,77,.28); }
body.lnd-v2 #pricing .lam-plan__index{
    border-color: rgba(230,242,248,.38);
    background: rgba(2,5,7,.24);
    transition: color .4s ease, border-color .4s ease, background-color .4s ease, transform .55s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__index{ background: rgba(45,25,5,.25); }
body.lnd-v2 #pricing .lam-plan__name{
    color: rgba(250,250,247,.92);
    transition: color .4s ease, letter-spacing .55s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan__price{
    margin-top: clamp(18px, 2.8svh, 29px);
    transition: transform .68s cubic-bezier(.2,.72,.18,1);
    transform-origin: left center;
}
body.lnd-v2 #pricing .lam-plan__amt{
    color: #f0f5f6;
    font-size: clamp(78px, min(8.5vw, 13.7svh), 144px);
    text-shadow: 0 12px 38px rgba(0,0,0,.30);
    transition: color .45s ease, text-shadow .45s ease;
}
body.lnd-v2 #pricing .lam-plan--pass .lam-plan__amt{
    color: #ffc261;
    text-shadow: 0 0 48px rgba(234,137,27,.14), 0 12px 38px rgba(0,0,0,.34);
}
body.lnd-v2 #pricing .lam-plan__per{ color: rgba(244,243,238,.62); }
body.lnd-v2 #pricing .lam-plan__feats{
    margin-block: clamp(17px, 2.8svh, 28px) clamp(15px, 2.5svh, 25px);
}
body.lnd-v2 #pricing .lam-plan__feats li{
    color: rgba(248,248,245,.88);
    transition: color .35s ease, transform .5s cubic-bezier(.2,.72,.18,1), opacity .4s ease;
}
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(2){ transition-delay: 25ms; }
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(3){ transition-delay: 50ms; }
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(4){ transition-delay: 75ms; }
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(5){ transition-delay: 100ms; }
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(6){ transition-delay: 125ms; }
body.lnd-v2 #pricing .lam-plan__feats li:nth-child(7){ transition-delay: 150ms; }
body.lnd-v2 #pricing .lam-plan .lam-btn{
    position: relative;
    overflow: hidden;
    min-width: clamp(178px, 13.5vw, 224px);
    transition: color .4s ease, border-color .4s ease, background-color .4s ease, box-shadow .5s ease, transform .55s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan .lam-btn::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,.30) 50%, transparent 66%);
    transform: translateX(-125%);
    transition: transform .75s cubic-bezier(.2,.72,.18,1);
}
body.lnd-v2 #pricing .lam-plan .lam-btn > *{ position: relative; z-index: 1; }

@media (hover: hover) and (pointer: fine){
    body.lnd-v2 #pricing .lam-plans:has(.lam-plan--free:hover){ grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); }
    body.lnd-v2 #pricing .lam-plans:has(.lam-plan--pass:hover){ grid-template-columns: minmax(0, 36fr) minmax(0, 64fr); }
    body.lnd-v2 #pricing:has(.lam-plan--free:hover)::after{ left: 48%; }
    body.lnd-v2 #pricing:has(.lam-plan--pass:hover)::after{ left: 36%; }
    body.lnd-v2 #pricing .lam-plans:has(.lam-plan:hover) .lam-plan:not(:hover){ opacity: .54; }
    body.lnd-v2 #pricing .lam-plan:hover::before{ opacity: 1; transform: translateX(42%) skewX(-10deg); }
    body.lnd-v2 #pricing .lam-plan:hover::after{ transform: translateX(-12px) scale(1.035); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__head{ transform: translateX(8px); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__index{
        transform: rotate(45deg);
        border-color: rgba(255,255,255,.72);
        background: rgba(255,255,255,.06);
    }
    body.lnd-v2 #pricing .lam-plan--pass:hover .lam-plan__index{
        border-color: #ffbd5c;
        background: rgba(255,169,54,.12);
    }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__index{ color: transparent; }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__index::after{
        content: "+";
        position: absolute;
        color: currentColor;
        transform: rotate(-45deg);
    }
    body.lnd-v2 #pricing .lam-plan--free:hover .lam-plan__index::after{ color: #eef8fb; }
    body.lnd-v2 #pricing .lam-plan--pass:hover .lam-plan__index::after{ color: #ffc56d; }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__name{ letter-spacing: .21em; }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__price{ transform: translateX(10px) scale(1.035); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__feats li{ transform: translateX(8px); color: rgba(255,255,252,.98); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-plan__feats li.is-off{ color: rgba(223,229,231,.34); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-btn{ transform: translateX(10px); }
    body.lnd-v2 #pricing .lam-plan:hover .lam-btn::before{ transform: translateX(125%); }
    body.lnd-v2 #pricing .lam-plan--free:hover .lam-btn--outline{
        border-color: rgba(240,249,252,.82);
        background: rgba(235,246,251,.09);
        box-shadow: 0 12px 34px rgba(0,0,0,.25), 0 0 28px rgba(218,239,248,.08);
    }
    body.lnd-v2 #pricing .lam-plan--pass:hover .lam-btn--giallo{
        background: linear-gradient(135deg, #ffda8b, #f6a238);
        box-shadow: 0 15px 38px rgba(226,127,20,.26), 0 0 34px rgba(255,174,65,.14);
    }
    body.lnd-v2 #pricing .lam-plan:hover .lam-btn .lam-arrow{ transform: translateX(5px); }
}

@media (min-width: 901px) and (max-height: 760px){
    body.lnd-v2 #pricing.lam-pricing > .lam-shell{ padding-block: 11px; }
    body.lnd-v2 #pricing .lam-pricing__head{ padding-bottom: 9px; }
    body.lnd-v2 #pricing .lam-pricing__head .lam-h2{ font-size: clamp(34px, 6svh, 46px); }
    body.lnd-v2 #pricing .lam-plans{ height: calc(100% - 8px); margin-top: 8px; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding-block: 13px; }
    body.lnd-v2 #pricing .lam-plan__head{ padding-bottom: 7px; }
    body.lnd-v2 #pricing .lam-plan__price{ margin-top: 10px; }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(58px, 11svh, 78px); }
    body.lnd-v2 #pricing .lam-plan__feats{ margin-block: 9px; }
    body.lnd-v2 #pricing .lam-plan__feats li{ padding-block: 1px; }
    body.lnd-v2 #pricing .lam-plan .lam-btn{ min-height: 38px; }
}

@media (max-width: 900px){
    body.lnd-v2 #pricing.lam-pricing .lam-pricing__bg{
        object-position: 58% center;
        filter: brightness(.54) saturate(.88) contrast(1.08);
        transform: scale(1.04);
    }
    body.lnd-v2 #pricing.lam-pricing::before{
        background:
            linear-gradient(180deg, rgba(1,2,3,.80), rgba(1,2,3,.18) 24%, rgba(1,2,3,.30) 70%, rgba(1,2,3,.84)),
            linear-gradient(90deg, rgba(3,7,10,.62), rgba(9,5,2,.42));
    }
    body.lnd-v2 #pricing.lam-pricing::after{ display: none; }
    body.lnd-v2 #pricing .lam-plans{
        padding-right: 12vw;
        gap: 9px;
    }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{
        flex: 0 0 min(84vw, 500px);
        border: 1px solid rgba(255,255,255,.18);
        background: linear-gradient(145deg, rgba(5,10,13,.84), rgba(4,7,9,.68));
        backdrop-filter: blur(8px) saturate(1.05);
        -webkit-backdrop-filter: blur(8px) saturate(1.05);
    }
    body.lnd-v2 #pricing .lam-plan--pass{
        border-color: rgba(255,181,77,.34);
        background: linear-gradient(145deg, rgba(27,17,7,.86), rgba(8,6,4,.72));
    }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: clamp(58px, min(19vw, 12svh), 86px); }
}

@media (max-width: 520px){
    body.lnd-v2 #pricing .lam-plans{ padding-right: 18vw; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ flex-basis: 78vw; }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 #pricing .lam-plans{ padding-right: 8vw; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ flex-basis: min(70vw, 540px); }
    body.lnd-v2 #pricing .lam-plan__amt{ font-size: 38px; }
}

/* Pricing v4.1 — cleaner typography: the small 01/02 index stays in the
   header, while the oversized background numerals are intentionally removed. */
body.lnd-v2 #pricing .lam-plan::after{
    content: none;
    display: none;
}

body.lnd-v2 #pricing .lam-plan--free{
    background: linear-gradient(90deg,
        rgba(3,8,11,.90) 0%,
        rgba(3,8,11,.72) 76%,
        rgba(3,8,11,.34) 100%);
}

body.lnd-v2 #pricing .lam-plan--pass{
    background: linear-gradient(90deg,
        rgba(12,7,3,.50) 0%,
        rgba(12,7,3,.72) 44%,
        rgba(12,7,3,.84) 100%);
}

body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
    width: min(100%, 680px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    column-gap: 0;
}

body.lnd-v2 #pricing .lam-plan__feats li{
    color: rgba(255,255,252,.96);
    font-size: clamp(12px, min(.96vw, 1.72svh), 15px);
    line-height: 1.42;
    text-shadow: 0 2px 16px rgba(0,0,0,.78);
}

body.lnd-v2 #pricing .lam-plan__feats li.is-off{
    color: rgba(220,227,230,.42);
}

body.lnd-v2 #pricing .lam-plan__per,
body.lnd-v2 #pricing .lam-plan__name{
    text-shadow: 0 2px 14px rgba(0,0,0,.78);
}

@media (min-width: 901px) and (max-height: 760px){
    body.lnd-v2 #pricing .lam-plan__feats li{
        font-size: clamp(11px, 1.75svh, 13px);
        line-height: 1.28;
    }
}

@media (max-width: 900px){
    body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
        width: 100%;
    }

    body.lnd-v2 #pricing .lam-plan__feats li{
        font-size: clamp(10px, 2.75vw, 13px);
        line-height: 1.32;
    }
}

@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior: auto !important; }
    .lnd-v2 *,
    .lnd-v2 *::before,
    .lnd-v2 *::after{
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Mia: original live portrait loop (no cursor tracking). */
body.lnd-v2 .lam-mia-stage{
    --_mia-bg: #f1f1ef;
    background: var(--_mia-bg);
}

body.lnd-v2 .lam-mia-stage__veil{
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(241,241,239,0) 32%,
        rgba(241,241,239,.14) 48%,
        rgba(241,241,239,.9) 68%,
        var(--_mia-bg) 100%);
}

body.lnd-v2 .lam-mia-stage__inner{
    grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
}

body.lnd-v2 .lam-mia-stage__copy{
    grid-column: 2;
    padding-inline: clamp(24px, 4vw, 56px) 0;
}

@media (max-width: 900px) and (min-height: 451px){
    body.lnd-v2 .lam-mia-stage__veil{ display: none; }
    body.lnd-v2 .lam-mia-stage__inner{
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr);
    }
    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 1;
        padding-inline: 0;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__veil{
        display: block;
        background: linear-gradient(90deg,
            rgba(241,241,239,0) 35%,
            rgba(241,241,239,.34) 52%,
            rgba(241,241,239,.92) 69%,
            var(--_mia-bg) 100%);
    }
    body.lnd-v2 .lam-mia-stage__inner{
        grid-template-columns: minmax(0, 1fr) minmax(300px, 42%);
    }
    body.lnd-v2 .lam-mia-stage__copy{
        grid-column: 2;
        padding-inline: 12px 0;
    }
}

/* FINAL 1080P OVERRIDES — keep this block at EOF. */
body.lnd-v2 .lam-hero__bg,
body.lnd-v2 .lam-hero__bg--b{
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    transform: scaleX(-1);
    transform-origin: center;
}

@media (min-width: 901px){
    body.lnd-v2 .lam-mia-stage__video,
    body.lnd-v2 .lam-mia-stage__video--b{
        position: absolute;
        inset: 0 auto 0 0;
        width: 62%;
        height: 100%;
        max-width: none;
        margin: 0;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: left bottom;
        background: var(--_mia-bg);
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 84%, rgba(0,0,0,.72) 91%, transparent 100%);
        mask-image: linear-gradient(90deg, #000 0%, #000 84%, rgba(0,0,0,.72) 91%, transparent 100%);
    }
}

@media (max-width: 900px) and (min-height: 451px){
    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        position: relative;
        display: grid;
        grid-template-rows: minmax(0, 52%) minmax(0, 48%);
    }
    body.lnd-v2 .lam-mia-stage__video,
    body.lnd-v2 .lam-mia-stage__video--b{
        position: absolute;
        inset: 0 0 auto 0;
        width: 100%;
        height: 52%;
        max-width: none;
        margin: 0;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: left bottom;
        background: var(--_mia-bg);
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 84%, rgba(0,0,0,.68) 92%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, #000 84%, rgba(0,0,0,.68) 92%, transparent 100%);
    }
    body.lnd-v2 .lam-mia-stage__inner{
        position: relative;
        z-index: 2;
        grid-row: 2;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-mia-stage__video,
    body.lnd-v2 .lam-mia-stage__video--b{
        position: absolute;
        inset: 0 auto 0 0;
        width: 58%;
        height: 100%;
        max-width: none;
        margin: 0;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: left bottom;
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
        mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
    }
}

/* Full-bleed glass panel for How it works: no outer gutters or bottom gap. */
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
    background: rgba(13,15,17,.80);
    border-color: rgba(255,255,255,.14);
    border-top-color: rgba(255,192,0,.74);
    box-shadow: 0 -18px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

@media (min-width: 901px){
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
        left: 0;
        right: 0;
        bottom: 0;
        border-width: 1px 0 0;
    }
}

@media (max-width: 900px) and (max-height: 450px) and (orientation: landscape){
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
        left: 0;
        right: 0;
        bottom: 0;
        border-width: 1px 0 0;
    }
}

/* Gold CTA finish: restrained showroom glow, not neon. */
body.lnd-v2 .lam-btn--giallo,
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link{
    box-shadow:
        0 10px 28px rgba(213,137,15,.22),
        0 0 24px rgba(255,197,72,.10),
        inset 0 1px 0 rgba(255,255,255,.44),
        inset 0 -1px 0 rgba(112,68,0,.20);
    transition:
        transform .42s cubic-bezier(.2,.72,.18,1),
        box-shadow .42s ease,
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}

@media (hover: hover) and (pointer: fine){
    body.lnd-v2 .lam-btn--giallo:hover,
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link:hover{
        transform: translateY(-2px);
        box-shadow:
            0 15px 38px rgba(215,131,7,.32),
            0 0 36px rgba(255,194,62,.18),
            inset 0 1px 0 rgba(255,255,255,.55),
            inset 0 -1px 0 rgba(86,48,0,.26);
    }
}

body.lnd-v2 .lam-btn--giallo:active,
body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link:active{
    transform: translateY(0);
    box-shadow:
        0 6px 18px rgba(213,137,15,.22),
        0 0 18px rgba(255,197,72,.10),
        inset 0 2px 4px rgba(91,53,0,.20);
}

/* Mia: dissolve the decoded video's physical edge into the editorial surface. */
@media (min-width:901px){
    body.lnd-v2 .lam-mia-stage::after{
        content:"";
        position:absolute;
        z-index:1;
        top:0;
        bottom:0;
        left:49%;
        width:17%;
        pointer-events:none;
        background:linear-gradient(90deg,
            rgba(241,241,239,0) 0%,
            rgba(241,241,239,.18) 30%,
            rgba(241,241,239,.62) 64%,
            var(--_mia-bg) 100%);
        -webkit-backdrop-filter:blur(16px);
        backdrop-filter:blur(16px);
    }
}

@media (max-width:900px) and (min-height:451px){
    body.lnd-v2 .lam-mia-stage::after{
        content:"";
        position:absolute;
        z-index:1;
        top:calc(52% - 34px);
        left:0;
        width:100%;
        height:68px;
        pointer-events:none;
        background:linear-gradient(180deg,
            rgba(241,241,239,0) 0%,
            rgba(241,241,239,.46) 48%,
            var(--_mia-bg) 100%);
        -webkit-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }
}

/* ========================================================================
   MOBILE PORTRAIT v5 — natural document flow
   ------------------------------------------------------------------------
   Desktop keeps the full-viewport showroom rhythm. A phone needs a readable
   vertical page: sections grow with their content, pricing cards stack, and
   the footer is no longer compressed into the last viewport.
   ======================================================================== */
@media (max-width: 640px) and (orientation: portrait){
    :root{
        --lnd-header-h: 60px;
    }

    html{
        scroll-snap-type: none !important;
        scroll-padding-top: var(--lnd-header-h);
        overscroll-behavior-y: auto;
    }

    body.lnd-v2{
        --l-gutter: clamp(16px, 5.1vw, 22px);
        --l-band: clamp(42px, 12vw, 58px);
        --l-t-body: clamp(14px, 3.75vw, 16px);
        --l-t-lede: clamp(15px, 4.05vw, 17px);
        --l-t-h3: clamp(19px, 5.2vw, 24px);
        --l-t-h2: clamp(31px, 9vw, 42px);
        --l-t-hero: clamp(42px, 12.2vw, 58px);
        --l-t-figure: clamp(58px, 18vw, 78px);
    }

    body.lnd-v2 main{
        padding-top: var(--lnd-header-h);
    }

    body.lnd-v2 main > section[id]{
        scroll-margin-top: var(--lnd-header-h);
    }

    body.lnd-v2 main > section,
    body.lnd-v2 .site-footer{
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: clip;
        scroll-snap-align: none;
        scroll-snap-stop: normal;
    }

    /* Header: retain both auth actions without shrinking the central logo. */
    body.lnd-v2 .header,
    body.lnd-v2 .header.scrolled{
        min-height: var(--lnd-header-h) !important;
        height: var(--lnd-header-h) !important;
    }
    body.lnd-v2 .header .container.header-inner{
        min-height: var(--lnd-header-h) !important;
        padding-inline: 8px !important;
    }
    body.lnd-v2 .header .logo-text{
        font-size: clamp(12px, 3.45vw, 14px) !important;
        letter-spacing: .055em !important;
    }
    body.lnd-v2 .header .header-actions .btn-header,
    body.lnd-v2 .header .header-actions .btn-header-outline{
        min-height: 36px !important;
        padding-inline: clamp(8px, 2.6vw, 12px) !important;
        font-size: clamp(8px, 2.25vw, 10px) !important;
    }

    /* Hero remains a complete opening scene, but the numbers become readable. */
    body.lnd-v2 .lam-hero{
        min-height: max(700px, calc(100svh - var(--lnd-header-h)));
        height: auto;
        display: flex;
        flex-direction: column;
    }
    body.lnd-v2 .lam-hero__bg,
    body.lnd-v2 .lam-hero__bg--b{
        object-position: 54% center;
    }
    body.lnd-v2 .lam-hero__scrim{
        background:
            linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.45) 68%, rgba(0,0,0,.08)),
            linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.08) 48%, rgba(0,0,0,.88) 100%);
    }
    body.lnd-v2 .lam-hero__inner{
        flex: 1;
        justify-content: flex-end;
        padding-block: 42px 30px;
    }
    body.lnd-v2 .lam-hero__title{
        max-width: 10ch;
        line-height: .92;
        overflow-wrap: anywhere;
    }
    body.lnd-v2 .lam-hero__actions{
        width: 100%;
        margin-top: 24px;
        gap: 18px;
    }
    body.lnd-v2 .lam-hero__actions .lam-btn{
        min-width: min(58vw, 220px);
    }
    body.lnd-v2 .lam-rail{
        flex: none;
        background: rgba(2,3,4,.82);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    body.lnd-v2 .lam-rail__inner{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding-block: 0;
    }
    body.lnd-v2 .lam-rail__item{
        min-height: 70px;
        justify-content: center;
        padding: 10px 4px;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    body.lnd-v2 .lam-rail__item:nth-child(odd){
        padding-right: 14px;
        border-right: 1px solid rgba(255,255,255,.09);
    }
    body.lnd-v2 .lam-rail__item:nth-child(even){ padding-left: 14px; }
    body.lnd-v2 .lam-rail__item:nth-last-child(-n+2){ border-bottom: 0; }
    body.lnd-v2 .lam-rail__n{ font-size: clamp(27px, 8.5vw, 36px); }
    body.lnd-v2 .lam-rail__l{ font-size: clamp(9px, 2.55vw, 11px); }

    /* Category selector gets its own comfortable scene without forced snap. */
    body.lnd-v2 main > .lam-cats2{
        height: clamp(680px, 88svh, 760px);
        min-height: 680px;
        max-height: 760px;
        padding-block: 58px 20px;
    }
    body.lnd-v2 .cat2__head{ inset: 8px 0 auto; }
    body.lnd-v2 .cat2__title{
        padding-inline: var(--l-gutter);
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1;
    }
    body.lnd-v2 .cat2__rail{ --car-w: min(91vw, 430px); }
    body.lnd-v2 .cat2__actions .lam-btn{
        width: min(100%, 236px);
        justify-content: space-between;
    }

    /* Mia: portrait first, complete editorial copy underneath. */
    body.lnd-v2 main > .lam-stage.lam-mia-stage{
        display: flex !important;
        flex-direction: column;
        padding: 0 0 44px;
        background: var(--_mia-bg);
    }
    body.lnd-v2 .lam-mia-stage__video,
    body.lnd-v2 .lam-mia-stage__video--b{
        position: relative;
        inset: auto;
        order: 0;
        width: 100%;
        height: auto;
        margin: 0;
        aspect-ratio: 1.18 / 1;
        object-fit: cover;
        object-position: left bottom;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 86%, rgba(0,0,0,.82) 93%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, #000 86%, rgba(0,0,0,.82) 93%, transparent 100%);
    }
    body.lnd-v2 .lam-mia-stage__veil,
    body.lnd-v2 .lam-mia-stage::after{ display: none; }
    body.lnd-v2 .lam-mia-stage__inner{
        position: relative;
        order: 1;
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 4px var(--l-gutter) 0;
        overflow: visible;
    }
    body.lnd-v2 .lam-mia-stage__copy{
        width: 100%;
        max-width: none;
        padding: 0;
    }
    body.lnd-v2 .lam-mia__identity{
        margin-bottom: 20px;
        padding-bottom: 12px;
        font-size: 11px;
    }
    body.lnd-v2 .lam-mia-stage .lam-h2{ font-size: clamp(34px, 9.8vw, 44px); }
    body.lnd-v2 .lam-mia-stage .lam-lede{
        margin-top: 14px;
        font-size: 15px;
        line-height: 1.55;
    }
    body.lnd-v2 .lam-mia__quote{
        margin-top: 20px;
        padding: 2px 0 2px 16px;
        font-size: clamp(18px, 5.2vw, 22px);
        line-height: 1.38;
    }
    body.lnd-v2 .lam-mia__list{ margin-top: 22px; }
    body.lnd-v2 .lam-mia__list li{
        padding-block: 12px;
        font-size: 14px;
        line-height: 1.45;
    }

    /* Tickets and How it works are two natural blocks instead of one clipped scene. */
    body.lnd-v2 main > .lam-ticket-combo,
    body.lnd-v2 main > .lam-ticket-combo--editorial{
        display: block;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: hidden;
        background: #090b0d;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature{
        position: relative;
        inset: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        min-height: 0;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media{
        position: relative;
        inset: auto;
        order: -1;
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media img,
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__media video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-split__text{
        position: relative;
        inset: auto;
        order: 1;
        width: 100%;
        min-height: 0;
        padding: 30px var(--l-gutter) 38px;
        background: linear-gradient(180deg, rgba(5,8,10,.96), #090b0d);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-figure{
        margin-top: 8px;
        font-size: clamp(72px, 22vw, 96px);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-lede{
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.5;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__feature .lam-link{
        margin-top: 22px;
        min-height: 48px;
        width: min(100%, 240px);
        justify-content: space-between;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how{
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 42px var(--l-gutter) 46px;
        border-width: 1px 0 0;
        background: rgba(15,17,19,.96);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-inner{
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy{
        display: block;
        padding: 0 0 22px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-h2{
        font-size: clamp(31px, 9vw, 40px);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-lede{
        display: block;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.5;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how-copy .lam-link{
        display: inline-flex;
        margin-top: 18px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-steps{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        margin-top: 8px;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step{
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 5px 12px;
        padding: 18px 0;
        border-top: 1px solid rgba(255,255,255,.12);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step__n{
        grid-row: 1 / span 2;
        margin: 2px 0 0;
        color: var(--l-giallo);
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-h3{
        margin: 0;
        font-size: 18px;
        line-height: 1.2;
    }
    body.lnd-v2 .lam-ticket-combo--editorial .lam-ticket-combo__how .lam-step p{
        display: block;
        margin: 0;
        font-size: 13px;
        line-height: 1.45;
    }

    /* Exam: cinematic frame followed by a large, tap-friendly text panel. */
    body.lnd-v2 main > .lam-exam-stage{
        display: flex !important;
        flex-direction: column;
        height: auto;
        min-height: 0;
        max-height: none;
    }
    body.lnd-v2 .lam-exam-stage .lam-split__media{
        order: -1;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
    }
    body.lnd-v2 .lam-exam-stage .lam-split__media video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    body.lnd-v2 .lam-exam-stage .lam-split__text{
        width: 100%;
        min-height: 0;
        padding: 36px var(--l-gutter) 44px;
    }
    body.lnd-v2 .lam-exam-stage .lam-lede{
        margin-top: 14px;
        font-size: 15px;
        line-height: 1.55;
    }
    body.lnd-v2 .lam-exam-stage .lam-link{ margin-top: 22px; }

    /* Pricing: two vertical, fully readable cards — no sideways carousel. */
    body.lnd-v2 main > #pricing.lam-pricing{
        display: block;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 48px 0 54px;
        background:
            radial-gradient(circle at 5% 34%, rgba(216,238,248,.14), transparent 35%),
            radial-gradient(circle at 96% 76%, rgba(255,155,39,.20), transparent 42%),
            #050607;
    }
    body.lnd-v2 #pricing.lam-pricing .lam-pricing__bg{
        object-position: 54% center;
        filter: brightness(.42) saturate(.84) contrast(1.08);
        transform: scale(1.02);
    }
    body.lnd-v2 #pricing.lam-pricing::before{
        background: linear-gradient(180deg, rgba(2,3,4,.78), rgba(2,3,4,.62) 42%, rgba(4,3,2,.70));
    }
    body.lnd-v2 #pricing.lam-pricing > .lam-shell{
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0 var(--l-gutter);
    }
    body.lnd-v2 #pricing .lam-pricing__head{
        display: block;
        padding: 0 0 20px;
    }
    body.lnd-v2 #pricing .lam-pricing__title{ display: block; }
    body.lnd-v2 #pricing .lam-pricing__eyebrow{
        display: block;
        margin: 0 0 10px;
        font-size: 10px;
    }
    body.lnd-v2 #pricing .lam-pricing__head .lam-h2{
        font-size: clamp(36px, 10.8vw, 48px);
        line-height: .95;
    }
    body.lnd-v2 #pricing .lam-pricing__head .lam-head__note{
        margin-top: 10px;
        font-size: 10px;
        line-height: 1.35;
        text-align: left;
    }
    body.lnd-v2 #pricing .lam-plans{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 18px 0 0;
        padding: 0;
        gap: 18px;
        overflow: visible;
        border: 0;
        background: transparent;
        scroll-snap-type: none;
    }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{
        position: relative;
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 24px 20px 20px;
        display: flex;
        flex: none;
        border-radius: 12px;
        scroll-snap-align: none;
        backdrop-filter: blur(14px) saturate(1.08);
        -webkit-backdrop-filter: blur(14px) saturate(1.08);
        box-shadow: 0 20px 54px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
    }
    body.lnd-v2 #pricing .lam-plan--free{
        width: calc(100% - 16px);
        margin-inline: 8px;
        border: 1px solid rgba(229,244,251,.30);
        background:
            radial-gradient(circle at 10% 0%, rgba(225,243,251,.13), transparent 42%),
            linear-gradient(145deg, rgba(14,21,25,.92), rgba(5,8,10,.91));
        box-shadow: 0 18px 48px rgba(0,0,0,.32), 0 0 34px rgba(220,240,249,.06), inset 0 1px 0 rgba(255,255,255,.07);
    }
    body.lnd-v2 #pricing .lam-plan--pass{
        padding-block: 27px 23px;
        border: 1px solid rgba(255,182,77,.48);
        background:
            radial-gradient(circle at 88% 0%, rgba(255,165,49,.20), transparent 44%),
            linear-gradient(145deg, rgba(30,18,8,.94), rgba(8,6,4,.93));
        box-shadow: 0 24px 62px rgba(0,0,0,.38), 0 0 42px rgba(255,147,29,.10), inset 0 1px 0 rgba(255,222,171,.09);
    }
    body.lnd-v2 #pricing .lam-plan__head{
        padding-bottom: 14px;
        gap: 13px;
    }
    body.lnd-v2 #pricing .lam-plan__index{ width: 34px; }
    body.lnd-v2 #pricing .lam-plan__name{
        font-size: 11px;
        line-height: 1.35;
    }
    body.lnd-v2 #pricing .lam-plan__tag{
        margin-left: 7px;
        padding: 3px 7px;
        font-size: 8px;
        white-space: nowrap;
    }
    body.lnd-v2 #pricing .lam-plan__price{
        margin-top: 22px;
        gap: 15px;
    }
    body.lnd-v2 #pricing .lam-plan__amt{
        font-size: clamp(68px, 20vw, 84px);
        line-height: .82;
    }
    body.lnd-v2 #pricing .lam-plan__per{
        max-width: 16ch;
        padding-bottom: 3px;
        font-size: 9px;
        line-height: 1.4;
    }
    body.lnd-v2 #pricing .lam-plan__feats,
    body.lnd-v2 #pricing .lam-plan--pass .lam-plan__feats{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-auto-flow: row;
        width: 100%;
        margin: 22px 0 24px;
        gap: 0;
    }
    body.lnd-v2 #pricing .lam-plan__feats li{
        gap: 10px;
        padding-block: 6px;
        font-size: clamp(13px, 3.55vw, 15px);
        line-height: 1.38;
    }
    body.lnd-v2 #pricing .lam-plan .lam-btn{
        width: 100%;
        min-width: 0;
        min-height: 50px;
        margin-top: auto;
        justify-content: space-between;
        padding-inline: 18px;
        font-size: 11px;
        border-radius: 4px;
    }
    body.lnd-v2 #pricing .lam-plan:active{ transform: scale(.99); }

    /* Feature grid and FAQ use full-width rows with comfortable type. */
    body.lnd-v2 main > .lam-band--alt{
        display: block;
        padding: 48px 0 52px;
    }
    body.lnd-v2 .lam-band--alt > .lam-shell{
        width: 100%;
        padding-inline: var(--l-gutter);
    }
    body.lnd-v2 .lam-head{
        display: flex;
        align-items: flex-end;
        gap: 14px;
        padding-bottom: 20px;
    }
    body.lnd-v2 .lam-head .lam-link{ flex: none; }
    body.lnd-v2 .lam-feats{
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        margin-top: 8px;
    }
    body.lnd-v2 .lam-feat{
        padding-block: 20px;
    }
    body.lnd-v2 .lam-feat .lam-h3{
        font-size: 21px;
        line-height: 1.18;
    }
    body.lnd-v2 .lam-feat p{
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.52;
    }
    body.lnd-v2 .lam-faq{
        margin-top: 8px;
    }
    body.lnd-v2 .lam-q > summary{
        min-height: 64px;
        padding-block: 16px;
        font-size: clamp(17px, 4.9vw, 21px);
        line-height: 1.28;
    }
    body.lnd-v2 .lam-q__a{
        padding: 0 40px 20px 0;
        font-size: 14px;
        line-height: 1.55;
    }

    /* Ready scene and footer are independent, readable vertical regions. */
    body.lnd-v2 main > .lam-final{
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 0;
    }
    body.lnd-v2 .lam-final__bg{
        height: 430px;
        object-position: 62% center;
    }
    body.lnd-v2 .lam-final__scrim{
        height: 430px;
        bottom: auto;
        background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.36)), linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.82));
    }
    body.lnd-v2 .lam-final__grid{
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: center;
        align-items: start;
        width: 100%;
        height: 430px;
        min-height: 430px;
        padding: 54px var(--l-gutter) 42px;
        gap: 22px;
    }
    body.lnd-v2 .lam-final__grid .lam-h2{
        max-width: 8ch;
        font-size: clamp(38px, 11.5vw, 52px);
        line-height: .94;
    }
    body.lnd-v2 .lam-final__grid .lam-lede{
        max-width: 31ch;
        margin-top: 14px;
        font-size: 15px;
        line-height: 1.5;
    }
    body.lnd-v2 .lam-final__grid .lam-btn{
        width: min(100%, 250px);
        min-height: 50px;
        justify-content: space-between;
    }
    body.lnd-v2 .lam-final__note{
        margin-top: 10px;
        font-size: 9px;
    }
    body.lnd-v2 main > .lam-final > .lam-final__footer.site-footer{
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 38px 0 0 !important;
        overflow: visible;
        background: rgba(15,16,17,.98) !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    body.lnd-v2 .lam-final__footer .footer-container{
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        max-width: none;
        padding: 0 var(--l-gutter) !important;
        gap: 30px !important;
        align-items: start;
    }
    body.lnd-v2 .lam-final__footer .footer-brand{
        max-width: 300px !important;
        text-align: left !important;
    }
    body.lnd-v2 .lam-final__footer .footer-logo img{
        height: 30px;
        margin: 0 0 12px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand p{
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-links{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 22px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col:last-child{
        grid-column: 1 / -1 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col h4{
        margin-bottom: 12px !important;
        font-size: 10px !important;
        letter-spacing: .14em;
    }
    body.lnd-v2 .lam-final__footer .footer-col li{
        margin-bottom: 9px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col a{
        font-size: 13px !important;
        line-height: 1.4;
    }
    body.lnd-v2 .lam-final__footer .footer-bottom{
        margin-top: 32px !important;
        padding: 18px var(--l-gutter) max(22px, env(safe-area-inset-bottom)) !important;
    }
    body.lnd-v2 .lam-final__footer .footer-bottom p{
        font-size: 10px !important;
        line-height: 1.5;
        text-align: left;
    }
}

@media (max-width: 360px) and (orientation: portrait){
    body.lnd-v2 .header .header-actions .btn-header,
    body.lnd-v2 .header .header-actions .btn-header-outline{
        width: 36px !important;
        padding-inline: 0 !important;
    }
    body.lnd-v2 .header .header-actions .btn-header span,
    body.lnd-v2 .header .header-actions .btn-header-outline span{ display: none !important; }
    body.lnd-v2 .header .header-actions svg{ display: block !important; }
    body.lnd-v2 .lam-hero__title{ font-size: 40px; }
    body.lnd-v2 #pricing .lam-plan,
    body.lnd-v2 #pricing .lam-plan + .lam-plan{ padding-inline: 17px; }
    body.lnd-v2 #pricing .lam-plan__tag{ display: block; width: max-content; margin: 5px 0 0; }
}

/* ═══════════════ 2026-09-18 (გ. ყურუა) — ტელეფონი: header + footer ═══════════════
   1) 361–480px-ზე „შესვლა" ცენტრის ლოგოს ედებოდა. გაზომილი (headless Chrome, iOS UA):
      375px → 0px ჰაერი, 390px → 1px, 440px → −9px გადაფარვა, 460px → −3px, 480px → 7px,
      500px → 17px. მიზეზი: ლოგო viewport-ის ცენტრშია (absolute), მარჯვენა წყვილი კი ორივე
      წარწერით ~152px-ს იკავებს — ვიწრო ტელეფონზე ორივე ერთდროულად არ ეტევა. ≤520px-ზე
      (მარაგით — ტელეფონზე გადიდებული სისტემური შრიფტიც რომ დაეტიოს) „შესვლა" მხოლოდ
      ხატულაა (კარი+ისარი — 2026-08-05-ის ლოგიკა, aria-label რჩება), „რეგისტრაცია"
      წარწერით. ≤360px portrait-ზე ძველი წესი (ორივე ხატულა) უცვლელია. */
@media (max-width: 520px){
    /* ხატულასა და „რეგისტრაციას" შორის მიწებებული ჩანდა (გ. ყურუა, სქრინი): gap 5px-ს
       header.css-ის `.btn-header{margin-left:-4px}` ჭამდა → რეალურად 1px. ახლა 9px. */
    body.lnd-v2 .header .header-actions{ gap: 9px !important; }
    body.lnd-v2 .header .header-actions .btn-header{ margin-left: 0 !important; }
    body.lnd-v2 .header .header-actions .btn-header-outline{
        width: 36px !important;
        min-width: 36px !important;
        padding: 0 !important;
        justify-content: center !important;
    }
    body.lnd-v2 .header .header-actions .btn-header-outline span{ display: none !important; }
    body.lnd-v2 .header .header-actions .btn-header-outline svg{
        display: block !important;
        width: 15px;
        height: 15px;
    }
}
/* 361–400px-ზე (iPhone 375/390) ლოგომდე ჰაერი 9px-იანი gap-ის შემდეგ 11px-მდე ჩამოდიოდა —
   „რეგისტრაციის" შიდა padding 9.75→8px აბრუნებს ~15px-ს. */
@media (max-width: 400px){
    body.lnd-v2 .header .header-actions .btn-header{ padding-inline: 8px !important; }
}

/* 2) footer ტელეფონზე 517px იყო (375×812) — ლოგო, აღწერა, ორი სვეტი, იურიდიული
      ცალკე რიგად, დიდი ვერტიკალური ჰაერი. ახლა: ლოგო+აღწერა ერთ რიგში, ბმულები ორ
      სვეტად შემცირებული ჰაერით, იურიდიული ბმულები ერთ ხაზზე, ქვედა ზოლი მჭიდრო.
      იგივე media, რაც 4798-ის ბლოკს — ფაილის ბოლოში დგას, რომ თანაბარ წონაზე რიგმა გადაწყვიტოს. */
@media (max-width: 640px) and (orientation: portrait){
    body.lnd-v2 main > .lam-final > .lam-final__footer.site-footer{
        padding: 22px 0 0 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-container{
        gap: 18px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand{
        display: flex;
        align-items: center;
        gap: 12px;
        max-width: none !important;
    }
    body.lnd-v2 .lam-final__footer .footer-logo{ flex: 0 0 auto; display: block; }
    body.lnd-v2 .lam-final__footer .footer-logo img{
        height: 28px;
        margin: 0 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-brand p{
        max-width: none;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
    body.lnd-v2 .lam-final__footer .footer-links{
        gap: 16px 18px !important;
    }
    body.lnd-v2 .lam-final__footer .footer-col h4{ margin-bottom: 8px !important; }
    body.lnd-v2 .lam-final__footer .footer-col li{ margin-bottom: 6px !important; }
    body.lnd-v2 .lam-final__footer .footer-col a{
        font-size: 12px !important;
        line-height: 1.35;
    }
    body.lnd-v2 .lam-final__footer .footer-col:last-child ul{
        display: flex;
        flex-wrap: wrap;
        gap: 4px 18px;
    }
    body.lnd-v2 .lam-final__footer .footer-col:last-child li{ margin-bottom: 0 !important; }
    body.lnd-v2 .lam-final__footer .footer-bottom{
        margin-top: 16px !important;
        padding: 12px var(--l-gutter) max(14px, env(safe-area-inset-bottom)) !important;
    }
}

/* 3) „მზად ხარ დასაწყებად?" (#ready-to-start) ტელეფონზე — გ. ყურუა: „снизу текст подрезается".
      grid 430px-ზე იყო მიბმული (5377), კონტენტი კი 436–447px → `align-content:center`-მა ზედმეტი
      ორივე კიდეზე გადაყარა: სათაურის თავი სექციის კიდეს ეჭრებოდა, ღილაკის ქვედა წარწერა
      „რეგისტრაცია უფასოა · ბარათი არ სჭირდება" footer-ის ქვეშ იმალებოდა (375px → 5px, 412px → მთლიანად).
      სათაური „დასაწყ/ებად?" შუაზე ტყდებოდა (max-width 8ch + overflow-wrap:anywhere).
      ახლა: grid სიმაღლე კონტენტს მიჰყვება (min 430), ფონი/scrim მთელ სექციაზე (footer გაუმჭვირვალეა,
      z-index 2 — ზედმეტს ფარავს), სათაური სიტყვების საზღვარზე ტყდება. */
@media (max-width: 640px) and (orientation: portrait){
    body.lnd-v2 .lam-final__grid{
        height: auto;
        min-height: 430px;
        padding: 44px var(--l-gutter) 40px;
        align-content: start;
    }
    body.lnd-v2 .lam-final__bg,
    body.lnd-v2 .lam-final__scrim{
        height: 100%;
        bottom: 0;
    }
    body.lnd-v2 .lam-final__grid .lam-h2{
        max-width: none;
        overflow-wrap: normal;
        word-break: keep-all;
        hyphens: manual;
        font-size: clamp(34px, 10.4vw, 46px);
    }
    body.lnd-v2 .lam-final__note{ margin-top: 12px; font-size: 10px; }
}