:root{color-scheme:dark;--bg:#07111f;--panel:#0b1829;--line:#1b3048;--text:#f5f8fc;--muted:#91a4bb;--blue:#3282ff;--cyan:#22d3ee;--green:#34d399;font-family:"Be Vietnam Pro",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.ambient-one{width:600px;height:600px;background:#2563eb;top:-300px;left:-180px}.ambient-two{width:500px;height:500px;background:#0891b2;top:600px;right:-300px}.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{height:64px;background:#07111ee8;border-color:#183049;backdrop-filter:blur(18px)}.landing-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.landing-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#388bff,#22d3ee);font-size:11px;font-weight:900;box-shadow:0 8px 26px #2563eb44}.landing-brand div{display:grid}.landing-brand strong{font-size:15px;letter-spacing:-.02em}.landing-brand small{font-size:8px;color:#64809e;letter-spacing:.08em}.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:#93a7bf;text-decoration:none;font-size:11px;font-weight:600;transition:.2s}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.text-action,.mini-primary,.menu-toggle{border:0;cursor:pointer}.text-action{color:#c3d2e2;background:transparent;padding:9px}.mini-primary{color:#fff;background:#2563eb;border-radius:9px;padding:10px 15px;font-size:10px;font-weight:800;box-shadow:0 8px 25px #2563eb33}.menu-toggle{display:none;color:#fff;background:#13243a;border-radius:8px;padding:8px 10px}.mobile-menu{display:none}
.hero{min-height:810px;padding-top:142px;padding-bottom:88px;display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center}.notice-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #20466c;border-radius:99px;color:#9ec9ff;background:#10233a;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.notice-pill span{width:6px;height:6px;border-radius:50%;background:#42e6b0;box-shadow:0 0 0 5px #34d39917;animation:pulse 2s infinite}.hero h1,.section-intro h2,.showcase-copy h2,.final-cta h2{margin:24px 0 18px;font-size:clamp(40px,4.5vw,67px);line-height:1.05;letter-spacing:-.055em}.hero h1 em,.section-intro h2 em,.showcase-copy h2 em,.final-cta h2 em{font-style:normal;color:#62a4ff}.hero-lead{max-width:570px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions,.final-cta>div>div{display:flex;gap:10px;align-items:center;margin-top:28px}.main-cta,.ghost-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:11px;padding:14px 18px;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.main-cta{color:#fff;background:linear-gradient(135deg,#276cf4,#0797c5);border:1px solid #4a92ff;box-shadow:0 14px 36px #2563eb33}.main-cta span{font-size:17px}.ghost-cta{color:#c5d4e4;border:1px solid #263d58;background:#0b1829}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:30px}.avatar-stack{display:flex}.avatar-stack span{width:29px;height:29px;display:grid;place-items:center;margin-left:-7px;border:2px solid #07111f;border-radius:50%;background:#18334f;color:#8fc1ff;font-size:8px;font-weight:800}.avatar-stack span:first-child{margin:0}.hero-proof p{display:grid;margin:0}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#738aa4;margin-top:3px}
.product-stage{position:relative;min-width:0;perspective:1200px}.stage-glow{position:absolute;inset:5% 4%;background:#1768d6;filter:blur(65px);opacity:.22}.browser-frame{position:relative;overflow:hidden;border:1px solid #294a6c;border-radius:15px;background:#080f1a;box-shadow:0 35px 100px #0009,0 0 0 7px #13223988;transform:rotateY(-4deg) rotateX(2deg);animation:stage-float 7s ease-in-out infinite}.browser-bar{height:36px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid #1d3046;background:#101b2a}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#40546b}.browser-bar div{flex:1;margin-left:7px;padding:5px 10px;border-radius:5px;background:#091321;color:#607894;font-size:7px}.browser-bar span{font-size:7px;padding:4px 6px;border-radius:4px;background:#1d55aa}.demo-app{height:440px;display:grid;grid-template-columns:118px 1fr 105px}.demo-tools,.demo-scenes{z-index:2;padding:12px 9px;background:#091321;border-right:1px solid #182a3d}.demo-tools>b{font-size:8px}.tool-icons{display:flex;gap:4px;margin:12px 0}.tool-icons span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #29405b;border-radius:4px;color:#a9bdd2;font-size:8px}.fake-control{margin:8px 0;padding:8px;border:1px solid #1c3047;border-radius:6px;background:#0b1727}.fake-control small,.demo-scenes>small{display:block;color:#36cbea;font-size:5px;font-weight:800;margin-bottom:6px}.fake-control div{margin:4px 0;padding:6px;border:1px solid #20344d;border-radius:4px;color:#657c97;font-size:5px}.fake-control div b{float:right}.fake-control button,.demo-scenes>button{width:100%;border:0;border-radius:4px;padding:6px;color:#fff;background:#2874ed;font-size:5px;font-weight:800}.demo-map{position:relative;overflow:hidden;background:#101a25}.map-grid,.vertical-map .map-grid{position:absolute;inset:-30%;opacity:.55;background-image:linear-gradient(24deg,transparent 47%,#283948 48%,#283948 50%,transparent 51%),linear-gradient(117deg,transparent 47%,#22333f 48%,#22333f 50%,transparent 51%);background-size:58px 58px;transform:rotate(6deg) scale(1.15)}.road{position:absolute;height:8px;width:140%;left:-20%;background:#202f3b;border:1px solid #344957;transform:rotate(-25deg)}.road.r1{top:20%}.road.r2{top:61%;transform:rotate(14deg)}.road.r3{width:110%;top:37%;transform:rotate(72deg)}.route-svg{position:absolute;inset:0;width:100%;height:100%}.route-shadow,.route-line{fill:none;stroke-linecap:round}.route-shadow{stroke:#0a0f15;stroke-width:9}.route-line{stroke:#2f8cff;stroke-width:4;stroke-dasharray:9 8;animation:route-flow 1.2s linear infinite}.map-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #4386dc;border-radius:5px;color:#dbeafe;background:#0d2340dd;font-size:6px;font-weight:700;box-shadow:0 5px 20px #0008}.map-pin i{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 4px #38bdf833}.pin-a{left:14%;bottom:15%}.pin-b{right:10%;top:13%}.radius-wave{position:absolute;width:170px;height:170px;border:2px solid #31a5ff99;border-radius:50%;left:45%;top:28%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #1689ec15,0 0 0 60px #1689ec09;animation:wave 3s ease-in-out infinite}.camera-chip{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 8px;border-radius:4px;color:#6ee7b7;background:#092c25dd;font-size:5px}.demo-scenes{border:0;border-left:1px solid #182a3d}.scene{display:flex;align-items:center;gap:5px;margin:7px 0;padding:7px 5px;border:1px solid #24364c;border-radius:5px;color:#7690aa;font-size:5px}.scene.active{border-color:#1f9ac4;background:#102d42;color:#8be9ff}.scene span{font-weight:800}.scene i{flex:1;height:14px;border-radius:2px;background:linear-gradient(135deg,#263b4c,#101c28)}.scene b{font-size:5px}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2e4b68;border-radius:10px;background:#0e2034e8;box-shadow:0 15px 35px #0008;backdrop-filter:blur(12px);animation:card-float 5s ease-in-out infinite}.float-card>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#0d4938;color:#6ee7b7}.float-card p{display:grid;margin:0}.float-card strong{font-size:8px}.float-card small{margin-top:3px;color:#6f88a1;font-size:6px}.float-one{left:-24px;bottom:50px}.float-two{right:-17px;top:85px;animation-delay:-2s}.float-two>span{background:#173b67;color:#7dd3fc}
.trust-strip{padding:28px 20px;border-block:1px solid #14263a;text-align:center;background:#081422}.trust-strip p{margin:0 0 18px;color:#526b85;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.trust-strip div{display:flex;justify-content:center;gap:clamp(25px,6vw,80px);color:#667b91;font-size:11px;font-weight:800;letter-spacing:.08em}.content-section,.showcase-section{padding-block:120px}.section-intro{max-width:660px;margin-bottom:50px}.section-intro.centered{margin-inline:auto;text-align:center}.section-label{color:#4d9cff;font-size:9px;font-weight:800;letter-spacing:.18em}.section-intro h2,.showcase-copy h2,.final-cta h2{font-size:clamp(34px,4vw,53px)}.section-intro p,.showcase-copy>p,.final-cta p{color:var(--muted);line-height:1.8;max-width:610px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{position:relative;overflow:hidden;min-height:320px;padding:28px;border:1px solid #1a3047;border-radius:17px;background:linear-gradient(145deg,#0c192a,#08131f)}.feature-card.large{min-height:350px}.feature-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #285486;border-radius:10px;color:#7dc4ff;background:#102b49;font-size:17px}.feature-card h3{font-size:18px;margin:20px 0 9px}.feature-card>p{max-width:480px;color:#7e95ae;font-size:11px;line-height:1.7}.search-demo{position:absolute;left:28px;right:28px;bottom:30px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #24547a;border-radius:10px;background:#0a1d32}.search-demo span{color:#5fb8ff}.search-demo p{flex:1;margin:0;color:#dbeafe;font-size:10px}.search-demo b{color:#6ee7b7;font-size:8px}.mini-route{position:absolute;inset:auto 28px 28px;height:95px;border-radius:10px;background:#0a1725;overflow:hidden}.mini-route:before{content:"";position:absolute;width:120%;height:3px;top:48%;left:-10%;background:#2f8cff;transform:rotate(-10deg);box-shadow:0 0 15px #2f8cff}.mini-route i{position:absolute;width:55px;height:2px;background:#273a4b;transform:rotate(48deg)}.mini-route i:nth-child(2){left:40%;top:20px}.mini-route i:nth-child(3){right:5%;bottom:15px}.mini-route b{position:absolute;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#2681f5;color:#fff;font-size:8px}.mini-route b:nth-last-child(2){left:8%;bottom:15px}.mini-route b:last-child{right:8%;top:10px}.rings{position:absolute;width:170px;height:170px;right:20px;bottom:-40px;display:grid;place-items:center}.rings i{position:absolute;border:1px solid #2e92ef55;border-radius:50%;animation:wave 3s infinite}.rings i:nth-child(1){inset:25%}.rings i:nth-child(2){inset:10%;animation-delay:-1s}.rings i:nth-child(3){inset:-8%;animation-delay:-2s}.rings b{z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#267ef0;color:#fff;font-size:9px}.timeline-demo{position:absolute;left:28px;right:28px;bottom:34px;display:flex;align-items:center}.timeline-demo>span{display:grid;place-items:center;gap:4px;width:76px;height:58px;border:1px solid #2b4159;border-radius:8px;color:#8ca3ba;background:#0c1826;font-size:9px;font-weight:800}.timeline-demo>span.active{color:#8ae7ff;border-color:#189bc4;background:#0e2c41}.timeline-demo small{font-size:6px;font-weight:500}.timeline-demo>i{flex:1;height:1px;background:#29445e}
.workflow-section{padding:110px 0;background:#091624;border-block:1px solid #152a40}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{position:relative}.steps article>span{display:block;color:#285985;font-size:12px;font-weight:900;margin-bottom:12px}.step-visual{height:180px;display:grid;place-items:center;border:1px solid #1b3047;border-radius:15px;background:#0b1828}.step-visual b{position:absolute;margin-top:95px;color:#8ca2b9;font-size:9px}.step-visual.search i{font-size:36px;color:#65b7ff}.step-visual.draw i{width:100px;height:65px;border:2px solid #2d8cf4;clip-path:polygon(10% 30%,65% 0,100% 72%,40% 100%)}.step-visual.play i{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#fff;background:#287cf2;box-shadow:0 0 0 15px #287cf219,0 0 0 30px #287cf20c}.steps h3{font-size:16px;margin:18px 0 7px}.steps p{color:#7890aa;font-size:10px;line-height:1.7}
.showcase-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.showcase-copy ul{list-style:none;padding:0;margin:25px 0}.showcase-copy li{margin:13px 0;color:#a7bacd;font-size:11px}.showcase-copy li span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;color:#65e7b7;background:#104535}.inline-link{display:inline-flex;gap:18px;color:#67b5ff;text-decoration:none;font-size:11px;font-weight:800}.phone-stage{position:relative;display:grid;place-items:center;min-height:600px}.phone-stage:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#1674dd22;filter:blur(50px)}.phone{position:relative;width:270px;height:560px;padding:9px;border:1px solid #35516e;border-radius:38px;background:#050a11;box-shadow:0 40px 80px #000a;transform:rotate(3deg)}.phone:before{content:"";position:absolute;z-index:3;top:17px;left:50%;width:75px;height:20px;transform:translateX(-50%);border-radius:20px;background:#050a11}.phone-screen{height:100%;overflow:hidden;border-radius:30px;background:#101b26}.vertical-map{position:relative;height:100%;overflow:hidden}.vertical-map svg{position:absolute;inset:0;width:100%;height:100%}.vertical-map path{fill:none;stroke:#2e92ff;stroke-width:4;stroke-dasharray:8 7;animation:route-flow 1.2s linear infinite}.vertical-pin{position:absolute;top:35%;left:30%;padding:7px 9px;border-radius:6px;background:#257bf0;color:#fff;font-size:7px;font-weight:800}.vertical-caption{position:absolute;left:20px;right:20px;bottom:25px;padding:15px;border:1px solid #ffffff22;border-radius:10px;background:#06101cbb;backdrop-filter:blur(12px)}.vertical-caption small{color:#50c7ee;font-size:6px;letter-spacing:.1em}.vertical-caption strong{display:block;margin-top:7px;font-size:14px;line-height:1.4}.social-bubble{position:absolute;right:2%;bottom:16%;padding:14px 17px;border:1px solid #2c5278;border-radius:12px;color:#75c3ff;background:#0d2034e8;font-size:14px;font-weight:900;box-shadow:0 15px 30px #0008}.social-bubble small{color:#7891aa;font-size:7px}
.audience-section{padding:110px 0;background:#091624;border-block:1px solid #152a40}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience-grid article{padding:28px;border:1px solid #1c3148;border-radius:16px;background:#0b1828}.audience-grid article.featured{border-color:#275f96;background:linear-gradient(145deg,#102b47,#0a1828)}.audience-grid article>span{font-size:25px}.audience-grid h3{margin:18px 0 9px;font-size:16px}.audience-grid p{color:#7e95ad;font-size:10px;line-height:1.75}.audience-grid button{padding:0;border:0;color:#64b5ff;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.final-cta{position:relative;overflow:hidden;margin-block:90px;padding:60px;border:1px solid #255682;border-radius:24px;background:linear-gradient(125deg,#0c2240,#091725 70%)}.final-cta>div:first-child{position:relative;z-index:2}.final-cta p{max-width:570px}.cta-orbit{position:absolute;right:7%;top:50%;width:270px;height:270px;transform:translateY(-50%);display:grid;place-items:center}.cta-orbit i{position:absolute;inset:0;border:1px solid #3186e633;border-radius:50%}.cta-orbit i:nth-child(2){inset:18%;border-color:#3186e655}.cta-orbit i:nth-child(3){inset:35%;border-color:#3186e688}.cta-orbit span{z-index:2;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;text-align:center;background:#247bf0;box-shadow:0 0 50px #247bf066;font-size:12px;font-weight:900}.cta-orbit b{font-size:10px}footer{border-top:1px solid #182b40;background:#06101c}footer>.section-shell{min-height:170px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}footer p{color:#69829d;font-size:9px}footer div>div{display:flex;gap:22px}footer div>div a,footer div>div button{border:0;color:#7d94ad;background:transparent;text-decoration:none;font-size:9px;cursor:pointer}footer>.section-shell>small{grid-column:1/-1;margin-top:-40px;color:#405871;font-size:8px}
.auth-modal{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:18px}.auth-modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#02060bd9;backdrop-filter:blur(9px)}.modal-card{position:relative;width:min(430px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:26px;border:1px solid #29435e;border-radius:18px;background:#0b1829;box-shadow:0 35px 100px #000c;animation:modal-in .22s ease}.modal-close{position:absolute;right:14px;top:11px;border:0;color:#7f95ad;background:transparent;font-size:25px;cursor:pointer}.modal-brand{display:flex;gap:11px;align-items:center;margin-bottom:20px}.modal-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2d7df5,#16b6d4);font-size:11px;font-weight:900}.modal-brand div{display:grid}.modal-brand strong{font-size:16px}.modal-brand small{color:#7289a3;font-size:9px;margin-top:3px}.modal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:17px;border-radius:10px;background:#07111f}.modal-tabs button{padding:9px 5px;border:0;border-radius:7px;color:#7890aa;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.modal-tabs button.active{color:#fff;background:#214e94}#landing-auth-form{display:grid;gap:11px}#landing-auth-form label{display:grid;gap:6px;color:#a9bbce;font-size:9px;font-weight:700}#landing-auth-form input{width:100%;padding:12px;border:1px solid #253b55;border-radius:9px;outline:0;color:#fff;background:#07111f;font-size:12px}#landing-auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-submit{display:flex;justify-content:center;gap:15px;margin-top:4px;padding:13px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#276cf4,#0797c5);font-size:10px;font-weight:800;cursor:pointer}.modal-submit:disabled{opacity:.5}.modal-message{display:none;margin-top:12px;padding:10px;border-radius:8px;font-size:9px;line-height:1.5}.modal-message.show{display:block}.modal-message.error{color:#fecaca;background:#4a1822}.modal-message.success{color:#bbf7d0;background:#123d2e}.modal-note{margin:13px 0 0;color:#647d98;font-size:8px;text-align:center}.zalo-link{display:block;margin-top:12px;color:#55c8e8;text-align:center;text-decoration:none;font-size:8px}[hidden]{display:none!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-one{transition-delay:.12s}.delay-two{transition-delay:.24s}@keyframes route-flow{to{stroke-dashoffset:-17}}@keyframes stage-float{50%{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px)}}@keyframes card-float{50%{transform:translateY(-9px)}}@keyframes wave{50%{opacity:.4;transform:scale(1.05)}}@keyframes pulse{50%{opacity:.45}}@keyframes modal-in{from{opacity:0;transform:translateY(15px) scale(.98)}}
@media(max-width:980px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.product-stage{width:min(720px,100%);margin-inline:auto}.section-grid{grid-template-columns:1fr}.showcase-section{gap:30px}.cta-orbit{opacity:.35}.final-cta{padding:45px}.demo-app{height:400px}.trust-strip div{flex-wrap:wrap}}
@media(max-width:680px){.section-shell{width:min(100% - 28px,1180px)}.site-header{height:62px;padding-inline:14px}.site-header .text-action{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;z-index:49;top:62px;left:10px;right:10px;display:grid;gap:2px;padding:9px;border:1px solid #203850;border-radius:12px;background:#091725ee;box-shadow:0 20px 50px #000a;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a,.mobile-menu button{padding:12px;border:0;border-radius:8px;color:#a9bdd2;background:transparent;text-align:left;text-decoration:none;font-size:11px}.hero{min-height:0;padding-top:105px;padding-bottom:65px;gap:50px}.notice-pill{font-size:7px}.hero h1{font-size:39px}.hero-lead{font-size:13px}.hero-actions{display:grid}.main-cta,.ghost-cta{width:100%;padding:14px}.browser-frame{transform:none;border-radius:11px}.demo-app{height:290px;grid-template-columns:72px 1fr 62px}.demo-tools{padding:8px 5px}.demo-tools>b{font-size:6px}.tool-icons span{width:14px;height:14px}.fake-control{padding:4px}.fake-control div{padding:4px}.demo-scenes{padding:8px 4px}.scene{padding:4px 2px}.float-card{display:none}.browser-bar div{font-size:5px}.trust-strip div{gap:18px;font-size:8px}.content-section,.showcase-section{padding-block:80px}.section-intro h2,.showcase-copy h2,.final-cta h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px;padding:22px}.steps{grid-template-columns:1fr;gap:35px}.step-visual{height:150px}.showcase-section{grid-template-columns:1fr}.showcase-copy{text-align:left}.phone-stage{min-height:560px}.phone{width:245px;height:510px}.audience-grid{grid-template-columns:1fr}.final-cta{margin-block:55px;padding:32px 22px}.final-cta>div:first-child{position:relative}.final-cta>div>div{display:grid}.cta-orbit{right:-140px;opacity:.18}.final-cta p{max-width:90%}footer>.section-shell{padding-block:35px;grid-template-columns:1fr;gap:18px}footer div>div{flex-wrap:wrap}footer>.section-shell>small{grid-column:auto;margin:0}.modal-card{padding:22px 18px}.modal-tabs button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Generated BDS MapTour brand assets */
.landing-brand>img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 18px #2563eb55)}
.cta-character{position:absolute;right:12px;bottom:0;width:365px;height:390px;display:flex;justify-content:center;pointer-events:none}
.cta-character img{position:absolute;z-index:2;right:18px;bottom:-125px;width:275px;height:auto;filter:drop-shadow(0 20px 35px #0008)}
.character-glow{position:absolute;right:25px;bottom:-10px;width:280px;height:280px;border-radius:50%;background:#2386f644;filter:blur(35px)}
.cta-character span{position:absolute;z-index:3;right:225px;top:64px;width:180px;padding:11px 13px;border:1px solid #3b6d9e;border-radius:12px 12px 3px 12px;color:#cde9ff;background:#0b2035e8;font-size:8px;line-height:1.6;box-shadow:0 12px 25px #0006}
@media(max-width:980px){.cta-character{right:-35px;opacity:.55}.final-cta>div:first-child{max-width:72%}}
@media(max-width:680px){.final-cta>div:first-child{max-width:none}.cta-character{position:relative;right:auto;bottom:-32px;width:100%;height:285px;opacity:1}.cta-character img{right:50%;bottom:-120px;width:235px;transform:translateX(50%)}.character-glow{right:50%;bottom:-30px;width:230px;height:230px;transform:translateX(50%)}.cta-character span{right:calc(50% + 48px);top:25px;width:145px}.landing-brand>img{width:38px;height:38px}}
.password-wrap{position:relative}.password-wrap input{padding-right:46px!important}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;color:#60758d;background:rgba(16,34,57,.22);font-size:0;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.password-toggle::before{content:'';width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.68;transition:opacity .18s ease,filter .18s ease}.password-toggle::after{content:'';position:absolute;width:23px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #07111f;opacity:.8;transition:opacity .15s ease,transform .18s ease}.password-toggle:hover,.password-toggle:focus-visible{color:#9bb0c6;background:rgba(30,58,91,.46);outline:none}.password-toggle[aria-pressed="true"]{color:#58dcff;background:rgba(28,150,210,.13);box-shadow:inset 0 0 0 1px rgba(88,220,255,.2),0 0 12px rgba(42,196,255,.16)}.password-toggle[aria-pressed="true"]::before{opacity:1;filter:drop-shadow(0 0 4px rgba(88,220,255,.8))}.password-toggle[aria-pressed="true"]::after{opacity:0;transform:rotate(-45deg) scale(.65)}.forgot-link{display:block;margin:-2px 0 3px auto;padding:3px;border:0;color:#61c8ee;background:transparent;font-size:9px;cursor:pointer}#landing-forgot-form{display:grid;gap:12px}#landing-forgot-form label{display:grid;gap:6px;color:#a9bbce;font-size:9px;font-weight:700}#landing-forgot-form input{width:100%;padding:12px;border:1px solid #253b55;border-radius:9px;outline:0;color:#fff;background:#07111f}.landing-back{margin:0 auto}

/* Map-led visual system */
.estate-map{background:radial-gradient(circle at 55% 52%,#123455 0,#0c2033 38%,#081521 78%)}
.map-blocks{position:absolute;inset:0;opacity:.72;background:linear-gradient(42deg,transparent 46%,#1e3546 47% 50%,transparent 51%) 8px 5px/82px 70px,linear-gradient(-35deg,transparent 45%,#172d3d 46% 49%,transparent 50%) 0 0/95px 82px,radial-gradient(circle at center,#203545,#152535);filter:drop-shadow(0 0 8px #000)}
.street{fill:none;stroke:#385065;stroke-width:12;stroke-linecap:round}.street.wide{stroke-width:22;stroke:#415d72}.street.minor{stroke-width:7;stroke:#2e465a}.property-fill{fill:#0ba7cf33;stroke:none}.property-line{fill:none;stroke:#42dcff;stroke-width:3;stroke-dasharray:8 6;filter:drop-shadow(0 0 7px #20c9ff);animation:property-flow 1.1s linear infinite}.lead-line{fill:none;stroke:#79e8ff;stroke-width:2;stroke-dasharray:5 6;animation:route-flow .8s linear infinite}.estate-label{position:absolute;z-index:4;left:50%;top:49%;padding:7px 10px;border:1px solid #43d9ff;border-radius:6px;color:#fff;background:linear-gradient(135deg,#087da9e8,#1252a8e8);font-size:7px;font-weight:900;box-shadow:0 0 22px #19c3ff66;transform:translate(-50%,-50%)}
.radar-scan{position:absolute;z-index:2;left:56%;top:53%;width:148px;height:148px;transform:translate(-50%,-50%);border:1px solid #3bc9ff88;border-radius:50%;overflow:hidden;box-shadow:0 0 24px #148dcb22}.radar-scan i{position:absolute;border:1px solid #31b8ec55;border-radius:50%}.radar-scan i:nth-child(1){inset:20%}.radar-scan i:nth-child(2){inset:36%}.radar-scan i:nth-child(3){inset:48%;background:#54e2ff;box-shadow:0 0 12px #54e2ff}.radar-scan b{position:absolute;inset:50% 0 0 50%;transform-origin:0 0;background:conic-gradient(from 270deg,#47dcff00,#47dcff55 36deg,#47dcff00 72deg);animation:radar-sweep 2.4s linear infinite}
.trust-strip{padding-block:34px}.trust-strip p{font-size:9px;color:#7290ad}.trust-strip div span{display:grid;gap:6px;color:#b6c9dc;font-size:13px;text-shadow:0 0 16px #5fc6ff33}.trust-strip div small{color:#526e87;font-size:7px;font-weight:600;letter-spacing:0;text-transform:none}
.feature-icon{position:relative;overflow:hidden}.feature-search-icon:before{content:'⌕';font-size:19px}.feature-route-icon:before{content:'↝';font-size:21px}.feature-radar-icon:before{content:'◎';font-size:20px}.feature-card h3{font-size:20px;text-shadow:0 0 18px #9bdcff22}.feature-card>p{font-size:12px;color:#93abc3}.feature-city{position:absolute;left:28px;right:28px;bottom:78px;height:120px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#0a2135,#071622)}.feature-city i{position:absolute;bottom:0;width:42px;background:linear-gradient(#204f71,#102940);box-shadow:inset 0 0 0 1px #3da6d044}.feature-city i:after{content:'';position:absolute;inset:8px;background:repeating-linear-gradient(90deg,#5fd8ff55 0 3px,transparent 3px 8px)}.feature-city i:nth-child(1){left:55%;height:78px}.feature-city i:nth-child(2){left:66%;height:52px}.feature-city i:nth-child(3){left:76%;height:92px}.feature-city b{position:absolute;z-index:3;left:77%;bottom:13px;color:#77e7ff;font-size:25px;filter:drop-shadow(0 0 8px #28cfff)}.feature-city svg{position:absolute;inset:0;width:100%;height:100%}.feature-city path{fill:none;stroke:#40cfff;stroke-width:3;stroke-dasharray:8 7;filter:drop-shadow(0 0 5px #36bfff);animation:route-flow 1s linear infinite}.feature-city em{position:absolute;left:15%;bottom:19px;padding:6px 9px;border-radius:5px;color:#fff;background:#1468b9;font-size:7px;font-style:normal;font-weight:800;box-shadow:0 0 14px #168fea}
.route-fields{position:absolute;left:28px;right:28px;bottom:126px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-fields span{padding:8px 10px;border:1px solid #264b69;border-radius:7px;color:#82a5c2;background:#091928;font-size:7px}.mini-route{height:106px}.mini-route svg{position:absolute;inset:0;width:100%;height:100%}.mini-route path{fill:none;stroke-linecap:round}.mini-street{stroke:#223c50;stroke-width:12}.mini-led{stroke:#47cfff;stroke-width:3;stroke-dasharray:10 8;filter:drop-shadow(0 0 5px #20bfff);animation:route-flow .8s linear infinite}.mini-route b:nth-last-child(2){left:4%;bottom:8px}.mini-route b:last-child{right:3%;top:11px}
.rings{width:205px;height:205px;right:38px;bottom:-25px;overflow:hidden}.rings i{border-color:#37c8ff66;animation:radar-pulse 2.5s ease-out infinite}.rings span{position:absolute;inset:50% 0 0 50%;transform-origin:0 0;background:conic-gradient(from 270deg,#39d0ff00,#39d0ff66 42deg,#39d0ff00 82deg);animation:radar-sweep 2.2s linear infinite}.rings b{box-shadow:0 0 24px #2ba8ff}.timeline-demo{bottom:48px}.timeline-demo>span{height:68px}.timeline-demo>i{box-shadow:0 0 8px #3da8ff44}
.location-panel{width:75%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border:1px solid #28597d;border-radius:10px;background:#081827;box-shadow:0 14px 30px #0005}.location-panel strong,.location-panel small{grid-column:1/-1}.location-panel strong{color:#d9f5ff;font-size:10px}.location-panel small{color:#66829d;font-size:7px}.location-panel span{padding:7px;border:1px solid #1f3f59;border-radius:6px;color:#76a5c8;font-size:7px}.story-tools{display:flex;gap:8px}.story-tools i{display:grid;place-items:center;gap:3px;width:54px;height:48px;border:1px solid #286395;border-radius:9px;color:#71d9ff;background:#0d2941;font-size:17px;font-style:normal;box-shadow:0 0 14px #1aa7e822}.story-tools small{color:#7fa0bb;font-size:5px}.step-visual.draw svg{position:absolute;width:75%;bottom:18px}.step-visual.draw svg path{fill:none;stroke:#46ccff;stroke-width:3;stroke-dasharray:9 7;filter:drop-shadow(0 0 5px #2abaff);animation:route-flow 1s linear infinite}.step-visual.draw>i{display:none}.preview-screen{width:78%;padding:7px;border:1px solid #28516f;border-radius:9px;background:#050c14;box-shadow:0 15px 35px #0008}.preview-map{position:relative;height:88px;overflow:hidden;background:linear-gradient(135deg,#112b3e,#081620)}.preview-map svg{width:100%;height:100%}.preview-map path{fill:none;stroke:#40cfff;stroke-width:4;stroke-dasharray:9 7;animation:route-flow 1s linear infinite}.preview-map span{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2387f5;box-shadow:0 0 0 8px #2387f522;transform:translate(-50%,-50%)}.preview-timeline{display:flex;gap:5px;padding-top:6px}.preview-timeline i{height:9px;flex:1;border-radius:2px;background:#164c6c}.preview-timeline i:first-child{background:#2baeff;box-shadow:0 0 8px #2baeff}
.device-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}.device-stage:before{content:'';position:absolute;width:500px;height:420px;border-radius:50%;background:#1674dd22;filter:blur(55px)}.device-stage .phone{z-index:3;width:180px;height:380px;margin-left:-50px;transform:rotate(4deg) translateY(42px)}.laptop{position:relative;z-index:2;width:470px;padding:11px 11px 18px;border:1px solid #3b5875;border-radius:18px 18px 8px 8px;background:#050a11;box-shadow:0 35px 70px #000b;transform:perspective(800px) rotateY(5deg)}.laptop-screen{aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#101d29}.laptop>i{position:absolute;left:-35px;right:-35px;bottom:-12px;height:13px;border-radius:2px 2px 16px 16px;background:linear-gradient(#344658,#101820)}.horizontal-map{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#153148,#071522)}.horizontal-map:before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 46%,#294153 47% 50%,transparent 51%) 0 0/72px 58px;opacity:.55}.horizontal-map svg{position:absolute;inset:0;width:100%;height:100%}.horizontal-map path{fill:none;stroke:#36c7ff;stroke-width:4;stroke-dasharray:10 8;filter:drop-shadow(0 0 5px #32bdff);animation:route-flow 1s linear infinite}.horizontal-map path.plot{fill:#0ba8ce44;stroke:#64e4ff;stroke-width:2}.horizontal-map span{position:absolute;left:57%;top:42%;padding:7px 10px;border-radius:5px;color:#fff;background:#1479ce;font-size:8px;font-weight:800}.format-bubble{position:absolute;z-index:5;padding:11px 14px;border:1px solid #32638c;border-radius:10px;color:#7ed9ff;background:#0b2134ee;font-size:14px;font-weight:900;box-shadow:0 15px 30px #0007}.format-bubble small{display:block;margin-top:4px;color:#7895ad;font-size:6px}.format-wide{left:3%;bottom:13%}.format-tall{right:0;bottom:8%}
.modal-brand>img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 7px 14px #168dff55)}
.cta-character.duo{right:-12px;width:500px;height:440px}.cta-character.duo img{right:5px;bottom:-150px;width:400px}.cta-character.duo .character-glow{right:18px;width:390px}.cta-character.duo span{font-size:8px}.cta-character.duo .speech-man{right:310px;top:70px}.cta-character.duo .speech-woman{right:5px;top:90px;border-radius:12px 12px 12px 3px}.speech-woman{color:#d7f8ff!important;border-color:#30a8c8!important;background:#0a3144e8!important}
@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes radar-pulse{0%{opacity:.9;transform:scale(.62)}100%{opacity:0;transform:scale(1.18)}}@keyframes property-flow{to{stroke-dashoffset:-28}}
@media(max-width:980px){.device-stage{min-height:540px}.laptop{width:400px}.cta-character.duo{right:-100px}.trust-strip div{gap:30px}.trust-strip div small{display:none}}
@media(max-width:680px){.radar-scan{width:92px;height:92px}.estate-label{font-size:5px}.feature-city{left:22px;right:22px}.route-fields{left:22px;right:22px}.location-panel,.preview-screen{width:88%}.story-tools{gap:5px}.story-tools i{width:46px}.device-stage{min-height:520px;transform:scale(.83);margin:-40px -45px}.laptop{width:390px}.device-stage .phone{width:150px;height:320px}.format-wide{left:8%}.cta-character.duo{right:auto;height:310px}.cta-character.duo img{right:50%;bottom:-140px;width:330px;transform:translateX(50%)}.cta-character.duo .character-glow{right:50%;transform:translateX(50%)}.cta-character.duo .speech-man{right:calc(50% + 75px);top:28px;width:130px}.cta-character.duo .speech-woman{right:calc(50% - 205px);top:48px;width:130px}.trust-strip div span{font-size:10px}}

/* UI overlap refinements */
.feature-card.large{min-height:380px}.feature-city{height:95px;bottom:88px}.feature-city svg{display:none}.feature-city i:nth-child(1){height:68px}.feature-city i:nth-child(2){height:46px}.feature-city i:nth-child(3){height:79px}.mini-route:before{content:none;display:none}.step-visual.draw svg{display:none}.step-visual.draw{position:relative}.step-visual.draw .story-tools{transform:translateY(-12px)}.step-visual.draw b{margin-top:105px}.cta-character.duo .speech-woman{right:14px;top:176px;width:148px}.cta-character.duo .speech-man{top:58px;width:165px}
@media(max-width:980px){.cta-character.duo .speech-woman{right:30px;top:178px}.cta-character.duo .speech-man{right:300px}}
@media(max-width:680px){.feature-card.large{min-height:370px}.feature-city{bottom:86px}.step-visual.draw .story-tools{transform:translateY(-10px)}.cta-character.duo .speech-man{right:calc(50% + 58px);top:12px;width:122px;padding:8px 10px;font-size:7px}.cta-character.duo .speech-woman{right:calc(50% - 186px);top:144px;width:120px;padding:8px 10px;font-size:7px}}

/* Mobile layout: keep every visual inside its own content box */
.step-visual.play{position:relative;padding:14px 12px 34px}
.step-visual.draw .story-tools i{width:54px;height:48px;border:1px solid #286395;clip-path:none}
.step-visual.play .preview-timeline i{display:block;flex:1;width:auto;height:9px;border:0;border-radius:2px;background:#164c6c;box-shadow:none;clip-path:none}
.step-visual.play .preview-timeline i:first-child{background:#2baeff;box-shadow:0 0 8px #2baeff}
.step-visual.play>b{left:12px;right:12px;bottom:10px;margin:0;text-align:center}
.feature-card:nth-child(2) .route-fields{bottom:145px}
.device-stage .laptop{width:440px}
.device-stage .phone{width:170px;height:360px;margin-left:-30px}
.cta-character.duo{right:0;width:470px;height:424px}
.cta-character.duo img{right:25px;bottom:-125px;width:365px}
.audience-grid article>a{display:inline-block;padding:0;color:#64b5ff;font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:680px){
  .steps article{min-width:0}
  .step-visual{width:100%;box-sizing:border-box}
  .step-visual.draw .story-tools{width:calc(100% - 24px)}
  .step-visual.draw .story-tools i{flex:1;min-width:0;width:auto;height:48px}
  .feature-card:nth-child(2){min-height:370px}
  .feature-card:nth-child(2)>p{max-width:100%;padding-right:0}
  .feature-card:nth-child(2) .route-fields{bottom:132px;grid-template-columns:1fr 1fr}
  .feature-card:nth-child(2) .mini-route{left:22px;right:22px;bottom:20px;height:102px}

  .step-visual.play .preview-screen{width:100%;transform:translateY(-3px)}
  .step-visual.play .preview-timeline{display:flex;gap:5px;padding-top:6px}
  .step-visual.play .preview-timeline i{display:block;flex:1;width:auto;height:9px;border:0;border-radius:2px;background:#164c6c;box-shadow:none;clip-path:none}
  .step-visual.play .preview-timeline i:first-child{background:#2baeff;box-shadow:0 0 8px #2baeff}
  .step-visual.play>b{left:12px;right:12px;bottom:10px;margin:0;text-align:center}
  .steps h3{margin-top:15px}

  .showcase-section{overflow:hidden}
  .showcase-section>*{min-width:0}
  .device-stage{width:100%;max-width:100%;min-width:0;min-height:480px;margin:0;transform:none;overflow:visible}
  .device-stage .laptop{width:min(82%,300px);margin-right:34px;transform:perspective(800px) rotateY(3deg)}
  .laptop>i{left:-10px;right:-10px}
  .device-stage .phone{position:absolute;right:8px;top:126px;width:116px;height:246px;margin:0;transform:rotate(3deg)}
  .device-stage .vertical-caption{left:8px;right:8px;bottom:12px;padding:8px}
  .device-stage .vertical-caption strong{font-size:8px}
  .device-stage .vertical-caption small{font-size:4px}
  .device-stage .vertical-pin{font-size:5px;padding:5px}
  .format-bubble{padding:8px 10px;font-size:10px}
  .format-wide{left:2%;bottom:12%}
  .format-tall{right:0;bottom:5%}

  .final-cta{text-align:center}
  .final-cta>div:first-child{max-width:none}
  .final-cta p{max-width:100%;margin-inline:auto}
  .final-cta>div:first-child>div{justify-items:center}
  .final-cta .main-cta,.final-cta .ghost-cta{justify-content:center}
  .cta-character.duo{right:auto;width:100%;max-width:330px;height:310px;margin-inline:auto}
  .cta-character.duo img{right:50%;bottom:-115px;width:285px;transform:translateX(50%)}
  .cta-character.duo .speech-man{left:0;right:auto;top:-70px}
  .cta-character.duo .speech-woman{left:auto;right:0}
}

/* Nút liên hệ nhanh cho khách vãng lai ở trang chủ. */
.guest-support{position:fixed;right:24px;bottom:24px;z-index:60;display:grid;justify-items:end;gap:10px}
.guest-support-panel{display:grid;min-width:210px;padding:12px;border:1px solid #285177;border-radius:14px;background:#091827f5;box-shadow:0 18px 45px #0009;backdrop-filter:blur(16px)}
.guest-support-panel strong{padding:1px 3px 8px;color:#eaf6ff;font-size:11px}
.guest-support-panel a{display:flex;align-items:center;min-height:38px;padding:0 8px;border-radius:8px;color:#b9d7f0;text-decoration:none;font-size:11px;font-weight:650}
.guest-support-panel a:hover{color:#fff;background:#17385a}
.guest-support-toggle{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #65caff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#287cf2,#0aa9cb);box-shadow:0 10px 28px #0b76be88;cursor:pointer;font-size:21px}
.guest-support-toggle:hover{transform:translateY(-2px);filter:brightness(1.08)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.guest-support{right:16px;bottom:16px}.guest-support-panel{min-width:200px}.guest-support-toggle{width:50px;height:50px}}