:root{--ink:#0b1220;--ink-2:#1f2937;--muted:#667085;--line:#e4e7ec;--soft:#f8fafc;--white:#fff;--success:#15803d;--danger:#b42318;--warning:#b45309;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow:0 8px 28px rgba(16,24,40,.08);--container:1180px;--brand:#155eef;--brand-dark:#104ac7;--brand-soft:#eff4ff;--accent:#f59e0b}.theme-generic{--brand:#123c5a;--brand-dark:#09273d;--brand-soft:#eef4f5;--accent:#c59a52;--theme-font-weight:750}.theme-jotun{--brand:#123b6d;--brand-dark:#0d2e56;--brand-soft:#eff5fa;--accent:#d83832;--theme-font-weight:760}.theme-dulux{--brand:#0066b3;--brand-dark:#00528f;--brand-soft:#edf7fc;--accent:#00a3c7;--theme-font-weight:720}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.site-shell{min-height:100vh;background:#fff;overflow-x:hidden}.skip-link{position:fixed;top:10px;left:10px;z-index:200;transform:translateY(calc(-100% - 20px));padding:12px 16px;border:2px solid #fff;border-radius:10px;background:#08111f;color:#fff;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.24);transition:transform .16s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:3px solid #f8c842;outline-offset:2px}.main-content:focus{outline:none}.eyebrow{display:inline-block;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.micro{font-size:12px!important;line-height:1.55!important;color:var(--muted)!important}.label{font-size:13px;font-weight:800;color:var(--ink-2)}.hero h1,.section h2{margin:0;line-height:1.08;letter-spacing:-.035em}.section h2{font-size:29px}.section h3{margin:0}.hero p,.section p{color:var(--muted);line-height:1.65}.section-heading{margin-bottom:22px;max-width:760px}.section-heading p{font-size:15px;margin:10px 0 0}.section-heading.align-center{text-align:center;margin-inline:auto}.btn{min-height:52px;border:1px solid transparent;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;font-weight:800;font-size:14px;line-height:1.2}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:#fff;color:var(--brand);border-color:var(--brand)}.btn-ghost{background:transparent;color:var(--brand);border-color:var(--line)}.btn:active{transform:scale(.985)}.brand-choice:focus-visible,.btn:focus-visible,.chip:focus-visible,.mood-card:focus-visible,.palette-card:focus-visible,.room-card:focus-visible,.segmented-control button:focus-visible,.stage-card:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.section-cta{width:100%;margin-top:22px}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.chip{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:6px}.chip.is-selected{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}@media(max-width:430px){.form-stepper{color:#475467}.form-stepper b,.form-stepper em{font-size:13px}.project-advanced-options summary span{font-size:12px;color:#475467}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.site-header{position:sticky;top:0;z-index:80;height:64px;padding:0 16px;justify-content:space-between;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,231,236,.9)}.brand-lockup,.site-header{display:flex;align-items:center}.brand-lockup{gap:9px;text-decoration:none}.brand-lockup>span:last-child{display:grid;line-height:1}.brand-lockup strong{font-size:14px;letter-spacing:.03em}.brand-lockup small{font-size:9px;color:var(--muted);margin-top:4px;letter-spacing:.12em}.brand-symbol{width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.theme-jotun .brand-symbol{border-radius:50%;background:var(--brand);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--brand)}.theme-dulux .brand-symbol{background:linear-gradient(135deg,#0066b3,#00a3c7);border-radius:12px 4px 12px 4px}.header-actions{display:flex;align-items:center;gap:4px}.header-actions>a,.header-actions>button{width:44px;height:44px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;text-decoration:none}.mobile-menu{position:fixed;z-index:79;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:8px 16px 18px}.mobile-menu nav{display:grid}.mobile-menu a{min-height:52px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f4f7;font-weight:750}.section{padding:54px 16px;border-top:1px solid #f0f1f3}.hero{display:flex;flex-direction:column}.hero-media{position:relative;height:285px;background:var(--brand-soft);overflow:hidden}.hero-media img{object-fit:cover}.hero-copy{padding:34px 16px 46px}.hero h1{font-size:37px}.hero p{font-size:16px;margin:16px 0 0}.hero-cta{display:grid;gap:10px;margin-top:24px}.trust-inline{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px;color:var(--muted);font-size:13px}.trust-inline span{display:flex;align-items:center;gap:5px}.theme-jotun .hero-copy{background:#fffdf9}.theme-jotun .hero-media{background:#ece8df}.theme-dulux .hero-copy{background:linear-gradient(180deg,#fff,#f7fcfe)}.theme-dulux .hero-media{background:#dff3f7}.theme-generic .hero-media{background:#eaf2ff}.site-footer{padding:34px 16px calc(100px + env(safe-area-inset-bottom));background:#0c1422;color:#fff}.site-footer p,.site-footer small{color:#b7c0ce}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.site-footer a{color:#fff}.mobile-sticky{position:fixed;bottom:0;left:0;right:0;z-index:70;min-height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:.72fr .9fr 1.38fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(11,18,32,.08)}.mobile-sticky a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:10px;font-weight:800;padding:7px 4px}.mobile-sticky .sticky-primary{background:var(--brand);color:#fff}.zalo-dot{width:21px;height:21px;display:grid;place-items:center;background:#0a7cff;color:#fff;border-radius:7px;font-size:11px;font-weight:900}.final-cta{text-align:center;background:var(--brand-soft)}.final-cta .btn{width:100%;margin-top:12px}.projects-section{overflow:hidden}.project-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 8px;scrollbar-width:none}.project-scroll::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.project-card .project-image{height:180px;position:relative;background:linear-gradient(170deg,#d5e2e7 0 48%,#8c9e89 49% 55%,#e5dfd3 56%)}.project-card .project-image:after{content:"";position:absolute;left:17%;right:17%;bottom:20%;height:40%;background:#f5f2eb;border:9px solid #d1c9bc;box-shadow:0 10px 18px rgba(0,0,0,.12)}.project-card>div:last-child{padding:15px}.project-card span{font-size:11px;color:var(--brand);font-weight:800}.project-card h3{font-size:16px;margin:6px 0}.project-card p{font-size:12px;margin:0}.theme-jotun .jotun-project.p2 .project-image{background:linear-gradient(170deg,#d9e2e4 0 48%,#6f7f76 49% 55%,#d6cab8 56%)}.theme-jotun .jotun-project.p3 .project-image{background:linear-gradient(180deg,#efe6d8,#b9aa99)}.theme-dulux .dulux-project.p1 .project-image{background:linear-gradient(155deg,#e7f3f4,#a7cedb 54%,#f0c9aa)}.theme-dulux .dulux-project.p2 .project-image{background:linear-gradient(155deg,#f0ddcf,#d6b097 56%,#6d8fa1)}.theme-dulux .dulux-project.p3 .project-image{background:linear-gradient(155deg,#d9ead8,#79b0a0 56%,#e2bd69)}@media(min-width:760px){.site-header{height:72px;padding:0 32px}.mobile-menu{top:72px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px}.hero-media{height:auto;order:2}.hero-copy{padding:90px 48px 72px max(32px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:56px;max-width:760px}.hero-cta{grid-template-columns:max-content max-content}.section{padding:88px max(32px,calc((100vw - var(--container))/2))}.section h2{font-size:38px}.mobile-sticky{display:none}.section-cta{width:auto}.project-scroll{grid-auto-columns:32%}.site-footer{padding:54px max(32px,calc((100vw - var(--container))/2))}}@media(max-width:759px){body:has(input:focus,textarea:focus,select:focus) .mobile-sticky{display:none}#calculator,#color-consultation,#lead-form,.section[id]{scroll-margin-top:82px}}