/* SFG proposal adaptation of the existing mock. Suggested corporate blue; subject to approval. */
:root{--navy:#234e70;--navy-deep:#193e5b;--gold:#234e70;--gold-br:#356c90;--ink:#263238;--body:#52616a;--body2:#52616a;--line:#dce4e7;--cream:#faf7f0;--wa:#234e70;--wa-d:#193e5b}
body{background:var(--cream)}
header{background:#faf7f0f5;position:relative}
.nav{height:88px}.nav ul{gap:19px}.nav ul a{font-size:13px}.nav .logo img{height:52px}
.hero{background:var(--cream);color:var(--ink);min-height:650px!important;align-items:center}
.hero-bg{inset:30px 3% 34px 55%;border-radius:140px 12px 12px 12px;background-position:center;box-shadow:0 10px 40px #234e7015}
.hero-ov{display:none}
.hero .hero-in{width:100%;max-width:1140px;padding:74px 24px 90px;margin:0 auto}
.hero .zh{font-family:Inter,sans-serif;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.17em;color:var(--navy);margin-bottom:21px}
.hero h1{color:var(--navy);font-size:clamp(36px,4vw,52px);max-width:520px;text-shadow:none;line-height:1.13}
.hero h1 em{color:var(--navy);font-style:italic}
.hero p{color:var(--body2);font-size:17px;max-width:470px;text-shadow:none;font-weight:400}
.hero-cta{max-width:500px;gap:10px}
.hero .btn{font-size:13px;padding:13px 17px}
.btn-call,.btn-wa{background:var(--navy);color:white}
.btn-ghost{color:var(--navy);border-color:#a8bbc8;background:transparent}
.hero .hero-assure{color:var(--body2);max-width:470px;gap:18px;font-size:12px}
.hero-assure svg{color:var(--navy)}
.press{background:#fff}.trust,.venues{background:#eaf1f7;color:var(--ink)}
.trust-in b,.venues h2,.venues h3{color:var(--navy)}
.venues .lede,.vcard p{color:var(--body2)}
.vcard{background:white;border-color:var(--line)}
.step .n{background:var(--navy);color:white}
.final{background:#eaf1f7;color:var(--ink)}.final h2,.final p{color:var(--navy)}
.float{display:none!important}
.phero{background:var(--cream);color:var(--ink);min-height:270px}
.phero-bg{inset:22px 4% 22px 65%;border-radius:80px 8px 8px 8px;opacity:1}
.phero-ov{display:none}.phero-in{width:100%;max-width:1140px;margin:auto;padding-top:48px;padding-bottom:48px}
.phero h1{color:var(--navy);text-shadow:none;max-width:660px;font-size:39px}
.phero .sub,.crumb,.crumb a{color:var(--body2)}
.pgsec{background:var(--cream)}.pgsec.alt{background:#eaf1f7}
.pkg-card .pa{font-size:27px}.pkg-card .pd{font-size:13px}.sec-head .sub{max-width:760px}
@media(max-width:900px){
 .nav{height:72px}.nav .logo img{height:42px}.nav ul{background:var(--cream);top:72px}
 .hero{display:flex;min-height:0!important;flex-direction:column;padding:0!important}
 .hero .hero-in{padding:34px 22px 28px}
 .hero h1{font-size:36px}.hero p{font-size:16px;margin-top:16px}
 .hero .zh{font-size:10px;margin-bottom:17px}
 .hero .hero-cta{flex-direction:row;margin-top:22px}
 .hero .btn{font-size:11px;padding:13px 12px;gap:6px}.hero .btn svg{width:15px;height:15px}
 .hero .hero-assure{font-size:10px;margin-top:19px;gap:14px}
 .hero-bg{position:relative;inset:auto;order:2;width:calc(100% - 44px);height:235px;flex-shrink:0;border-radius:64px 8px 8px 8px;margin:0 22px 28px;background-position:center}
 .phero-bg{inset:24px 5% 24px 70%;opacity:.3}.phero h1{font-size:30px;max-width:95%}
 .phero-in{padding:40px 22px}.phero{min-height:235px}
 .pkg-grid{grid-template-columns:1fr 1fr!important;gap:12px}
 .pkg-card{padding:19px 10px}.pkg-card .pn{font-size:20px}.pkg-card .pa{font-size:23px}.pkg-card .pd{font-size:12px}
}
