@charset "UTF-8";
/* Landing M-Travel (phiếu 021) — phối màu "biển & nắng":
   60% nền sáng · 30% biển (xanh dương → xanh ngọc, hai màu liền kề trên vòng màu) · 10% san hô cho nút hành động.
   Chi tiết đặc trưng: bảng giờ bay (Tự động hoá) và thẻ lên máy bay (Bảng giá). */
:root{
  /* Bộ màu landing — MỌI màu trên trang lấy từ đây (đổi bộ màu = sửa khối này). Màu chủ đạo #0046c1 (owner 2026-10-05). */
  --ink:#061a42;--ink-2:#0a2f7a;--abyss:#04112c;--ocean:#0046c1;--lagoon:#1228c6;--lagoon-2:#755ff0;--sky:#eef6ff;--mist:#f5fafd;
  --coral:#ff6b4a;--coral-2:#ff8c4a;--coral-soft:#fff1e6;--coral-text:#c2410c;--sun:#ffb547;
  --line:#dde8f3;--text:#1b2b3d;--muted:#5a6c80;--white:#fff;
  --on-deep:#e6f1fb;--on-deep-2:#cfe3f5;--on-deep-3:#bcd6ea;--on-deep-4:#9fb6cc;
  --ink-rgb:6,26,66;--ocean-rgb:0,70,193;--lagoon-rgb:18,40,198;--coral-rgb:255,107,74;--sun-rgb:255,181,71;
  --grad:linear-gradient(135deg,var(--ocean) 0%,var(--lagoon) 100%);
  --grad-deep:linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 55%,var(--ocean) 100%);
  --r:18px;--shadow:0 30px 70px -40px rgba(var(--ink-rgb),.55);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Be Vietnam Pro','Segoe UI',system-ui,sans-serif;color:var(--text);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{font-family:'Lexend','Be Vietnam Pro',sans-serif;letter-spacing:-.02em;margin:0;line-height:1.12}
p{margin:0}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.lp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lp-sec{padding:96px 0;position:relative}
.lp-sec-sky{background:var(--sky)}
.lp-sec-mist{background:var(--mist)}
.lp-sec-deep{background:var(--grad-deep);color:var(--on-deep);overflow:hidden}
.lp-sec-ocean{background:var(--grad);color:#fff;overflow:hidden}
.lp-eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ocean)}
.lp-sec-deep .lp-eyebrow,.lp-sec-ocean .lp-eyebrow{color:var(--sun)}
.lp-h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-top:12px}
.lp-lead{font-size:17px;color:var(--muted);margin-top:14px;max-width:62ch}
.lp-sec-deep .lp-lead,.lp-sec-ocean .lp-lead{color:var(--on-deep-2)}
.lp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.lp-head-c{text-align:center;margin:0 auto 44px;max-width:760px}
.lp-head-c .lp-lead{margin-left:auto;margin-right:auto}
.lp-hl{background:linear-gradient(90deg,var(--ocean),var(--lagoon));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-sec-deep .lp-hl,.lp-hero .lp-hl{background:linear-gradient(90deg,#7cc4ff,var(--lagoon-2));-webkit-background-clip:text;background-clip:text}
.lp-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(var(--lagoon-rgb),.25) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,#000 0 14%,transparent 28% 72%,#000 86%);mask-image:linear-gradient(90deg,#000 0 14%,transparent 28% 72%,#000 86%)}

/* Nút */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Lexend',sans-serif;font-weight:700;font-size:15.5px;text-decoration:none;padding:15px 28px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(90deg,var(--coral),var(--coral-2));color:#fff;box-shadow:0 14px 30px -12px rgba(var(--coral-rgb),.75);transition:transform .15s,box-shadow .15s}
.lp-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(var(--coral-rgb),.85)}
.lp-btn-ghost{display:inline-flex;align-items:center;font-family:'Lexend',sans-serif;font-weight:600;font-size:15.5px;text-decoration:none;padding:14px 26px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff}
.lp-btn-ghost:hover{background:rgba(255,255,255,.1)}
.lp-btn-line{display:inline-flex;align-items:center;font-family:'Lexend',sans-serif;font-weight:600;text-decoration:none;padding:13px 24px;border-radius:999px;border:1.5px solid var(--ocean);color:var(--ocean)}

/* Thanh trên */
.lp-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lp-top-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Lexend',sans-serif;font-weight:800;font-size:20px;color:var(--ink)}
.lp-logo-mark{width:34px;height:34px;border-radius:10px;display:block;object-fit:cover;box-shadow:0 6px 16px -6px rgba(var(--ocean-rgb),.7)}
.lp-nav{display:flex;gap:24px;font-size:14.5px;font-weight:500}
.lp-nav a{text-decoration:none;color:var(--muted)}
.lp-nav a:hover{color:var(--ocean)}
.lp-top-act{display:flex;align-items:center;gap:12px}
.lp-top-act .lp-btn{padding:11px 20px;font-size:14.5px}
.lp-login{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink)}
.lp-burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:17px;cursor:pointer}
.lp-nav-m{display:none;flex-direction:column;padding:10px 24px 18px;border-top:1px solid var(--line);background:#fff}
.lp-nav-m a{padding:10px 0;text-decoration:none;color:var(--text)}
.lp-nav-m.is-open{display:flex}

/* Hero */
.lp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse 60% 55% at 78% 40%,rgba(var(--lagoon-rgb),.45),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 115%,rgba(var(--sun-rgb),.35),transparent 60%),var(--grad-deep)}
.lp-hero-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lp-hero-in{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;padding:80px 24px 120px}
.lp-hero h1{font-size:clamp(36px,5.2vw,62px);font-weight:800;line-height:1.04}
.lp-hero p{font-size:18px;color:var(--on-deep-2);margin-top:20px;max-width:52ch}
.lp-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.lp-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.lp-chip{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.05em;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:var(--on-deep)}
.lp-chip b{color:var(--sun)}
.lp-hero-shot{position:relative}
.lp-shot{border-radius:14px;overflow:hidden;background:#fff;border:1.5px solid rgba(255,255,255,.7);box-shadow:0 0 0 8px rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.7)}
.lp-shot-bar{height:30px;background:#f1f5f9;display:flex;align-items:center;gap:6px;padding:0 12px}
.lp-shot-bar i{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
.lp-shot-bar em{margin-left:10px;font-style:normal;font-size:11.5px;color:#64748b}
.lp-float{position:absolute;z-index:3;background:#fff;color:var(--ink);border-radius:14px;padding:11px 14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.55);display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.35}
.lp-float small{color:var(--muted);font-size:12px}
.lp-float-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:15px;flex:none}
/* Quả cầu trang trí (phiếu 021, owner: "các quả bóng di chuyển thay vì đứng 1 chỗ"): trôi chậm theo quỹ đạo riêng
   (--x1..--y3, --d, --delay đặt trên từng quả); chỉ animate transform; nằm dưới nội dung, không bắt chuột. */
.lp-orb{position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 7%,#ffe0a3 16%,var(--sun) 42%,var(--coral-2) 72%,#d9582c);box-shadow:0 0 34px rgba(255,160,70,.55);will-change:transform;animation:lp-drift var(--d,14s) ease-in-out var(--delay,0s) infinite alternate}
.lp-orb-sea{background:radial-gradient(circle at 32% 28%,#fff 0 7%,#c9f6fb 16%,var(--lagoon-2) 40%,var(--lagoon) 68%,#0b5f8a);box-shadow:0 0 34px rgba(var(--lagoon-rgb),.55)}
.lp-hero-shot .lp-orb{z-index:2}
.lp-sec>.lp-wrap,.lp-hero>.lp-wrap{position:relative;z-index:1}
#website-mien-phi,#bang-gia{overflow:hidden}
@keyframes lp-drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  33%{transform:translate3d(var(--x1,20px),var(--y1,-24px),0) scale(1.06)}
  66%{transform:translate3d(var(--x2,-16px),var(--y2,18px),0) scale(.95)}
  100%{transform:translate3d(var(--x3,24px),var(--y3,10px),0) scale(1.03)}
}

/* Kênh */
.lp-channels{border-bottom:1px solid var(--line);background:#fff}
.lp-channels-in{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;padding:22px 24px;font-size:14px}
.lp-channels-in span:first-child{font-weight:700;color:var(--ink);margin-right:6px}
.lp-pill i{margin-right:7px;color:var(--ocean)}
.lp-pill{padding:7px 14px;border-radius:999px;background:var(--sky);color:var(--ink-2);font-weight:600;font-size:13.5px}

/* Trước / sau */
.lp-vs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lp-vs-card{border-radius:var(--r);padding:30px}
.lp-vs-card h3{font-size:18px;margin-bottom:14px}
.lp-vs-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:15.5px}
.lp-vs-card li{display:flex;gap:12px}
.lp-vs-old{background:#fff;border:1px solid var(--line)}
.lp-vs-old h3{color:var(--muted)}
.lp-vs-old li::before{content:"\f00d";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--coral-text);margin-top:2px}
.lp-vs-new{background:var(--grad);color:#fff;box-shadow:var(--shadow)}
.lp-vs-new li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--sun);margin-top:2px}

/* Trợ lý AI */
.lp-ai-row{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;margin-top:64px}
.lp-ai-row:first-of-type{margin-top:0}
.lp-ai-row.is-rev{grid-template-columns:1.15fr 1fr}
.lp-ai-row.is-rev .lp-ai-copy{order:2}
.lp-ai-copy h3{font-size:clamp(22px,2.6vw,30px);font-weight:700;margin-top:10px}
.lp-ai-copy p{color:#d9ecf8;margin-top:12px;font-size:16px}
.lp-ai-copy ul{margin:16px 0 0;padding-left:20px;color:#e6f4fc;line-height:1.9}
.lp-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.1em;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
.lp-glass{border-radius:var(--r);padding:24px;background:linear-gradient(160deg,rgba(255,255,255,.24),rgba(255,255,255,.07) 60%,rgba(var(--ink-rgb),.18));border:1.5px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 24px 50px -30px rgba(var(--ink-rgb),.7)}
.lp-ai-more{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}
.lp-ai-more h4{font-family:'Lexend',sans-serif;font-size:18px;margin:12px 0 8px}
.lp-ai-more p{font-size:14.5px;color:#e1f1fa}
.lp-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#fff;color:var(--ocean);box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
.lp-ic-sm{width:40px;height:40px;font-size:17px;margin-bottom:12px;background:rgba(255,255,255,.14);color:var(--lagoon-2);box-shadow:none;border:1px solid rgba(255,255,255,.25)}
.lp-note-l{margin-top:28px;font-size:14px;color:#cfe8f6;text-align:center}

/* Bảng giờ bay */
.lp-board{border-radius:20px;overflow:hidden;border:1.5px solid rgba(var(--lagoon-rgb),.45);background:rgba(8,28,54,.55);box-shadow:0 0 0 6px rgba(var(--lagoon-rgb),.08)}
.lp-board-row{display:grid;grid-template-columns:110px 1.05fr 1.7fr 130px;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(var(--lagoon-rgb),.16)}
.lp-board-row:last-child{border-bottom:0}
.lp-board-h{background:linear-gradient(90deg,var(--lagoon),var(--ocean));color:#fff;font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;letter-spacing:.08em;border:0}
.lp-board-row b{font-weight:600;color:#fff}
.lp-board-row span:not(.lp-flip):not(.lp-status){color:var(--on-deep-3)}
.lp-flip{justify-self:start;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:var(--sun);background:var(--abyss);border-radius:5px;padding:4px 8px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.lp-status{justify-self:end;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;color:#fff;background:var(--lagoon-2);border-radius:999px;padding:5px 11px}
.lp-status.is-warm{background:var(--coral);color:#fff}
.lp-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.lp-rule{border-radius:14px;padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.lp-rule small i{margin-right:5px}
.lp-rule small{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--lagoon-2)}
.lp-rule div{font-weight:600;color:#fff;margin:2px 0 10px}
.lp-rule p{font-size:14px;color:var(--on-deep-3)}

/* Theo phòng ban */
.lp-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:26px}
.lp-tab i{margin-right:8px}
.lp-tab{font:inherit;font-weight:600;font-size:14.5px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.lp-tab:hover{border-color:var(--ocean)}
.lp-tab.is-on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 24px -12px rgba(var(--ocean-rgb),.8)}
.lp-role{display:none;grid-template-columns:5fr 7fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}
.lp-role.is-on{display:grid}
.lp-role h3{font-size:26px}
.lp-role ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.lp-role li{display:flex;gap:10px;font-size:15.5px}
.lp-role li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--grad)}
.lp-role .lp-shot{border-color:var(--line);box-shadow:0 30px 60px -36px rgba(var(--ink-rgb),.6)}

/* 9 nhóm tính năng */
.lp-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-group{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.lp-group::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--grad)}
.lp-group:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lp-group h3{font-size:18px;display:flex;align-items:center;gap:10px}
.lp-group h3 span{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:16px;color:#fff;background:var(--grad);box-shadow:0 8px 18px -10px rgba(var(--ocean-rgb),.8)}
.lp-group ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.lp-group li{font-size:13.5px;padding:5px 11px;border-radius:999px;background:var(--sky);color:var(--ink-2)}
.lp-group li.is-ai{background:linear-gradient(90deg,var(--coral-soft),#ffe7dc);color:#b9431f;font-weight:600}

/* Xem phần mềm thật */
.lp-shots-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:48px 0 20px}
.lp-shot-frame{position:relative}
.lp-shot-frame img{display:none}
.lp-shot-frame img.is-on{display:block}
.lp-caption{text-align:center;color:var(--muted);margin-top:16px;font-size:15px}

/* Website */
.lp-web{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}
.lp-badge i{margin-right:4px}
.lp-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.08em;padding:7px 12px;border-radius:999px;background:var(--coral-soft);color:var(--coral-text)}
.lp-check{margin:20px 0 26px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.lp-check li{display:flex;gap:11px;font-size:15.5px}
.lp-check li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:12px;font-weight:800;margin-top:2px}
.lp-devices{position:relative;padding-bottom:48px}
.lp-phone{position:absolute;right:-8px;bottom:0;width:27%;border:7px solid var(--ink);border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(var(--ink-rgb),.7);background:#fff}
.lp-web-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.lp-web-pair figure{margin:0}
.lp-web-pair figcaption{font-size:14px;color:var(--muted);margin-top:12px}

/* An toàn dữ liệu */
.lp-safe{display:grid;grid-template-columns:4fr 8fr;gap:48px;align-items:start}
.lp-safe-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp-safe-grid .lp-glass h4{font-family:'Lexend',sans-serif;font-size:17px;margin:0 0 6px;color:#fff}
.lp-safe-grid .lp-glass p{font-size:14.5px;color:var(--on-deep-2)}

/* Bảng giá — thẻ lên máy bay */
.lp-passes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-pass{display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.65)}
.lp-pass-top{position:relative;padding:16px 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.1em}
.lp-pass-top strong{font-family:'Lexend',sans-serif;font-size:22px;letter-spacing:0}
.lp-pass-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.lp-pass-name{font-family:'Lexend',sans-serif;font-size:22px;font-weight:800}
.lp-pass-for{font-size:14px;color:var(--muted)}
.lp-pass-price{font-family:'Lexend',sans-serif;font-size:32px;font-weight:800}
.lp-pass-price small{font-size:14px;font-weight:500;color:var(--muted)}
.lp-pass-note{font-size:13px;color:var(--muted)}
.lp-pass ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}
.lp-pass li{display:flex;gap:8px}
.lp-pass li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--ocean);margin-top:2px}
.lp-pass-tear{position:relative;border-top:2px dashed #cdd9e6;margin:0 18px}
.lp-pass-tear::before,.lp-pass-tear::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--ink-2)}
.lp-pass-tear::before{left:-30px}.lp-pass-tear::after{right:-30px}
.lp-pass-foot{padding:16px 22px 22px}
.lp-pass-foot a{width:100%}
.lp-pass.is-main{transform:translateY(-10px);outline:3px solid var(--sun)}
.lp-credits{margin-top:30px;border-radius:16px;padding:18px 24px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.35);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--on-deep)}
.lp-credits b{color:var(--sun)}
.lp-credits i{color:var(--sun);margin-right:6px}

/* Hỏi đáp */
.lp-faq{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.lp-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 22px}
.lp-faq details[open]{border-color:var(--lagoon);box-shadow:0 16px 30px -24px rgba(var(--ocean-rgb),.6)}
.lp-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--ocean)}
.lp-faq details[open] summary::after{content:"\2212"}
.lp-faq details p{padding:0 0 18px;color:var(--muted)}

/* Đăng ký */
.lp-trial{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:start}
.lp-steps{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.lp-steps li{display:flex;gap:14px;align-items:flex-start}
.lp-steps .lp-flip{flex:none;margin-top:2px}
.lp-steps strong{display:block;color:#fff}
.lp-steps span{color:var(--on-deep-2);font-size:15px}
.lp-form{background:#fff;color:var(--text);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:13px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.lp-form h3{font-size:22px}
.lp-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.lp-form input,.lp-form select,.lp-form textarea{font:inherit;font-weight:400;padding:12px 13px;border:1px solid #cfdceb;border-radius:11px;background:#fff;color:var(--text)}
.lp-form input:focus,.lp-form select:focus,.lp-form textarea:focus{outline:none;border-color:var(--ocean);box-shadow:0 0 0 3px rgba(var(--ocean-rgb),.18)}
.lp-form .lp-invalid{border-color:#dc2626}
.lp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-req{color:var(--coral)}
.lp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lp-skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}
.lp-skip:focus{left:12px}
.lp-form-msg{font-size:14px;min-height:20px}
.lp-form-msg.ok{color:#047857}.lp-form-msg.err{color:#b91c1c}
.lp-form-legal{font-size:12.5px;color:var(--muted)}
.lp-form-legal a{color:var(--ocean)}
.lp-alt{margin-top:22px;font-size:14.5px;color:var(--on-deep-2)}
.lp-alt a{color:#fff;font-weight:600}

/* Chân trang */
.lp-foot{background:var(--abyss);color:var(--on-deep-4);font-size:14px;padding:56px 0 28px}
.lp-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.lp-foot h4{font-family:'Lexend',sans-serif;color:#fff;font-size:15px;margin:0 0 12px}
.lp-foot a:not(.lp-logo){display:block;text-decoration:none;color:var(--on-deep-4);padding:3px 0}
.lp-foot a:hover{color:#fff}
.lp-foot-legal p{margin-top:6px}
.lp-foot .lp-foot-legal p a{display:inline;color:var(--on-deep-2);padding:0}
.lp-foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}

/* Hoạ tiết nền trong suốt (owner: "không để session trơn nhìn rất trống"): đồng mức địa hình, sóng biển, đường bay, kinh vĩ
   tuyến. Lớp ::before dưới nội dung, mờ dần về phía giữa để không lấn chữ; khối nền tối đảo nét sang trắng. */
.lp-pat{position:relative;isolation:isolate}
.lp-pat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;opacity:var(--pat-o,.13)}
.lp-pat-on-dark::before{filter:brightness(0) invert(1);--pat-o:.12}
.lp-pat-topo::before{background-image:url(../img/landing/patterns/topo.svg),url(../img/landing/patterns/topo.svg);
  background-size:900px auto,700px auto;background-position:-180px -80px,calc(100% + 160px) calc(100% + 120px)}
.lp-pat-waves::before{background-image:url(../img/landing/patterns/waves.svg);background-size:1400px auto;background-repeat:repeat-x;
  background-position:center bottom;-webkit-mask-image:linear-gradient(180deg,transparent 35%,#000);mask-image:linear-gradient(180deg,transparent 35%,#000)}
.lp-pat-routes::before{background-image:url(../img/landing/patterns/routes.svg);background-size:1300px auto;background-position:center 40%;--pat-o:.16}
.lp-pat-globe::before{background-image:url(../img/landing/patterns/globe.svg),url(../img/landing/patterns/globe.svg);
  background-size:620px 620px,380px 380px;background-position:calc(100% + 180px) -120px,-120px calc(100% + 100px)}
.lp-pat-on-dark.lp-pat-routes::before{--pat-o:.2}
.lp-sec-sky.lp-pat::before,.lp-sec-mist.lp-pat::before{--pat-o:.14}
@media (max-width:640px){.lp-pat::before{--pat-o:.08}}

/* Hiện dần khi cuộn */
.lp-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.lp-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lp-orb{animation:none}.lp-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.lp-btn,.lp-group{transition:none}}

/* Màn nhỏ */
@media (max-width:1024px){
  .lp-nav,.lp-login{display:none}
  .lp-burger{display:grid;place-items:center}
  .lp-hero-in,.lp-ai-row,.lp-ai-row.is-rev,.lp-role,.lp-web,.lp-safe,.lp-trial{grid-template-columns:1fr}
  .lp-ai-row.is-rev .lp-ai-copy{order:0}
  .lp-groups,.lp-passes,.lp-ai-more,.lp-rules{grid-template-columns:1fr 1fr}
  .lp-pass.is-main{transform:none}
  .lp-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .lp-sec{padding:64px 0}
  .lp-wrap{padding:0 16px}
  .lp-hero-in{padding:48px 16px 90px}
  .lp-top-act .lp-btn{display:none}
  .lp-vs,.lp-groups,.lp-passes,.lp-ai-more,.lp-rules,.lp-safe-grid,.lp-web-pair,.lp-form-row,.lp-foot-grid{grid-template-columns:1fr}
  .lp-board-h{display:none}
  .lp-board-row{grid-template-columns:auto 1fr;gap:6px 12px;padding:14px 16px}
  .lp-board-row > span:not(.lp-flip):not(.lp-status){grid-column:1/-1}
  .lp-board-row .lp-status{display:none}
  .lp-role{padding:20px}
  .lp-float{display:none}
  .lp-head{margin-bottom:28px}
}

/* ---------- Hover — mọi thứ bấm được / đáng chú ý đều phản hồi khi rê chuột (owner 2026-10-05: "nhiều chỗ hover chưa có hiệu ứng
   shadow — trông bé mà rất quan trọng"). Thẻ: nhấc lên + bóng nhuốm màu chủ đạo; nút / tab: bóng + vòng sáng; liên kết: gạch chân chạy.
   Chỉ máy có chuột; bàn phím có focus-visible tương đương. ---------- */
.lp-btn-ghost, .lp-btn-line, .lp-tab, .lp-pill, .lp-chip, .lp-glass, .lp-rule, .lp-vs-card, .lp-pass, .lp-role, .lp-shot, .lp-faq details,
.lp-board-row, .lp-web-pair figure, .lp-logo-mark, .lp-form input, .lp-form select, .lp-form textarea, .lp-float, .lp-safe-grid .lp-glass {
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background-color .25s ease, border-color .25s ease, color .2s ease;
}
.lp-nav a, .lp-foot a:not(.lp-logo), .lp-alt a, .lp-form-legal a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; transition: background-size .25s ease, color .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .lp-nav a:hover, .lp-foot a:not(.lp-logo):hover, .lp-alt a:hover, .lp-form-legal a:hover { background-size: 100% 1.5px; }
  .lp-login:hover { color: var(--ocean); }
  .lp-logo:hover .lp-logo-mark { transform: rotate(-8deg) scale(1.06); box-shadow: 0 10px 22px -8px rgba(var(--ocean-rgb),.8); }
  .lp-btn-ghost:hover { transform: translateY(-2px); border-color: #fff; box-shadow: 0 14px 30px -14px rgba(0,0,0,.6), 0 0 0 4px rgba(255,255,255,.12); }
  .lp-btn-line:hover { transform: translateY(-2px); background: var(--ocean); color: #fff; box-shadow: 0 14px 28px -12px rgba(var(--ocean-rgb),.75); }
  .lp-tab:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -12px rgba(var(--ocean-rgb),.6); }
  .lp-tab.is-on:hover { box-shadow: 0 14px 26px -12px rgba(var(--ocean-rgb),.9); }
  .lp-pill:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 10px 22px -12px rgba(var(--ocean-rgb),.55), 0 0 0 1px rgba(var(--ocean-rgb),.2); }
  .lp-chip:hover { background: rgba(255,255,255,.18); box-shadow: 0 0 0 3px rgba(255,255,255,.08); }
  .lp-glass:hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 30px 50px -26px rgba(var(--ink-rgb),.85), 0 0 0 1px rgba(255,255,255,.35); }
  .lp-rule:hover { transform: translateY(-3px); background: rgba(255,255,255,.09); border-color: rgba(var(--lagoon-rgb),.5); box-shadow: 0 20px 36px -24px rgba(0,0,0,.8); }
  .lp-vs-card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -34px rgba(var(--ink-rgb),.55); }
  .lp-vs-new:hover { box-shadow: 0 34px 64px -30px rgba(var(--ocean-rgb),.85); }
  .lp-pass:hover { transform: translateY(-6px); box-shadow: 0 40px 70px -30px rgba(0,0,0,.75), 0 0 0 2px rgba(var(--sun-rgb),.6); }
  .lp-pass.is-main:hover { transform: translateY(-14px); }
  .lp-role:hover { box-shadow: 0 40px 80px -42px rgba(var(--ocean-rgb),.6); }
  .lp-shot:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 0 0 8px rgba(var(--lagoon-rgb),.18), 0 50px 90px -40px rgba(0,0,0,.7); }
  .lp-web-pair figure:hover .lp-shot { transform: translateY(-4px); }
  .lp-faq details:hover { border-color: rgba(var(--ocean-rgb),.45); box-shadow: 0 14px 30px -22px rgba(var(--ocean-rgb),.7); transform: translateY(-1px); }
  .lp-faq summary:hover { color: var(--ocean); }
  .lp-board-row:not(.lp-board-h):hover { background: rgba(var(--lagoon-rgb),.1); box-shadow: inset 4px 0 0 var(--lagoon-2); }
  .lp-group li:hover { background: #fff; box-shadow: 0 6px 14px -8px rgba(var(--ocean-rgb),.6), 0 0 0 1px rgba(var(--ocean-rgb),.25); }
  .lp-form input:hover, .lp-form select:hover, .lp-form textarea:hover { border-color: rgba(var(--ocean-rgb),.55); box-shadow: 0 6px 16px -12px rgba(var(--ocean-rgb),.7); }
  .lp-float:hover { transform: translateY(-3px); box-shadow: 0 26px 46px -18px rgba(0,0,0,.6); }
}
.lp-group li { transition: background-color .2s ease, box-shadow .2s ease; }
.lp-btn-line:focus-visible, .lp-btn-ghost:focus-visible, .lp-tab:focus-visible, .lp-faq summary:focus-visible { box-shadow: 0 0 0 4px rgba(var(--ocean-rgb),.35); }
@media (prefers-reduced-motion: reduce) {
  .lp-btn-ghost, .lp-btn-line, .lp-tab, .lp-pill, .lp-glass, .lp-rule, .lp-vs-card, .lp-pass, .lp-role, .lp-shot, .lp-faq details, .lp-float { transition: none; }
  .lp-btn-ghost:hover, .lp-btn-line:hover, .lp-tab:hover, .lp-pill:hover, .lp-glass:hover, .lp-rule:hover, .lp-vs-card:hover, .lp-pass:hover,
  .lp-shot:hover, .lp-faq details:hover, .lp-float:hover { transform: none; }
}


/* Sóng lượn ngăn section (owner 2026-10-05, ảnh mẫu): MÉP TRÊN của mỗi section bị cắt thành đường sóng bằng mask rồi đè lên section
   trước một đoạn --wave-h → section trên lộ qua chỗ lõm. Dùng mask thay vì vẽ mảng màu vì nền mỗi section khác nhau (gradient, hoa văn,
   ảnh) — mask đúng với mọi nền. Ba đường sóng xen kẽ cho đỡ lặp. Tệp SVG tĩnh (CSP không cho data:). */
.lp-channels,.lp-sec{--wave-h:clamp(28px,4.2vw,64px);--wave:url(/img/landing/wave-1.svg);margin-top:calc(-1 * var(--wave-h));
  -webkit-mask:var(--wave) top/100% var(--wave-h) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--wave-h) - 1px)/100% 100% no-repeat;
  mask:var(--wave) top/100% var(--wave-h) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--wave-h) - 1px)/100% 100% no-repeat}
.lp-sec:nth-of-type(3n+1){--wave:url(/img/landing/wave-2.svg)}
.lp-sec:nth-of-type(3n+2){--wave:url(/img/landing/wave-3.svg)}
.lp-channels{border-bottom:0;padding-top:var(--wave-h)}
.lp-sec{padding-top:calc(96px + var(--wave-h))}
@media (max-width:640px){.lp-sec{padding-top:calc(64px + var(--wave-h))}}

/* Chuyển động GSAP (owner 2026-10-06, js/landing-motion.js). lp-anim: đặt ĐỒNG BỘ ở <head> (landing-boot.js) để giấu sẵn phần mở đầu
   trước lần vẽ đầu — GSAP hiện dần, không nháy. lp-gsap: GSAP đã nhận việc hiện khối khi cuộn (tắt transition CSS cho khỏi giành nhau). */
.lp-anim .lp-hero-in > div:first-child > *,.lp-anim .lp-hero-shot,.lp-anim .lp-hero-shot .lp-float{visibility:hidden}
.lp-gsap .lp-reveal{transition:none}
.lp-gsap .lp-sec .lp-hl{background-size:220% 100%}
.lp-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
  background:linear-gradient(90deg,var(--ocean),var(--lagoon-2),var(--coral))}
.lp-top{transition:box-shadow .3s ease,background-color .3s ease}
.lp-top.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 12px 30px -22px rgba(var(--ink-rgb),.55)}

/* Ảnh GHÉP (owner 2026-10-06: "site toàn ảnh đơn nhìn rất nhạt nhẽo"): ảnh màn hình chính + 1–2 ảnh CẮT CHI TIẾT từ chính phần mềm
   (khung chat AI, bản đồ, thẻ số liệu…) nổi đè lên góc, lệch tầng, cộng một lớp nền nghiêng phía sau tạo chiều sâu. Ảnh chi tiết là
   phần phóng của ảnh thật (img/landing/detail-*.webp), không vẽ thêm số liệu. Màn hẹp: thu nhỏ, vẫn nằm trong khung (không tràn ngang). */
.lp-stack{position:relative;padding:34px 0 46px;isolation:isolate}
.lp-stack::before{content:"";position:absolute;z-index:-1;inset:10% -2% 12% 8%;border-radius:22px;transform:rotate(-3deg);
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18)}
.lp-sec-sky .lp-stack::before,.lp-role .lp-stack::before{background:linear-gradient(135deg,rgba(var(--ocean-rgb),.14),rgba(var(--lagoon-rgb),.05));border-color:rgba(var(--ocean-rgb),.14)}
.lp-stack > .lp-shot{position:relative;z-index:1}
.lp-pip{position:absolute;z-index:2;margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1.5px solid rgba(255,255,255,.9);
  box-shadow:0 0 0 6px rgba(255,255,255,.1),0 34px 60px -24px rgba(var(--ink-rgb),.7);will-change:transform}
.lp-pip img{width:100%;height:auto}
.lp-pip-tr{top:0;right:-5%;width:34%}
.lp-pip-br{bottom:0;right:-4%;width:34%}
.lp-pip-bl{bottom:0;left:-7%;width:28%}
.lp-pip-r{top:4%;right:-6%;width:22%}
.lp-pip-b{bottom:0;left:10%;right:10%}
.lp-pip-wide{width:52%;left:-5%}
.lp-pip-tall{max-height:88%}
.lp-pip-tall img{object-fit:cover;object-position:top}
.lp-pip-phone{width:20%;border-radius:22px;border-width:5px;border-color:#0b1027}
.lp-stack-sm{padding:24px 0 34px}
.lp-stack-sm .lp-pip-r{right:-4%}
.lp-stack-sm .lp-pip-wide{left:-4%;width:50%}
/* Bong bóng câu chat / kênh — chữ thật của tính năng, không số liệu. */
.lp-bubble{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px 14px 4px 14px;
  font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--lagoon),var(--lagoon-2));box-shadow:0 18px 34px -16px rgba(var(--lagoon-rgb),.9);white-space:nowrap}
.lp-bubble-r{right:2%;bottom:6%}
.lp-bubble-tl{left:-3%;top:6px;border-radius:14px 14px 14px 4px;background:#fff;color:var(--ink);box-shadow:0 18px 34px -16px rgba(0,0,0,.5)}
.lp-chan i{font-size:15px;color:var(--ocean)}
@media (max-width:900px){
  .lp-pip-tr,.lp-pip-br{right:-2%;width:36%}.lp-pip-bl,.lp-pip-wide{left:-2%}.lp-pip-r{right:-2%}
  .lp-bubble-tl{left:0}.lp-stack::before{inset:10% 0 12% 4%}
}
@media (max-width:640px){
  .lp-stack{padding:18px 0 30px}.lp-pip{border-radius:9px;box-shadow:0 18px 30px -16px rgba(var(--ink-rgb),.7)}
  .lp-pip-tr,.lp-pip-br,.lp-pip-bl,.lp-pip-wide{right:0;left:auto;width:42%}.lp-pip-bl,.lp-pip-wide{left:0;right:auto}
  .lp-pip-r{right:0;width:26%}.lp-pip-b{left:4%;right:4%}.lp-pip-tall.lp-pip-bl{width:30%;max-height:72%}.lp-bubble{font-size:12px;padding:7px 10px}
}

/* An toàn dữ liệu (owner 2026-10-06 "phối màu chưa hợp lý"): kính TRẮNG đục trên nền navy + icon tím = bệt, icon chìm. Đổi sang kính TỐI
   (đậm hơn nền một bậc) + viền mảnh + vệt sáng mép trên; icon màu nắng — cùng màu nhãn khối, tương phản rõ trên nền tối. */
.lp-safe-grid .lp-glass{background:linear-gradient(160deg,rgba(var(--ink-rgb),.62),rgba(4,17,44,.38));border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 50px -30px rgba(0,0,0,.8)}
.lp-safe-grid .lp-ic-sm{background:rgba(var(--sun-rgb),.14);color:var(--sun);border-color:rgba(var(--sun-rgb),.35)}
.lp-safe-grid .lp-glass p{color:var(--on-deep-3)}
@media (hover:hover){.lp-safe-grid .lp-glass:hover{border-color:rgba(var(--sun-rgb),.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 50px -26px rgba(0,0,0,.85)}}
/* Trên nền sáng (thẻ phòng ban, khối sky): viền trắng của ảnh chi tiết biến mất — viền xám nhạt + bóng xanh đậm hơn để tách lớp. */
.lp-role .lp-pip,.lp-sec-sky .lp-pip{border-color:var(--line);box-shadow:0 0 0 6px rgba(var(--ocean-rgb),.07),0 30px 50px -22px rgba(var(--ink-rgb),.55)}

/* Website miễn phí (owner 2026-10-06: "khối này chưa ưng", "text chú thích bị hơi chìm"): danh sách 6 dòng → lưới 6 ô có icon; ảnh ghép
   3 lớp (trình dựng nghiêng phía sau · web máy tính · điện thoại) + thẻ "khách vừa đặt"; hai ảnh nhỏ khó đọc → dải 3 bước, ảnh cắt đúng
   phần đang nói, chữ đậm màu chữ chính (không dùng --muted nhạt cho chú thích trên nền sáng). */
.lp-web-feats{margin:22px 0 28px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-web-feats li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);
  box-shadow:0 12px 26px -20px rgba(var(--ink-rgb),.45)}
.lp-web-feats i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;color:#fff;background:var(--grad)}
.lp-web-feats b{display:block;font-size:14.5px;color:var(--ink);line-height:1.3}
.lp-web-feats span{font-size:13.5px;color:var(--text);line-height:1.4}
.lp-devices{padding:40px 0 56px}
.lp-web-back{position:absolute;z-index:0;margin:0;top:0;left:-6%;width:70%;border-radius:14px;overflow:hidden;transform:rotate(-5deg);opacity:.9;
  border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(var(--ink-rgb),.6)}
.lp-web-back img{width:100%}
.lp-web-front{position:relative;z-index:1;margin-left:12%}
.lp-devices .lp-phone{z-index:2}
.lp-web-toast{z-index:3;left:-2%;bottom:6px}
.lp-build{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:none}
.lp-bstep{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 14px 22px;box-shadow:0 24px 50px -36px rgba(var(--ink-rgb),.55)}
.lp-bstep-img{border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);background:var(--mist)}
.lp-bstep-img img{width:100%;height:100%;object-fit:cover}
.lp-bstep-no{position:absolute;top:-14px;left:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:'Lexend',sans-serif;
  font-weight:800;color:#fff;background:linear-gradient(135deg,var(--coral),var(--sun));box-shadow:0 10px 20px -8px rgba(var(--coral-rgb),.8)}
.lp-bstep h3{font-size:18px;color:var(--ink);margin:16px 6px 6px}
.lp-bstep p{font-size:14.5px;color:var(--text);margin:0 6px;line-height:1.5}
/* Chú thích ảnh trên nền sáng: đủ tương phản. */
.lp-caption,.lp-web-pair figcaption{color:var(--text);font-weight:500}
@media (max-width:900px){.lp-build{grid-template-columns:1fr}.lp-web-front{margin-left:6%}.lp-web-back{left:0}}
@media (max-width:640px){.lp-web-feats{grid-template-columns:1fr}.lp-web-toast{display:none}}

/* Xem phần mềm thật — tab dọc + ảnh ghép đổi theo tab (owner 2026-10-06). Thanh thời gian chạy lại mỗi lần đổi tab (animation gắn vào
   .is-on, chỉ chạy khi khối đang tự chuyển .is-auto). */
.lp-tour{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:44px;align-items:center;margin-top:56px}
.lp-tour-tabs{display:flex;flex-direction:column;gap:10px}
.lp-tour-tab{position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;cursor:pointer;
  padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--text);transition:background-color .25s,box-shadow .25s,border-color .25s}
.lp-tour-tab > i{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:16px;color:var(--ocean);background:var(--sky)}
.lp-tour-tab b{display:block;font-family:'Lexend',sans-serif;font-size:16px;color:var(--ink);line-height:1.3}
.lp-tour-tab small{display:block;font-size:14px;color:var(--text);line-height:1.45;margin-top:3px;max-height:0;opacity:0;transition:max-height .35s ease,opacity .35s ease}
.lp-tour-tab.is-on{background:#fff;border-color:rgba(var(--ocean-rgb),.35);box-shadow:0 22px 44px -28px rgba(var(--ink-rgb),.55)}
.lp-tour-tab.is-on > i{color:#fff;background:var(--grad)}
.lp-tour-tab.is-on small{max-height:5em;opacity:1}
.lp-tour-tab:hover:not(.is-on){background:#fff}
.lp-tour-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--ocean),var(--lagoon-2))}
.lp-tour.is-auto .lp-tour-tab.is-on .lp-tour-bar{animation:lp-tour-bar 6s linear forwards}
@keyframes lp-tour-bar{to{transform:scaleX(1)}}
.lp-tour-pip{opacity:0;visibility:hidden;transform:translateY(14px) scale(.96);transition:opacity .45s ease,transform .45s ease,visibility 0s .45s}
.lp-tour-pip.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .15s,transform .45s ease .15s}
.lp-tour .lp-shot-frame img.is-on{animation:lp-tour-in .5s ease}
@keyframes lp-tour-in{from{opacity:.2}to{opacity:1}}
@media (max-width:900px){.lp-tour{grid-template-columns:1fr;gap:28px}.lp-tour-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}
  .lp-tour-tab{flex:none;padding:10px 14px}.lp-tour-tab small{display:none}}
@media (prefers-reduced-motion:reduce){.lp-tour-pip,.lp-tour-pip.is-on,.lp-tour-tab small{transition:none}.lp-tour .lp-shot-frame img.is-on{animation:none}}
.lp-tour-tab{align-items:center}.lp-tour-tab.is-on{align-items:flex-start}