/* Digiads 2026 design system — source: Digiads_2026_Standalone bundle */
:root {
  --navy:#162436; --ink:#142237; --body:#536174; --soft:#758397; --blue:#155eef; --blue2:#2579fd; --cyan:#32ccdf; --rose:#ff647f;
  --bg:#f7f9fc; --white:#fff; --line:#e6ebf0; --shadow:0 14px 42px rgba(22,36,54,.08);
  --radius:24px; --container:1212px;
}
*, *::before, *::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:90px}
body {margin:0;background:var(--white);color:var(--ink);font-family:'Be Vietnam Pro','Inter',Arial,sans-serif;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}
img {max-width:100%;display:block} a {color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg.icon {height:1.2em;width:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:#d5ebff;color:#103f8d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #64b6ff;outline-offset:3px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.container{max-width:var(--container);margin:auto;padding:0 26px}.topline{height:33px;display:flex;gap:10px;align-items:center;justify-content:center;background:#162a43;color:#dbeafc;font-size:10px;font-weight:600;letter-spacing:.12px}.topline-dot{width:7px;height:7px;background:#6fe0dc;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px rgba(111,224,220,.13)}.topline-arrow{font-size:13px;color:#69e6e7}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(224,232,240,.65)}.nav-wrap{display:flex;align-items:center;min-height:78px;gap:40px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{height:34px;width:auto;object-fit:contain}.nav-links{display:flex;gap:30px;align-items:center;margin-left:auto}.nav-links>a{font-size:12px;font-weight:700;color:#4d586c;transition:color .2s;white-space:nowrap}.nav-links>a:hover,.nav-links>a.is-active{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:14px}.nav-hotline{font-size:12px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px;color:#17263a}.nav-hotline svg{color:var(--blue);width:16px;height:16px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:12px;font-size:12px;font-weight:800;line-height:1.2;min-height:44px;padding:14px 17px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button svg{width:17px;height:17px}.button-dark{background:#162a43;color:white}.button-dark:hover{background:#0e2038;box-shadow:0 8px 20px #17253b25}.button-primary{background:var(--blue);color:white;box-shadow:0 12px 24px rgba(21,94,239,.16)}.button-primary:hover{background:#0d4ee1;box-shadow:0 15px 30px rgba(21,94,239,.25)}.button-outline{background:rgba(255,255,255,.86);color:#29384d;border-color:#dfe6ed}.button-outline:hover{background:white;box-shadow:var(--shadow)}.button-large{padding:17px 21px;border-radius:13px;min-height:53px}.menu-toggle,.nav-mobile-cta{display:none!important}
/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(119deg,#fbfcff 9%,#f0f7ff 58%,#edfdfd 108%);border-bottom:1px solid #e7edf4}.hero-glow{position:absolute;pointer-events:none;filter:blur(4px);border-radius:50%}.glow-one{width:390px;height:390px;background:radial-gradient(circle,rgba(162,231,237,.30),transparent 72%);right:-130px;top:-150px}.glow-two{width:520px;height:520px;background:radial-gradient(circle,rgba(255,174,188,.13),transparent 71%);left:-300px;bottom:-280px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;min-height:670px;padding-top:53px;padding-bottom:38px}.hero-copy{position:relative;z-index:2;padding:10px 0 50px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.3px;font-weight:800;color:#185fe0}.hero-eyebrow{margin-bottom:25px}.eyebrow-star{width:27px;height:27px;border-radius:9px;background:#e3edff;display:grid;place-items:center}.eyebrow-star svg{width:16px;height:16px}.hero h1{font-size:64px;line-height:1.18;letter-spacing:-3px;font-weight:800;margin:0;white-space:nowrap}.heading-accent{color:var(--blue)}.hero-description{font-size:15px;line-height:1.98;color:#5c6b7d;max-width:510px;margin:28px 0 26px}.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:39px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack img{border:3px solid white;width:43px;height:43px;border-radius:50%;object-fit:cover;margin-left:-8px;box-shadow:0 3px 8px #aeb9c05e}.hero-proof strong{display:block;font-size:11px;color:#24364d;line-height:1.3}.hero-proof span{display:block;color:#8b97a5;font-size:10px;margin-top:3px}.hero-visual{height:568px;position:relative;min-width:0}.hero-orb{position:absolute;width:465px;height:465px;left:3%;top:12%;background:linear-gradient(145deg,#c7f7fb 5%,#e5eafc 58%,#fce5ed);border-radius:46% 54% 65% 35% / 45% 43% 57% 55%;transform:rotate(-9deg)}.hero-photo-main,.hero-photo-top,.hero-photo-bottom{position:absolute;overflow:hidden;box-shadow:0 20px 50px rgba(35,65,99,.16);background:#d7e3ef;border:6px solid #fff}.hero-photo-main img,.hero-photo-top img,.hero-photo-bottom img{width:100%;height:100%;object-fit:cover}.hero-photo-main{left:8%;top:2%;height:82%;width:56%;border-radius:130px 30px 30px 30px;transform:rotate(-3deg);z-index:2}.hero-photo-main img{object-position:center 44%}.hero-photo-top{width:35%;height:43%;top:3%;right:0;border-radius:31px 90px 32px 32px;transform:rotate(6deg);z-index:3}.hero-photo-top img{object-position:center 30%}.hero-photo-bottom{width:37%;height:39%;bottom:6%;right:2%;border-radius:34px 30px 100px 30px;transform:rotate(5deg);z-index:2}.hero-photo-bottom img{object-position:center 27%}.hero-float{position:absolute;z-index:5;box-shadow:0 16px 45px rgba(33,59,91,.12)}.float-growth{bottom:12%;left:-8%;display:flex;align-items:center;gap:12px;background:#fff;padding:15px 15px 15px 13px;border-radius:15px;transform:rotate(-2deg);white-space:nowrap}.float-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:var(--blue);background:#e7f0ff}.float-icon svg{width:23px;height:23px}.float-growth strong{display:block;font-size:11px;line-height:1.5}.float-growth small{display:block;font-size:9px;color:#8592a2}.float-growth .float-arrow{width:15px;height:15px;margin-left:5px;color:#466071}.float-sticker{top:48%;right:-7%;background:#fd7b91;color:#fff;border-radius:9px;padding:11px 14px;transform:rotate(7deg);font-size:10px;font-weight:900;letter-spacing:1px}.float-sticker>span:nth-child(2){font-size:16px}.sticker-dot{display:inline-block;background:#fff;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:5px}.hero-caption{position:absolute;bottom:0;right:5%;font-size:8px;color:#71879a}.hero-bottom{padding-bottom:22px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#657589}.hero-bottom b{color:#293b51}.hero-bottom a{display:flex;gap:8px;align-items:center;font-weight:750;color:#1f61e0}.hero-bottom svg{width:14px;height:14px}
/* Logos */
.logo-section{padding:59px 0 36px;background:#fff}.logo-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}.logo-heading h2{font-size:23px;letter-spacing:-.8px;margin:7px 0 0}.logo-heading p{color:#8492a3;font-size:11px;max-width:360px;line-height:1.8;margin:0}.section-kicker{font-size:10px;color:#2269db;letter-spacing:1.5px;font-weight:800;display:inline-flex;align-items:center;gap:12px}.kicker-line{width:25px;height:2px;background:#35bfe7;display:inline-block}.logo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.logo-box{height:87px;border:1px solid #e9edf3;background:white;border-radius:15px;display:grid;place-items:center;padding:13px 24px;transition:box-shadow .2s}.logo-box:hover{box-shadow:var(--shadow)}.logo-box img{max-height:47px;max-width:140px;width:100%;height:auto;object-fit:contain}.logo-box:nth-child(2) img{max-height:53px}.logo-box:nth-child(5) img{max-height:48px}.small-source{color:#96a0ad;font-size:9px;margin:14px 0 0;line-height:1.8}.small-source a{color:#5377a3;text-decoration:underline;text-underline-offset:2px}
/* General Sections */
.section-pad{padding:110px 0}.section-heading{margin:16px 0 0;font-size:43px;line-height:1.35;font-weight:800;letter-spacing:-1.8px}.accent-italic{font-style:normal;color:var(--blue)}.section-header{margin-bottom:36px}.section-header.centered{text-align:center}.section-header.centered .section-kicker{justify-content:center}.section-header.centered>p{max-width:560px;margin:18px auto 0;font-size:13px;color:#66768a;line-height:2}.section-header-row{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-header-row>p{max-width:390px;line-height:1.98;font-size:12px;color:#778497;margin-bottom:5px}
/* About */
.about-section{padding-top:80px;padding-bottom:86px}.about-top{display:grid;grid-template-columns:1.05fr .75fr;align-items:end;gap:65px;margin-bottom:37px}.about-description{padding:0 4px 8px}.about-description p{font-size:14px;color:#657285;line-height:2;margin:0 0 17px}.text-link{display:inline-flex;gap:9px;align-items:center;font-weight:800;color:var(--blue);font-size:12px}.text-link svg{width:16px;height:16px}.numbers-block{display:grid;grid-template-columns:.9fr repeat(3,1fr);background:#172b46;color:#fff;border-radius:24px;padding:31px 0;overflow:hidden}.number-intro{padding:14px 30px;display:flex;flex-direction:column;align-items:flex-start}.mini-mark{width:35px;height:35px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;border-radius:10px;margin-bottom:18px;color:#86ddec}.mini-mark svg{width:21px;height:21px}.number-intro>span{font-size:11px;line-height:1.55;letter-spacing:1px;font-weight:800}.number-intro-bottom{font-size:9px;color:#a6b7cd;line-height:1.8;margin-top:auto;padding-top:21px}.number-item{padding:34px 22px;border-left:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column}.number-main{font-family:'Inter','Be Vietnam Pro',sans-serif;font-size:57px;line-height:1;letter-spacing:-3px;font-weight:800;color:white;margin-bottom:24px}.number-suffix{color:#57d8e8;font-size:39px}.number-item strong{font-size:11px;line-height:1.5}.number-item small{color:#9db3cc;line-height:1.7;font-size:9px;margin-top:8px}.number-note{font-size:10px;color:#8b96a4;display:flex;align-items:center;gap:8px;margin:13px 0 0}.number-note svg{color:#4474b1;width:16px;height:16px}
/* Service cards */
.services-section{background:#f7f9fc}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;background:#fff;border:1px solid #edf0f3;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;padding:26px;min-height:326px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(15,47,88,.08)}.service-with-image{min-height:489px}.service-cyan{background:#eaf8fa;border-color:#e3f5f7}.service-peach{background:#fcf0e9;border-color:#fbede5}.service-purple{background:#f1eefa;border-color:#eeebf7}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.service-number{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#607286}.service-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff9; color:#3366a6}.service-icon svg{width:19px;height:19px}.service-visual{height:214px;position:relative;margin:0 -4px 25px;overflow:hidden;border-radius:16px}.service-visual img{height:100%;width:100%;object-fit:cover}.service-visual-shop{background:linear-gradient(90deg,#c1eff4,#a1dcf1)}.service-visual-shop>img{width:60%;margin-left:auto;object-position:center 31%;border-radius:85px 15px 15px 15px}.mock-signal{position:absolute;left:12px;top:60px;background:white;border-radius:13px;padding:11px 9px;font-size:11px;font-weight:800;display:flex;gap:7px;align-items:center;box-shadow:0 9px 25px #4872a733;white-space:nowrap}.mock-signal .icon{width:13px;height:13px;color:var(--blue)}.mock-dot{height:8px;width:8px;border-radius:50%;background:#19b0a7}.service-visual-video{background:#f5dace}.service-visual-video img{width:100%;object-position:46% 31%}.service-visual-video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6b9ab22,#572b2811)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid white;background:#ffffffbc;backdrop-filter:blur(3px);border-radius:50%;display:grid;place-items:center;z-index:3;color:var(--blue)}.video-play svg{width:22px;height:22px;margin-left:2px}.video-chip{position:absolute;left:12px;bottom:13px;background:#fff;z-index:3;border-radius:9px;padding:7px 11px;font-size:9px;font-weight:800}.service-visual-koc{background:#dad2ef}.service-visual-koc img{width:65%;margin:auto;object-position:center 26%;border-radius:60% 60% 12% 12%}.mock-bubble{position:absolute;top:25px;right:8px;padding:10px;border-radius:12px;background:#fff;font-size:10px;font-weight:800;color:#5f468d;box-shadow:0 10px 26px #7e7aaa44;white-space:nowrap}.mock-bubble span{color:#fd6cab;font-size:14px}.service-card h3{font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.45px;margin:0 0 11px}.service-card p{font-size:11px;color:#5f7084;line-height:1.9;margin:0 0 19px}.service-link{border:0;background:none;color:#185de3;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;font-size:11px;font-weight:800;padding:0;margin-top:auto;width:fit-content;transition:gap .2s}.service-link:hover{gap:12px}.service-link svg{width:15px;height:15px}.service-mini{min-height:282px;padding:31px}.service-mini-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin-bottom:25px}.service-mini-icon svg{width:25px;height:25px}.sky{background:#e5f0ff;color:#1863e6}.rose{background:#ffe8ed;color:#f15f79}.lime{background:#eaf7e6;color:#53a85f}.service-mini .service-number{margin-bottom:9px}.service-mini h3{font-size:18px}
/* Projects */
.projects-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid #edf0f5;border-radius:21px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-topline{display:flex;justify-content:space-between;padding:16px 20px;font-size:9px;letter-spacing:1.2px;font-weight:850;color:#67778a}.project-topline .icon{width:17px;height:17px}.project-art{height:230px;position:relative;margin:0 13px;border-radius:14px;overflow:hidden;background:#f1f7fe}.project-vnsky .project-art{background:linear-gradient(145deg,#e8f6fc 5%,#b7ddff 100%)}.project-vietnamobile .project-art{background:linear-gradient(135deg,#fff1da,#f5ca92)}.project-roborock .project-art{background:linear-gradient(150deg,#fff1f2,#e7eaee)}.project-logo{position:absolute;top:23px;left:21px;width:160px;height:63px;padding:13px 10px;display:grid;place-items:center;border-radius:12px;background:#fff;box-shadow:0 9px 28px #16426714;z-index:2}.project-logo img{width:100%;max-height:48px;object-fit:contain}.project-vietnamobile .project-logo{width:154px}.project-roborock .project-logo{width:172px}.project-art-label{position:absolute;left:21px;bottom:21px;font-size:9px;letter-spacing:1.6px;font-weight:800;color:#376b98;z-index:4}.project-vietnamobile .project-art-label{color:#a95a14}.project-roborock .project-art-label{color:#a34d59}.project-art-decoration{position:absolute;inset:0;overflow:hidden}.orbit{position:absolute;display:block;border:2px solid #fff8;width:260px;height:260px;border-radius:50%;transform:rotate(-20deg)}.orbit-one{right:-60px;top:-75px}.orbit-two{right:20px;top:-18px}.art-spark{position:absolute;right:40px;bottom:38px;color:white;width:62px!important;height:62px!important;stroke-width:1.2!important}.phone-figure{position:absolute;right:55px;top:26px;width:92px;height:166px;border:6px solid #303848;border-radius:21px;background:#fff;box-shadow:11px 12px 0 #ff8d34,0 10px 20px #a65b2666;transform:rotate(12deg)}.phone-notch{display:block;width:35px;height:7px;background:#303848;border-radius:0 0 7px 7px;margin:0 auto}.phone-widget{display:block;width:58px;height:53px;border-radius:9px;background:linear-gradient(145deg,#ffb43d,#f48b4b);margin:15px auto 0}.phone-widget.w2{width:60px;height:24px;background:#fff1df;border:1px solid #f5dabc;margin-top:8px}.phone-button{display:block;width:18px;height:4px;border-radius:3px;background:#b9c1cf;margin:8px auto}.round-blob{position:absolute;left:-55px;bottom:-170px;width:270px;height:270px;border-radius:50%;background:#ffbc6828}.live-ring{position:absolute;right:21px;top:-42px;width:266px;height:266px;border:36px solid #ffbdc7a1;border-radius:50%;box-shadow:0 0 0 20px #fff7f8a8}.live-badge{position:absolute;right:30px;top:22px;background:#ef3b4e;padding:7px 11px;border-radius:7px;color:white;font-size:10px;font-weight:900;letter-spacing:1px}.live-dot{position:absolute;right:93px;bottom:37px;width:63px;height:63px;background:#ff8298;border-radius:50%;box-shadow:-15px -10px 0 10px #ffe0e4}.project-body{padding:21px 23px 25px}.project-tag{color:#216aea;background:#ecf3ff;border-radius:6px;font-size:9px;font-weight:850;padding:4px 9px;display:inline-block;margin-bottom:12px}.project-card h3{font-size:16px;line-height:1.58;letter-spacing:-.4px;margin:0 0 9px;font-weight:800;min-height:50px}.project-card p{font-size:11px;color:#728195;line-height:1.92;margin:0}.project-sourcing{margin:23px 0 0;display:flex;gap:7px;align-items:flex-start;color:#8794a4;font-size:9.5px;line-height:1.8}.project-sourcing svg{color:#3f8aa5;width:17px;height:17px;flex-shrink:0;margin-top:1px}.project-sourcing a{color:#2f76d0;text-decoration:underline}
/* People */
.people-section{background:#f2f8fb;overflow:hidden}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.people-media{height:450px;position:relative}.people-media:before{content:'';position:absolute;left:5%;top:12%;width:86%;height:75%;background:#d9f2fb;border-radius:48% 52% 35% 60%;transform:rotate(-10deg)}.people-picture{position:absolute;overflow:hidden;border:6px solid #fff;box-shadow:0 15px 45px #648aac2f}.people-picture img{width:100%;height:100%;object-fit:cover}.people-big{left:9%;top:4%;width:52%;height:84%;border-radius:115px 22px 22px 22px;transform:rotate(-5deg)}.people-big img{object-position:center 29%}.people-small{right:4%;top:11%;width:38%;height:59%;border-radius:24px 110px 24px 24px;transform:rotate(7deg)}.people-floating{position:absolute;bottom:0;right:-3%;background:#fff;padding:17px 19px;line-height:1.65;border-radius:13px;box-shadow:0 15px 36px #3e69852b;color:#334b64;font-size:11px;font-weight:800;transform:rotate(-3deg)}.people-floating span{color:#ff6c85;font-size:17px;margin-right:6px}.people-text p{font-size:13px;color:#6c7a8d;line-height:2;margin:19px 0 24px}.promise-list{padding:0;margin:0 0 29px;list-style:none}.promise-list li{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;margin:12px 0}.promise-list svg{height:19px;width:19px;background:#e0f2e9;border-radius:50%;padding:3px;color:#32955e}.people-caption{font-size:9px!important;color:#96a3b1!important;margin:14px 0 0!important;line-height:1.7!important}
/* Process */
.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:58px}.process-step{display:inline-flex;font-family:'Inter',sans-serif;font-size:43px;font-weight:800;line-height:1;color:#d9e7fb;letter-spacing:-2px}.process-line{width:100%;height:1px;background:#dce6f0;margin:20px 0;position:relative}.process-line:before{content:'';height:9px;width:9px;background:#2b86eb;border-radius:50%;position:absolute;left:0;top:-4px}.process-item h3{font-size:16px;margin:0 0 8px;letter-spacing:-.3px}.process-item p{font-size:11px;color:#7b899b;line-height:1.9;max-width:230px;margin:0}
/* FAQ */
.faq-section{background:#f7f9fc;padding-top:90px;padding-bottom:100px}.faq-layout{display:grid;grid-template-columns:0.8fr 1.2fr;gap:100px}.faq-layout>div:first-child>p{font-size:12px;color:#7f8c9d;line-height:2;max-width:290px;margin-top:21px}.faq-list{border-top:1px solid #d9e2ed}.faq-list details{border-bottom:1px solid #d9e2ed;padding:23px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;color:#1b2c40;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:25px;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e9f0fa;position:relative}.faq-plus:before,.faq-plus:after{content:'';position:absolute;width:10px;height:2px;background:#286de1;top:13px;left:9px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details p{font-size:11px;color:#77869a;line-height:2;max-width:580px;margin:12px 48px 0 0}
/* Contact */
.contact-section{background:#152a45;color:white;padding:93px 0 95px;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;width:550px;height:550px;background:radial-gradient(circle,#2b628b44,transparent 70%);left:-240px;top:-180px;pointer-events:none}.contact-grid{position:relative;display:grid;grid-template-columns:.9fr 1.05fr;align-items:center;gap:95px}.section-kicker.light{color:#84dbe5}.contact-copy h2{font-size:45px;font-weight:800;line-height:1.38;letter-spacing:-1.7px;margin:17px 0 22px}.contact-copy h2 em{font-style:normal;color:#7be5ea}.contact-copy>p{font-size:12px;color:#b2c4d7;max-width:410px;line-height:2.12;margin:0 0 26px}.contact-direct{display:flex;flex-direction:column;gap:13px}.contact-direct a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.contact-direct svg{width:18px;height:18px;color:#8ceef1}.contact-pictures{display:flex;align-items:center;padding-left:8px;gap:0;margin-top:45px}.contact-pictures img{height:49px;width:49px;border-radius:50%;border:3px solid #152a45;object-fit:cover;margin-left:-8px}.contact-pictures span{font-size:10px;font-weight:800;color:#bcdef0;margin-left:12px}.contact-form{background:#fff;color:var(--ink);padding:36px 36px 29px;border-radius:25px;box-shadow:0 30px 50px #00152c30}.form-eyebrow{font-size:9px;color:#1b65e7;letter-spacing:1.4px;font-weight:800}.form-heading h3{font-size:23px;letter-spacing:-.9px;line-height:1.5;margin:6px 0}.form-heading p{font-size:11px;color:#8793a4;margin:0 0 22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:10.5px;font-weight:800}.field label span{color:#fa637e}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5ed;border-radius:9px;padding:13px 13px;color:#22344a;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-size:11px;min-height:44px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23667889' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:30px}.field textarea{resize:vertical;min-height:108px;line-height:1.8}.field input:focus,.field select:focus,.field textarea:focus{border-color:#78aaf7;box-shadow:0 0 0 3px #b7dcff66}.field input::placeholder,.field textarea::placeholder{color:#aab4c1}.form-submit{width:100%;justify-content:space-between;padding:16px 19px;min-height:54px;border-radius:11px}.form-fineprint{display:flex;gap:8px;align-items:flex-start;color:#8793a1;font-size:9px;line-height:1.7;margin-top:13px}.form-fineprint .icon{color:#6589b6;height:17px;width:17px}.form-status{color:#146f63;font-size:11px;line-height:1.7;margin:7px 0 0;min-height:1px}
/* Footer */
.footer{background:#f8fafc;padding:61px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr;gap:50px}.footer-brand> a img{width:139px;height:auto}.footer-brand>p{font-size:14px;line-height:1.65;font-weight:800;color:#182c46;margin:15px 0}.footer-brand>span{font-size:9px;color:#8796a8}.footer-grid>div:not(.footer-brand){display:flex;align-items:flex-start;flex-direction:column;gap:13px}.footer-grid h3{font-size:11px;font-weight:800;margin:4px 0 9px}.footer-grid>div:not(.footer-brand)>a,.footer-address{font-size:10px;color:#728295;line-height:1.7}.footer-grid>div:not(.footer-brand)>a:hover{color:var(--blue)}.footer-grid>div:not(.footer-brand)>a svg{width:12px;height:12px;vertical-align:-2px}.footer-bottom{border-top:1px solid #e5ebf1;margin-top:55px;padding-top:18px;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:9px;color:#8b99aa}.footer-bottom a{color:var(--blue);font-weight:800;white-space:nowrap}
/* Responsive */
@media (max-width:1120px){.container{padding-left:28px;padding-right:28px}.nav-wrap{gap:18px}.nav-links{gap:19px}.nav-hotline{display:none}.hero-grid{gap:20px}.hero h1{font-size:54px}.hero-visual{height:525px}.hero-photo-main{width:61%;left:5%}.hero-photo-top{width:37%}.hero-photo-bottom{width:40%}.float-growth{left:-10%;bottom:15%}.people-grid{gap:65px}.contact-grid{gap:55px}}
@media (max-width:950px){.site-header{position:sticky}.nav-wrap{min-height:69px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;box-shadow:0 15px 20px #11233911;padding:14px 27px 24px;flex-direction:column;align-items:stretch;gap:1px;border-bottom:1px solid var(--line)}.nav-links>a{padding:10px 0;font-size:13px}.menu-open .nav-links{display:flex}.nav-mobile-cta{display:inline-flex!important;justify-content:space-between;align-items:center;color:#1768e9!important}.menu-toggle{display:inline-flex!important;border:1px solid #dce5ee;background:white;color:#192b44;height:41px;width:43px;border-radius:9px;align-items:center;justify-content:center}.menu-toggle svg{width:20px;height:20px}.menu-close-icon{display:none}.menu-open .menu-open-icon{display:none}.menu-open .menu-close-icon{display:inline}.nav-actions{margin-left:auto}.nav-cta{font-size:11px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:unset;padding-top:45px;padding-bottom:32px}.hero h1{font-size:44px;letter-spacing:-1.7px}.hero-description{font-size:12px}.hero-visual{height:470px}.float-growth{left:-9%;transform:scale(.85) rotate(-2deg);transform-origin:left center}.hero-actions{gap:8px}.button-large{padding:13px 14px;min-height:46px;font-size:10px}.hero-proof{margin-top:25px}.numbers-block{grid-template-columns:repeat(3,1fr);padding:26px 0}.number-intro{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:15px;padding:0 30px 20px}.mini-mark{margin:0}.number-intro-bottom{padding:0;margin-left:auto;max-width:220px}.number-item:first-of-type{border-left:0}.number-item{padding:20px 30px 10px}.number-main{font-size:50px}.services-grid,.project-grid{gap:11px}.service-card{padding:20px}.service-card h3{font-size:16px}.service-visual{height:178px}.service-with-image{min-height:456px}.service-mini{min-height:310px}.people-grid{gap:34px}.people-media{height:420px}.contact-grid{gap:30px}.contact-form{padding:28px}}
@media (max-width:760px){.topline{font-size:9px;padding:0 14px;text-align:center}.topline-arrow{display:none}.container{padding-left:21px;padding-right:21px}.nav-cta{display:none}.brand img{width:128px;height:auto}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:44px}.hero-copy{padding:0}.hero h1{font-size:49px;line-height:1.2;letter-spacing:-1.8px}.hero-eyebrow{margin-bottom:18px}.hero-description{font-size:13px;max-width:490px;margin:20px 0 22px}.hero-proof{margin-top:25px}.hero-visual{height:480px;width:100%;max-width:530px;margin:20px auto 0}.hero-orb{left:9%;width:79%;height:78%;top:8%}.hero-photo-main{left:14%;top:1%;width:49%;height:80%}.hero-photo-top{width:31%;height:42%;right:3%}.hero-photo-bottom{width:34%;height:37%;right:6%}.float-growth{left:3%;bottom:11%;transform:scale(.92) rotate(-2deg)}.float-sticker{right:1%;top:48%}.hero-caption{right:13%;bottom:0}.hero-bottom{padding-top:10px;padding-bottom:17px}.hero-bottom span{font-size:9px}.hero-bottom a{font-size:9px}.logo-section{padding-top:45px}.logo-heading{display:block}.logo-heading p{margin:8px 0 0}.logo-heading h2{font-size:22px}.logo-wall{grid-template-columns:repeat(3,1fr)}.logo-box{height:76px;padding:9px}.logo-box img{max-width:120px}.section-pad{padding:80px 0}.section-heading{font-size:40px;letter-spacing:-1.2px}.about-top{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.about-description p{font-size:12px}.numbers-block{grid-template-columns:repeat(3,1fr);border-radius:18px}.number-intro{padding:4px 18px 18px}.number-intro-bottom{max-width:185px}.number-item{padding:15px 17px 11px}.number-main{font-size:37px;letter-spacing:-2px}.number-suffix{font-size:28px}.number-item strong{font-size:9px}.number-item small{font-size:8px}.services-grid{grid-template-columns:repeat(2,1fr);gap:13px}.service-with-image{min-height:450px}.service-mini{min-height:300px}.service-visual{height:156px}.service-card h3{font-size:15px}.service-mini-icon{margin-bottom:17px}.section-header-row{display:block}.section-header-row>p{margin-top:18px;max-width:590px}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;max-height:260px}.project-topline{grid-column:1/-1;padding:12px 16px 6px}.project-art{grid-row:2;min-height:198px;height:auto;margin:0 0 10px 10px}.project-body{padding:20px 13px 10px}.project-card h3{font-size:13px;min-height:unset}.project-card p{font-size:10px}.project-logo{width:126px;height:53px}.project-vietnamobile .project-logo,.project-roborock .project-logo{width:125px}.project-art-label{font-size:7px}.people-grid{grid-template-columns:1fr;gap:18px}.people-media{height:460px;max-width:530px;width:100%;margin:auto}.people-text{max-width:570px}.process-grid{grid-template-columns:repeat(2,1fr);gap:25px}.faq-layout{grid-template-columns:1fr;gap:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-section{padding:78px 0}.contact-copy h2{font-size:37px}.contact-copy>p{max-width:600px}.contact-pictures{margin-top:26px}.contact-form{max-width:650px;width:100%;margin:auto}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:8px 15px}}
@media (max-width:520px){.topline{font-size:8px;line-height:1.5;height:33px}.nav-wrap{min-height:65px}.hero h1{font-size:38px;line-height:1.22;white-space:normal}.hero-description{font-size:12px;line-height:1.95}.hero-actions{gap:9px}.hero-actions .button{font-size:10px;min-height:48px}.hero-actions .button:nth-child(1){padding:13px}.hero-actions .button:nth-child(2){padding:13px}.hero-visual{height:410px;margin-top:14px}.hero-orb{width:80%;height:74%;left:8%;top:12%}.hero-photo-main{border:4px solid white;width:56%;height:81%;left:7%;top:1%}.hero-photo-top{border:4px solid white;right:2%;height:38%;width:38%;top:2%}.hero-photo-bottom{border:4px solid white;width:39%;height:36%;right:1%;bottom:10%}.float-growth{left:-1%;bottom:5%;transform:scale(.76) rotate(-2deg)}.float-sticker{right:-3%;top:49%;transform:scale(.8) rotate(7deg)}.hero-caption{right:3%}.hero-bottom span{max-width:195px}.logo-wall{gap:7px}.logo-box{padding:8px;height:70px}.logo-box img{max-width:100px}.section-pad{padding:65px 0}.section-heading{font-size:31px}.numbers-block{grid-template-columns:1fr;padding:10px 0}.number-intro{padding:15px 20px 12px}.number-intro>span{font-size:10px}.number-intro-bottom{font-size:8px;max-width:145px}.number-item{padding:17px 20px;border-top:1px solid #ffffff24;border-left:0;display:grid;grid-template-columns:100px 1fr;gap:6px 14px;align-items:center}.number-main{grid-row:1 / span 2;font-size:39px;margin:0}.number-item strong{font-size:11px}.number-item small{margin:0;font-size:9px}.number-note{font-size:9px;align-items:flex-start}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:unset;padding:23px}.service-with-image{min-height:460px}.service-visual{height:210px}.service-visual-shop>img{width:60%}.service-with-image h3{font-size:19px}.service-mini{min-height:275px}.service-mini h3{font-size:18px}.project-card{display:block;max-height:none}.project-art{height:215px;margin:0 12px}.project-topline{padding:15px 17px}.project-body{padding:20px}.project-card h3{font-size:17px}.project-card p{font-size:11px}.project-logo{width:155px}.project-vietnamobile .project-logo,.project-roborock .project-logo{width:150px}.project-art-label{font-size:9px}.people-media{height:350px}.people-floating{right:0;font-size:9px;padding:12px}.people-big{left:7%}.people-small{right:1%}.process-grid{gap:20px 13px}.process-item h3{font-size:14px}.process-item p{font-size:10px}.process-step{font-size:36px}.faq-list details{padding:19px 0}.faq-list summary{font-size:11px}.contact-copy h2{font-size:34px}.contact-form{padding:25px 19px;border-radius:18px}.form-heading h3{font-size:20px}.field-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.footer-brand{grid-column:1/-1}.footer-grid h3{font-size:10px}.footer-bottom{margin-top:34px;font-size:8px}.footer-bottom span:nth-child(2){width:100%;order:3}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* 2026 company profile additions */
.market-entry-panel{margin-top:30px;background:#eaf6ff;border:1px solid #d2e9ff;border-radius:28px;padding:38px;display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center}.market-entry-panel h3{font-size:clamp(26px,3vw,37px);letter-spacing:-.04em;line-height:1.2;margin:13px 0}.market-entry-panel p{line-height:1.7;color:#4d6075;max-width:740px;margin-bottom:20px}.market-steps{display:grid;gap:10px}.market-steps span{background:#fff;padding:14px 17px;border:1px solid #dcecfb;border-radius:12px;color:#123e75;font-weight:700}.market-steps small{color:#6c8297}.proof-section{background:#f4f8ff}.proof-layout{display:grid;grid-template-columns:0.8fr 1.7fr;gap:55px;align-items:start}.proof-layout>div>p{color:#637387;line-height:1.75}.proof-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proof-cards article{padding:30px;border:1px solid #dce9fa;border-radius:25px;background:white;box-shadow:0 14px 45px rgba(20,75,140,.06)}.proof-tag{display:block;color:#1762bf;font-size:11px;font-weight:800;letter-spacing:.14em}.proof-cards strong{display:block;font-size:56px;color:#1964e4;line-height:1.2;margin-top:20px;letter-spacing:-.05em}.proof-cards h3{font-size:21px;color:#112449}.proof-cards p{color:#54677a;line-height:1.65}.proof-cards small{display:block;color:#7a8796;border-top:1px solid #edf1f8;margin-top:15px;padding-top:15px;line-height:1.5}.source-footer{background:#0c1830;color:#b6c6dc;padding:14px 5%;font-size:11px;text-align:center}@media(max-width:850px){.market-entry-panel,.proof-layout{grid-template-columns:1fr}.proof-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.market-entry-panel{padding:23px;border-radius:20px}.proof-cards{grid-template-columns:1fr}.proof-cards article{padding:24px}}

/* ── Site additions: blog, article, 404, nav extras (same tokens as above) ── */
.nav-links>a{position:relative}
.page-hero{background:linear-gradient(119deg,#fbfcff 9%,#f0f7ff 58%,#edfdfd 108%);border-bottom:1px solid #e7edf4;padding:84px 0 56px}.page-hero .section-header-row{margin-top:4px}.page-hero h1.section-heading{margin-top:16px}
.blog-section{padding:64px 0 110px;background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{display:flex;flex-direction:column;border:1px solid #edf0f5;border-radius:21px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-thumb{aspect-ratio:16/9;background:linear-gradient(145deg,#e8f6fc,#b7ddff);overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover}
.blog-body{padding:21px 23px 25px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-body h2{font-size:16px;line-height:1.55;letter-spacing:-.4px;margin:0;font-weight:800}
.blog-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#8794a4}.blog-meta .project-tag{margin:0}
.blog-excerpt{font-size:11.5px;color:#728195;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt p{margin:0}
.blog-body .service-link{margin-top:auto;padding-top:6px}
.article{padding:56px 0 100px;background:#fff}.article-container{max-width:820px}
.breadcrumb ol{display:flex;gap:7px;list-style:none;padding:0;margin:0 0 22px;flex-wrap:wrap;font-size:11px;color:#8b97a5}.breadcrumb a:hover{color:var(--blue)}.breadcrumb [aria-current]{color:var(--blue);font-weight:700}
.article-title{font-size:40px;line-height:1.3;letter-spacing:-1.5px;font-weight:800;margin:14px 0 28px}
.article-cover{border-radius:22px;overflow:hidden;margin-bottom:36px;background:#eef4fb}.article-cover img{width:100%;height:auto;max-height:460px;object-fit:cover}
.prose{font-size:15px;line-height:1.95;color:#3f4e62}.prose h2{font-size:24px;letter-spacing:-.6px;line-height:1.4;color:var(--ink);margin:40px 0 12px}.prose h3{font-size:18px;color:var(--ink);margin:28px 0 8px}.prose p{margin:0 0 16px}.prose ul,.prose ol{padding-left:22px;margin:0 0 18px}.prose li{margin:6px 0}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.prose strong{color:var(--ink)}.prose img{border-radius:14px;height:auto;margin:20px 0}
.article-cta{margin-top:52px;padding:30px 32px;border-radius:22px;background:#eaf6ff;border:1px solid #d2e9ff;display:flex;gap:24px;align-items:center;justify-content:space-between}.article-cta h2{font-size:20px;letter-spacing:-.5px;margin:0 0 6px}.article-cta p{margin:0;font-size:12px;color:#4d6075}
.back-link{margin-top:32px}
.notfound{padding:110px 0 120px;text-align:center}.notfound .container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.notfound-code{font-family:'Inter',sans-serif;font-size:clamp(110px,16vw,190px);font-weight:800;line-height:1;letter-spacing:-6px;color:#dbe8fb;margin-bottom:6px}.notfound p{max-width:480px;color:#66768a;font-size:13px;line-height:2;margin:18px auto 28px}.notfound .hero-actions{justify-content:center}
@media (max-width:950px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.page-hero{padding:60px 0 40px}.article-title{font-size:30px}.article-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:520px){.blog-grid{grid-template-columns:1fr}.article-title{font-size:26px;letter-spacing:-.8px}.prose{font-size:14px}.prose h2{font-size:20px}}