/* LAPIS DESIGN FINAL – unified design tokens & premium catering layout */
:root{--ink:#183235;--deep:#114248;--forest:#144b52;--gold:#8fdbb5;--lightgold:#afe7cb;--ivory:#f8fbfa;--paper:#fcfdfd;--cream:#eaf3f1;--sage:#ebf4f2;--line:#d3e7e2;--muted:#73636a;--shadow:0 20px 54px rgba(17,54,59,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{background:var(--ivory);color:var(--ink);font:14px/1.8 'Be Vietnam Pro',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.028em;line-height:1.16}h1{font-size:clamp(44px,5.3vw,78px)}h2{font-size:clamp(35px,3.7vw,53px)}h3{font-size:clamp(24px,2.2vw,29px)}.wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:#50a67b}.muted{color:var(--muted)}.goldline{background:var(--gold);width:70px;height:2px}.topbar{background:#0c2e33;color:#aee0c7;letter-spacing:.08em;padding:7px 14px;font-size:10px}.bod-review-strip{background:#11434a;color:#aee0c7;text-align:center;font-size:10px;letter-spacing:.1em;padding:8px 14px;border-top:1px solid #ffffff10}
.header{position:sticky;top:0;z-index:80;background:#11434a;border-bottom:1px solid #8fdbb540;box-shadow:0 12px 30px #0923261b}.header .nav{display:flex;align-items:center;gap:23px;min-height:112px;justify-content:space-between}.header .brand--header{display:flex;align-items:center;flex:0 0 172px;min-width:172px;width:172px;margin:0}.header .brand--header img{display:block;height:85px;width:170px;max-width:170px;object-fit:contain;border:0;filter:none}.header .links{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:auto;flex:0 1 auto}.header .links a{font:700 12.5px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:0;color:#f4f9f8;white-space:nowrap;position:relative;padding:10px 0}.header .links a:hover,.header .links a.active{color:#9fdebe}.header .links a.active:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--gold)}.header .nav-cta{font:700 13px/1.3 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:0;padding:0;margin-left:8px;border:0;background:none;box-shadow:none;color:#dcece8;min-height:auto;white-space:nowrap;flex-shrink:0}.header .nav-cta:hover{color:white;background:none;transform:none}.header .hamb{display:none;color:#d6e9e4;border:1px solid #8fdbb570;background:transparent;border-radius:7px;padding:4px 12px;line-height:1.2;font-size:26px}
.btn{border-radius:999px;min-height:50px;padding:13px 26px;letter-spacing:.025em;font-size:12px;font-weight:700;color:#fff;background:#144d55;border-color:#144d55;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:none}.btn:hover{background:#0f393e;border-color:#0f393e;box-shadow:0 9px 24px #11434a2c;transform:translateY(-2px)}.btn.gold{background:#8fdbb5;border-color:#8fdbb5;color:#1c3a3e}.btn.gold:hover{background:#aee8cb;border-color:#aee8cb}.btn.cream{background:#f6faf9;border-color:#f6faf9;color:#17444a}.btn.outline{color:#26555b;border-color:#7ca2a7;background:transparent}.btn.outline:hover{background:#eaf3f1}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #8fdbb5;outline-offset:3px}
.hero{min-height:665px;position:relative;color:#fff;background:linear-gradient(90deg,rgba(11,41,45,.93) 0%,rgba(13,49,53,.75) 39%,rgba(13,49,53,.10) 100%),url('./lumiere.png') center 45%/cover}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% 55%,#477e8520,transparent 48%)}.hero-inner{position:relative;z-index:1;padding:105px 0 110px}.hero h1{max-width:790px;color:#fff;font-size:clamp(48px,5.8vw,82px);line-height:1.11;letter-spacing:-.038em;text-wrap:balance}.hero h1 em{color:#a3e1c2;font-weight:500}.hero .eyebrow{color:#a3e1c2;font-size:11px}.hero p{max-width:535px;font-size:15.5px;line-height:1.9;color:#ecf5f3}.hero-actions{gap:14px;margin-top:31px}
.trust{background:#e0eeeb;border-bottom:1px solid #d2e7e1}.trust-grid{padding:20px 0;gap:24px}.trust-grid div{border-color:#bcd1cf;color:#496367;font-weight:700;font-size:10.5px;letter-spacing:.07em}
.signature-band{background:#fcfdfd;border-bottom:1px solid #d2e7e1;padding:36px 0 40px}.signature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;align-items:stretch;gap:16px}.signature-grid>div{padding:0 22px 0 0}.signature-grid h2{font-size:35px;margin:5px 0 10px}.signature-grid h2 em{color:#4da177}.signature-grid p{font-size:12px;max-width:250px;color:var(--muted);margin:0}.signature-link{border:1px solid #d3e8e3;padding:19px 17px;position:relative;background:#f4f9f8;display:flex;flex-direction:column;justify-content:center;min-height:118px;transition:all .2s ease}.signature-link:hover{background:#e6f2ef;border-color:#9ed7ba;transform:translateY(-2px)}.signature-link span{font-size:10px;color:#a77c62;letter-spacing:.07em}.signature-link strong{font:500 20px/1.3 'Playfair Display',Georgia,serif;margin-top:8px;color:#1b4b51}.signature-link i{position:absolute;right:17px;top:13px;font-size:18px;color:#52ab7f;font-style:normal}
.section{padding:94px 0}.section.soft{background:#ecf5f3}.section.sage{background:#f0f7f5}.section.dark{background:#11434a}.sectionhead{gap:30px;margin-bottom:38px}.sectionhead p{font-size:13px;line-height:1.9;max-width:360px}.sectionhead h2{margin-bottom:5px}.grid{gap:24px}.audience{min-height:440px;padding:40px;border-radius:3px;overflow:hidden;background-position:center;background-size:cover;transition:transform .25s ease}.audience:before{background:linear-gradient(0deg,rgba(11,44,48,.93),rgba(11,44,48,.35) 55%,rgba(11,44,48,.08))}.audience.corp{background-position:center 46%}.audience.personal{background-position:center 43%}.audience h3{font-size:41px;color:#fff}.audience p{font-size:13px;color:#f7fbfa}.audience .eyebrow{color:#b7ead0}.audience:hover{transform:translateY(-3px)}.audience .btn{box-shadow:none}
.card{border:1px solid #d3e7e2;border-radius:5px;box-shadow:0 8px 24px #11434a0b;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 23px 48px #11434a1a}.card img{height:255px;object-fit:cover;object-position:center 27%;transition:transform .35s ease}.card:hover img{transform:scale(1.025)}.card-body{padding:26px 26px 30px}.card p{font-size:12.5px;line-height:1.85}.tag{background:#e2f0ec;color:#428a66;border-radius:3px;padding:7px 11px;font-size:10px;letter-spacing:.13em}.facts{gap:8px}.facts span{border:1px solid #cae6d8;background:#f4f9f8;padding:6px 11px;border-radius:3px;color:#745f65}.textlink{color:#396c73;border-bottom-color:#91caae;font-size:12px}.card-links{margin-top:22px}
.split{gap:62px}.split>img,.split img{height:475px;object-fit:cover;object-position:center 28%;border-radius:4px}.checks li{font-size:13px;border-color:#d2e7e2;padding:11px 0 11px 27px}.checks li:before{color:#4fa57a}.flow{gap:17px}.flow>div{background:#fcfdfd;border:1px solid #d3e8e3;padding:27px;border-radius:4px}.flow b{color:#64b48c}.flow p{line-height:1.9}.banner{background:linear-gradient(112deg,#11444b 0%,#256068 100%);padding:48px 52px;border-radius:4px}.banner p{color:#e0efeb}
.pagehero{background:#eaf3f1;border-color:#d2e7e2}.pagehero .split{min-height:460px}.pagehero-copy{padding:78px 0}.pagehero-copy p{line-height:1.95;color:#65545b;font-size:14px}.pagehero img{height:460px;object-position:center 28%;border-radius:0}.filter{background:#fcfdfd;border:1px solid #b5dcc8;color:#44696e;border-radius:999px;font-weight:700;font-size:11px;padding:11px 18px}.filter:hover,.filter.selected{background:#174f56;color:#fff;border-color:#174f56}.detail-top{gap:55px}.detail-top img{height:490px;object-position:center 28%;border-radius:4px}.detail-menu article,.faq details{border:1px solid #d3e8e3;background:#fcfdfd;border-radius:4px}.faq details{margin:10px 0;padding:18px 24px}.faq summary{color:#23494e;font-weight:700}
.quote{border:1px solid #cae6d8;border-radius:5px;box-shadow:0 12px 36px #11434a0d}.quoteaside{background:#11434a;padding:44px}.quoteaside p{color:#dcece8}.quotemain{padding:44px}.stepbar span{border-radius:99px}.stepbar span.on{background:#77c9a0}.field label{font-size:11px;color:#506366}.field input,.field select,.field textarea{border-radius:3px;border-color:#c2d4d3;color:#2b494d}.field input:focus,.field select:focus,.field textarea:focus{border-color:#64b58d;box-shadow:0 0 0 3px #77c9a030}.choice{border-radius:4px;border-color:#cae6d8;background:#f4f9f8}.choice.active{border-color:#62b38b;background:#e0eeeb}.brief{background:#f4f9f8;border-color:#cce6d9}
.footer{background:#0e373c;color:#ebf4f2;padding:72px 0 28px}.footer-grid{gap:38px;grid-template-columns:1.45fr .82fr 1.16fr .95fr}.footer .brand--footer img{height:94px;width:auto;object-fit:contain;border:0;max-width:200px}.footer h4{color:#eaf4f1;font-size:19px}.footer p,.footer a{color:#bdd7da;font-size:12px;line-height:1.9}.footer a:hover{color:#afe8cc}.footer .copyright{color:#a4b9bc;border-color:#ffffff2c}.hotline-float,.floating{background:#1b5057;border-color:#1b5057;border-radius:999px;box-shadow:0 10px 30px #09212442}.hotline-float:hover,.floating:hover{background:#306970}.note,.disclaimer{color:#897a7d}
@media(max-width:1370px){.header .nav{gap:17px}.header .brand--header{flex-basis:155px;min-width:155px;width:155px}.header .brand--header img{height:79px;width:154px;max-width:154px}.header .links{gap:13px}.header .links a{font-size:11.5px}.header .nav-cta{font-size:12px}}
@media(max-width:1160px){.header .nav{min-height:94px}.header .hamb{display:block;margin-left:auto}.header .links{display:none;position:absolute;top:100%;left:0;right:0;background:#11434a;padding:15px 5%;box-shadow:0 20px 35px #071c1f50;flex-direction:column;align-items:stretch;gap:0}.header .links.open{display:flex}.header .links a{font-size:14px;padding:13px 10px}.header .nav-cta{display:inline-flex;margin-left:0}.signature-grid{grid-template-columns:repeat(3,1fr)}.signature-grid>div{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1220px)}.topbar{font-size:8px}.bod-review-strip{font-size:8px}.header .nav{min-height:78px;gap:12px}.header .brand--header{flex-basis:130px;min-width:130px;width:130px}.header .brand--header img{height:68px;width:130px;max-width:130px}.header .nav-cta{display:none}.header .hamb{display:block;font-size:24px}.header .links{padding:10px 20px 22px}.header .links a{font-size:14px;padding:12px 6px}.hero{min-height:565px;background-position:57% 40%}.hero-inner{padding:76px 0}.hero h1{font-size:clamp(43px,10vw,57px)}.hero p{font-size:14px;line-height:1.83}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{min-width:250px}.trust-grid{grid-template-columns:1fr;gap:0;padding:8px 0}.trust-grid div{padding:12px 0;border:0;border-bottom:1px solid #c6e4d5}.trust-grid div:last-child{border:0}.signature-band{padding:27px 0}.signature-grid{grid-template-columns:1fr;gap:10px}.signature-grid>div{grid-column:auto;padding-bottom:10px}.signature-grid h2{font-size:33px}.signature-link{min-height:87px;padding:14px 18px}.section{padding:66px 0}.sectionhead{display:block;margin-bottom:27px}.sectionhead p{margin-top:14px}.grid.two,.grid.three,.grid.four,.split,.detail-top,.detail-menu,.quote,.footer-grid{grid-template-columns:1fr}.audience{min-height:375px;padding:29px}.audience h3{font-size:35px}.card img{height:230px}.card-body{padding:22px}.split{gap:28px}.split img,.split>img{height:320px}.flow{grid-template-columns:1fr 1fr;gap:12px}.flow>div{padding:20px}.banner{padding:30px 25px;display:block}.banner .btn{margin-top:14px}.pagehero .split{min-height:0}.pagehero-copy{padding:50px 0 26px}.pagehero img{height:300px}.quoteaside,.quotemain{padding:25px}.fields{grid-template-columns:1fr}.footer{padding:55px 0 90px}.footer-grid{gap:28px}.footer .brand--footer img{height:84px}.floating{bottom:13px;right:12px}.hotline-float{bottom:68px;right:12px}}
@media(max-width:420px){.flow{grid-template-columns:1fr}.hero h1{font-size:42px}.sectionhead h2{font-size:35px}.hero-actions .btn{min-width:0;width:100%}.header .brand--header img{width:122px;max-width:122px}.card-links{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final nav polish */
.header a.nav-cta{background:transparent!important;border:0!important;box-shadow:none!important;color:#bbebd3!important;padding:0!important;font-size:12.5px!important;min-height:auto!important}.header a.nav-cta:hover{color:white!important;transform:none!important;background:transparent!important}
@media(max-width:760px){.topbar{display:none}.bod-review-strip{font-size:8.5px;padding:9px 14px;line-height:1.35}.hotline-float{display:none}.floating{bottom:12px;right:12px}.hero{min-height:560px}}