/* ============================================================
   Z247 Homepage — dựng từ prototype "Connected Growth System"
   Scope: trang chủ standalone trong Flatsome child theme.
   ============================================================ */
:root{--blue:#1455c0;--blue-2:#2771e8;--navy:#102849;--ink:#0f1f36;--slate:#5f6f84;--cyan:#38bdf8;--green:#10b981;--cloud:#f5f8fc;--line:#dfe8f3;--white:#fff;--purple:#8b5cf6;--orange:#d97706;--radius:22px;--shadow:0 25px 70px rgba(16,40,73,.12)}
html,body{overflow-x:hidden}
.z247-home *{box-sizing:border-box}html{scroll-behavior:smooth}
.z247-home{margin:0;color:var(--ink);font-family:"Be Vietnam Pro",system-ui,sans-serif;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
.z247-home button,.z247-home input,.z247-home select,.z247-home textarea{font:inherit}.z247-home button,.z247-home a{-webkit-tap-highlight-color:transparent}.z247-home a{color:inherit;text-decoration:none}.z247-home img,.z247-home svg{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:105px 0}.skip-link{position:fixed;left:16px;top:-60px;z-index:200;background:#fff;color:#111;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.85);border-bottom:1px solid rgba(207,221,237,.7);backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{box-shadow:0 8px 40px rgba(16,40,73,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#32b5ed);border-radius:11px 11px 11px 3px;transform:rotate(-4deg);box-shadow:0 8px 20px rgba(20,85,192,.22)}.brand-mark span{font-size:21px;line-height:1;color:#fff;font-weight:800;transform:rotate(4deg)}.brand-name{font-size:25px;letter-spacing:-1.5px;font-weight:800;color:var(--navy)}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.main-nav a{font-size:14px;font-weight:600;color:#40526a;transition:.2s}.main-nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 23px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));font-weight:700;font-size:14px;box-shadow:0 12px 25px rgba(20,85,192,.22);cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(20,85,192,.28)}.button-sm{min-height:43px;padding:0 18px}.button-ghost{background:#fff;color:var(--navy);border:1px solid #cddaea;box-shadow:none}.button-ghost:hover{border-color:var(--blue);box-shadow:none}.menu-toggle{display:none;background:0;border:0;width:42px;height:42px;padding:9px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px;border-radius:2px;transition:.2s}
.hero{position:relative;overflow:hidden;padding-top:152px;padding-bottom:50px;background:linear-gradient(180deg,#f7fbff 0,#fff 94%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,85,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,85,192,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);opacity:.7}.hero-glow-one{width:520px;height:520px;right:-220px;top:-180px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 68%)}.hero-glow-two{width:430px;height:430px;left:-220px;top:180px;background:radial-gradient(circle,rgba(20,85,192,.11),transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:.89fr 1.11fr;align-items:center;gap:55px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:20px}.eyebrow span{width:24px;height:2px;background:currentColor}.hero h1,.section-heading h2,.process h2,.contact h2,.why h2{font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:-3px;margin:0;font-weight:750;color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:17px;line-height:1.75;color:var(--slate);margin:26px 0 31px;max-width:590px}.hero-actions{display:flex;gap:12px}.hero-note{display:flex;gap:20px;margin-top:21px;font-size:11px;color:#66778c;font-weight:600}.note-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8f8f3;color:#079c70;margin-right:5px}.hero-visual{min-height:530px;position:relative;display:flex;align-items:center}.orbit{position:absolute;border:1px dashed rgba(20,85,192,.2);border-radius:50%}.orbit-a{width:580px;height:580px;left:10px}.orbit-b{width:440px;height:440px;left:76px}.dashboard-card{position:relative;z-index:2;width:100%;background:#fff;border:1px solid rgba(196,213,231,.9);border-radius:19px;box-shadow:0 32px 75px rgba(16,40,73,.16);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.dash-top{height:49px;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px}.dash-brand{display:flex;align-items:center;gap:7px}.mini-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:var(--blue);color:#fff;font-weight:800}.dash-dots{display:flex;gap:4px}.dash-dots i{width:6px;height:6px;background:#c9d4e1;border-radius:50%}.dash-body{display:flex;height:380px}.dash-side{width:62px;border-right:1px solid #e8eef5;padding:19px 14px;display:flex;flex-direction:column;gap:17px}.dash-side b{width:28px;height:28px;background:#e8f0fd;border-radius:8px}.dash-side span{width:25px;height:7px;background:#e7edf4;border-radius:8px}.dash-side span:nth-child(3){background:#bfd4f7}.dash-main{padding:20px;width:calc(100% - 62px);background:#fbfdff}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-title div{display:flex;flex-direction:column}.dash-title small,.metric small,.chart-head small{font-size:8px;color:#7c8999}.dash-title strong{font-size:13px}.dash-title>span{font-size:7px;padding:6px 8px;border:1px solid #e0e8f1;border-radius:6px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{border:1px solid #e5ecf3;border-radius:10px;background:#fff;padding:10px;display:flex;min-width:0;flex-direction:column}.metric-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;margin-bottom:8px;font-size:10px;font-style:normal}.metric-icon.purple{background:#efeafe;color:var(--purple)}.metric-icon.cyan{background:#e3f7fd;color:#0891b2}.metric-icon.green{background:#e6f8f1;color:var(--green)}.metric b{font-size:9px;white-space:nowrap}.trend{font-size:6px;color:#0b9c6b;margin-top:5px}.chart-card{background:#fff;border:1px solid #e5ecf3;border-radius:10px;margin-top:10px;padding:12px 14px 0}.chart-head{display:flex;justify-content:space-between}.chart-head div{display:flex;flex-direction:column}.chart-head b{font-size:10px}.status-dot{font-size:6px;color:var(--green)}.line-chart{height:135px;width:100%;overflow:visible}.grid-line{stroke:#eef2f6;stroke-width:1}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.95);border:1px solid #e1e9f2;box-shadow:0 18px 40px rgba(16,40,73,.14);padding:11px 14px;border-radius:12px;display:flex;gap:10px;align-items:center;animation:float 4s ease-in-out infinite}.float-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:15px}.float-card div{display:flex;flex-direction:column}.float-card small{font-size:7px;color:#78879a}.float-card b{font-size:9px}.float-ai{right:-24px;top:55px}.float-ai>span{background:#f0eafd;color:var(--purple)}.float-connect{left:-25px;bottom:48px;animation-delay:-2s}.float-connect>span{background:#e2f7fd;color:#0691b2}@keyframes float{50%{transform:translateY(-8px)}}.trust-line{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;margin-top:45px;padding-top:28px;border-top:1px solid #e3ebf4;font-size:11px;color:#6d7b8d}.trust-line>span{font-weight:700;color:#32475f;margin-right:15px}.trust-line div{display:flex;align-items:center;gap:7px;font-weight:600}.trust-line i{font-style:normal;color:var(--blue);font-size:9px}.trust-line b{height:1px;width:40px;background:#cddaea}
.section-heading{margin-bottom:55px}.section-heading.centered{text-align:center;max-width:750px;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.process h2,.why h2,.contact h2{font-size:clamp(34px,3.6vw,50px);letter-spacing:-2.4px}.section-heading>p,.section-heading.split>p{color:var(--slate);max-width:530px;margin:20px auto 0}.section-heading.split{display:flex;align-items:end;justify-content:space-between}.section-heading.split>p{margin:0 0 7px;max-width:440px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{appearance:none;text-align:left;padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff;color:inherit;cursor:pointer;min-height:225px;display:flex;flex-direction:column;transition:.25s}.problem-card:hover{transform:translateY(-6px);border-color:#9fc1f3;box-shadow:0 20px 45px rgba(16,40,73,.09)}.problem-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.problem-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:19px;margin-bottom:22px}.problem-icon.blue{color:var(--blue);background:#eaf1fd}.problem-icon.cyan{color:#078ca9;background:#e1f8fd}.problem-icon.purple{color:var(--purple);background:#f0eafd}.problem-icon.navy{color:var(--navy);background:#e8edf3}.problem-icon.green{color:#0b946b;background:#e4f8f0}.problem-icon.orange{color:var(--orange);background:#fdf2dc}.problem-card b{font-size:16px}.problem-card small{font-size:12px;color:var(--slate);line-height:1.65;margin-top:7px}.problem-card>i{font-style:normal;color:var(--blue);font-size:11px;font-weight:700;margin-top:auto;padding-top:18px}.problem-card>i span{margin-left:4px;transition:.2s}.problem-card:hover>i span{margin-left:9px}
.solutions{background:var(--navy);color:#fff;position:relative;overflow:hidden}.solutions:before{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(56,189,248,.12);border-radius:50%;right:-200px;top:-180px;box-shadow:0 0 0 75px rgba(56,189,248,.025),0 0 0 150px rgba(56,189,248,.02)}.eyebrow.light{color:var(--cyan)}.solutions .section-heading h2,.why h2,.contact h2{color:#fff}.solutions .section-heading h2 em,.why h2 em{color:var(--cyan)}.solutions .section-heading p{color:#a7b7ca}.solution-layout{position:relative;display:grid;grid-template-columns:.83fr 1.17fr;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035)}.solution-list{padding:18px;border-right:1px solid rgba(255,255,255,.1)}.solution-tab{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;padding:21px 15px;display:grid;grid-template-columns:36px 1fr 25px;text-align:left;align-items:center;gap:10px;cursor:pointer;border-radius:10px;transition:.2s}.solution-tab:last-child{border-bottom:0}.solution-tab>span{color:#6e88a6;font-size:10px}.solution-tab div{display:flex;flex-direction:column}.solution-tab b{font-size:14px}.solution-tab small{color:#8297af;font-size:9px}.solution-tab i{font-style:normal;color:#7188a2;opacity:0;transition:.2s}.solution-tab.active,.solution-tab:hover{background:rgba(56,189,248,.09)}.solution-tab.active b{color:var(--cyan)}.solution-tab.active i,.solution-tab:hover i{opacity:1}.solution-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.solution-showcase{display:grid;grid-template-columns:.9fr 1.1fr;min-height:475px}.showcase-copy{padding:54px 20px 40px 48px}.showcase-tag{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.5px}.showcase-copy h3{font-size:27px;line-height:1.25;letter-spacing:-1px;margin:16px 0;color:#fff}.showcase-copy p{font-size:12px;color:#9fb0c4}.showcase-copy ul{list-style:none;padding:0;margin:25px 0}.showcase-copy li{font-size:10px;color:#cfdae6;margin:9px 0}.showcase-copy li:before{content:"\2713";color:var(--green);margin-right:8px}.showcase-copy a{font-size:11px;font-weight:700;color:var(--cyan)}.showcase-art{position:relative;display:flex;align-items:center;padding:35px 0;overflow:hidden}.screen{width:390px;background:#fff;border:5px solid #263e5d;border-radius:13px;box-shadow:0 25px 40px rgba(0,0,0,.2);transform:rotate(-3deg)}.screen-top{height:22px;background:#f3f6f9;display:flex;align-items:center;gap:4px;padding:0 7px}.screen-top i{width:4px;height:4px;border-radius:50%;background:#cad3de}.site-preview{height:260px;padding:42px 25px;background:linear-gradient(135deg,#f2f8ff 55%,#e0f6ff);position:relative;overflow:hidden}.site-preview:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#1f70df,#30bce9);right:-28px;bottom:-20px;box-shadow:-30px -25px 0 rgba(20,85,192,.1)}.preview-badge{font-size:5px;color:var(--blue);font-weight:800}.site-preview b{font-size:20px;line-height:1.2;color:var(--navy);display:block;margin:8px 0;letter-spacing:-.8px}.site-preview small{display:block;color:#657991;font-size:7px;width:180px}.preview-button{width:70px;height:16px;border-radius:4px;background:var(--blue);margin-top:16px}.score-card{position:absolute;right:15px;bottom:42px;width:100px;background:#fff;color:var(--navy);border-radius:12px;padding:11px;box-shadow:0 16px 30px rgba(0,0,0,.18);text-align:center}.score-card>b{display:block;font-size:7px;text-align:left}.score-ring{width:43px;height:43px;border:5px solid var(--green);border-left-color:#d7e8e2;border-radius:50%;margin:8px auto 5px;display:grid;place-items:center;color:var(--green);font-weight:800}.score-card small{font-size:5px;color:#75869a}
.products{background:#f6f9fd}.product-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.product-card{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.product-card.featured{display:grid;grid-template-columns:1fr 1fr;padding:38px 0 38px 38px;background:linear-gradient(135deg,#fff,#f5f2ff)}.product-copy{padding-right:22px}.product-label{font-size:8px;color:#687c93;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.product-label i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.product-logo{font-size:20px;font-weight:800;margin:24px 0 18px;color:var(--navy)}.product-logo span{color:var(--blue)}.product-logo small{font-size:11px;font-weight:600;margin-left:4px}.purple-logo small{color:var(--purple)}.blue-logo small{color:var(--blue)}.product-card h3{font-size:21px;line-height:1.35;letter-spacing:-.8px;margin:0 0 12px}.product-card p{font-size:11px;color:var(--slate)}.product-card a{display:inline-block;font-size:10px;font-weight:700;color:var(--blue);margin-top:20px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag-list span{font-size:7px;background:#eee8fd;color:#6951a7;border-radius:20px;padding:5px 9px}.chat-ui{align-self:center;height:310px;display:grid;grid-template-columns:112px 1fr;border:1px solid #ded7f0;background:#fff;border-radius:15px 0 0 15px;overflow:hidden;box-shadow:0 20px 45px rgba(92,64,137,.12)}.chat-sidebar{padding:13px 8px;background:#f7f5fc;border-right:1px solid #ebe5f5;display:flex;flex-direction:column;gap:5px}.chat-sidebar>b{font-size:8px;padding:5px}.chat-sidebar>span{font-size:6px;display:flex;align-items:center;gap:5px;padding:8px 6px;border-radius:5px}.chat-sidebar>span.active{background:#e9e1fb;color:#6b46bd}.chat-sidebar i{width:6px;height:6px;border-radius:50%;background:#ad9bcf}.chat-sidebar em{font-style:normal}.chat-sidebar small{margin-left:auto}.chat-window{padding:13px;background:#fff}.chat-head{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:10px}.chat-head i{width:24px;height:24px;background:linear-gradient(135deg,#8b5cf6,#38bdf8);border-radius:50%}.chat-head div{display:flex;flex-direction:column}.chat-head b{font-size:8px}.chat-head small{font-size:5px;color:var(--green)}.bubble{font-size:6px;line-height:1.55;max-width:85%;padding:8px;border-radius:8px}.bubble.left{background:#f2f4f7;margin-top:35px}.bubble.right{background:#7b5ac4;color:#fff;margin:11px 0 0 auto}.typing{margin-top:18px;display:flex;gap:2px}.typing span{width:4px;height:4px;background:#a8b1be;border-radius:50%}.compact{padding:38px;display:flex;flex-direction:column}.compact h3{margin-top:12px}.mini-pipeline{margin-top:auto;padding:20px 0 0;display:flex;flex-direction:column;gap:7px}.mini-pipeline span{font-size:6px;color:#6c7c8e}.mini-pipeline i{display:block;height:8px;border-radius:5px;background:#dce8f9;margin-top:3px}.mini-pipeline span:nth-child(2) i{width:78%;background:#a9c8f3}.mini-pipeline span:nth-child(3) i{width:54%;background:var(--blue)}.product-note{text-align:center;color:#7b899a;font-size:10px;margin-top:24px}.product-note a{color:var(--blue);font-weight:700}
.process-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:start}.process-intro{position:sticky;top:115px}.process-intro p{color:var(--slate);font-size:14px;margin:25px 0}.text-link{color:var(--blue);font-size:12px;font-weight:700}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:30px 15px;border-bottom:1px solid var(--line);transition:.2s}.process-list li:hover{transform:translateX(8px)}.process-list li>span{font-size:12px;color:var(--blue);font-weight:700}.process-list b{font-size:18px}.process-list p{margin:6px 0 0;color:var(--slate);font-size:12px}.why{padding-top:20px}.why-card{border-radius:28px;background:linear-gradient(135deg,#102849,#13365e);padding:65px;display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;position:relative;overflow:hidden}.why-card:before{content:"Z";position:absolute;right:-35px;bottom:-150px;color:rgba(255,255,255,.025);font-size:440px;font-weight:800;line-height:1}.why-copy,.why-points{position:relative}.why-copy p{color:#a9b8c9;font-size:13px;margin-top:24px}.why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:stretch}.why-points article{padding:24px 18px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.04)}.why-points span{font-size:9px;color:var(--cyan)}.why-points b{display:block;color:#fff;font-size:13px;margin:27px 0 10px}.why-points p{font-size:9px;color:#9fb0c4;margin:0}
.insight-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:16px}.insight-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;transition:.25s}.insight-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(16,40,73,.08)}.insight-art{height:180px;background:#eaf2fc;position:relative;display:grid;place-items:center;overflow:hidden}.insight-card.large .insight-art{background:linear-gradient(135deg,#102849,#15509a)}.art-ai>span{font-size:46px;color:#fff;font-weight:800;letter-spacing:-4px;z-index:2}.art-ai i{position:absolute;border:1px solid rgba(56,189,248,.35);border-radius:50%;width:100px;height:100px}.art-ai i:nth-child(2){width:160px;height:160px}.art-ai i:nth-child(3){width:230px;height:230px}.art-ai i:nth-child(4){width:300px;height:300px}.stack{position:relative;width:150px;height:100px}.stack i{position:absolute;width:115px;height:60px;border-radius:10px;background:#fff;border:1px solid #abc5e5;box-shadow:0 8px 20px rgba(16,40,73,.08);left:18px}.stack i:nth-child(2){top:17px;left:9px}.stack i:nth-child(3){top:34px;left:0;background:#1455c0}.art-web{background:#e6f7fb}.browser-mini{width:155px;height:104px;background:#fff;border-radius:9px;padding:12px;box-shadow:0 13px 28px rgba(16,40,73,.12)}.browser-mini b{display:block;height:10px;background:#dfe8f4;border-radius:4px}.browser-mini i{display:inline-block;width:37px;height:51px;background:#d9f4fa;margin:12px 2px 0;border-radius:4px}.browser-mini i:nth-child(3){background:#aadff0}.browser-mini i:nth-child(4){background:#38bdf8}.insight-copy{padding:23px}.insight-copy small{font-size:7px;color:var(--blue);font-weight:800;letter-spacing:.8px}.insight-copy h3{font-size:15px;line-height:1.5;margin:9px 0 20px}.insight-card.large .insight-copy h3{font-size:18px}.insight-copy a{font-size:9px;color:var(--blue);font-weight:700}
.contact{padding-top:35px}.contact-card{background:linear-gradient(125deg,#102849,#0e3b70);border-radius:28px;padding:66px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;color:#fff;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(56,189,248,.15);left:-210px;bottom:-240px;box-shadow:0 0 0 80px rgba(56,189,248,.03),0 0 0 160px rgba(56,189,248,.02)}.contact-copy{position:relative}.contact-copy>p{color:#a9bacd;font-size:13px;margin:22px 0 31px}.contact-info{position:relative;margin:4px 0 26px;display:flex;flex-direction:column;gap:11px;font-size:13px;color:#cfdcea}.contact-info a{color:#fff;font-weight:700}.contact-info svg{width:16px;height:16px;flex:none;color:var(--cyan);vertical-align:-3px;margin-right:9px}.contact-promise{display:flex;gap:12px;margin-top:17px}.contact-promise>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(16,185,129,.15);color:#47ddb1;flex:none;font-size:11px}.contact-promise div{display:flex;flex-direction:column}.contact-promise b{font-size:11px}.contact-promise small{color:#8fa5bd;font-size:8px}.lead-form{position:relative;background:#fff;color:var(--ink);border-radius:18px;padding:29px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-head>b{font-size:15px}.form-head>span{font-size:7px;color:#8391a1}.lead-form label{display:block;font-size:11px;font-weight:700;margin:12px 0;color:#3b4d64}.lead-form .req{color:#c63852}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;border:1px solid #dbe4ee;border-radius:8px;background:#fbfcfe;padding:11px 12px;margin-top:5px;outline:0;color:var(--ink);font-size:13px;transition:.2s}.lead-form textarea{resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,85,192,.1)}.lead-form .invalid{border-color:#dc4c64}.field-error{display:block;color:#c63852;font-size:10px;margin-top:3px;min-height:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.form-submit{width:100%;margin-top:8px}.form-status{text-align:center;font-size:12px;margin:12px 0 0;min-height:16px;color:var(--green)}.form-status.is-error{color:#ffb4bf}.lead-form.on-card .form-status.is-error{color:#dc4c64}.form-ok{text-align:center;padding:26px 10px}.form-ok-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e6f8f1;color:var(--green);font-size:26px;margin-bottom:12px}.form-ok h3{margin:0 0 8px;color:var(--navy);font-size:19px}.form-ok p{color:var(--slate);font-size:13px;margin:0}
.site-footer{background:#0b1e35;color:#fff;padding-top:65px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:60px;padding-bottom:55px}.brand.inverse .brand-name{color:#fff}.footer-brand p{color:#8195ad;font-size:11px;margin-top:17px}.footer-top>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-top b{font-size:11px;margin-bottom:8px}.footer-top a:not(.brand){font-size:12px;color:#8ea2ba;transition:.2s}.footer-top a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0;display:flex;justify-content:space-between;font-size:11px;color:#71869e}.footer-bottom div{display:flex;gap:25px}.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:0;border-radius:12px;background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(20,85,192,.25);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:80}.back-top.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}:root:not(.z-js) .reveal{opacity:1;transform:none}
@media(max-width:1000px){.main-nav{gap:17px}.main-nav a{font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px;text-align:center;margin:auto}.hero-copy .eyebrow{justify-content:center}.hero-actions,.hero-note{justify-content:center}.hero-visual{max-width:760px;width:100%;margin:auto}.product-grid{grid-template-columns:1fr}.why-card{grid-template-columns:1fr;gap:40px}.contact-card{gap:38px;padding:50px 42px}.insight-grid{grid-template-columns:1fr 1fr}.insight-card.large{grid-column:1/-1}.footer-top{gap:30px}}
@media(max-width:780px){.section{padding:78px 0}.nav-wrap{height:68px}.main-nav{position:absolute;top:68px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:10px 20px 22px;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(16,40,73,.1);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.main-nav.open{opacity:1;transform:none;pointer-events:auto}.main-nav a{padding:13px;font-size:14px}.menu-toggle{display:block;margin-left:auto}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-cta{display:none}.hero{padding-top:118px}.hero h1{letter-spacing:-2px}.hero-lead{font-size:15px}.hero-visual{min-height:400px}.dashboard-card{transform:none}.dash-body{height:300px}.chart-card{padding-bottom:0}.line-chart{height:90px}.orbit{display:none}.float-ai{right:-8px}.float-connect{left:-8px;bottom:18px}.trust-line{overflow:auto;justify-content:flex-start}.trust-line>b{min-width:22px}.problem-grid{grid-template-columns:1fr 1fr}.section-heading.split{display:block}.section-heading.split>p{margin:20px 0 0}.solution-layout{grid-template-columns:1fr}.solution-list{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.solution-showcase{grid-template-columns:1fr}.showcase-art{min-height:330px;padding-left:35px}.process-grid{grid-template-columns:1fr;gap:35px}.process-intro{position:static}.why-card{padding:43px 28px}.why-points{grid-template-columns:1fr}.why-points b{margin-top:12px}.product-card.featured{grid-template-columns:1fr;padding:30px}.chat-ui{margin-top:30px;border-radius:15px}.contact-card{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.container{width:calc(100% - 28px);max-width:1180px}.section{padding:65px 0}.hero{padding-top:108px}.hero h1,.section-heading h2,.process h2,.why h2,.contact h2{font-size:34px;letter-spacing:-1.6px}.hero-actions{flex-direction:column}.hero-note{flex-direction:column;gap:7px;text-align:left;align-items:center}.hero-grid{display:block}.hero-grid,.hero-copy,.hero-visual{min-width:0;max-width:100%;width:100%}.hero-visual{min-height:330px;overflow:hidden}.dashboard-card{width:620px;min-width:620px;transform:scale(.56);transform-origin:left top;position:absolute;left:0;top:0}.float-card{transform:scale(.85)}.float-ai{right:5px;top:8px}.float-connect{bottom:5px}.trust-line{margin-top:15px}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:200px}.solution-tab{padding:17px 10px}.solution-showcase{min-height:auto}.showcase-copy{padding:38px 25px}.showcase-art{min-height:270px;padding-left:25px}.screen{min-width:330px}.score-card{right:5px}.product-card.featured{padding:25px 0 25px 25px}.product-copy{padding-right:25px}.chat-ui{height:270px}.compact{padding:28px}.process-list li{grid-template-columns:44px 1fr;padding:25px 0}.why-card{padding:38px 23px}.insight-grid{grid-template-columns:1fr}.insight-card.large{grid-column:auto}.contact-card{padding:38px 22px}.form-row{grid-template-columns:1fr;gap:0}.form-head{align-items:flex-start;gap:8px;flex-direction:column}.lead-form{padding:22px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-bottom{flex-direction:column;gap:10px}.footer-bottom div{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.z247-home *,.z247-home *:before,.z247-home *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Ẩn các off-canvas drawer còn sót của Flatsome (đã gỡ flatsome.css ở trang chủ) */
.mfp-hide{display:none!important}#main-menu.mobile-sidebar{display:none!important}

/* ===== Nav + Mega-menu ===== */
.main-nav .nav-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:#40526a;background:none;border:0;padding:0;margin:0;cursor:pointer;font-family:inherit;line-height:1.4;transition:.2s}
.main-nav .nav-link:hover,.main-nav .nav-link:focus-visible{color:var(--blue)}
.nav-login{color:var(--navy)!important;font-weight:700!important}
.has-mega{position:relative;display:flex;align-items:center}
.mega-toggle .caret{font-size:10px;transition:transform .2s}
.has-mega:hover .caret,.mega-toggle[aria-expanded="true"] .caret{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 18px);left:-24px;width:620px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 70px rgba(16,40,73,.16);padding:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:120}
.has-mega:hover .mega,.has-mega:focus-within .mega,.mega.open{opacity:1;visibility:visible;transform:none}
.mega:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mega-item{display:flex;gap:12px;padding:13px;border-radius:12px;align-items:flex-start;transition:.18s}
.mega-item:hover,.mega-item:focus-visible{background:var(--cloud);outline:none}
.mi-ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:17px}
.mi-ic.blue{color:var(--blue);background:#eaf1fd}.mi-ic.purple{color:var(--purple);background:#f0eafd}.mi-ic.navy{color:var(--navy);background:#e8edf3}.mi-ic.orange{color:var(--orange);background:#fdf2dc}
.mi-tx{display:flex;flex-direction:column}.mi-tx b{font-size:13.5px;color:var(--navy)}.mi-tx small{font-size:11px;color:var(--slate);line-height:1.5;margin-top:2px}
.mega-all{display:inline-block;margin:10px 4px 2px;font-size:12px;font-weight:700;color:var(--blue)}
@media(max-width:780px){
	.main-nav .nav-link{padding:13px;width:100%;justify-content:space-between;font-size:14px}
	.has-mega{display:block;width:100%}
	.mega{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 6px;display:none;background:var(--cloud)}
	.mega.open{display:block}
	.mega-grid{grid-template-columns:1fr;gap:2px;padding:4px 6px}
	.mega-item{padding:10px 12px}
	.mega-all{margin:6px 12px 10px}
	.nav-login{border-top:1px solid var(--line);padding-top:16px!important;margin-top:4px}
}