:root{--ink:#132f59;--blue:#174c91;--muted:#526176;--paper:#fafbfe;--line:#dbe3ef;--accent-soft:#ffe1e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Times New Roman",Times,"Liberation Serif",serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ba2435;outline-offset:5px}.container{width:min(1200px,calc(100% - 80px));margin:auto}.topbar{background:var(--ink);color:#e4ecfa;font-size:12px;letter-spacing:.4px}.topbar .container{display:flex;justify-content:space-between;padding:9px 0}.header{position:sticky;top:0;z-index:20;background:rgba(250,251,254,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px}.brand{display:flex;gap:16px;align-items:center}.brand-mark{font-size:39px;font-weight:800;letter-spacing:-3px;line-height:1;display:flex;align-items:flex-start}.brand-mark>span{font-size:27px;color:#ba2435;letter-spacing:0}.brand-name{border-left:1px solid #cdd8e9;padding-left:16px;font-size:12px;line-height:1.5}.brand-name strong{font-size:15px}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:#a51d2d}.header-phone{border:1px solid #acbed8;padding:11px 18px;border-radius:5px;font-size:15px;font-weight:700;white-space:nowrap}.header-phone span{margin-right:8px}.menu-toggle{display:none}.hero{padding:48px 0 54px;background:radial-gradient(ellipse at 20% 90%,#edf2fb,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:46px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;margin:0 0 24px;display:flex;gap:10px;align-items:center}.eyebrow>span{height:7px;width:7px;background:#ba2435;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.14;letter-spacing:-2.7px;font-weight:650;margin-bottom:25px}h1 em{font-style:normal;color:#ba2435}h2{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-1.2px;font-weight:650;margin-bottom:23px}h3{font-size:20px;line-height:1.35;font-weight:650;margin-bottom:13px}.hero-desc{font-size:16px;color:var(--muted);max-width:460px;margin-bottom:30px}.button-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;min-height:51px;align-items:center;justify-content:center;gap:28px;padding:13px 23px;font-size:14px;font-weight:650;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:var(--blue)}.primary:hover{background:var(--ink)}.text-link{font-size:14px;font-weight:650;display:inline-flex;gap:17px;align-items:center;min-height:44px}.hero-note{display:flex;gap:12px;align-items:flex-start;margin-top:36px;font-size:12px;color:var(--muted)}.hero-note p{margin:0}.hero-note strong{font-weight:600;color:var(--ink)}.check{border:1px solid #bdcde3;border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;color:#174c91}.hero-visual{position:relative;background:#e4ecf8;border:1px solid #d5dfef;border-radius:7px;overflow:hidden;min-width:0}.visual-top{display:flex;justify-content:space-between;font-size:9px;font-weight:650;letter-spacing:1.3px;position:absolute;left:24px;right:24px;top:22px;z-index:1}.hero-visual img{width:100%;height:auto;display:block}.visual-tag{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);padding:11px 14px;background:#fbfcffe8;border:1px solid #fff;border-radius:4px;white-space:nowrap;font-size:11px;box-shadow:0 5px 20px #132f5910;display:flex;align-items:center;gap:8px}.tag-dot{width:6px;height:6px;border-radius:50%;background:#ba2435}.art-caption{text-align:center;font-size:10px;margin:0;padding:0 10px 13px;color:#435975}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.strip-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;align-items:center;padding-top:26px;padding-bottom:26px;gap:25px;font-size:14px}.strip-grid p{margin:0;font-size:13px}.strip-grid>div{padding-left:25px;border-left:1px solid var(--line);font-weight:600}.strip-grid>div span{color:#526176;font-size:11px;margin-right:14px}.section{padding:88px 0}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end;margin-bottom:36px}.section-head .eyebrow{margin-bottom:15px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px;color:var(--muted);margin:0;max-width:360px;justify-self:end}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:5px;padding:28px 26px 17px;background:#fff;position:relative;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#799bc9;transform:translateY(-3px)}.service-icon{font-size:35px;line-height:1;width:55px;height:55px;border-radius:5px;background:#edf2fb;display:grid;place-items:center;margin-bottom:25px;color:#174c91}.card-no{position:absolute;top:29px;right:27px;color:#526176;font-size:11px}.service-card h3{font-size:19px}.service-card>p{font-size:14px;color:var(--muted);min-height:70px;margin-bottom:18px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e6ebf4;padding-top:13px;font-size:12px;font-weight:600}.card-foot a{font-size:23px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.card-foot a:hover{background:#edf2fb}.approach{background:#edf2fb}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:115px}.muted{color:var(--muted);font-size:14px}.material-note{display:flex;gap:17px;margin-top:30px;border-top:1px solid #ccd8eb;padding-top:24px}.material-note>span{font-size:33px}.material-note p{font-size:12px;color:var(--muted);margin:0}.material-note strong{color:var(--ink);font-size:14px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:23px;border-bottom:1px solid #ccd8eb;padding:22px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #b8cbe5;border-radius:50%;font-size:12px;flex-shrink:0}.steps h3{font-size:17px;margin:3px 0 8px}.steps p{font-size:14px;color:var(--muted);margin:0}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.region-grid article{position:relative;padding:30px;background:linear-gradient(125deg,#e7effb,#f5f7fc);border:1px solid #d1def0;border-radius:5px;overflow:hidden}.region-grid article:before{content:"";position:absolute;width:160px;height:160px;border:1px solid #c4d6ee;border-radius:50%;right:-55px;top:-50px;box-shadow:0 0 0 18px #ceddf233,0 0 0 36px #ceddf244;pointer-events:none}.region-grid article>span{font-size:9px;letter-spacing:1px}.region-grid h3{font-size:30px;margin:42px 0 5px;letter-spacing:-.8px}.region-grid p{font-size:12px;color:var(--muted);margin:0}.region-grid a{position:absolute;right:20px;bottom:24px;font-size:22px;width:44px;height:44px;display:grid;place-items:center}.region-note{color:var(--muted);font-size:11px;margin:18px 0 0}.faq{padding-top:15px}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:15px;font-weight:600;cursor:pointer;padding:22px 36px 22px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;font-size:21px;top:17px;font-weight:400}details[open] summary:after{content:"−"}details p{font-size:14px;color:var(--muted);margin:0;padding:0 30px 22px 0}.contact{background:var(--ink);color:#f8faff}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.contact .eyebrow{color:var(--accent-soft);font-size:10px}.contact h2{font-size:38px}.contact p{font-size:14px;color:#d2dff2;margin:0}.contact-card{border-left:1px solid #526d94;padding-left:40px}.contact-card>span{font-size:10px;letter-spacing:1.5px;color:#d2dff2}.big-phone{display:block;font-size:42px;line-height:1.5;font-weight:650;letter-spacing:-1px;margin:9px 0 20px;white-space:nowrap}.lime{background:var(--accent-soft);color:var(--ink)}.outline{border:1px solid #829ec5;color:#fff}.contact-card .button-row{gap:12px}.contact-card .button{padding:12px 18px;gap:20px}.contact-card p{font-size:11px;line-height:1.6;margin-top:20px;color:#d2dff2}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-top:36px;padding-bottom:30px;gap:25px}.footer-brand{font-size:13px;font-weight:600}.footer-brand small{font-weight:400;color:var(--muted);font-size:11px}.footer-main>a:last-child{font-size:14px;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;padding-bottom:20px;font-size:10px;color:var(--muted)}.mobile-contact{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}@media(max-width:1050px){.container{width:calc(100% - 48px)}.nav-wrap{gap:20px}nav{gap:18px}.brand-name{display:none}.hero-grid{gap:25px}.hero-copy .button-row{gap:14px}.button{padding:12px 17px}.hero-note{font-size:11px}.section-head{gap:40px}.approach-grid{gap:55px}.service-card{padding:23px 20px 14px}.service-card h3{font-size:17px}.contact-grid{gap:40px}.contact-card{padding-left:28px}.big-phone{font-size:35px}.contact h2{font-size:32px}.strip-grid{gap:15px;font-size:12px}.strip-grid>div{padding-left:15px}.strip-grid>div span{margin-right:8px}}@media(max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 36px)}.topbar{font-size:10px}.topbar .container{padding:7px 0}.nav-wrap{min-height:74px;flex-wrap:wrap;gap:0;position:relative;padding:14px 0}.brand-name{display:block;font-size:10px;padding-left:12px}.brand-name strong{font-size:12px}.brand{gap:11px}.brand-mark{font-size:33px}.header-phone{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #c8d6ea;border-radius:4px;padding:8px 11px;font-size:12px;color:var(--ink);min-height:44px}.menu-toggle span{margin-left:7px}nav{width:100%;display:flex;flex-wrap:wrap;gap:0;padding-top:12px}nav a{padding:10px 14px;font-size:13px}.js nav{display:none}.js nav.is-open{display:flex}.hero{padding:35px 0 30px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy .eyebrow{font-size:10px;margin-bottom:19px}h1{font-size:47px;letter-spacing:-2px;margin-bottom:20px}.hero-desc{font-size:14px;max-width:540px;margin-bottom:24px}.hero-note{margin-top:22px}.hero-visual{max-width:560px;width:100%;justify-self:center}.hero-visual img{max-height:460px;object-fit:contain}.visual-tag{font-size:10px;bottom:45px}.visual-top{font-size:8px;top:18px;left:19px;right:19px}.art-caption{font-size:9px}.strip-grid{grid-template-columns:1fr 1fr;gap:20px;padding-top:23px;padding-bottom:23px}.strip-grid>div{font-size:11px}.strip-grid p{font-size:11px}.section{padding:55px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}.section-head>p{max-width:none;justify-self:start;font-size:13px}h2{font-size:29px;letter-spacing:-.9px}.eyebrow{font-size:9px;margin-bottom:18px}.service-grid{grid-template-columns:1fr 1fr;gap:13px}.service-card{padding:20px 17px 12px}.service-card h3{font-size:17px}.service-card>p{font-size:12px;min-height:79px}.service-icon{font-size:30px;width:47px;height:47px;margin-bottom:20px}.card-no{right:18px;top:24px}.card-foot{font-size:10px}.card-foot a{width:34px;min-width:34px;height:44px}.approach-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.steps li{padding:20px 0}.material-note{margin-top:20px}.region-grid{gap:12px}.region-grid article{padding:20px 15px}.region-grid article>span{font-size:8px;letter-spacing:.3px}.region-grid h3{font-size:23px;margin-top:35px}.region-grid p{font-size:10px;padding-bottom:36px}.region-grid a{bottom:6px;right:10px}.region-note{font-size:10px}.faq{padding-top:5px}.faq-grid{gap:18px}.faq-grid h2 br{display:none}.faq-grid .muted{margin-bottom:12px}summary{font-size:14px}.contact h2{font-size:32px}.contact-card{border-left:0;border-top:1px solid #526d94;padding:25px 0 0}.big-phone{font-size:38px;margin-bottom:15px}.contact-card p{max-width:420px}.footer-main{align-items:flex-start}.footer-brand{font-size:11px}.footer-brand small{font-size:10px}.footer-main>a:last-child{display:none}.footer-bottom{flex-direction:column;gap:4px;font-size:9px;padding-bottom:88px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fbfcff;border-top:1px solid #c7d4e8;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -3px 20px #132f590c}.mobile-contact a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;font-size:12px;font-weight:650;border-radius:3px;background:var(--ink);color:#fff}.mobile-contact a:last-child{background:var(--accent-soft);color:var(--ink)}}@media(max-width:400px){h1{font-size:40px}.hero-copy .button-row{gap:8px}.button{font-size:12px;gap:18px}.text-link{font-size:12px;gap:10px}.hero-note{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card>p{min-height:0}.service-card h3{font-size:20px}.service-card>p{font-size:14px}.card-foot{font-size:12px}.region-grid{grid-template-columns:1fr}.region-grid article{padding:22px}.region-grid h3{margin-top:15px;font-size:27px}.region-grid p{padding:0}.region-grid a{bottom:20px;right:20px}.topbar .container>span:last-child{font-size:9px}.visual-tag{font-size:8px}.big-phone{font-size:35px}.contact .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Blue primary, red accent; serif typography throughout. */
:root{--red:#ba2435}h1,h2,h3{letter-spacing:-.025em;font-weight:700}h1 em{color:var(--red)}.brand-mark{letter-spacing:-.06em}.lime{background:var(--red);color:#fff}.lime:hover{background:#9f1d2b}.mobile-contact a:last-child{background:var(--red);color:#fff}.contact .eyebrow{color:#ffd7dd}.header-phone:hover{border-color:var(--red);color:var(--red)}.service-icon{border-top:2px solid var(--red)}.hero-grid>*,.section-head>*,.contact-grid>*{min-width:0}

/* Zalo is the primary action; phone remains secondary. */
.big-phone{font-size:clamp(26px,2.5vw,34px);letter-spacing:-.025em}.mobile-contact a:first-child{background:var(--red);color:#fff;flex:1.35}.mobile-contact a:last-child{background:#edf2fb;color:var(--ink);border:1px solid #b8cbe5}@media(max-width:760px){.big-phone{font-size:32px}}@media(max-width:400px){.big-phone{font-size:28px}}

/* Kdd redesign: compact red/white header, full-width blue/gold banner,
   two-column consultation, catalog-style service grid. Original art only. */
:root{--ink:#263646;--blue:#073b59;--muted:#5c6671;--paper:#fff;--line:#e5e5e5;--red:#c90009;--accent-soft:#ffcb4e}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65;background:#fff}html{scroll-padding-top:105px}.container{width:min(1180px,calc(100% - 64px))}h1,h2,h3{letter-spacing:0}.topbar{background:#fff;color:#666;border-top:4px solid var(--red);font-size:11px}.topbar .container{padding:3px 0}.header{background:#fff;border-bottom:1px solid #e4e4e4;backdrop-filter:none;box-shadow:0 2px 6px #0000000c}.nav-wrap{min-height:76px;gap:20px}.brand{gap:10px}.brand-mark{color:var(--red);font-family:Arial,sans-serif;font-style:italic;font-size:45px;letter-spacing:-3px}.brand-mark>span{color:#e6ac19}.brand-name{border:0;padding-left:0;font-size:10px;line-height:1.5}.brand-name strong{font-size:13px;color:var(--red)}nav{gap:19px;font-size:12px;text-transform:uppercase;white-space:nowrap}nav a{min-height:44px;display:flex;align-items:center}nav a:hover{color:var(--red)}.header-phone{order:-1;border:0;color:var(--red);font-size:13px;padding:0;white-space:nowrap}.header .brand{order:-2}.header-phone span{display:inline-grid;place-items:center;background:var(--red);color:white;border-radius:50%;width:26px;height:26px}.hero{padding:0;background:#07344e;position:relative;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 72px,#ffffff06 73px 75px),linear-gradient(135deg,#0b5870,#031e31)}.hero:after{content:"";position:absolute;right:-50px;bottom:30px;width:110px;height:190px;background:#ffb923;transform:rotate(25deg)}.hero-grid{position:relative;z-index:1;grid-template-columns:1fr 1.16fr;gap:55px;min-height:510px;padding-top:25px;padding-bottom:25px}.hero-copy{grid-column:2;grid-row:1}.hero-copy .eyebrow{font-size:14px;color:#ffcc48;letter-spacing:1px;margin-bottom:14px}.hero-copy .eyebrow>span{background:#ffcc48}h1{font-size:clamp(35px,3.5vw,52px);line-height:1.14;text-transform:uppercase;margin-bottom:22px;font-weight:800}h1 em{color:#ffbd29}.hero-desc{font-size:16px;color:#e8f3f7;margin-bottom:24px;max-width:550px}.hero .primary{background:#ffbd29;color:#082c43;border-radius:0}.hero .text-link{color:#fff}.hero-note{color:#cfdee6;margin-top:24px;font-size:12px}.hero-note strong{color:white}.check{color:#ffcb48;border-color:#8ca4b0}.hero-visual{grid-column:1;grid-row:1;border:5px solid #ffbd29;border-radius:0;clip-path:polygon(0 0,88% 0,100% 13%,100% 100%,12% 100%,0 87%);background:#e5edf5;box-shadow:none}.hero-visual img{width:100%;max-height:410px;object-fit:contain}.visual-top{color:#153d55;font-size:9px;top:17px;left:20px;right:45px}.visual-tag{font-size:10px;bottom:47px;color:#173e58;border-radius:0}.art-caption{color:#31546b;font-size:9px;padding-bottom:14px}.intro-strip{border:0;border-bottom:1px solid #eee}.strip-grid{padding-top:24px;padding-bottom:24px;grid-template-columns:1.2fr 1fr 1fr 1fr;font-size:14px}.strip-grid>div span{color:var(--red);font-weight:bold}.strip-grid p{font-size:13px}.section{padding:48px 0}.consultation{background:linear-gradient(90deg,#fafafa,#fff,#fafafa);border-bottom:1px solid #eee;padding:44px 0}.consultation-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.consultation article{min-width:0;padding:0 42px}.consultation article+article{border-left:1px solid #ddd}.consult-art,.quote-art{height:270px;position:relative;overflow:hidden;margin-bottom:22px;background:#e6eef1}.consult-art img{width:100%;height:100%;object-fit:cover;object-position:center 49%}.consult-art>span{position:absolute;bottom:0;left:0;right:0;background:#073b59e8;color:#fff;padding:9px 14px;font-size:10px;letter-spacing:1px}.quote-art{display:flex;align-items:center;justify-content:center;gap:22px;background:repeating-linear-gradient(135deg,transparent 0 35px,#ffffff08 36px 37px),linear-gradient(120deg,#10475e,#062637);color:white;border-bottom:7px solid #ffbd29}.quote-symbol{font-size:88px;color:#ffbd29;line-height:1}.quote-art>div{font-size:11px;letter-spacing:1px}.quote-art strong{font-size:29px;line-height:1.35;display:block;margin-top:12px}.quote-art small{font-size:12px;letter-spacing:0}.quote-rule{display:block;width:55px;height:3px;background:#ffbd29;margin:14px 0}.consultation h2{font-size:21px;font-weight:400;color:var(--red);margin-bottom:10px}.consultation p{font-size:14px;color:#263646;margin-bottom:14px}.quick-links{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;color:#5b6369;font-size:12px}.quick-links li:before{content:"› ";color:#999}.detail-link{display:inline-flex;align-items:center;min-height:44px;color:var(--red);font-size:12px}.section-head{display:block;text-align:center;margin-bottom:28px}.section-head .eyebrow{display:block;color:var(--red);font-size:11px;margin-bottom:8px}.section-head h2{font-size:25px;font-weight:500;text-transform:uppercase;margin-bottom:14px}.section-head h2 br{display:none}.section-head h2:after{content:"";display:block;width:60px;height:2px;background:var(--red);margin:15px auto}.section-head>p{max-width:740px;margin:auto;font-size:13px}.service-grid{gap:22px;grid-template-columns:repeat(3,1fr)}.service-card{border:1px solid #e5e5e5;border-radius:0;padding:0 20px 12px}.service-icon{height:140px;width:calc(100% + 40px);margin:0 -20px 20px;border:0;border-bottom:3px solid #ffbd29;border-radius:0;font-size:65px;color:#fff;background:linear-gradient(135deg,#0a536c,#092d44);position:relative;overflow:hidden}.service-icon:after{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-20px;border:25px solid #ffffff09;transform:rotate(30deg)}.card-no{top:14px;right:14px;color:#ffcc48;z-index:1}.service-card h3{font-size:16px;text-transform:uppercase;color:var(--red)}.service-card>p{min-height:65px;font-size:13px}.card-foot{font-size:11px}.card-foot a{color:var(--red)}.approach{background:#f6f6f6;border-top:1px solid #eee;border-bottom:1px solid #eee}.approach-grid{gap:70px}.eyebrow{color:var(--red);font-size:11px;letter-spacing:1px;margin-bottom:15px}h2{font-size:28px}h3{font-size:18px}.steps li{border-color:#ddd}.steps li>span{border:1px solid var(--red);color:var(--red);border-radius:0}.material-note{border-color:#ddd}.region-grid article{border:1px solid #ddd;border-radius:0;background:#fff;border-top:3px solid var(--red)}.region-grid article:before{border-color:#eee;box-shadow:0 0 0 18px #f8f8f8,0 0 0 36px #fafafa}.region-grid h3{color:var(--red);font-size:28px;margin-top:25px}.faq{padding-top:20px}.faq-grid{gap:60px}.faq h2{font-size:28px}.faq-list{border-color:#ddd}summary{font-size:14px;padding-top:19px;padding-bottom:19px}.contact{background:#07344e}.contact .eyebrow{color:#ffcc48}.contact h2{font-size:32px}.contact-card{border-color:#456575}.contact-card .lime{background:var(--red);color:white}.contact-card .button{border-radius:0}.big-phone{font-size:30px}footer{background:#f6f6f6}.footer-bottom{border-color:#ddd}.floating-contact{position:fixed;right:12px;bottom:35px;z-index:40;display:flex;flex-direction:column;gap:7px;background:#fff;padding:6px;box-shadow:0 0 15px #0002}.floating-contact a{width:44px;height:44px;display:grid;place-items:center;font-weight:bold;line-height:1}.float-zalo{background:#008aca;color:#fff;font-size:12px}.float-phone{background:var(--red);color:#fff;font-size:24px}.float-top{color:var(--red);border:1px solid var(--red);font-size:25px}.mobile-contact{display:none}.button{border-radius:0}.muted{font-size:14px}.footer-main{padding-right:70px}.hero-grid>*,.consultation-grid>*,.approach-grid>*,.faq-grid>*,.region-grid>*{min-width:0}
@media(max-width:1150px){.brand-name{display:none}.nav-wrap{gap:12px}nav{gap:14px;font-size:11px}.header-phone{font-size:12px}.hero-grid{gap:30px}.consultation article{padding:0 25px}.quote-art strong{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:95px}.container{width:calc(100% - 32px)}.topbar{font-size:9px}.topbar .container{gap:8px}.topbar .container>span:last-child{font-size:9px}.nav-wrap{min-height:65px;padding:8px 0;flex-wrap:wrap;gap:0}.header .brand{order:0}.brand-name{display:block;font-size:9px}.brand-name strong{font-size:11px}.brand-mark{font-size:37px}.header-phone{display:none}.menu-toggle{display:block;color:var(--red);border:1px solid #eee;border-radius:0;padding:8px 10px;font-size:12px}.menu-toggle span{margin-left:7px}.js nav{display:none}.js nav.is-open{display:flex}nav{order:3;width:100%;flex-wrap:wrap;gap:0;padding:10px 0 0}nav a{padding:7px 12px;font-size:12px}.hero-grid{min-height:0;grid-template-columns:.85fr 1fr;gap:16px;padding-top:24px;padding-bottom:25px;width:calc(100% - 28px)}.hero-copy{grid-column:2}.hero-copy .eyebrow{font-size:8px;letter-spacing:.2px;margin-bottom:9px;line-height:1.5;gap:5px}.hero-copy .eyebrow>span{display:none}h1{font-size:25px;line-height:1.15;margin-bottom:14px}.hero-desc{font-size:12px;line-height:1.55;margin-bottom:14px}.hero-note{display:none}.hero-copy .button-row{gap:4px;display:block}.hero .button{font-size:11px;min-height:40px;padding:9px 11px;gap:6px}.hero .text-link{display:flex;font-size:11px;min-height:36px;gap:8px}.hero-visual{border-width:3px;align-self:center;overflow:hidden}.hero-visual img{height:205px;max-height:none;object-fit:cover;object-position:50% 50%}.visual-top,.visual-tag{display:none}.art-caption{font-size:7px;line-height:1.5;padding:5px 6px 9px;margin:0}.hero:after{width:50px;height:100px;right:-30px;bottom:40px}.strip-grid{grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;padding-bottom:20px}.strip-grid>div{font-size:11px;padding-left:10px}.strip-grid p{font-size:11px}.strip-grid>div span{margin-right:5px}.section{padding:36px 0}.consultation-grid{grid-template-columns:1fr}.consultation article{padding:0 10px}.consultation article+article{border-left:0;border-top:1px solid #ddd;margin-top:25px;padding-top:28px}.consult-art,.quote-art{height:235px;margin-bottom:18px}.consultation h2{font-size:21px}.quick-links{font-size:12px;gap:7px}.quote-art strong{font-size:28px}.section-head h2{font-size:21px}.section-head>p{font-size:13px}.section-head{margin-bottom:24px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:0 12px 8px}.service-icon{width:calc(100% + 24px);margin:0 -12px 15px;height:105px;font-size:48px}.service-card h3{font-size:14px;line-height:1.5}.service-card>p{font-size:12px;min-height:98px}.card-no{font-size:9px;top:10px;right:10px}.card-foot{font-size:10px;gap:0;line-height:1.4}.card-foot a{min-width:30px;width:30px}.approach-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:26px}.approach h2,.faq h2{font-size:26px}.steps h3{font-size:16px}.region-grid{grid-template-columns:1fr;gap:14px}.region-grid article{padding:22px}.region-grid h3{font-size:26px;margin-top:15px}.region-grid p{padding:0}.region-grid a{bottom:17px;right:18px}.region-note{font-size:11px}.faq{padding-top:10px}.contact h2{font-size:29px}.contact-card{padding:22px 0 0;border-left:0;border-top:1px solid #456575}.big-phone{font-size:29px}.contact-card .button{font-size:13px}.footer-main{padding-right:0;align-items:flex-start}.footer-brand{font-size:11px}.footer-main>a:last-child{display:none}.footer-bottom{padding-bottom:90px;font-size:10px;gap:5px;flex-direction:column}.floating-contact{right:8px;bottom:78px;padding:0;background:transparent;box-shadow:none}.floating-contact .float-zalo,.floating-contact .float-phone{display:none}.float-top{background:#fff;width:36px!important;height:36px!important}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:45;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #ddd;box-shadow:0 -2px 12px #0001}.mobile-contact a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:1;border-radius:0}.mobile-contact a:first-child{background:#008aca;color:#fff;flex:1.4}.mobile-contact a:last-child{background:var(--red);color:white;border:0}.hero-grid{width:calc(100% - 28px)}}
@media(max-width:400px){h1{font-size:23px}.hero-grid{gap:12px}.hero-desc{font-size:11px}.hero-visual img{height:200px}.hero .button{font-size:10px;padding:8px}.service-grid{grid-template-columns:1fr 1fr}.service-card h3{font-size:13px}.service-card>p{font-size:11px;min-height:98px}.card-foot{font-size:9px}.brand-name strong{font-size:10px}.quote-symbol{font-size:65px}.quote-art{gap:16px}.big-phone{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Confirmed Kdd contact details */
.contact-lines{font-size:16px;line-height:1.65;min-width:0}.contact-lines p{margin:0 0 5px}.contact-lines strong{display:inline-block;min-width:66px}.contact-lines a{display:inline-block;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.phone-pair{display:inline-flex;gap:7px;flex-wrap:wrap}.hero-contacts{grid-column:1 / -1;border-top:1px solid #ffffff40;padding-top:17px}.hero-contacts .contact-lines{display:flex;flex-wrap:wrap;gap:6px 28px;font-weight:600;color:#fff}.hero-contacts strong{color:#ffcc48;min-width:0}.hero-contacts .contact-lines p{margin:0}.contact-card .contact-lines{margin:15px 0 22px;color:#fff}.footer-main .contact-lines{font-size:14px}.footer-main{gap:25px}.hero-grid{row-gap:22px}
@media(max-width:760px){.hero-contacts{padding-top:14px}.hero-contacts .contact-lines{display:block;font-size:14px}.hero-contacts .contact-lines p{margin:0 0 5px}.hero-contacts .contact-lines strong{min-width:58px}.hero-grid{row-gap:16px}.contact-card .contact-lines{font-size:16px}.footer-main{flex-direction:column}.footer-main .contact-lines{display:block;font-size:14px}.mobile-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-contact a,.mobile-contact a:first-child,.mobile-contact a:last-child{flex:none;min-width:0;min-height:49px;background:var(--red);color:#fff;font-size:10px;display:flex;flex-direction:column;gap:2px;line-height:1.3}.mobile-contact a:nth-child(3){background:#008aca}.mobile-contact a:nth-child(4){background:#07344e}.mobile-contact a>span:first-child{font-size:20px;line-height:23px}.mobile-contact a:nth-child(3)>span:first-child{font-size:15px;font-weight:800}.floating-contact{bottom:calc(78px + env(safe-area-inset-bottom))}.footer-bottom{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}

/* Reference placement: two lower-banner lines and white mobile action strip. */
.hero-contacts .contact-lines{display:block}.hero-contacts .contact-lines p{margin:0 0 5px}.hero-contacts .contact-lines strong{min-width:108px}
@media(max-width:760px){.hero-contacts .contact-lines{font-size:14px}.hero-contacts .contact-lines strong{min-width:0;margin-right:5px}.mobile-contact a,.mobile-contact a:first-child,.mobile-contact a:last-child{background:#fff;color:var(--red)}.mobile-contact a:nth-child(3){background:#fff;color:#008aca}.mobile-contact a:nth-child(4){background:#fff;color:var(--red)}.mobile-contact a+a{border-left:1px solid #eee}.mobile-contact a:last-child{border-left:1px solid #eee}}
