:root{--blue:#246bfe;--ink:#111827;--muted:#687386;--line:#e4e8ef;--soft:#f5f7fa;--green:#16b86a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Be Vietnam Pro",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.topline{padding:7px 0;background:#172033;color:#dce5f5;font-size:10px}.topline span{margin:0 8px;color:#6fa5ff}.site-header{position:sticky;top:0;z-index:40;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;height:68px}.brand{display:flex;align-items:center;gap:9px}.brand img{width:38px;height:38px;border-radius:10px;object-fit:contain}.brand strong{font-size:18px}.brand em{color:var(--blue);font-style:normal}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:12px;font-weight:600}.nav nav a:hover{color:var(--blue)}.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:9px;background:var(--blue);color:#fff;font-size:12px;font-weight:700}.nav-cta{margin-left:28px}.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:22px}#pointerTrail{position:fixed;inset:0;z-index:100;pointer-events:none}.hero{position:relative;overflow:hidden;padding:68px 0 62px;background:linear-gradient(145deg,#f8fbff,#fff 55%,#f6f3ff)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#246bfe18 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 65%)}.hero-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.hs-one{right:-120px;top:-180px;width:430px;height:430px;background:#dfe8ff}.hs-two{left:42%;bottom:-230px;width:360px;height:360px;background:#edddff}.hero-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center}.eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}.hero h1{margin:14px 0 18px;font-size:clamp(42px,5vw,65px);line-height:1.05;letter-spacing:-.055em}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:570px;color:var(--muted);font-size:15px}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:26px}.text-btn{font-size:12px;font-weight:700}.hero-points{display:flex;gap:35px;margin-top:36px}.hero-points span{color:#7a8494;font-size:9px;text-transform:uppercase}.hero-points b{display:block;color:var(--ink);font-size:19px}.hero-browser{overflow:hidden;border:1px solid #ced7e5;border-radius:16px;background:#fff;box-shadow:0 30px 70px #263a5c20;transform:rotate(1deg)}.browser-head{display:flex;align-items:center;gap:5px;height:34px;padding:0 12px;background:#eef2f8}.browser-head i{width:7px;height:7px;border-radius:50%;background:#ff6b62}.browser-head i:nth-child(2){background:#ffbd45}.browser-head i:nth-child(3){background:#51c86b}.browser-head span{margin-left:7px;color:#8994a6;font-size:8px}.browser-body{position:relative;min-height:380px;padding:52px 40px;color:#fff;background:linear-gradient(135deg,#14295e,#225cff 55%,#8d53ff)}.browser-body:after{content:"";position:absolute;right:-70px;bottom:-120px;width:330px;height:330px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 80px #80dcff88}.browser-copy{position:relative;z-index:2}.browser-copy small{color:#8eeaff;font-size:9px;font-weight:800;letter-spacing:.15em}.browser-copy h2{margin:15px 0;font-size:36px;line-height:1.12}.browser-copy b{color:#d8ff65;font-size:10px}.browser-tile{position:absolute;z-index:3;border:1px solid #ffffff33;border-radius:13px;background:#121c3dc7;box-shadow:0 15px 30px #0003;backdrop-filter:blur(8px)}.tile-a{right:30px;bottom:78px;padding:14px 18px;transform:rotate(5deg)}.tile-a span,.tile-a strong{display:block}.tile-a span{font-size:8px}.tile-a strong{font-size:31px}.tile-b{left:40px;bottom:24px;padding:12px 16px;font-size:12px;font-weight:800;letter-spacing:.08em}.service-band{border-block:1px solid var(--line);background:#fff}.service-row{display:grid;grid-template-columns:repeat(3,1fr)}.service-row>a{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:22px;border-right:1px solid var(--line);transition:.2s}.service-row>a:first-child{border-left:1px solid var(--line)}.service-row>a:hover{background:#f5f8ff;color:var(--blue)}.service-row i{color:var(--blue);font-style:normal;font-size:10px;font-weight:800}.service-row b,.service-row span{display:block}.service-row b{font-size:13px}.service-row span{margin-top:3px;color:var(--muted);font-size:9px}.section{padding:78px 0}.projects{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.section-head span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em}.section-head h2{margin:7px 0 0;font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em}.section-head p{max-width:460px;margin:0;color:var(--muted);font-size:12px}.filter-row{display:flex;gap:8px;margin-bottom:22px}.filter-row button{padding:9px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#667085;font:600 10px inherit;cursor:pointer}.filter-row button.active{border-color:var(--blue);background:var(--blue);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#b4c8ef;box-shadow:0 14px 35px #24385412}.project-card.hidden{display:none}.project-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#edf0f5}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.4s}.project-card:hover img{transform:scale(1.025)}.project-image span{position:absolute;right:10px;bottom:10px;padding:7px 9px;border-radius:6px;background:#111827dd;color:#fff;font-size:8px;opacity:0;transform:translateY(5px);transition:.25s}.project-card:hover .project-image span{opacity:1;transform:none}.project-copy{padding:16px 18px 19px}.project-copy small{display:inline-block;padding:5px 8px;border-radius:5px;background:#edf3ff;color:var(--blue);font-size:8px;font-weight:700}.project-copy h3{margin:9px 0 0;font-size:14px;line-height:1.5}.more-row{text-align:center;margin-top:28px}.more-row a{color:var(--blue);font-size:11px;font-weight:700}.sales-showcase{background:#fff}.sale-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.sale-tabs a{position:relative;overflow:hidden;min-height:310px;border-radius:13px;background:#eee}.sale-tabs img{width:100%;height:100%;object-fit:cover;transition:.4s}.sale-tabs a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111c,transparent 60%)}.sale-tabs a:hover img{transform:scale(1.05)}.sale-tabs span{position:absolute;z-index:2;left:15px;right:15px;bottom:15px;color:#fff;font-size:13px;font-weight:700}.sale-tabs small{display:block;margin-top:2px;color:#a9d0ff;font-size:9px}.why{background:#172033;color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.why h2{margin:12px 0 18px;font-size:38px;line-height:1.18}.why p{color:#aeb9ca;font-size:12px}.why .primary-btn{margin-top:14px}.why-list{display:grid}.why-list article{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:20px 0;border-bottom:1px solid #ffffff1a}.why-list i{grid-row:1/3;color:#68a1ff;font-style:normal;font-size:10px}.why-list b{font-size:14px}.why-list p{margin:3px 0}.contact-dock{position:fixed;z-index:50;left:12px;bottom:18px;display:grid;gap:8px}.contact-dock a{position:relative;display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:50%;color:#fff;box-shadow:0 4px 12px #0002;font-weight:800}.contact-dock a span{position:absolute;left:48px;width:max-content;padding:6px 9px;border-radius:5px;background:#172033;color:#fff;font-size:9px;opacity:0;transform:translateX(-5px);transition:.2s;pointer-events:none}.contact-dock a:hover span{opacity:1;transform:none}.contact-dock .phone{background:#18ad55}.contact-dock .zalo{background:#1688e8}.contact-dock .messenger{background:#7057ff}.featured-box{position:fixed;z-index:45;right:14px;bottom:14px;width:310px;border:1px solid #cfd5df;border-radius:9px;background:#fff;box-shadow:0 15px 45px #17203324}.featured-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 15px;border:0;border-radius:9px 9px 0 0;background:#eef1f5;color:#323a48;font:700 10px inherit;cursor:pointer}.featured-list{max-height:270px;overflow:auto;padding:0 12px;transition:.25s}.featured-list a{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecf1;font-size:10px;line-height:1.4}.featured-list img{width:72px;height:45px;object-fit:cover}.featured-box.closed .featured-list{max-height:0}.featured-box.closed .featured-head b{transform:rotate(180deg)}footer{padding:55px 0;background:#0f1726;color:#c4cede}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid p{max-width:430px;color:#8190a8;font-size:11px}.footer-grid b{color:#fff;font-size:12px}.footer-grid a,.footer-grid span{font-size:10px}.footer-grid .brand strong{color:#fff}
@media(max-width:1000px){.featured-box{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.sale-tabs{grid-template-columns:repeat(3,1fr)}.sale-tabs a{min-height:290px}}@media(max-width:760px){.topline{display:none}.nav{height:62px}.nav nav,.nav-cta{display:none}.menu-btn{display:block}.hero{padding:45px 0}.hero-grid,.why-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero h1{font-size:40px}.hero-browser{transform:none}.service-row{grid-template-columns:1fr}.service-row>a{border:0;border-bottom:1px solid var(--line)}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:10px}.sale-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.sale-tabs a{flex:0 0 70vw;scroll-snap-align:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-btn{text-align:center}.hero-points{justify-content:space-between;gap:8px}.browser-body{min-height:325px;padding:38px 25px}.browser-copy h2{font-size:28px}.tile-a{right:17px}.project-grid{grid-template-columns:1fr;gap:15px}.sale-tabs a{flex-basis:78vw}.why h2{font-size:30px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.contact-dock{left:8px;bottom:10px}.contact-dock a{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.project-image img,.sale-tabs img{transition:none}#pointerTrail{display:none}}