/* Corporate technology visual system */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#12213c;--muted:#62718b;--lime:#407bff;--line:#e2e8f2}body{background:#fff;color:var(--ink)}h1,h2,h3,.brand{font-family:Manrope,'Be Vietnam Pro',sans-serif}h1,h2{letter-spacing:-.045em}.wrap{max-width:1280px}.topline{background:#08152d;padding:10px 40px;font-size:10px}.site-header{background:#ffffffef;border-color:#e2e8f2}.header-inner{padding-block:18px}.mark{background:linear-gradient(135deg,#225af1,#40b9ff);color:#fff;border-radius:11px;font-size:20px}.brand small{letter-spacing:.11em;color:#73839b}.desktop-nav{gap:24px}.button{border-radius:7px;min-height:52px;padding:14px 24px;font-size:13px}.dark,.lime{background:#316cff;color:#fff;box-shadow:0 8px 20px #2864f322}.dark:hover,.lime:hover{background:#2457d9}.header-call{box-shadow:none}.service-toggle{color:#12213c}.service-links{border-radius:10px;box-shadow:0 20px 60px #12213c22}.service-links a:hover{background:#eef4ff;color:#2457d9}.seo-hero{max-width:none;position:relative;isolation:isolate;background:#09172f;color:#fff;padding:85px max(40px,calc((100vw - 1200px)/2)) 85px;grid-template-columns:1.05fr 1fr;gap:65px;overflow:hidden}.seo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#1d489180,transparent 60%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,50px 50px,50px 50px}.seo-hero h1{font-size:clamp(42px,4.5vw,65px);font-weight:800;line-height:1.14}.seo-hero h1 em{color:#70b9ff}.seo-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #416189;background:#203c5d44;padding:7px 12px;border-radius:30px;color:#a7cdfb;font-size:10px;letter-spacing:.1em}.seo-hero .eyebrow:before{content:'';width:6px;height:6px;background:#68b7ff;border-radius:50%}.seo-hero .intro{color:#aebfd8;font-size:16px;line-height:1.85}.seo-hero .text-link{color:#e4efff;border-color:#637d9c}.seo-hero .hero-notes{color:#aebfd8;font-size:11px}.hero-notes span{border-color:#407bff}.seo-visual{background:#15284788;border:1px solid #47658a66;padding:20px;border-radius:18px;box-shadow:0 30px 90px #0004;transform:rotate(1deg)}.seo-window{background:#0e203c;border-color:#42618966;color:#fff;box-shadow:none;padding:26px}.seo-window>span{color:#819fca;border-color:#314564}.seo-window>b{font-size:26px}.seo-search{background:#152d50;border-color:#3f5876;color:#a6bfdc}.seo-result strong{color:#7eb9ff}.seo-result small,.seo-result p{color:#9bb3d2}.seo-bars{border-color:#345074}.seo-bars i{background:linear-gradient(#4c9bff,#2865e9);box-shadow:0 0 20px #316cff11}.seo-bars i:nth-child(6){background:linear-gradient(#68d8ff,#4095ed)}.visual-note{color:#7995ba}.seo-tag{color:#aec8ec;font-size:10px}.brands{background:#f4f7fc;border-color:#e2e8f2}.brands .wrap{font-family:Manrope,sans-serif;color:#7788a3;font-size:16px;padding-block:26px}.section{padding-block:90px}.eyebrow{color:#316cff;font-size:11px;letter-spacing:.13em}.section-heading h2{font-size:40px}.seo-cards{grid-template-columns:repeat(3,1fr);gap:22px}.seo-cards article{background:#fff;border:1px solid #dfe7f2;border-radius:12px;transition:transform .25s,box-shadow .25s}.seo-cards article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #15396712}.seo-cards article>div{padding:32px}.seo-cards article span{color:#407bff}.seo-cards h3{font-size:22px;margin:18px 0 15px}.seo-cards p{line-height:1.8}.seo-cards .text-link{font-size:12px;color:#2457d9;border-color:#b1c9ff}.service-icon{width:48px;height:48px;border-radius:12px;background:#edf3ff;display:grid;place-items:center;color:#316cff;margin-bottom:26px}.service-icon svg{width:25px;height:25px}.price-note{background:#f2f6ff;border:1px solid #e0e9fa;border-radius:10px;margin-top:30px;padding:25px}.process{background:#0a1933}.process .eyebrow{color:#7fb7ff}.process h2{max-width:680px}.steps article{border-color:#344865}.steps span{color:#68a8ff;font-family:Manrope,sans-serif;font-size:42px}.steps p{color:#a9bcd7}.checklist{background:#f4f7fc;border:1px solid #e2e8f2}.checklist li:before{color:#316cff}.request-section{background:#f3f6fc}.request-tip{border-color:#316cff}.request-tip a{font-size:23px;font-weight:800;color:#2457d9}.quote-form{border-radius:12px;padding:32px;box-shadow:0 12px 35px #14396708}.contact{background:#09172f}.contact .eyebrow{color:#7fb7ff}.contact-grid h2{font-size:38px}.contact address{border-color:#334866}.contact address a{color:#afc5e8}.contact .outline{box-shadow:none;border-color:#476383;background:transparent}.site-footer{padding-top:55px;padding-bottom:55px}.site-footer b{color:#12213c}.site-footer p,.site-footer a{line-height:1.8}.floating-contact{right:22px;bottom:85px}.floating-contact a{border-radius:9px;background:#0d2345;padding:12px 19px;font-size:12px}.floating-contact a:first-child{background:#316cff}.back-top{border-radius:9px}.seo-about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-panel{background:#f3f6fc;border-radius:14px;padding:35px;border:1px solid #e1e8f2}.about-panel h3{font-size:22px}.about-item{display:flex;gap:16px;border-top:1px solid #dfe7f2;padding-top:20px;margin-top:20px}.about-item>b{color:#316cff;font-size:22px}.about-item p{font-size:13px;color:#62718b;margin:5px 0 0}.planner{border:1px solid #dde6f3;border-radius:14px;padding:35px;background:#fff}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.planner-result{background:#eef4ff;border-left:3px solid #316cff;padding:22px;border-radius:6px}.planner-result p{font-size:14px;margin-bottom:0}.planner-result h3{font-size:19px;margin:0 0 12px}.planner label{font-size:13px}.planner-section{background:#f6f8fc;border-block:1px solid #e2e8f2}.planner .eyebrow{margin-bottom:12px}.planner input,.planner select{margin-top:10px}.article-content h1{font-size:clamp(34px,4vw,52px)}.article-content a:not(.button){color:#2457d9}.mobile-menu .button{color:#fff}.mobile-menu nav a{color:#12213c}.mobile-contact a,.mobile-contact a:last-child{background:#316cff;color:#fff}.seo-hero .hero-notes span{display:inline-block}@media(max-width:1100px){.desktop-nav{gap:14px;font-size:12px}.seo-hero{gap:30px}.header-call{padding-inline:16px}.seo-about{gap:35px}}@media(max-width:760px){.seo-hero{padding:48px 24px;grid-template-columns:1fr;gap:38px}.seo-hero h1{font-size:43px}.seo-visual{transform:none;padding:14px}.seo-window{padding:22px}.seo-window>b{font-size:24px}.seo-cards{grid-template-columns:1fr}.seo-about,.planner-grid{grid-template-columns:1fr;gap:25px}.seo-about{gap:35px}.section{padding-block:60px}.section-heading h2{font-size:32px}.planner{padding:24px}.about-panel{padding:26px}.brands .wrap{font-size:13px;gap:18px}.contact-grid h2{font-size:30px}.header-inner{padding-block:13px}.site-footer{padding-bottom:100px}.seo-hero .intro{font-size:15px}.seo-hero .actions{gap:20px}}@media(prefers-reduced-motion:reduce){.seo-cards article{transition:none}}

.direct-consult{background:#f3f6fc;border-block:1px solid #e2e8f2}.direct-consult-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.direct-consult-inner>div>p:last-child{color:#62718b;max-width:500px}.direct-number{padding:32px 38px;background:#fff;border:1px solid #dde6f3;border-radius:14px;box-shadow:0 15px 40px #14396708}.direct-number>span{font-size:10px;letter-spacing:.12em;color:#62718b;display:block}.direct-number>a{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.035em;display:block;color:#12213c;margin:12px 0 22px;white-space:nowrap}.direct-number>a>b{color:#316cff;font-weight:800}.direct-actions{display:flex;gap:12px;flex-wrap:wrap}.call-outline{border:1px solid #d2def4;color:#2457d9;background:#fff}.floating-contact{gap:10px;right:20px;bottom:86px}.floating-contact a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:160px;padding:12px 17px;border:1px solid #ffffff20;box-shadow:0 6px 20px #09172f22;border-radius:11px}.floating-contact a span{font-size:10px;font-weight:500;opacity:.85;letter-spacing:.02em}.floating-contact a strong{font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:.02em}.mobile-contact a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px}.mobile-contact a:after{content:'0977 777 227';font-size:15px;font-weight:800}.mobile-contact a:first-child{font-size:0}.mobile-contact a:first-child:before{content:'Gọi tư vấn';font-size:10px}.mobile-contact a:last-child{font-size:10px}@media(max-width:760px){.direct-consult-inner{grid-template-columns:1fr;gap:24px}.direct-number{padding:25px}.direct-number>a{font-size:34px}.direct-consult h2{font-size:31px}}