:root{--bg:#ede4d3;--bg-soft:#e6dbc6;--bg-card:#f8f3e9;--border:#d9cbb2;--text:#221a12;--text-muted:#6f6152;--accent:#ea580c;--accent-soft:#c2410c;--accent-bg:#ea580c14;--green:#16a34a;--amber:#b45309;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:0 24px}a{color:var(--accent-soft);text-decoration:none}nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.logo{color:var(--text);letter-spacing:-.02em;font-size:20px;font-weight:800}.logo span{color:var(--accent)}.nav-links{flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;display:flex}.nav-links a{color:var(--text-muted)}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:600}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:transform .1s,opacity .15s;display:inline-block}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn-primary,.nav-links a.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover,.nav-links a.btn-primary:hover{color:#fff}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-lg{padding:15px 36px;font-size:16px}.btn-sm{padding:9px 18px;font-size:14px}.hero{text-align:center;padding:88px 0 64px}.hero .badge{background:var(--accent);color:#fff;border-radius:999px;margin-bottom:28px;padding:7px 18px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 4px 14px #ea580c59}.hero h1{letter-spacing:-.03em;max-width:820px;margin:0 auto 20px;font-size:clamp(32px,6vw,54px);font-weight:800;line-height:1.12}.hero h1 em{color:var(--accent);font-style:normal}.hero p.sub{color:var(--text-muted);max-width:660px;margin:0 auto 36px;font-size:18px}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero .note{color:var(--text-muted);margin-top:16px;font-size:13px}section{border-top:1px solid var(--border);padding:72px 0}.section-title{letter-spacing:-.02em;text-align:center;margin-bottom:12px;font-size:32px;font-weight:800}.section-sub{color:var(--text-muted);text-align:center;max-width:620px;margin:0 auto 48px}.section-eyebrow{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:10px;font-size:12.5px;font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 2px 10px #221a120d}.card h3{color:var(--accent-soft);margin-bottom:10px;font-size:17px}.card p{color:var(--text-muted);font-size:14.5px}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}}.stat .num{letter-spacing:-.02em;color:var(--accent);font-size:30px;font-weight:800}.stat .label{color:var(--text-muted);font-size:13.5px}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:880px){.product-grid{grid-template-columns:1fr}}.product{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:30px;display:flex;box-shadow:0 2px 10px #221a120d}.product.live{border-color:var(--accent);box-shadow:0 8px 30px #ea580c24}.product-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.product h3{letter-spacing:-.01em;font-size:20px}.product .tagline{color:var(--accent-soft);margin-bottom:12px;font-size:14px;font-weight:600}.product p{color:var(--text-muted);flex:1;font-size:14.5px}.product ul{margin:16px 0 0;list-style:none}.product li{color:var(--text-muted);padding:3px 0;font-size:13.5px}.product li:before{content:"· ";color:var(--accent);font-weight:700}.product .actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tag{white-space:nowrap;letter-spacing:.04em;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-block}.tag-live{background:var(--accent);color:#fff}.tag-building{color:var(--amber);background:#b453091f;border:1px solid #b4530947}.tag-planned{color:var(--text-muted);border:1px solid var(--border);background:#6f61521a}.checklist{grid-template-columns:repeat(3,1fr);gap:12px 24px;max-width:860px;margin:0 auto;display:grid}@media (max-width:820px){.checklist{grid-template-columns:1fr 1fr}}@media (max-width:520px){.checklist{grid-template-columns:1fr}}.checklist li{color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14.5px;list-style:none}.checklist li:before{content:"✓ ";color:var(--green);font-weight:700}.compare{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}th,td{text-align:center;border-bottom:1px solid var(--border);padding:12px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}td:first-child,th:first-child{text-align:left}.yes{color:var(--green);font-weight:700}.no{color:var(--red)}.highlight-col{background:var(--accent-bg)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}@media (max-width:820px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:32px 28px;display:flex;box-shadow:0 2px 10px #221a120d}.price-card.featured{border-color:var(--accent);position:relative;box-shadow:0 8px 30px #ea580c29}.price-card.featured:before{content:"PHỔ BIẾN NHẤT";background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.price-card h3{margin-bottom:6px;font-size:18px}.price-old{color:var(--text-muted);font-size:15px;text-decoration:line-through}.price-now{letter-spacing:-.02em;margin:2px 0 4px;font-size:34px;font-weight:800}.price-now small{color:var(--text-muted);font-size:14px;font-weight:400}.price-card ul{flex:1;margin:20px 0 28px;list-style:none}.price-card li{color:var(--text-muted);padding:5px 0;font-size:14px}.price-card li:before{content:"✓ ";color:var(--green);font-weight:700}.price-card .btn{text-align:center;width:100%}.faq{max-width:720px;margin:0 auto}details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:18px 22px}summary{cursor:pointer;font-size:15.5px;font-weight:600}details p{color:var(--text-muted);margin-top:12px;font-size:14.5px}.prose{max-width:720px;margin:0 auto}.prose h2{letter-spacing:-.02em;margin:36px 0 12px;font-size:24px}.prose h2:first-child{margin-top:0}.prose p{color:var(--text-muted);margin-bottom:14px}.prose ul{color:var(--text-muted);margin:0 0 16px 20px}.prose li{margin-bottom:6px}.prose strong{color:var(--text)}.breadcrumb{color:var(--text-muted);padding-top:26px;font-size:13.5px}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent-soft)}.lead-form{gap:12px;max-width:560px;margin:32px auto 0;display:grid}.lead-form input,.lead-form textarea,.lead-form select{width:100%;font:inherit;background:#fff;border:1.5px solid #e2d9c8;border-radius:10px;padding:12px 14px;font-size:15px}.lead-form textarea{resize:vertical;min-height:88px}.lead-form .hp{opacity:0;position:absolute;left:-9999px}.lead-msg{text-align:center;margin-top:12px;font-weight:600;display:none}.lead-msg.ok{color:var(--green);display:block}.lead-msg.err{color:#b91c1c;display:block}footer{border-top:1px solid var(--border);color:var(--text-muted);padding:48px 0 32px;font-size:13.5px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;display:grid}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-grid h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-bottom:10px;font-size:12.5px}.footer-grid a{color:var(--text-muted);padding:3px 0;display:block}.footer-grid a:hover{color:var(--accent-soft)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;display:flex}
