/* rksum.my · dijana oleh build_d.py. Jangan sunting terus. */
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/PlusJakartaSans-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Dancing Script";src:url(../fonts/DancingScript-latin.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Plex";src:url(../fonts/PlusJakartaSans-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"PlexSerif";src:url(../fonts/PlusJakartaSans-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{--navy:#132A4F;--navy2:#1D3A66;--ink:#1B2433;--mute:#5B6474;--line:#E7E1D8; --gold:#94672A;--goldscript:#A87632;--goldlite:#D9A85E;--peach:#F8E9DA;--cream:#FBF7F1;--white:#fff; --r:22px;--shadow:0 18px 50px -24px rgba(19,42,79,.35); --script:"Dancing Script",cursive;--sans:"Plus Jakarta Sans",system-ui,sans-serif;}
*:where(:not(.legacy *)){box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img:where(:not(.legacy *)){display:block;max-width:100%}
a:where(:not(.legacy *)){color:inherit;text-decoration:none}
svg.i:where(:not(.legacy *)){width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap:where(:not(.legacy *)){max-width:1180px;margin:0 auto;padding:0 32px}
.eyebrow:where(:not(.legacy *)){font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.eyebrow.g:where(:not(.legacy *)){color:var(--gold)}
.h2:where(:not(.legacy *)){font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--navy);margin-top:12px}
.h2 .s:where(:not(.legacy *)){display:inline-block;font-family:var(--script);color:var(--goldscript);font-weight:700;font-size:1.18em;letter-spacing:0}
.lede:where(:not(.legacy *)){font-size:17px;line-height:1.7;color:var(--mute)}
.btn:where(:not(.legacy *)){display:inline-flex;align-items:center;gap:10px;border-radius:999px;font-weight:600;font-size:15px;padding:14px 24px;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover:where(:not(.legacy *)){transform:translateY(-2px)}
.btn.navy:where(:not(.legacy *)){background:var(--navy);color:#fff;box-shadow:0 10px 24px -12px rgba(19,42,79,.7)}
.btn.navy:hover:where(:not(.legacy *)){background:var(--navy2)}
.btn.gold:where(:not(.legacy *)){background:var(--goldlite);color:var(--navy)}
.btn.ghost:where(:not(.legacy *)){border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn:focus-visible:where(:not(.legacy *)),.link:focus-visible:where(:not(.legacy *)){outline:3px solid var(--goldlite);outline-offset:3px}
.link:where(:not(.legacy *)){display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy);font-size:15px}
.link svg:where(:not(.legacy *)){width:18px;height:18px;transition:transform .2s}
.link:hover svg:where(:not(.legacy *)){transform:translateX(4px)}
.nav:where(:not(.legacy *)){position:absolute;inset:0 0 auto;z-index:5}
.nav .wrap:where(:not(.legacy *)){display:flex;align-items:center;justify-content:space-between;height:92px;max-width:1320px;gap:24px}
.brand:where(:not(.legacy *)){display:flex;align-items:center;gap:12px}
.brand img:where(:not(.legacy *)){width:46px;height:46px}
.brand b:where(:not(.legacy *)){display:block;font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.brand small:where(:not(.legacy *)){display:block;font-size:10.5px;letter-spacing:.2em;font-weight:600;color:var(--mute);margin-top:2px}
.menu:where(:not(.legacy *)){display:flex;gap:28px;white-space:nowrap;font-size:15px;font-weight:500;color:var(--ink)}
.menu a:where(:not(.legacy *)){position:relative;padding:6px 0}
.menu a.on:where(:not(.legacy *)){color:var(--navy);font-weight:600}
.menu a.on:where(:not(.legacy *))::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--gold)}
.lang:where(:not(.legacy *)){display:flex;gap:4px;font-size:13px;font-weight:600;color:var(--mute);margin-right:14px}
.lang span:where(:not(.legacy *)){padding:4px 8px;border-radius:8px}
.lang span.on:where(:not(.legacy *)){background:var(--peach);color:var(--navy)}
.navr:where(:not(.legacy *)){display:flex;align-items:center}
.hero:where(:not(.legacy *)){position:relative;min-height:720px;background:linear-gradient(180deg,#FBF3EA 0%,#FDF8F2 60%,#fff 100%);overflow:hidden}
.hero__img:where(:not(.legacy *)){position:absolute;right:0;top:0;bottom:0;width:64%}
.hero__img img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;object-position:40% 60%;filter:saturate(1.18) contrast(1.06) brightness(1.05) sepia(.08)}
.hero__img:where(:not(.legacy *))::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,200,150,.42) 0%,rgba(255,214,170,.12) 40%,transparent 60%);mix-blend-mode:soft-light}
.hero__img:where(:not(.legacy *))::after{content:"";position:absolute;inset:0;z-index:2;background: linear-gradient(90deg,#FBF4EB 0%,rgba(251,244,235,.92) 14%,rgba(251,244,235,.35) 34%,rgba(251,244,235,0) 52%), linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 22%)}
.hero__copy:where(:not(.legacy *)){position:relative;z-index:3;padding-top:170px;max-width:560px}
.hero h1:where(:not(.legacy *)){font-size:clamp(42px,5.2vw,66px);line-height:1.04;letter-spacing:-.03em;font-weight:800;color:var(--navy);margin-top:18px}
.hero h1 .s:where(:not(.legacy *)){display:block;font-family:var(--script);font-weight:700;color:var(--goldscript);font-size:1.02em;letter-spacing:0;margin-top:6px;line-height:1.1}
.hero .lede:where(:not(.legacy *)){margin-top:22px;max-width:470px;color:#3F4858}
.hero__chip:where(:not(.legacy *)){position:absolute;z-index:3;right:40px;top:150px;display:flex;flex-direction:column;gap:10px}
.thumb:where(:not(.legacy *)){width:164px;border-radius:16px;overflow:hidden;border:3px solid rgba(255,255,255,.85);box-shadow:var(--shadow)}
.thumb img:where(:not(.legacy *)){height:104px;width:100%;object-fit:cover}
.hero__tag:where(:not(.legacy *)){position:absolute;z-index:3;right:40px;top:420px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow);width:164px}
.hero__tag b:where(:not(.legacy *)){font-size:24px;color:var(--navy);display:block;letter-spacing:-.02em}
.hero__tag span:where(:not(.legacy *)){font-size:12.5px;color:var(--mute);line-height:1.35;display:block;margin-top:2px}
.find:where(:not(.legacy *)){position:relative;z-index:4;margin:-64px auto 0;max-width:1040px;background:#fff;border-radius:999px;box-shadow:0 24px 60px -24px rgba(19,42,79,.4);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:12px 12px 12px 30px;gap:6px}
.find div:where(:not(.legacy *)){display:flex;align-items:center;gap:14px;padding:6px 18px 6px 0;border-right:1px solid var(--line)}
.find div:nth-child(3):where(:not(.legacy *)){border:0}
.find svg:where(:not(.legacy *)){color:var(--navy);width:24px;height:24px}
.find b:where(:not(.legacy *)){display:block;font-size:14px;font-weight:700;color:var(--navy)}
.find span:where(:not(.legacy *)){display:block;font-size:13px;color:var(--mute);margin-top:2px}
.find .btn:where(:not(.legacy *)){padding:17px 30px;white-space:nowrap}
.find .btn svg:where(:not(.legacy *)){color:#fff;width:20px;height:20px}
.values:where(:not(.legacy *)){padding:96px 0 90px;background:linear-gradient(180deg,#fff 0%,var(--cream) 100%)}
.vgrid:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr)}
.v:where(:not(.legacy *)){text-align:center;padding:0 26px;border-left:1px solid var(--line)}
.v:first-child:where(:not(.legacy *)){border:0}
.v .ic:where(:not(.legacy *)){width:68px;height:68px;border-radius:50%;background:var(--peach);display:grid;place-items:center;margin:0 auto;color:var(--navy)}
.v .ic svg:where(:not(.legacy *)){width:28px;height:28px}
.v b:where(:not(.legacy *)){display:block;margin-top:18px;font-size:17px;color:var(--navy)}
.v p:where(:not(.legacy *)){margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--mute)}
.mission:where(:not(.legacy *)){padding:110px 0}
.mgrid:where(:not(.legacy *)){display:grid;grid-template-columns:.9fr 1.5fr;gap:56px;align-items:center}
.mission .lede:where(:not(.legacy *)){margin-top:18px}
.mission .row:where(:not(.legacy *)){display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.mcards:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc:where(:not(.legacy *)){position:relative;height:440px;border-radius:var(--r);overflow:hidden;color:#fff;box-shadow:var(--shadow)}
.mc:nth-child(2):where(:not(.legacy *)){transform:translateY(-28px)}
.mc img:where(:not(.legacy *)){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.mc:hover img:where(:not(.legacy *)){transform:scale(1.05)}
.mc:where(:not(.legacy *))::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,44,0) 35%,rgba(10,22,44,.86) 100%)}
.mc .t:where(:not(.legacy *)){position:absolute;z-index:2;left:20px;right:20px;bottom:22px}
.mc .ic:where(:not(.legacy *)){width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);display:grid;place-items:center;margin-bottom:16px}
.mc b:where(:not(.legacy *)){font-size:20px;display:block;line-height:1.2}
.mc span:where(:not(.legacy *)){font-size:14px;opacity:.92;display:block;margin-top:8px;line-height:1.5}
.homes:where(:not(.legacy *)){padding:30px 0 110px}
.hhead:where(:not(.legacy *)){display:flex;justify-content:space-between;align-items:end;gap:24px}
.hgrid:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.hc:where(:not(.legacy *)){background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .3s,transform .3s}
.hc:hover:where(:not(.legacy *)){box-shadow:var(--shadow);transform:translateY(-4px)}
.hc .ph:where(:not(.legacy *)){position:relative;height:210px;overflow:hidden}
.hc .ph img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04)}
.badge:where(:not(.legacy *)){position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px}
.badge.m:where(:not(.legacy *)){background:#2E5E8C}
.hc .bd:where(:not(.legacy *)){padding:20px 22px 22px}
.hc h3:where(:not(.legacy *)){font-size:19px;color:var(--navy);letter-spacing:-.01em}
.hc .note:where(:not(.legacy *)){font-size:14px;color:var(--mute);margin-top:6px;line-height:1.5}
.spec:where(:not(.legacy *)){display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13.5px;color:var(--mute)}
.spec span:where(:not(.legacy *)){display:flex;align-items:center;gap:6px;white-space:nowrap}
.spec svg:where(:not(.legacy *)){width:18px;height:18px;color:var(--navy)}
.foot:where(:not(.legacy *)){display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.foot b:where(:not(.legacy *)){font-size:18px;color:var(--navy)}
.foot b small:where(:not(.legacy *)){font-size:13px;color:var(--mute);font-weight:500}
.foot svg:where(:not(.legacy *)){color:var(--navy)}
.comm:where(:not(.legacy *)){background:var(--cream);padding:100px 0}
.cgrid:where(:not(.legacy *)){display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.cphoto:where(:not(.legacy *)){position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);height:440px}
.cphoto img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(1.04)}
.cphoto .script:where(:not(.legacy *)){position:absolute;left:26px;top:26px;background:rgba(251,247,241,.93);border-radius:18px;padding:18px 24px 14px;font-family:var(--script);font-size:38px;line-height:1.02;color:var(--navy);transform:rotate(-3deg)}
.cphoto .script i:where(:not(.legacy *)){display:block;width:120px;height:3px;border-radius:3px;background:var(--gold);margin-top:10px;font-style:normal}
.stats:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}
.stats div:where(:not(.legacy *)){padding-right:14px;border-right:1px solid var(--line);padding-left:18px}
.stats div:first-child:where(:not(.legacy *)){padding-left:0}
.stats div:last-child:where(:not(.legacy *)){border:0}
.stats b:where(:not(.legacy *)){font-size:30px;font-weight:700;color:var(--navy);letter-spacing:-.02em;display:block}
.stats span:where(:not(.legacy *)){font-size:13.5px;color:var(--mute);display:block;margin-top:4px;line-height:1.35}
.journey:where(:not(.legacy *)){padding:110px 0}
.jhead:where(:not(.legacy *)){text-align:center;max-width:640px;margin:0 auto}
.jhead .lede:where(:not(.legacy *)){margin-top:14px}
.jgrid:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px;position:relative}
.jgrid:where(:not(.legacy *))::before{content:"";position:absolute;left:12%;right:12%;top:34px;border-top:2px dashed #D9CBB5}
.j:where(:not(.legacy *)){position:relative;text-align:center;padding:0 8px}
.j .n:where(:not(.legacy *)){width:68px;height:68px;border-radius:50%;margin:0 auto;background:#fff;border:2px solid var(--goldlite);display:grid;place-items:center;color:var(--navy);box-shadow:0 0 0 8px #fff}
.j .n svg:where(:not(.legacy *)){width:28px;height:28px}
.j small:where(:not(.legacy *)){display:block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--gold)}
.j b:where(:not(.legacy *)){display:block;margin-top:6px;font-size:18px;color:var(--navy)}
.j p:where(:not(.legacy *)){font-size:14.5px;color:var(--mute);line-height:1.6;margin-top:8px}
.j a:where(:not(.legacy *)){margin-top:14px}
.cta:where(:not(.legacy *)){position:relative;margin:0 auto 90px;max-width:1240px;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff}
.cta img:where(:not(.legacy *)){position:absolute;right:0;top:0;height:100%;width:56%;object-fit:cover;object-position:50% 60%;filter:saturate(1.15) brightness(1.04)}
.cta:where(:not(.legacy *))::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 42%,rgba(19,42,79,.5) 60%,rgba(19,42,79,0) 85%)}
.cta .in:where(:not(.legacy *)){position:relative;z-index:2;padding:62px 64px;max-width:600px}
.cta .eyebrow:where(:not(.legacy *)){color:var(--goldlite)}
.cta h2:where(:not(.legacy *)){font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.02em;margin-top:12px;line-height:1.15}
.cta h2 .s:where(:not(.legacy *)){font-family:var(--script);color:var(--goldlite);font-size:1.15em}
.cta p:where(:not(.legacy *)){margin-top:14px;font-size:16px;line-height:1.65;color:#D5DCE8}
.cta .row:where(:not(.legacy *)){display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.tools:where(:not(.legacy *)){display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}
.tools a:where(:not(.legacy *)){display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.tools svg:where(:not(.legacy *)){width:17px;height:17px}
footer:where(:not(.legacy *)){border-top:1px solid var(--line);padding:56px 0 30px}
.fgrid:where(:not(.legacy *)){display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
footer p.d:where(:not(.legacy *)){font-size:14px;color:var(--mute);line-height:1.6;margin-top:16px;max-width:300px}
footer h4:where(:not(.legacy *)){font-size:14.5px;color:var(--navy);margin-bottom:14px}
footer li:where(:not(.legacy *)){list-style:none;font-size:14px;color:var(--mute);margin-top:9px}
.motto:where(:not(.legacy *)){font-family:var(--script);font-size:26px;color:var(--gold);margin-top:12px}
.legal:where(:not(.legacy *)){display:flex;justify-content:space-between;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.legal span a:where(:not(.legacy *)){margin-left:18px;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
.wrap:where(:not(.legacy *)){padding:0 18px}
.menu:where(:not(.legacy *)),.lang:where(:not(.legacy *)){display:none}
.nav .wrap:where(:not(.legacy *)){height:76px}
.navr .btn:where(:not(.legacy *)){padding:10px 14px;font-size:13.5px;white-space:nowrap}
.navr .btn svg:where(:not(.legacy *)){display:none}
.brand:where(:not(.legacy *)){gap:9px}
.brand b:where(:not(.legacy *)){font-size:14px;white-space:nowrap}
.brand small:where(:not(.legacy *)){font-size:9px}
.brand img:where(:not(.legacy *)){width:36px;height:36px}
.nav .wrap:where(:not(.legacy *)){gap:10px}
.hero:where(:not(.legacy *)){min-height:0;padding-bottom:330px}
.hero__img:where(:not(.legacy *)){width:100%;top:auto;height:350px}
.hero__img:where(:not(.legacy *))::after{background:linear-gradient(180deg,#FCF6EF 0%,rgba(252,246,239,0) 34%),linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 26%)}
.hero__copy:where(:not(.legacy *)){padding-top:118px}
.hero__chip:where(:not(.legacy *)),.hero__tag:where(:not(.legacy *)){display:none}
.find:where(:not(.legacy *)){border-radius:24px;grid-template-columns:1fr;padding:18px;margin:-70px 18px 0;gap:0}
.find div:where(:not(.legacy *)){border-right:0;border-bottom:1px solid var(--line);padding:12px 0}
.find div:nth-child(3):where(:not(.legacy *)){border-bottom:0}
.find .btn:where(:not(.legacy *)){justify-content:center;margin-top:10px}
.values:where(:not(.legacy *)){padding:64px 0}
.vgrid:where(:not(.legacy *)){grid-template-columns:1fr 1fr;row-gap:36px}
.v:where(:not(.legacy *)){padding:0 10px;border:0}
.mission:where(:not(.legacy *)),.journey:where(:not(.legacy *)){padding:72px 0}
.mgrid:where(:not(.legacy *)),.cgrid:where(:not(.legacy *)){grid-template-columns:1fr;gap:32px}
.mcards:where(:not(.legacy *)){grid-template-columns:1fr 1fr}
.mc:where(:not(.legacy *)){height:300px}
.mc:nth-child(2):where(:not(.legacy *)){transform:none}
.mc:first-child:where(:not(.legacy *)){grid-column:1/-1;height:260px}
.homes:where(:not(.legacy *)){padding:10px 0 72px}
.hhead:where(:not(.legacy *)){flex-direction:column;align-items:start}
.hgrid:where(:not(.legacy *)){grid-template-columns:1fr;gap:18px}
.comm:where(:not(.legacy *)){padding:72px 0}
.cphoto:where(:not(.legacy *)){height:300px}
.cphoto .script:where(:not(.legacy *)){font-size:30px}
.stats:where(:not(.legacy *)){grid-template-columns:1fr 1fr;row-gap:20px}
.stats div:where(:not(.legacy *)){padding-left:0;border:0}
.jgrid:where(:not(.legacy *)){grid-template-columns:1fr 1fr;row-gap:36px}
.jgrid:where(:not(.legacy *))::before{display:none}
.cta:where(:not(.legacy *)){margin:0 18px 64px;border-radius:24px}
.cta img:where(:not(.legacy *)){width:100%;opacity:.35}
.cta:where(:not(.legacy *))::after{background:linear-gradient(180deg,rgba(19,42,79,.8),var(--navy))}
.cta .in:where(:not(.legacy *)){padding:44px 24px}
.fgrid:where(:not(.legacy *)){grid-template-columns:1fr 1fr;gap:30px}
.fgrid>div:first-child:where(:not(.legacy *)){grid-column:1/-1}
.legal:where(:not(.legacy *)){flex-direction:column;gap:12px}
.legal span a:where(:not(.legacy *)){margin:0 16px 0 0}
}
.motto2:where(:not(.legacy *)){font-family:var(--script);font-size:clamp(30px,3.4vw,46px);line-height:1.15;color:var(--goldscript);margin-top:18px}
.spirit:where(:not(.legacy *)){background:var(--cream);padding:100px 0}
.sgrid:where(:not(.legacy *)){display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.mosaic:where(:not(.legacy *)){display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:230px 230px;gap:14px}
.mosaic figure:where(:not(.legacy *)){position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.mosaic figure:first-child:where(:not(.legacy *)){grid-row:1/3}
.mosaic img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(1.03)}
.mosaic figcaption:where(:not(.legacy *)){position:absolute;left:14px;bottom:12px;background:rgba(255,255,255,.94);color:var(--navy);font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px}
.ticks:where(:not(.legacy *)){list-style:none;margin-top:24px;display:grid;gap:14px}
.ticks li:where(:not(.legacy *)){display:flex;gap:14px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:#3F4858}
.ticks .ic:where(:not(.legacy *)){width:38px;height:38px;border-radius:50%;background:var(--peach);color:var(--navy);display:grid;place-items:center;flex:none}
.ticks svg:where(:not(.legacy *)){width:19px;height:19px}
.ticks b:where(:not(.legacy *)){color:var(--navy)}
.hc .who:where(:not(.legacy *)){display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--navy);justify-content:space-between}
.future:where(:not(.legacy *)){padding:110px 0;text-align:center}
.future .lede:where(:not(.legacy *)){max-width:640px;margin:16px auto 0}
.chips:where(:not(.legacy *)){display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto 0;max-width:820px}
.chips span:where(:not(.legacy *)){padding:11px 20px;border-radius:999px;background:var(--peach);color:var(--navy);font-weight:600;font-size:15px}
.chips span:nth-child(even):where(:not(.legacy *)){background:#fff;border:1.5px solid var(--line)}
.join:where(:not(.legacy *)){padding:0 0 70px}
.join .box:where(:not(.legacy *)){display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:var(--r);padding:22px 28px;background:#fff}
.join b:where(:not(.legacy *)){color:var(--navy);font-size:16px}
.join p:where(:not(.legacy *)){font-size:14px;color:var(--mute);margin-top:3px}
.join .ls:where(:not(.legacy *)){display:flex;gap:22px;flex-wrap:wrap}
@media (max-width:900px){
.spirit:where(:not(.legacy *)){padding:72px 0}
.sgrid:where(:not(.legacy *)){grid-template-columns:1fr;gap:32px}
.mosaic:where(:not(.legacy *)){grid-template-rows:170px 170px}
.future:where(:not(.legacy *)){padding:72px 0}
.join .box:where(:not(.legacy *)){flex-direction:column;align-items:flex-start}
.join:where(:not(.legacy *)){padding:0 0 56px}
}
.phero:where(:not(.legacy *)){position:relative;background:linear-gradient(180deg,#FBF3EA 0%,#FDF8F2 70%,#fff 100%);padding:160px 0 70px;overflow:hidden}
.phero .pg:where(:not(.legacy *)){display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.phero h1:where(:not(.legacy *)){font-size:clamp(36px,4.4vw,56px);line-height:1.06;letter-spacing:-.03em;font-weight:800;color:var(--navy);margin-top:16px}
.phero h1 .s:where(:not(.legacy *)){display:block;font-family:var(--script);font-weight:700;color:var(--goldscript);letter-spacing:0;line-height:1.12;margin-top:6px}
.phero .lede:where(:not(.legacy *)){margin-top:20px;max-width:520px;color:#3F4858}
.phero figure:where(:not(.legacy *)){border-radius:28px;overflow:hidden;box-shadow:var(--shadow);height:380px;transform:rotate(1.2deg)}
.phero figure img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.15) brightness(1.04)}
.crumb:where(:not(.legacy *)){font-size:13px;color:var(--mute);font-weight:500}
.crumb b:where(:not(.legacy *)){color:var(--navy)}
.sec:where(:not(.legacy *)){padding:90px 0}
.sec.c:where(:not(.legacy *)){background:var(--cream)}
.sec .top:where(:not(.legacy *)){max-width:680px;margin-bottom:40px}
.sec .top.mid:where(:not(.legacy *)){margin:0 auto 44px;text-align:center}
.sec .top .lede:where(:not(.legacy *)){margin-top:14px}
.alt:where(:not(.legacy *)){display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.alt+.alt:where(:not(.legacy *)){margin-top:80px}
.alt.r figure:where(:not(.legacy *)){order:2}
.alt figure:where(:not(.legacy *)){border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);height:380px;position:relative}
.alt figure img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(1.03)}
.alt .no:where(:not(.legacy *)){font-family:var(--script);font-size:44px;color:var(--goldscript);line-height:1}
.alt h3:where(:not(.legacy *)){font-size:28px;line-height:1.18;letter-spacing:-.02em;color:var(--navy);margin-top:6px}
.alt p:where(:not(.legacy *)){margin-top:14px;font-size:16.5px;line-height:1.7;color:var(--mute)}
.quote:where(:not(.legacy *)){text-align:center;padding:100px 0;background:var(--navy);color:#fff}
.quote p:where(:not(.legacy *)){font-family:var(--script);font-size:clamp(34px,4.6vw,60px);line-height:1.15;color:var(--goldlite);max-width:900px;margin:0 auto}
.quote span:where(:not(.legacy *)){display:block;margin-top:18px;font-size:16px;color:#D5DCE8}
.g3:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.g4:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.g2:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card:where(:not(.legacy *)){background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;transition:box-shadow .3s,transform .3s}
a.card:hover:where(:not(.legacy *)){box-shadow:var(--shadow);transform:translateY(-4px)}
.card .ic:where(:not(.legacy *)){width:52px;height:52px;border-radius:50%;background:var(--peach);color:var(--navy);display:grid;place-items:center}
.card b:where(:not(.legacy *)){display:block;font-size:18px;color:var(--navy);margin-top:18px;letter-spacing:-.01em}
.card p:where(:not(.legacy *)){font-size:14.5px;line-height:1.6;color:var(--mute);margin-top:8px}
.card .link:where(:not(.legacy *)){margin-top:16px;font-size:14px}
.card small:where(:not(.legacy *)){display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.gal:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.gal figure:where(:not(.legacy *)){position:relative;border-radius:18px;overflow:hidden}
.gal figure.w:where(:not(.legacy *)){grid-column:span 2}
.gal figure.t:where(:not(.legacy *)){grid-row:span 2}
.gal img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(1.03);transition:transform .6s}
.gal figure:hover img:where(:not(.legacy *)){transform:scale(1.05)}
.gal figcaption:where(:not(.legacy *)){position:absolute;left:12px;bottom:10px;background:rgba(255,255,255,.94);color:var(--navy);font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px}
.news:where(:not(.legacy *)){display:grid;grid-template-columns:1.3fr 1fr;gap:26px}
.nw:where(:not(.legacy *)){background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.nw .ph:where(:not(.legacy *)){height:210px;overflow:hidden}
.nw.big .ph:where(:not(.legacy *)){height:340px}
.nw img:where(:not(.legacy *)){width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.nw .bd:where(:not(.legacy *)){padding:22px 24px 26px}
.nw time:where(:not(.legacy *)){font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.nw h3:where(:not(.legacy *)){font-size:20px;color:var(--navy);line-height:1.25;margin-top:8px;letter-spacing:-.01em}
.nw.big h3:where(:not(.legacy *)){font-size:26px}
.nw p:where(:not(.legacy *)){font-size:14.5px;line-height:1.6;color:var(--mute);margin-top:8px}
.nstack:where(:not(.legacy *)){display:grid;gap:26px}
.person:where(:not(.legacy *)){text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 16px}
.person .av:where(:not(.legacy *)){width:72px;height:72px;border-radius:50%;background:var(--peach);color:var(--navy);display:grid;place-items:center;margin:0 auto}
.person .av svg:where(:not(.legacy *)){width:30px;height:30px}
.person b:where(:not(.legacy *)){display:block;margin-top:14px;font-size:15.5px;color:var(--navy)}
.person span:where(:not(.legacy *)){display:block;font-size:13px;color:var(--mute);margin-top:4px}
.flow:where(:not(.legacy *)){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:f}
.flow div:where(:not(.legacy *)){background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.flow div:where(:not(.legacy *))::before{counter-increment:f;content:counter(f);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:14px}
.flow b:where(:not(.legacy *)){display:block;margin-top:12px;color:var(--navy)}
.flow p:where(:not(.legacy *)){font-size:14px;color:var(--mute);line-height:1.55;margin-top:6px}
.note:where(:not(.legacy *)){border-left:3px solid var(--goldlite);background:var(--cream);border-radius:0 14px 14px 0;padding:16px 20px;font-size:14.5px;line-height:1.6;color:#3F4858;margin-top:26px}
.subnav:where(:not(.legacy *)){display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.subnav a:where(:not(.legacy *)){padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--navy)}
.ppl:where(:not(.legacy *)){display:grid;gap:26px;margin:0 auto}
.ppl.three:where(:not(.legacy *)){grid-template-columns:repeat(3,1fr);max-width:900px}
.ppl.four:where(:not(.legacy *)){grid-template-columns:repeat(4,1fr)}
.ppl.two:where(:not(.legacy *)){grid-template-columns:repeat(2,1fr);max-width:640px}
.pp:where(:not(.legacy *)){text-align:center}
.pp img:where(:not(.legacy *)){width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 20%;margin:0 auto;border:5px solid #fff;box-shadow:var(--shadow)}
.ppl.four .pp img:where(:not(.legacy *)){width:120px;height:120px}
.pp b:where(:not(.legacy *)){display:block;margin-top:18px;font-size:16px;line-height:1.3;color:var(--navy)}
.pp span:where(:not(.legacy *)){display:block;font-size:13px;color:var(--mute);margin-top:4px;line-height:1.4}
.pp span.r:where(:not(.legacy *)){color:var(--gold);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
.hp:where(:not(.legacy *)){background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.hp .hd:where(:not(.legacy *)){display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.hp .hd img:where(:not(.legacy *)){width:46px;height:46px;border-radius:12px;object-fit:cover}
.hp .hd b:where(:not(.legacy *)){font-size:18px;color:var(--navy);flex:1}
.duo:where(:not(.legacy *)){display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 14px 22px;text-align:center}
.duo img:where(:not(.legacy *)){width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 20%;margin:0 auto}
.duo b:where(:not(.legacy *)){display:block;font-size:13.5px;line-height:1.3;color:var(--navy);margin-top:10px}
.duo span:where(:not(.legacy *)){display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.fgrid a:hover:where(:not(.legacy *)),.menu a:hover:where(:not(.legacy *)){color:var(--navy)}
@media (max-width:900px){
.phero:where(:not(.legacy *)){padding:110px 0 48px}
.phero .pg:where(:not(.legacy *)),.alt:where(:not(.legacy *)),.news:where(:not(.legacy *)){grid-template-columns:1fr;gap:28px}
.phero figure:where(:not(.legacy *)){height:240px}
.alt figure:where(:not(.legacy *)){height:250px}
.alt.r figure:where(:not(.legacy *)){order:0}
.alt+.alt:where(:not(.legacy *)){margin-top:52px}
.sec:where(:not(.legacy *)){padding:60px 0}
.quote:where(:not(.legacy *)){padding:68px 18px}
.g3:where(:not(.legacy *)),.g2:where(:not(.legacy *)){grid-template-columns:1fr}
.g4:where(:not(.legacy *)),.flow:where(:not(.legacy *)),.ppl.four:where(:not(.legacy *)),.ppl.two:where(:not(.legacy *)){grid-template-columns:1fr 1fr}
.ppl.three:where(:not(.legacy *)){grid-template-columns:1fr}
.gal:where(:not(.legacy *)){grid-template-columns:1fr 1fr;grid-auto-rows:150px}
.nw.big .ph:where(:not(.legacy *)){height:220px}
}
@media (prefers-reduced-motion:reduce){
*:where(:not(.legacy *)){transition:none!important}
}
html{scroll-behavior:smooth;scroll-padding-top:20px}
.skip:where(:not(.legacy *)){position:absolute;left:-9999px;top:0;z-index:20;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 12px 0;font-weight:600}
.skip:focus:where(:not(.legacy *)){left:0}
.menu a:focus-visible:where(:not(.legacy *)),.subnav a:focus-visible:where(:not(.legacy *)),footer a:focus-visible:where(:not(.legacy *)),.lang button:focus-visible:where(:not(.legacy *)),.burger:focus-visible:where(:not(.legacy *)),.plinks a:focus-visible:where(:not(.legacy *)){outline:3px solid var(--goldlite);outline-offset:3px;border-radius:6px}
.lang button:where(:not(.legacy *)){font:inherit;color:inherit;background:none;border:0;padding:5px 9px;border-radius:8px;cursor:pointer}
.lang button[aria-pressed="true"]:where(:not(.legacy *)){background:var(--peach);color:var(--navy)}
.navr:where(:not(.legacy *)){gap:10px}
.burger:where(:not(.legacy *)){display:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none}
.burger i:where(:not(.legacy *)){display:block;width:18px;height:2px;border-radius:2px;background:var(--navy)}
.menu .mob:where(:not(.legacy *)){display:none}
.findwrap:where(:not(.legacy *)){padding:0}
.ctawrap:where(:not(.legacy *)){padding-top:20px}
.lede.mt16:where(:not(.legacy *)){margin-top:16px}
.row.mt26:where(:not(.legacy *)){display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hgrid.mt0:where(:not(.legacy *)),.jgrid.mt0:where(:not(.legacy *)){margin-top:0}
.homes.pt110:where(:not(.legacy *)){padding-top:110px}
.gap:where(:not(.legacy *)){height:70px}
.motto2:where(:not(.legacy *)){font-family:var(--script);font-size:26px;line-height:1.25;color:var(--goldscript);margin-top:20px}
.card small:where(:not(.legacy *)){margin-top:16px}
.card small+b:where(:not(.legacy *)){margin-top:6px}
a.card:where(:not(.legacy *)){display:block}
.sec .note:where(:not(.legacy *)){max-width:760px}
.sec>.wrap>.note:where(:not(.legacy *)){margin-top:34px}
.subnav a:hover:where(:not(.legacy *)){border-color:var(--goldlite);background:var(--peach)}
.phero.plain:where(:not(.legacy *)){padding:150px 0 54px}
.phero.plain .wrap:where(:not(.legacy *)){max-width:860px}
.phero.plain .eyebrow:where(:not(.legacy *)){margin-top:18px}
.phero.plain h1:where(:not(.legacy *)){margin-top:10px}
.phero.plain .lede:where(:not(.legacy *)){max-width:680px}
.plinks:where(:not(.legacy *)){display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.plinks a:where(:not(.legacy *)){display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--navy)}
.plinks a:hover:where(:not(.legacy *)){border-color:var(--goldlite);background:var(--peach)}
.plinks svg:where(:not(.legacy *)){width:15px;height:15px;flex:none}
.plinks i:where(:not(.legacy *)){font-style:normal}
footer .ig:where(:not(.legacy *)){display:inline-flex;margin-top:14px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
footer li a:hover:where(:not(.legacy *)),.legal a:hover:where(:not(.legacy *)){color:var(--navy)}
footer .motto:where(:not(.legacy *)){text-align:center;font-size:clamp(26px,3vw,38px);margin-top:48px;color:var(--goldscript)}
footer .legal:where(:not(.legacy *)){margin-top:28px;gap:14px;flex-wrap:wrap}
.zhnote:where(:not(.legacy *)){text-align:center;font-size:12.5px;color:var(--mute);margin-top:14px}
.redirect:where(:not(.legacy *)){min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 18px}
.redirect p:where(:not(.legacy *)){margin-top:12px;color:var(--mute)}
html[lang="zh"] .s:where(:not(.legacy *)),html[lang="zh"] .script:where(:not(.legacy *)),html[lang="zh"] .alt .no:where(:not(.legacy *)),html[lang="zh"] .motto2:where(:not(.legacy *)){font-family:var(--sans)}
html[lang="zh"] .h2 .s:where(:not(.legacy *)),html[lang="zh"] .cta h2 .s:where(:not(.legacy *)){font-size:1em}
html[lang="zh"] .alt .no:where(:not(.legacy *)){font-size:22px;font-weight:700}
@media (max-width:1140px){
.burger:where(:not(.legacy *)){display:flex}
.menu:where(:not(.legacy *)){display:none;position:absolute;top:84px;left:16px;right:16px;flex-direction:column;gap:0;background:#fff;border-radius:20px;box-shadow:0 24px 60px -20px rgba(19,42,79,.45);padding:10px 20px;white-space:normal;z-index:6}
.nav.open .menu:where(:not(.legacy *)){display:flex}
.menu a:where(:not(.legacy *)){padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.menu a:last-of-type:where(:not(.legacy *)){border-bottom:0}
.menu a.on:where(:not(.legacy *))::after{display:none}
}
@media (max-width:900px){
.navr .lang:where(:not(.legacy *)){display:flex;margin-right:4px}
.menu:where(:not(.legacy *)){top:72px}
.phero.plain:where(:not(.legacy *)){padding:104px 0 36px}
.gap:where(:not(.legacy *)){height:44px}
.homes.pt110:where(:not(.legacy *)){padding-top:60px}
.fgrid:where(:not(.legacy *)){grid-template-columns:1fr 1fr;gap:30px}
.g3:where(:not(.legacy *)),.g4:where(:not(.legacy *)){grid-template-columns:1fr 1fr}
.cta .in:where(:not(.legacy *)){padding:40px 26px}
.cta img:where(:not(.legacy *)){width:100%;opacity:.28}
}
@media (max-width:620px){
.navr .res:where(:not(.legacy *)),.navr .lang:where(:not(.legacy *)){display:none}
.menu .mob:where(:not(.legacy *)){display:flex}
.menu .lang.mob:where(:not(.legacy *)){padding:14px 0 6px;margin:0}
.menu a.mob:where(:not(.legacy *)){border-bottom:1px solid var(--line)}
.g3:where(:not(.legacy *)),.g4:where(:not(.legacy *)),.fgrid:where(:not(.legacy *)),.ppl.four:where(:not(.legacy *)),.ppl.two:where(:not(.legacy *)){grid-template-columns:1fr}
.jgrid:where(:not(.legacy *)){grid-template-columns:1fr}
.jgrid:where(:not(.legacy *))::before{display:none}
.legal:where(:not(.legacy *)){flex-direction:column}
.legal span a:first-child:where(:not(.legacy *)){margin-left:0}
}
.hc .note:where(:not(.legacy *)){border:0;background:none;padding:0;border-radius:0;margin-top:6px}
/* Kandungan lama, dikurung di bawah .legacy */
.legacy{--navy:#001240; --blue:#2F5DA8; --sky:#EEF3FA; --sand:#FAF6EE; --gold:#E7A923; --goldsoft:#FCEFD0; --ink:#1C2740; --mut:#5A6478; --line:#E2E5EC; --white:#fff; --mint:#EAF4EE; --mintink:#1F6B48; --blush:#FBEEEA; --blushink:#9A4A3A; --butter:#FCF4DE; --butterink:#8A6114; --r-lg:28px; --r-md:20px; --r-sm:12px; --wrap:1180px; --gut:24px; --shadow:0 1px 2px rgba(0,18,64,.05), 0 12px 32px -12px rgba(0,18,64,.14);}
.legacy *{margin:0; padding:0; box-sizing:border-box;}
.legacy{scroll-behavior:smooth;}
.legacy{font-family:Plex, system-ui, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif; color:var(--ink); background:var(--white); font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;}
.legacy img{display:block; max-width:100%;}
.legacy a{color:inherit;}
.legacy em{font-family:PlexSerif, Georgia, serif; font-style:italic; font-weight:500;}
.legacy .wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--gut);}
.legacy .skip{position:absolute; left:-9999px;}
.legacy .skip:focus{left:16px; top:16px; background:var(--navy); color:#fff; padding:8px 14px; border-radius:8px; z-index:10;}
.legacy .top{position:sticky; top:0; z-index:5; background:rgba(255,255,255,.92); backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--line);}
.legacy .top .wrap{display:flex; align-items:center; gap:28px; height:72px;}
.legacy .brand{display:flex; align-items:center; gap:12px; text-decoration:none;}
.legacy .brand img{width:40px; height:40px;}
.legacy .brand b{display:block; font-weight:600; font-size:16px; color:var(--navy); line-height:1.15;}
.legacy .brand span{display:block; font-size:12.5px; color:var(--mut); line-height:1.2;}
.legacy .nav{display:flex; gap:4px; margin-left:auto;}
.legacy .nav a{text-decoration:none; font-size:15px; font-weight:500; color:var(--ink); padding:8px 12px; border-radius:999px;}
.legacy .nav a:hover,.legacy .nav a[aria-current]{background:var(--sky); color:var(--navy);}
.legacy .lang{display:flex; gap:2px;}
.legacy .lang button{font:inherit; font-size:13px; font-weight:500; color:var(--mut); background:none; border:0; padding:5px 8px; border-radius:7px; cursor:pointer;}
.legacy .lang button:hover{color:var(--navy);}
.legacy .lang button[aria-pressed="true"]{color:var(--navy); background:var(--sand);}
.legacy .menu{display:none; margin-left:auto; background:none; border:1px solid var(--line); border-radius:10px; padding:8px 12px; font:inherit; font-size:14px; color:var(--navy);}
.legacy .btn{display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:600; font-size:16px; padding:14px 22px; border-radius:999px; transition:transform .15s ease, background .15s ease;}
.legacy .btn:hover{transform:translateY(-1px);}
.legacy .btn.solid{background:var(--navy); color:#fff;}
.legacy .btn.solid:hover{background:#0B2466;}
.legacy .btn.soft{background:var(--sky); color:var(--navy);}
.legacy .btn .ar{width:18px; height:18px;}
.legacy .link{font-weight:600; color:var(--blue); text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
.legacy .link:hover{text-decoration:underline; text-underline-offset:4px;}
.legacy .kick{display:inline-flex; align-items:center; gap:10px; font-weight:500; font-size:14.5px; color:var(--blue); margin-bottom:14px;}
.legacy .kick::before{content:""; width:22px; height:2px; background:var(--gold); border-radius:2px;}
.legacy h1,.legacy h2,.legacy h3{color:var(--navy); font-weight:600; letter-spacing:-.015em;}
.legacy h1 em,.legacy h2 em{color:var(--blue);}
.legacy h2{font-size:clamp(30px, 3.6vw, 42px); line-height:1.14;}
.legacy .lede{font-size:19px; color:var(--ink); max-width:560px;}
.legacy .mut{color:var(--mut);}
.legacy .hero{padding:72px 0 88px;}
.legacy .hero .wrap{display:grid; grid-template-columns:1.02fr 1fr; gap:64px; align-items:center;}
.legacy .hero h1{font-size:clamp(40px, 5.2vw, 64px); line-height:1.06; margin-bottom:22px;}
.legacy .hero .lede{margin-bottom:32px;}
.legacy .hero .cta{display:flex; flex-wrap:wrap; gap:12px;}
.legacy .hero .note{margin-top:28px; font-size:14.5px; color:var(--mut); display:flex; align-items:center; gap:10px;}
.legacy .hero .note i{width:8px; height:8px; border-radius:50%; background:var(--gold);}
.legacy .collage{position:relative; height:560px;}
.legacy .collage figure{position:absolute; overflow:hidden; border-radius:var(--r-lg); box-shadow:var(--shadow); background:var(--sand);}
.legacy .collage img{width:100%; height:100%; object-fit:cover;}
.legacy .collage .a{right:0; top:0; width:78%; height:66%;}
.legacy .collage .b{left:0; bottom:0; width:50%; height:50%; border:8px solid #fff; border-radius:34px;}
.legacy .collage .c{right:6%; bottom:2%; width:38%; height:38%; border:8px solid #fff; border-radius:34px;}
.legacy .figs{background:var(--sand);}
.legacy .figs .wrap{display:grid; grid-template-columns:repeat(4, 1fr);}
.legacy .fig{padding:40px 28px; border-left:1px solid #EDE5D3;}
.legacy .fig:first-child{border-left:0; padding-left:0;}
.legacy .fig b{display:block; font-size:44px; line-height:1; font-weight:600; color:var(--navy); letter-spacing:-.02em; margin-bottom:10px;}
.legacy .fig b small{font-size:20px; font-weight:500; color:var(--mut); margin-left:4px; letter-spacing:0;}
.legacy .fig span{display:block; font-size:15px; line-height:1.5; color:var(--ink); max-width:220px;}
.legacy .sec{padding:104px 0;}
.legacy .sec .head{display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:44px;}
.legacy .sec .head p{max-width:440px; color:var(--mut);}
.legacy .houses{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}
.legacy .house{text-decoration:none; display:block;}
.legacy .house .ph{aspect-ratio:4/3; border-radius:var(--r-md); overflow:hidden; background:var(--sand);}
.legacy .house img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.legacy .house:hover img{transform:scale(1.03);}
.legacy .house .meta{display:flex; align-items:center; gap:10px; margin-top:16px;}
.legacy .house h3{font-size:21px;}
.legacy .tag{font-size:12.5px; font-weight:600; padding:3px 10px; border-radius:999px; background:var(--sky); color:var(--blue);}
.legacy .house p{font-size:15.5px; color:var(--mut); margin-top:4px; line-height:1.5;}
.legacy .life{background:var(--sand); border-radius:40px; margin:0 16px;}
.legacy .life .wrap{display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center;}
.legacy .life .txt p{margin-top:18px; max-width:470px;}
.legacy .life ul{list-style:none; margin-top:28px; display:grid; gap:14px;}
.legacy .life li{display:flex; gap:14px; align-items:flex-start; font-size:16px;}
.legacy .life li svg{flex:none; width:22px; height:22px; margin-top:2px; color:var(--gold);}
.legacy .mosaic{display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:200px 200px; gap:14px;}
.legacy .mosaic figure{border-radius:var(--r-md); overflow:hidden; position:relative;}
.legacy .mosaic img{width:100%; height:100%; object-fit:cover;}
.legacy .mosaic .w2{grid-column:span 2;}
.legacy .mosaic .h2{grid-row:span 2;}
.legacy .mosaic figcaption{position:absolute; left:10px; bottom:10px; background:rgba(255,255,255,.94); color:var(--navy); font-size:12.5px; font-weight:500; padding:4px 10px; border-radius:999px;}
.legacy .tiles{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.legacy .tile{border:1px solid var(--line); border-radius:var(--r-md); padding:28px 26px 26px; text-decoration:none; display:flex; flex-direction:column; gap:10px; transition:border-color .15s ease, box-shadow .15s ease; background:#fff;}
.legacy .tile:hover{border-color:#C9D3E6; box-shadow:var(--shadow);}
.legacy .tile .ic{width:46px; height:46px; border-radius:14px; background:var(--sky); display:grid; place-items:center; color:var(--blue); margin-bottom:8px;}
.legacy .tile .ic svg{width:24px; height:24px;}
.legacy .tile h3{font-size:19px;}
.legacy .tile p{font-size:15px; color:var(--mut); line-height:1.5; flex:1;}
.legacy .tile .link{font-size:15px; margin-top:6px;}
.legacy .cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.legacy .cards > .card{border-radius:var(--r-lg); padding:32px 30px 30px; display:flex; flex-direction:column;}
.legacy .card.mint{background:var(--mint); border-color:transparent;}
.legacy .card.mint .k{color:var(--mintink);}
.legacy .card.butter{background:var(--butter); border-color:transparent;}
.legacy .card.butter .k{color:var(--butterink);}
.legacy .card.blush{background:var(--blush); border-color:transparent;}
.legacy .card.blush .k{color:var(--blushink);}
.legacy .cards > .card .k{font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; margin-bottom:12px;}
.legacy .cards > .card h3{font-size:24px; line-height:1.25; margin-bottom:12px;}
.legacy .cards > .card p{font-size:15.5px; flex:1;}
.legacy .cards > .card .kv{display:flex; gap:22px; border-top:1px solid rgba(0,18,64,.08); margin-top:24px; padding-top:16px; font-size:13.5px;}
.legacy .cards > .card .kv div b{display:block; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--mut);}
.legacy .cards > .card .kv div span{color:var(--navy); font-weight:600;}
.legacy .cards > .card .link{margin-top:18px;}
.legacy .with{border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.legacy .with .wrap{display:flex; align-items:center; gap:48px; padding-top:30px; padding-bottom:30px; flex-wrap:wrap;}
.legacy .with .lbl{font-size:14px; color:var(--mut);}
.legacy .with ul{list-style:none; display:flex; gap:44px; flex-wrap:wrap;}
.legacy .with li{font-weight:600; color:var(--navy); font-size:16px;}
.legacy .with li span{display:block; font-weight:400; font-size:13px; color:var(--mut);}
.legacy .report{display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:var(--r-lg); overflow:hidden; background:var(--navy); color:#fff;}
.legacy .report .txt{padding:56px 52px;}
.legacy .report .kick{color:#B9CBEA;}
.legacy .report h2{color:#fff; font-size:34px;}
.legacy .report h2 em{color:var(--goldsoft);}
.legacy .report p{color:#D5DDEC; margin:16px 0 28px; max-width:440px;}
.legacy .report .btn.solid{background:#fff; color:var(--navy);}
.legacy .report .ph{background:url(../img/rks1.jpg) center 60%/cover; min-height:340px;}
.legacy .foot{background:var(--sand); margin-top:24px; padding:64px 0 40px; font-size:15px;}
.legacy .foot .wrap{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
.legacy .foot h4{font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--mut); margin-bottom:14px;}
.legacy .foot ul{list-style:none; display:grid; gap:8px;}
.legacy .foot a{text-decoration:none; color:var(--ink);}
.legacy .foot a:hover{color:var(--blue);}
.legacy .foot .fine{grid-column:1/-1; border-top:1px solid #EDE5D3; padding-top:24px; margin-top:16px; display:flex; justify-content:space-between; color:var(--mut); font-size:13.5px; flex-wrap:wrap; gap:12px;}
@media (max-width: 960px){
.legacy .nav,.legacy .lang{display:none;}
.legacy .menu{display:block;}
.legacy .hero{padding:40px 0 64px;}
.legacy .hero .wrap,.legacy .life .wrap,.legacy .report{grid-template-columns:1fr; gap:40px;}
.legacy .collage{height:420px;}
.legacy .figs .wrap{grid-template-columns:1fr 1fr;}
.legacy .fig{padding:28px 16px; border-left:0; border-top:1px solid #EDE5D3;}
.legacy .fig:nth-child(-n+2){border-top:0;}
.legacy .fig:first-child,.legacy .fig:nth-child(3){padding-left:0;}
.legacy .houses,.legacy .cards{grid-template-columns:1fr 1fr;}
.legacy .tiles{grid-template-columns:1fr 1fr;}
.legacy .sec{padding:72px 0;}
.legacy .sec .head{flex-direction:column; align-items:start; gap:12px;}
.legacy .life{margin:0; border-radius:0;}
.legacy .foot .wrap{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
.legacy{--gut:16px;}
.legacy{font-size:16px;}
.legacy .collage{height:340px;}
.legacy .cards,.legacy .tiles{grid-template-columns:1fr;}
.legacy .houses{gap:18px 12px;}
.legacy .house h3{font-size:17px;}
.legacy .house p{font-size:13.5px;}
.legacy .house .meta{flex-wrap:wrap; gap:6px; margin-top:10px;}
.legacy .mosaic{grid-template-rows:150px 150px;}
.legacy .report .txt{padding:36px 24px;}
.legacy .fig b{font-size:36px;}
}
@media (prefers-reduced-motion: reduce){
.legacy *{transition:none !important; scroll-behavior:auto !important;}
}
.legacy{--s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:44px; --s8:64px; --s9:88px; --s10:112px; --r-xs:10px; --r-xl:32px; --r-2xl:40px; --r-full:999px; --t-xs:.875rem; --t-sm:.9375rem; --t-base:1rem; --t-lg:1.125rem; --t-xl:1.375rem; --t-2xl:1.75rem; --measure:64ch; --bg-2:var(--sand); --card:#fff; --text:var(--ink); --text-muted:var(--mut); --line-strong:#D3D8E2; --accent:#C2674F; --accent-text:var(--blushink); --gold-700:var(--butterink); --f-sans:Plex, system-ui, 'PingFang SC', 'Noto Sans SC', sans-serif; --dur:200ms; --ease:cubic-bezier(.22,1,.36,1); --sh-sm:0 6px 16px -10px rgba(0,18,64,.22); --sh-md:var(--shadow); --on-navy:#F3F5FA; --on-navy-muted:#B9C6DE; --nav-h:72px; --notice-h:0px;}
.legacy .top.open .nav,.legacy .top.open .lang{display:flex;}
@media (max-width: 960px){
.legacy .top .wrap{flex-wrap:wrap; height:auto; min-height:64px; padding-top:10px; padding-bottom:10px; gap:12px;}
.legacy .top.open .nav{order:3; width:100%; flex-direction:column; gap:2px; padding:8px 0 4px; margin-left:0;}
.legacy .top.open .nav a{padding:12px 14px; font-size:16px;}
.legacy .top.open .lang{order:4; width:100%; padding:6px 0 10px; border-top:1px solid var(--line);}
.legacy .top.open .lang button{font-size:15px; padding:8px 12px;}
}
.legacy .zhnote{background:var(--butter); color:var(--butterink); font-size:13.5px; text-align:center; padding:8px 16px;}
.legacy .zhnote[hidden]{display:none;}
.legacy .phero{padding:20px 0 0;}
.legacy .phero__frame{position:relative; background:var(--sand); border-radius:36px; padding:76px 64px 68px; overflow:hidden;}
.legacy .phero__frame::after{content:""; position:absolute; right:-120px; top:-140px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle, rgba(231,169,35,.20), transparent 68%); pointer-events:none;}
.legacy .phero__frame > *{position:relative; z-index:1;}
.legacy .phero__h{font-size:clamp(34px, 4.6vw, 56px); line-height:1.08; max-width:19ch; margin-top:4px;}
.legacy .phero__h em{color:var(--blue);}
.legacy .phero__sub{font-size:19px; max-width:60ch; margin-top:20px; color:var(--ink);}
.legacy .phero__frame.has-ph{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; padding:56px 56px 56px 64px;}
.legacy .phero__frame.has-ph figure{border-radius:26px; overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow);}
.legacy .phero__frame.has-ph img{width:100%; height:100%; object-fit:cover;}
.legacy .crumbs{font-size:14px; color:var(--mut); margin-bottom:12px;}
.legacy .crumbs a{text-decoration:none; color:var(--blue);}
.legacy .section{padding:88px 0;}
.legacy .section--tight{padding:44px 0;}
.legacy .section--cream{background:var(--sand); border-radius:40px; margin:0 16px;}
.legacy .wrap-n{max-width:860px;}
.legacy .kicker{display:inline-flex; align-items:center; gap:10px; font-weight:500; font-size:14.5px; color:var(--blue);}
.legacy .kicker::before{content:""; width:22px; height:2px; background:var(--gold); border-radius:2px;}
.legacy .kicker--gold{color:var(--butterink);}
.legacy .kicker--muted{color:var(--mut);}
.legacy .kicker--onnavy{color:var(--blue);}
.legacy .h1{font-size:clamp(34px, 4.6vw, 56px); line-height:1.08;}
.legacy .h2{font-size:clamp(28px, 3.4vw, 40px); line-height:1.15;}
.legacy .h3{font-size:21px; line-height:1.3;}
.legacy .h4{font-size:17.5px; line-height:1.35; color:var(--navy); font-weight:600;}
.legacy .lede{font-size:19px; max-width:62ch;}
.legacy .body-sm{font-size:15.5px; line-height:1.6;}
.legacy .body-xs{font-size:14px; line-height:1.55; color:var(--mut);}
.legacy .prose > * + *{margin-top:14px;}
.legacy .prose a,.legacy .card a:not(.btn),.legacy .row a{color:var(--blue); text-underline-offset:3px;}
.legacy .card{background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:30px 28px;}
.legacy .section--cream .card{border-color:#EFE7D6;}
.legacy .btn{background:var(--sky); color:var(--navy); border:0; cursor:pointer; font-family:inherit;}
.legacy .btn--primary,.legacy .btn--gold{background:var(--navy); color:#fff;}
.legacy .btn--primary:hover,.legacy .btn--gold:hover{background:#0B2466;}
.legacy .btn--glass{background:#fff; color:var(--navy); box-shadow:inset 0 0 0 1px var(--line);}
.legacy .btn--quiet{background:transparent; color:var(--navy); box-shadow:inset 0 0 0 1px var(--line-strong);}
.legacy .btn--sm{font-size:14.5px; padding:10px 16px;}
.legacy .link-arrow{font-weight:600; color:var(--blue); text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
.legacy .link-arrow:hover{text-decoration:underline; text-underline-offset:4px;}
.legacy .link-arrow svg{width:16px; height:16px;}
.legacy .grid{display:grid; gap:24px;}
@media (min-width: 760px){
.legacy .md\:cols-2{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (min-width: 1040px){
.legacy .lg\:cols-3{grid-template-columns:repeat(3, minmax(0,1fr));}
}
.legacy .stack{display:flex; flex-direction:column;}
.legacy .gap-3{gap:12px;}
.legacy .gap-4{gap:16px;}
.legacy .gap-5{gap:24px;}
.legacy .gap-6{gap:32px;}
.legacy .gap-7{gap:44px;}
.legacy .mt-2{margin-top:8px;}
.legacy .mt-3{margin-top:12px;}
.legacy .mt-4{margin-top:16px;}
.legacy .mt-5{margin-top:24px;}
.legacy .mt-6{margin-top:32px;}
.legacy .mt-7{margin-top:44px;}
.legacy .mt-8{margin-top:56px;}
.legacy .rule{border:0; border-top:1px solid var(--line); margin:24px 0;}
.legacy .panel-navy{background:var(--navy); color:#F3F5FA; border-radius:var(--r-2xl); overflow:hidden;}
.legacy .panel-navy h2,.legacy .panel-navy h3,.legacy .panel-navy .h2{color:#fff;}
.legacy .panel-navy .kicker{color:#B9CBEA;}
.legacy .panel-navy .lede,.legacy .panel-navy .body-sm,.legacy .panel-navy p{color:#D5DDEC;}
.legacy .panel-navy .btn--gold{background:#fff; color:var(--navy);}
.legacy .panel-navy .btn--glass{background:rgba(255,255,255,.1); color:#fff; box-shadow:none;}
.legacy ul.prose,.legacy .prose ul:not(.checklist){padding-left:20px;}
.legacy details > summary{cursor:pointer;}
.legacy main ul[class],.legacy main ol[class]{list-style:none; padding:0;}
.legacy .lead-in{max-width:720px;}
.legacy .lead-in h2{margin-bottom:16px;}
.legacy .lead-in p{color:var(--ink);}
.legacy .lead-in p + p{margin-top:14px;}
.legacy .facts{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.legacy .facts li{list-style:none; background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px; font-size:15px; line-height:1.5;}
.legacy .facts b{display:block; font-size:26px; line-height:1.1; color:var(--navy); font-weight:600; margin-bottom:6px; letter-spacing:-.01em;}
.legacy .gallery{display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;}
.legacy .gallery figure{border-radius:20px; overflow:hidden; background:var(--sand);}
.legacy .gallery img{width:100%; aspect-ratio:4/3; object-fit:cover;}
.legacy .gallery figcaption{padding:12px 16px 14px; font-size:14.5px; color:var(--ink); line-height:1.45;}
.legacy .gallery figcaption b{color:var(--navy); font-weight:600;}
.legacy .hlist{display:grid; gap:28px;}
.legacy .hrow{display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; scroll-margin-top:96px;}
.legacy .hrow:nth-child(even) .ph{order:2;}
.legacy .hrow .ph{border-radius:24px; overflow:hidden; aspect-ratio:16/11; background:var(--sand);}
.legacy .hrow .ph img{width:100%; height:100%; object-fit:cover;}
.legacy .hrow h3{font-size:28px; display:flex; align-items:center; gap:12px;}
.legacy .hrow p{margin-top:10px; color:var(--ink); max-width:46ch;}
.legacy .hrow .spec{margin-top:16px; display:flex; flex-wrap:wrap; gap:8px;}
.legacy .hrow .spec span{font-size:13.5px; font-weight:500; padding:5px 12px; border-radius:999px; background:var(--sand); color:var(--navy);}
.legacy .duo{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.legacy .duo .card h3{font-size:20px; margin-bottom:14px;}
.legacy .ticks{list-style:none; display:grid; gap:12px;}
.legacy .ticks li{display:flex; gap:12px; align-items:flex-start; font-size:15.5px; line-height:1.5;}
.legacy .ticks svg{flex:none; width:20px; height:20px; margin-top:2px;}
.legacy .card.mint .ticks svg{color:var(--mintink);}
.legacy .card.blush .ticks svg{color:var(--blushink);}
.legacy .card.butter .ticks svg{color:var(--butterink);}
.legacy .ticks.dots svg{color:var(--gold);}
.legacy .callout{border-radius:22px; padding:24px 28px; background:var(--butter); display:flex; gap:18px; align-items:flex-start;}
.legacy .callout .ic{flex:none; width:40px; height:40px; border-radius:12px; background:#fff; display:grid; place-items:center; color:var(--butterink);}
.legacy .callout .ic svg{width:22px; height:22px;}
.legacy .callout h3{font-size:18px; margin-bottom:4px;}
.legacy .callout p{font-size:15.5px;}
.legacy .callout.sky{background:var(--sky);}
.legacy .callout.sky .ic{color:var(--blue);}
.legacy .callout.mint{background:var(--mint);}
.legacy .callout.mint .ic{color:var(--mintink);}
.legacy .paysteps{counter-reset:ps; display:grid; grid-template-columns:repeat(5, 1fr); gap:14px;}
.legacy .paysteps li{list-style:none; counter-increment:ps; background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px 18px; font-size:15px; line-height:1.5;}
.legacy .paysteps li::before{content:counter(ps); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--goldsoft); color:var(--butterink); font-weight:600; font-size:14px; margin-bottom:12px;}
.legacy .paysteps b{color:var(--navy);}
.legacy .label{display:inline-block; font-family:ui-monospace, Menlo, monospace; font-size:13.5px; background:var(--sky); color:var(--navy); padding:2px 8px; border-radius:6px;}
.legacy .flow{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;}
.legacy .flow > div{background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px 20px; position:relative;}
.legacy .flow > div b{display:block; color:var(--navy); font-size:17px; margin-bottom:6px;}
.legacy .flow > div span{font-size:14.5px; color:var(--mut); line-height:1.5; display:block;}
.legacy .flow > div:not(:last-child)::after{content:"→"; position:absolute; right:-13px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%; background:var(--gold); color:#fff; font-size:13px; display:grid; place-items:center; z-index:1;}
.legacy .money{display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;}
.legacy .money > div{border-radius:22px; padding:26px 26px 24px; background:var(--sand);}
.legacy .money b{display:block; font-size:34px; font-weight:600; color:var(--navy); letter-spacing:-.02em; line-height:1.1;}
.legacy .money b small{font-size:16px; color:var(--mut); font-weight:500; margin-left:4px;}
.legacy .money span{display:block; margin-top:8px; font-size:15px;}
.legacy .housepics{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.legacy .housepic{background:#fff; border:1px solid var(--line); border-radius:22px; padding:22px;}
.legacy .housepic h3{font-size:19px; display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.legacy .housepic .pp{display:flex; gap:14px; align-items:center;}
.legacy .housepic .pp + .pp{margin-top:12px;}
.legacy .housepic img{width:56px; height:56px; border-radius:50%; object-fit:cover; flex:none;}
.legacy .housepic b{display:block; font-size:14.5px; color:var(--navy); line-height:1.35; font-weight:600;}
.legacy .housepic span{display:block; font-size:13px; color:var(--mut);}
.legacy .bodies{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.legacy .bodies > div{border-radius:22px; padding:24px 22px; background:var(--sky);}
.legacy .bodies > div:nth-child(2){background:var(--mint);}
.legacy .bodies > div:nth-child(3){background:var(--butter);}
.legacy .bodies > div:nth-child(4){background:var(--blush);}
.legacy .bodies b{display:block; font-size:20px; color:var(--navy); margin-bottom:6px;}
.legacy .bodies span{font-size:15px; line-height:1.5; display:block;}
.legacy .toc{position:sticky; top:72px; z-index:4; background:rgba(255,255,255,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
.legacy .toc .wrap{display:flex; gap:6px; overflow-x:auto; padding-top:10px; padding-bottom:10px; scrollbar-width:none;}
.legacy .toc a{flex:none; text-decoration:none; font-size:14.5px; font-weight:500; padding:7px 14px; border-radius:999px; background:var(--sand); color:var(--navy);}
.legacy .toc a:hover{background:var(--goldsoft);}
.legacy [id]{scroll-margin-top:140px;}
.legacy .more{border:1px solid var(--line); border-radius:22px; background:#fff;}
.legacy .more > summary{list-style:none; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:600; color:var(--navy); font-size:17px;}
.legacy .more > summary::-webkit-details-marker{display:none;}
.legacy .more > summary::after{content:"+"; flex:none; width:30px; height:30px; border-radius:50%; background:var(--sky); display:grid; place-items:center; font-size:20px; color:var(--blue);}
.legacy .more[open] > summary::after{content:"−";}
.legacy .more > .in{padding:0 4px 8px;}
.legacy .more > .in > .section{padding:24px 0 40px; margin:0; border-radius:0; background:none;}
.legacy .overview{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.legacy .overview > div{background:#fff; border-radius:20px; padding:22px; border:1px solid #EFE7D6;}
.legacy .overview b{display:block; font-size:36px; font-weight:600; color:var(--navy); line-height:1; letter-spacing:-.02em;}
.legacy .overview span{display:block; margin-top:10px; font-size:14.5px; line-height:1.45;}
.legacy .cta-band{background:var(--navy); color:#fff; border-radius:var(--r-lg); padding:48px 52px; display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap;}
.legacy .cta-band h2{color:#fff; font-size:30px;}
.legacy .cta-band h2 em{color:var(--goldsoft);}
.legacy .cta-band p{color:#D5DDEC; margin-top:8px; max-width:520px;}
.legacy .cta-band .btn.solid{background:#fff; color:var(--navy);}
.legacy .cta-band .btn.soft{background:rgba(255,255,255,.12); color:#fff;}
.legacy .cta-band .row-btn{display:flex; gap:12px; flex-wrap:wrap;}
.legacy .redirect{min-height:60vh; display:grid; place-items:center; text-align:center; padding:80px 16px;}
.legacy .redirect p{margin-top:12px; color:var(--mut);}
@media (max-width: 960px){
.legacy .phero__frame{padding:52px 28px 48px; border-radius:28px;}
.legacy .phero__frame.has-ph{grid-template-columns:1fr; gap:28px; padding:40px 28px;}
.legacy .section{padding:64px 0;}
.legacy .section--cream{margin:0; border-radius:0;}
.legacy .facts,.legacy .overview,.legacy .bodies{grid-template-columns:1fr 1fr;}
.legacy .gallery,.legacy .housepics{grid-template-columns:1fr 1fr;}
.legacy .hrow{grid-template-columns:1fr; gap:18px;}
.legacy .hrow:nth-child(even) .ph{order:0;}
.legacy .duo{grid-template-columns:1fr;}
.legacy .paysteps{grid-template-columns:1fr 1fr;}
.legacy .flow{grid-template-columns:1fr 1fr;}
.legacy .flow > div::after{display:none;}
.legacy .money{grid-template-columns:1fr;}
.legacy .toc{top:64px;}
}
@media (max-width: 600px){
.legacy .phero{padding-top:12px;}
.legacy .phero__frame{padding:40px 22px 36px;}
.legacy .phero__sub{font-size:17px;}
.legacy .gallery,.legacy .housepics{grid-template-columns:1fr;}
.legacy .facts b,.legacy .overview b{font-size:26px;}
.legacy .paysteps,.legacy .flow{grid-template-columns:1fr;}
.legacy .people{grid-template-columns:1fr 1fr; gap:18px 12px;}
.legacy .person img{width:104px; height:104px;}
.legacy .cta-band{padding:36px 24px;}
.legacy .callout{padding:20px;}
.legacy .hrow h3{font-size:23px;}
}
.legacy #kenapa > .section--cream{background:transparent;}
.legacy .report .link{color:var(--goldsoft);}
.legacy .paysteps.steps4{grid-template-columns:repeat(4, 1fr);}
@media (max-width:900px){
.legacy .paysteps.steps4{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
.legacy .paysteps.steps4{grid-template-columns:1fr;}
}
@media (max-width:600px){
.legacy .foot .wrap > :first-child{grid-column:1/-1;}
}
@media (max-width:900px){
.legacy .flow{grid-template-columns:1fr; gap:22px;}
.legacy .flow > div:not(:last-child)::after{content:"↓"; display:grid; right:auto; left:50%; top:auto; bottom:-23px; transform:translateX(-50%);}
}
.legacy .grid > *,.legacy .stats > *,.legacy .people > *{min-width: 0;}
.legacy .num{font-family: var(--f-sans); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0;}
.legacy .rule-gold{height: 1px; background: var(--gold); border: 0; opacity: 0.9;}
.legacy .stats{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--s6) var(--s5);}
@media (min-width: 900px){
.legacy .stats{grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--s7);}
}
.legacy .stat{border-top: 1px solid var(--line-strong); padding-top: var(--s4);}
.legacy .stat__v{font-family: var(--f-sans); font-size: clamp(2rem, 3vw + 1.2rem, 3rem); font-weight: 600; line-height: 1; letter-spacing: 0; color: var(--text); font-variant-numeric: tabular-nums;}
.legacy .stat__l{margin-top: var(--s3); font-size: var(--t-sm); font-weight: 600; letter-spacing: 0;}
.legacy .stat__s{margin-top: 5px; font-size: var(--t-xs); color: var(--text-muted); line-height: 1.5;}
.legacy .stats--onnavy .stat{border-top-color: var(--gold);}
.legacy .stats--onnavy .stat__v{color: var(--gold);}
.legacy .stats--onnavy .stat__l{color: var(--on-navy);}
.legacy .stats--onnavy .stat__s{color: var(--on-navy-muted);}
.legacy .checklist{display: flex; flex-direction: column; gap: var(--s3);}
.legacy .checklist li{display: flex; gap: var(--s3); font-size: var(--t-sm); line-height: 1.5;}
.legacy .checklist svg{width: 18px; height: 18px; flex: none; margin-top: 2px;}
.legacy .checklist--yes svg{color: var(--gold-700);}
.legacy .checklist--no  svg{color: var(--text-muted);}
.legacy .checklist--no li{color: var(--text-muted);}
.legacy .steps{counter-reset: step; display: flex; flex-direction: column;}
.legacy .step{counter-increment: step; position: relative; display: flex; flex-direction: column; gap: var(--s2); padding: var(--s5) 0 var(--s5) var(--s8); border-bottom: 1px solid var(--line);}
.legacy .step:first-child{border-top: 1px solid var(--line);}
.legacy .step::before{content: counter(step, decimal-leading-zero); position: absolute; left: 0; top: calc(var(--s5) + 2px); display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--r-full); background: rgba(229,35,26,.09); color: var(--accent-text); font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-size: var(--t-xs); font-weight: 600;}
.legacy .rows{border-top: 1px solid var(--line);}
.legacy .row{display: grid; grid-template-columns: 1fr; gap: var(--s1) var(--s5); padding: var(--s5) 0; border-bottom: 1px solid var(--line);}
@media (min-width: 620px){
.legacy .row{grid-template-columns: 1.5fr auto; align-items: baseline;}
.legacy .row__w{grid-column: 1 / -1;}
}
.legacy .row__k{font-size: var(--t-sm); font-weight: 600; letter-spacing: 0;}
.legacy .row__v{font-size: var(--t-base); font-weight: 500; color: var(--text);}
.legacy .row__w{font-size: var(--t-xs); color: var(--text-muted);}
.legacy .chlog__t{display: block; margin-bottom: var(--s2); font-family: var(--f-sans); font-size: var(--t-xs); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-muted);}
.legacy .people{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--s4);}
@media (min-width: 720px){
.legacy .people{grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (min-width: 1000px){
.legacy .people{grid-template-columns: repeat(4, minmax(0,1fr));}
}
.legacy .people--board{grid-template-columns: repeat(1, minmax(0,1fr));}
@media (min-width: 640px){
.legacy .people--board{grid-template-columns: repeat(3, minmax(0,1fr));}
}
.legacy .person{padding: 0; overflow: hidden; display: flex; flex-direction: column;}
.legacy .person__media{position: relative; aspect-ratio: 1 / 1; background: var(--bg-2); overflow: hidden;}
.legacy .person__media img{width: 100%; height: 100%; object-fit: cover;}
.legacy .person__initials{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, var(--navy-700), var(--navy)); color: var(--gold); font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 600; letter-spacing: 0.02em;}
.legacy .person__body{padding: var(--s4) var(--s4) var(--s5); display: flex; flex-direction: column; gap: 6px;}
.legacy .person__name{font-size: var(--t-sm); font-weight: 600; letter-spacing: 0; line-height: 1.3;}
.legacy .person__role{font-family: var(--f-sans); font-size: var(--t-xs); font-weight: 500; letter-spacing: 0; color: var(--accent-text);}
.legacy .person--board .person__role{color: var(--gold-700);}
.legacy .person__link{display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: var(--t-xs); font-weight: 500; color: var(--accent-text); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--accent-text) 40%, transparent); transition: text-decoration-color var(--dur) var(--ease);}
.legacy .person__link:hover{text-decoration-color: currentColor;}
.legacy .person__link svg{width: 13px; height: 13px; flex: none; fill: currentColor;}
.legacy .crit{display: flex; flex-direction: column;}
.legacy .crit__top{display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s5);}
.legacy .crit__id{min-width: 0;}
.legacy .crit__malay{margin-top: var(--s2); font-size: var(--t-xs); color: var(--text-muted);}
html[lang="ms"] .legacy .crit__malay{display: none;}
.legacy .crit__w{flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; padding-left: var(--s4); border-left: 1px solid var(--line);}
.legacy .crit__wn{font-size: clamp(1.75rem, 5vw, 2.25rem); font-weight: 500; line-height: 1; letter-spacing: 0; color: var(--gold-700);}
.legacy .crit__wl{font-family: var(--f-sans); font-size: var(--t-xs); font-weight: 500; letter-spacing: 0; color: var(--text-muted);}
.legacy .crit__sub{margin-top: var(--s5); max-width: 62ch;}
.legacy .crit__note{margin-top: var(--s4); max-width: 62ch;}
.legacy .crit__doc{margin-top: var(--s5); padding-top: var(--s5); border-top: 1px solid var(--line);}
.legacy .band{margin-top: var(--s5); border-top: 1px solid var(--line-strong);}
.legacy .band__head,.legacy .band__row{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s2) var(--s5); align-items: baseline; padding: var(--s3) 0; border-bottom: 1px solid var(--line);}
.legacy .band__head{padding-block: var(--s3); font-family: var(--f-sans); font-size: var(--t-xs); font-weight: 600; letter-spacing: 0; color: var(--text-muted);}
.legacy .band__head .band__v{font-weight: 500;}
.legacy .band__k{font-size: var(--t-sm); line-height: 1.45;}
.legacy .band__v{font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-size: var(--t-sm); font-weight: 600; text-align: right; min-width: 4ch;}
.legacy .band__row[data-hit="true"]{background: rgba(253, 198, 65, 0.16); box-shadow: inset 3px 0 0 var(--gold); padding-inline: var(--s3); margin-inline: calc(var(--s3) * -1); border-radius: var(--r-xs) var(--r-xs) 0 0;}
.legacy .calc{display: grid; gap: var(--s7);}
@media (min-width: 1040px){
.legacy .calc{grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: var(--s8); align-items: start;}
.legacy .calc__out{position: sticky; top: calc(var(--nav-h) + var(--notice-h) + var(--s4));}
}
.legacy .calc__card{border-color: var(--gold); box-shadow: var(--sh-md);}
.legacy .fieldset{border: 0; margin: 0; padding: 0; min-width: 0; counter-increment: fs;}
.legacy .fieldset + .fieldset{margin-top: var(--s6); padding-top: var(--s6); border-top: 1px solid var(--line);}
.legacy .fieldset__h{display: flex; align-items: center; gap: var(--s3); font-family: var(--f-sans); font-size: var(--t-sm); font-weight: 600; letter-spacing: 0; color: var(--gold-700); padding: 0;}
.legacy .fieldset__h::before{content: counter(fs); display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none; border-radius: var(--r-full); background: rgba(253, 198, 65, .22); color: var(--gold-700); letter-spacing: 0;}
.legacy .fieldset__s{margin-top: var(--s3); font-size: var(--t-xs); color: var(--text-muted); max-width: 56ch;}
.legacy .fields{display: grid; gap: var(--s5); margin-top: var(--s5);}
@media (min-width: 560px){
.legacy .fields--2{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.legacy .field{display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.legacy .field--wide{grid-column: 1 / -1;}
.legacy .field__l{font-size: var(--t-sm); font-weight: 600; letter-spacing: 0;}
.legacy .field__h{font-size: var(--t-xs); color: var(--text-muted); line-height: 1.45;}
.legacy .field input,.legacy .field select{width: 100%; min-height: 48px; padding: 0 var(--s4); border: 1px solid var(--line-strong); border-radius: var(--r-xs); background: var(--card); color: var(--text); font-family: var(--f-sans); font-size: var(--t-sm); line-height: 1.4;}
.legacy .field input{font-family: var(--f-sans); font-weight: 600; font-variant-numeric: tabular-nums;}
.legacy .field input:focus,.legacy .field select:focus{border-color: var(--text-muted);}
.legacy .field select{padding-right: var(--s7); appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A93A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--s4) center; background-size: 18px 18px;}
.legacy .field select option{color: #0B1020; background: #FFFFFF;}
.legacy .field input:disabled,.legacy .field select:disabled{opacity: .5; cursor: not-allowed; background: var(--bg-2);}
.legacy .score{display: flex; align-items: baseline; gap: var(--s3); flex-wrap: wrap;}
.legacy .score__n{font-family: var(--f-sans); font-size: clamp(3rem, 11vw, 4.5rem); font-weight: 600; line-height: 1; letter-spacing: 0; font-variant-numeric: tabular-nums;}
.legacy .score__d{font-size: var(--t-lg); color: var(--text-muted);}
.legacy .score__n[data-blank="true"]{opacity: .22;}
.legacy .work{margin-top: var(--s6); border-top: 1px solid var(--line-strong);}
.legacy .work__row{padding: var(--s4) 0; border-bottom: 1px solid var(--line);}
.legacy .work__top{display: flex; align-items: baseline; justify-content: space-between; gap: var(--s4);}
.legacy .work__n{font-size: var(--t-sm); font-weight: 600; letter-spacing: 0; min-width: 0;}
.legacy .work__m{flex: none; font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-size: var(--t-sm); font-weight: 600;}
.legacy .work__m span{color: var(--text-muted);}
.legacy .work__in{display: grid; gap: 3px; margin-top: var(--s3);}
.legacy .work__in p{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s3); font-size: var(--t-xs); color: var(--text-muted); line-height: 1.45;}
.legacy .work__in b{font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text); text-align: right;}
.legacy .work__sum{display: flex; align-items: baseline; justify-content: space-between; gap: var(--s4); margin-top: var(--s5); padding: var(--s4) var(--s5); border-radius: var(--r-xs); background: rgba(253, 198, 65, .14); font-size: var(--t-base); font-weight: 600;}
.legacy .work__sum .num{font-size: var(--t-xl); font-weight: 500; color: var(--gold-700);}
.legacy .kif{margin-top: var(--s4); padding: var(--s4) var(--s5); background: var(--bg-2); border-radius: var(--r-xs);}
.legacy .kif p{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s3); padding: 3px 0; font-size: var(--t-xs); color: var(--text-muted);}
.legacy .kif p b{font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text);}
.legacy .kif p.kif--zero{opacity: .45;}
.legacy .kif p.kif--sum{margin-top: var(--s3); padding-top: var(--s3); border-top: 1px solid var(--line-strong); color: var(--text); font-weight: 600;}
.legacy .rulebox{margin-top: var(--s5); padding: var(--s4) var(--s5); border-radius: var(--r-xs); background: var(--bg-2); border-left: 3px solid var(--gold);}
.legacy .rulebox__h{font-size: var(--t-sm); font-weight: 600;}
.legacy .rulebox__l{display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s3);}
.legacy .rulebox__l li{position: relative; padding-left: var(--s4); font-size: var(--t-xs); color: var(--text-muted); line-height: 1.5;}
.legacy .rulebox__l li::before{content: ""; position: absolute; left: 0; top: 0.62em; width: 5px; height: 5px; border-radius: var(--r-full); background: var(--gold-700); opacity: .6;}
.legacy .tally{margin-top: var(--s5); padding: var(--s4) var(--s5); border-radius: var(--r-xs); border: 1px solid var(--line-strong); background: var(--card);}
.legacy .tally[data-state="ok"]{border-color: var(--gold);}
.legacy .tally[data-state="off"]{border-color: var(--accent);}
.legacy .tally__n{display: flex; align-items: baseline; gap: var(--s2); font-size: var(--t-sm);}
.legacy .tally__n .num{font-size: var(--t-xl); font-weight: 600;}
.legacy .tally__d{margin-top: var(--s2); font-size: var(--t-xs); color: var(--text-muted); line-height: 1.6;}
.legacy .tally__warn{margin-top: var(--s3); font-size: var(--t-xs); line-height: 1.5; color: var(--text-muted);}
.legacy .tally[data-state="off"] .tally__warn{color: var(--accent-text);}
.legacy .bandbox{margin-top: var(--s4); border: 1px solid var(--line); border-radius: var(--r-xs); background: var(--bg-2);}
.legacy .bandbox__s{display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); font-size: var(--t-xs); font-weight: 600; color: var(--accent-text); cursor: pointer; list-style: none;}
.legacy .bandbox__s::-webkit-details-marker{display: none;}
.legacy .bandbox__w{margin-left: auto; font-weight: 500; color: var(--text-muted);}
.legacy .bandbox__s svg{width: 15px; height: 15px; flex: none; transition: transform var(--dur) var(--ease);}
.legacy .bandbox[open] .bandbox__s svg{transform: rotate(45deg);}
.legacy .bandbox__b{padding: 0 var(--s4) var(--s4);}
.legacy .bandbox__b .band{margin-top: 0;}
.legacy .bandbox__b .band__row{padding-block: var(--s2);}
.legacy .calc__noscript{border: 1px solid var(--line-strong); border-left: 3px solid var(--accent); border-radius: var(--r-md); background: var(--card); padding: var(--s5);}
.legacy .hist{padding: var(--s6) var(--s5) var(--s5);}
.legacy .hist__top{display: flex; align-items: baseline; justify-content: space-between; gap: var(--s4); flex-wrap: wrap;}
.legacy .hist__meta{font-family: var(--f-sans); font-variant-numeric: tabular-nums; font-weight: 600; font-size: var(--t-xs); color: var(--text-muted);}
.legacy .hist__stats{margin-top: var(--s6); gap: var(--s5) var(--s4);}
.legacy .hist__stats .stat__v{font-size: var(--t-2xl);}
.legacy .hist__plot{position: relative; margin-top: var(--s7);}
.legacy .hist__cols{position: relative; display: grid; grid-template-columns: repeat(10, 1fr); align-items: end; height: 220px; padding-bottom: 26px; border-bottom: 1px solid var(--line-strong);}
.legacy .hist__col{position: relative; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 5px;}
.legacy .hist__n{font-size: var(--t-xs); font-weight: 600; color: var(--text-muted); line-height: 1;}
.legacy .hist__bar{display: block; width: 72%; height: var(--h, 2%); border-radius: 2px 2px 0 0; background: var(--navy); opacity: .22; transition: opacity var(--dur) var(--ease), background var(--dur) var(--ease);}
.legacy .hist__cols:has(.hist__col[data-you]) .hist__col:not([data-you]) .hist__bar{opacity: .11;}
.legacy .hist__k{position: absolute; bottom: -22px; font-size: var(--t-xs); color: var(--text-muted);}
@media (max-width: 559px){
.legacy .hist__col:nth-child(even) .hist__k{display: none;}
}
.legacy .hist[data-state="preview"] .hist__bar{opacity: 1; background: repeating-linear-gradient( 135deg, var(--line-strong) 0 1.5px, transparent 1.5px 6px ); box-shadow: inset 0 0 0 1px var(--line-strong);}
.legacy .hist__col[data-you="true"] .hist__bar{opacity: 1; background: var(--gold); box-shadow: inset 0 0 0 1px var(--gold-700);}
.legacy .hist__col[data-you="true"] .hist__n{color: var(--gold-700);}
.legacy .hist__col[data-you="true"] .hist__k{color: var(--gold-700); font-weight: 600;}
.legacy .hist__cut{position: absolute; top: 0; bottom: 26px; left: var(--x, 50%); width: 0; border-left: 2px dashed var(--accent); opacity: .8; pointer-events: none;}
.legacy .hist__cutl{position: absolute; top: -4px; left: 6px; white-space: nowrap; font-size: var(--t-xs); font-weight: 600; color: var(--accent-text); background: var(--card); padding: 1px 5px; border-radius: var(--r-xs);}
.legacy .hist__cut[data-flip="true"] .hist__cutl{left: auto; right: 6px;}
.legacy .hist__axis{margin-top: var(--s6); font-size: var(--t-xs); color: var(--text-muted); text-align: center;}
.legacy .hist__table{margin-top: var(--s5);}
.legacy .mout{margin-top: var(--s6); padding-top: var(--s5); border-top: 1px solid var(--line-strong); display: flex; flex-direction: column; gap: var(--s3);}
.legacy .mout__p{font-size: var(--t-sm); color: var(--text-muted); line-height: 1.55;}
.legacy .mout__p[data-lead="true"]{font-size: var(--t-lg); font-weight: 600; color: var(--text); letter-spacing: -0.01em;}
.legacy .mout[data-state="empty"] .mout__p,.legacy .mout[data-state="locked"] .mout__p{opacity: .7;}
.legacy .mout[data-state="range"] .mout__p{color: var(--accent-text);}
.legacy .hist__ex{display: flex; align-items: flex-start; gap: var(--s4); flex-wrap: wrap; margin-top: var(--s6); padding: var(--s4) var(--s5); border: 1px dashed var(--line-strong); border-radius: var(--r-md); background: var(--bg-2);}
.legacy .hist__ex p{flex: 1 1 18rem;}
.legacy .hist__wm{position: absolute; inset: 0 0 46px; display: flex; align-items: center; justify-content: center; transform: rotate(-7deg); font-size: clamp(1.05rem, 3vw, 1.55rem); font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; text-align: center; color: var(--text-muted); opacity: .38; pointer-events: none; text-shadow: 1px 0 0 var(--card), -1px 0 0 var(--card), 0 1px 0 var(--card), 0 -1px 0 var(--card), 1px 1px 0 var(--card), -1px -1px 0 var(--card);}
.legacy .board{border-top: 1px solid var(--line-strong);}
.legacy .board__row{display: flex; align-items: center; gap: var(--s5); padding: var(--s5) 0; border-bottom: 1px solid var(--line);}
.legacy .board__media{flex: none; width: 84px; height: 84px; border-radius: 50%; overflow: hidden; background: var(--bg-2);}
.legacy .board__media img{width: 100%; height: 100%; object-fit: cover;}
.legacy .board__body{min-width: 0;}
.legacy .board__name{font-size: var(--t-base); font-weight: 600; letter-spacing: 0; line-height: 1.35;}
.legacy .board__role{margin-top: 5px; font-size: var(--t-sm); color: var(--text); line-height: 1.45;}
.legacy .board__org{margin-top: 3px; font-size: var(--t-xs); color: var(--text-muted); line-height: 1.45;}
@media (min-width: 720px){
.legacy .board{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s7);}
.legacy .board__row:nth-child(-n+2){border-top: 0;}
}
.legacy .mgrid{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--s7) var(--s5);}
.legacy .mcard__media{border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); background: var(--card); aspect-ratio: 4 / 3;}
.legacy .mcard__media img{width: 100%; height: 100%; object-fit: cover; display: block;}
.legacy .mcard__media--empty{display: grid; place-items: center; border-style: dashed; border-color: var(--line-strong); background: var(--bg-2);}
.legacy .mcard__media--empty p{font-size: var(--t-xs); font-weight: 600; color: var(--text-muted);}
.legacy .mcard__d{margin-top: var(--s4); font-size: var(--t-xs); color: var(--text-muted);}
.legacy .mcard__t{margin-top: 5px; font-size: var(--t-sm); font-weight: 600; line-height: 1.45;}
.legacy .mcard--soon .mcard__t{color: var(--text-muted);}
.legacy .mpost{display: grid; gap: var(--s6); align-items: start;}
@media (min-width: 900px){
.legacy .mpost{grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: var(--s8);}
}
.legacy .mpost__media{display: block; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); box-shadow: var(--sh-sm); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);}
.legacy .mpost__media:hover{transform: translateY(-3px); box-shadow: var(--sh-md);}
.legacy .mpost__media img{width: 100%; height: auto; display: block;}
.legacy .mpost__body{min-width: 0;}
.legacy .mpost__d{font-size: var(--t-xs); color: var(--text-muted);}
.legacy .mpost__q{margin-top: var(--s5); padding: var(--s5) var(--s5) var(--s5) var(--s6); border-left: 2px solid var(--gold); background: var(--bg-2); border-radius: 0 var(--r-md) var(--r-md) 0; display: flex; flex-direction: column; gap: var(--s4);}
.legacy .mpost__q p{font-size: var(--t-sm); line-height: 1.6; color: var(--text); max-width: var(--measure);}
.legacy .mpost__q p:first-child{font-weight: 600;}
.legacy .person__link--cv{color: var(--text-muted);}
.legacy .person__link--cv:hover{color: var(--accent-text);}
.legacy .person__links{display: flex; flex-wrap: wrap; gap: 2px 14px; margin-top: 4px;}
.legacy .person__links .person__link{margin-top: 0;}
.legacy .hist__bar{background:var(--blue); opacity:.32; border-radius:6px 6px 0 0;}
.legacy .hist__cols:has(.hist__col[data-you]) .hist__col:not([data-you]) .hist__bar{opacity:.14;}
.legacy .hist__cut{border-left-color:var(--accent);}
.legacy .hist__cutl{background:#fff; color:var(--blushink); box-shadow:0 0 0 1px var(--line);}
.legacy .card.hist{border-radius:var(--r-lg);}
.legacy .step::before{background:var(--goldsoft); color:var(--butterink);}
.legacy .stat{border-top-color:var(--line);}
.legacy .stat__v{color:var(--navy);}
.legacy .field input,.legacy .field select{border-radius:12px; border-color:var(--line-strong); background:#fff; font-family:inherit;}
.legacy .field input:focus,.legacy .field select:focus{outline:2px solid var(--blue); outline-offset:1px; border-color:var(--blue);}
.legacy .calc__card{border-radius:var(--r-lg);}
.legacy .score__n{color:var(--navy);}
.legacy .tally[data-state="ok"]{background:var(--mint); border-color:#CFE6D8;}
.legacy .tally[data-state="off"]{background:var(--blush);}
.legacy .bandbox{border-radius:14px;}
.legacy .rulebox{border-radius:0 14px 14px 0;}
.legacy .band__row[data-hit="true"]{background:var(--goldsoft);}
.legacy .crit__wn{color:var(--blue);}
.legacy .mpost__q{border-radius:0 18px 18px 0;}
.legacy .mcard__media,.legacy .mpost__media{border-radius:18px;}
.legacy .hist__cut{top:-8px;}
.legacy .hist__cutl{top:-30px;}
.legacy .mpost__q,.legacy .mpost__q p{overflow-wrap:anywhere;}
.legacy .card--lift{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.legacy .card--lift:hover{transform:translateY(-3px); box-shadow:var(--shadow);}
@media (min-width:1040px){
.legacy .lg\:cols-4{grid-template-columns:repeat(4, minmax(0,1fr));}
}
.legacy .mt-9{margin-top:72px;}
.legacy .pill{display:inline-block; font-size:12.5px; font-weight:600; padding:3px 10px; border-radius:999px; background:var(--sky); color:var(--blue);}
.legacy .pill--gold{background:var(--goldsoft); color:var(--butterink);}
.legacy .figure{border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); background:#fff;}
.legacy .figure img{width:100%; height:100%; object-fit:cover;}
.legacy .figure figcaption{padding:12px 16px; font-size:14px; color:var(--mut);}
.legacy{--sky2:#DCE7F7; --mint2:#D3EBDD; --butter2:#F8E6B4; --blush2:#F6D9D1; --lilac:#EEEAF8; --lilacink:#5B4B8A; --tape:rgba(231,169,35,.55); --lift:0 2px 4px rgba(0,18,64,.06), 0 22px 44px -18px rgba(0,18,64,.28); --roof-gold:url(../img/rooflines-gold.svg); --roof-sand:url(../img/rooflines-sand.svg); --roof-sky:url(../img/rooflines-sky.svg);}
.legacy{overflow-x:clip;}
.legacy .kick,.legacy .kicker{background:var(--goldsoft); color:var(--butterink); padding:6px 14px 6px 12px; border-radius:999px; font-size:13.5px; font-weight:600; letter-spacing:.01em;}
.legacy .kick::before,.legacy .kicker::before{width:8px; height:8px; border-radius:50%; background:var(--gold);}
.legacy .kick{margin-bottom:18px;}
.legacy .report .kick,.legacy .cta-band .kick,.legacy .panel-navy .kicker{background:rgba(255,255,255,.1); color:var(--goldsoft);}
.legacy .hero h1 em,.legacy .phero__h em,.legacy .h1 em{background:linear-gradient(transparent 64%, rgba(231,169,35,.38) 64%, rgba(231,169,35,.38) 92%, transparent 92%); padding:0 .08em; margin:0 -.04em; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
.legacy .btn.solid,.legacy .btn--primary{box-shadow:0 10px 24px -12px rgba(0,18,64,.55);}
.legacy .btn.solid:hover,.legacy .btn--primary:hover{box-shadow:0 0 0 4px rgba(231,169,35,.35), 0 12px 26px -12px rgba(0,18,64,.55);}
.legacy .btn.soft:hover{background:var(--sky2);}
.legacy .hero{position:relative; overflow:hidden; padding:64px 0 150px;}
.legacy .hero::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: radial-gradient(520px 420px at 92% 10%, rgba(231,169,35,.20), transparent 70%), radial-gradient(460px 380px at 62% 96%, rgba(173,214,190,.45), transparent 70%), radial-gradient(520px 460px at 4% 0%, rgba(220,231,247,.9), transparent 70%), linear-gradient(180deg, #FFFDF8, #FFF 70%);}
.legacy .hero::after{content:""; position:absolute; left:50%; bottom:22px; transform:translateX(-50%); width:min(1260px, 160%); aspect-ratio:1260/162; background:var(--roof-gold) center bottom/100% auto no-repeat; pointer-events:none;}
.legacy .hero .wrap{position:relative;}
.legacy .collage{height:580px;}
.legacy .collage::before{content:""; position:absolute; inset:6% 4% 2% 10%; border-radius:48px; background:radial-gradient(rgba(47,93,168,.16) 1.4px, transparent 1.6px) 0 0/18px 18px;}
.legacy .collage figure{background:#fff; padding:10px 10px 0; border-radius:10px; box-shadow:var(--lift); border:0;}
.legacy .collage figure img{height:calc(100% - 10px); border-radius:4px;}
.legacy .collage figure::before{content:""; position:absolute; top:-12px; left:50%; width:92px; height:26px; transform:translateX(-50%) rotate(-3deg); background:var(--tape); border-radius:3px; z-index:2; mix-blend-mode:multiply;}
.legacy .collage .a{right:2%; top:4%; width:70%; height:62%; transform:rotate(2.2deg); padding-bottom:44px;}
.legacy .collage .a img{height:100%;}
.legacy .collage .b{left:0; bottom:4%; width:46%; height:46%; transform:rotate(-4deg); border:0; border-radius:10px; padding-bottom:40px;}
.legacy .collage .b img,.legacy .collage .c img{height:100%;}
.legacy .collage .c{right:4%; bottom:0; width:40%; height:38%; transform:rotate(3.5deg); border:0; border-radius:10px; padding-bottom:36px;}
.legacy .collage .b::before{left:30%; transform:translateX(-50%) rotate(6deg); background:rgba(173,214,190,.8);}
.legacy .collage .c::before{background:rgba(246,217,209,.95); transform:translateX(-50%) rotate(-7deg);}
.legacy .collage figcaption{position:absolute; left:14px; right:14px; bottom:8px; font-family:PlexSerif, Georgia, serif; font-style:italic; font-size:15px; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.legacy .chip{position:absolute; z-index:3; display:inline-flex; align-items:center; gap:10px; background:#fff; border-radius:999px; padding:8px 16px 8px 8px; box-shadow:var(--lift); font-size:14px; font-weight:600; color:var(--navy); white-space:nowrap;}
.legacy .chip i{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:15px; font-weight:700;}
.legacy .chip svg{width:18px; height:18px;}
.legacy .chip-1{left:2%; top:14%;}
.legacy .chip-1 i{background:var(--mint2); color:var(--mintink);}
.legacy .chip-2{right:-2%; top:63%;}
.legacy .chip-2 i{background:var(--blush2); color:var(--blushink);}
@media (prefers-reduced-motion: no-preference){
.legacy .chip{animation:bob 6s ease-in-out infinite;}
.legacy .chip-2{animation-delay:-3s;}
@keyframes bob{50% { transform:translateY(-6px); }}
}
.legacy .ribbon{background:var(--navy); color:#fff; overflow:hidden; padding:16px 0; transform:rotate(-1.2deg); margin:-14px -20px 0; position:relative; z-index:2; box-shadow:0 14px 30px -18px rgba(0,18,64,.6);}
.legacy .ribbon__track{display:flex; width:max-content; gap:28px; align-items:center; font-size:19px; font-weight:500; white-space:nowrap;}
.legacy .ribbon__track em{color:var(--goldsoft); font-size:20px;}
.legacy .ribbon__track i{width:9px; height:9px; border-radius:50%; background:var(--gold); flex:none;}
@media (prefers-reduced-motion: no-preference){
.legacy .ribbon__track{animation:slide 46s linear infinite;}
@keyframes slide{to { transform:translateX(-50%); }}
}
.legacy .figs{background:none; padding:72px 0 0;}
.legacy .figs .wrap{gap:18px;}
.legacy .fig{border:0; border-radius:26px; padding:26px 24px 24px; background:var(--sky); position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;}
.legacy .fig:first-child{padding-left:24px;}
.legacy .fig:nth-child(2){background:var(--mint);}
.legacy .fig:nth-child(3){background:var(--butter);}
.legacy .fig:nth-child(4){background:var(--blush);}
.legacy .fig:hover{transform:translateY(-4px) rotate(-.6deg); box-shadow:var(--lift);}
.legacy .fig__ic{display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#fff; margin-bottom:18px; color:var(--blue); box-shadow:0 6px 14px -8px rgba(0,18,64,.3);}
.legacy .fig:nth-child(2) .fig__ic{color:var(--mintink);}
.legacy .fig:nth-child(3) .fig__ic{color:var(--butterink);}
.legacy .fig:nth-child(4) .fig__ic{color:var(--blushink);}
.legacy .fig__ic svg{width:22px; height:22px;}
.legacy .fig::after{content:""; position:absolute; right:-30px; top:-30px; width:110px; height:110px; border-radius:50%; background:rgba(255,255,255,.55);}
.legacy .fig b{font-size:46px;}
.legacy .houses{counter-reset:h; gap:30px;}
.legacy .house{--acc:var(--sky2); --accink:var(--blue); counter-increment:h; background:#fff; border-radius:26px; padding:12px 12px 20px; box-shadow:0 1px 0 var(--line), 0 0 0 1px var(--line); transition:transform .25s ease, box-shadow .25s ease; position:relative;}
.legacy .house:nth-child(2){--acc:var(--blush2); --accink:var(--blushink);}
.legacy .house:nth-child(3){--acc:var(--butter2); --accink:var(--butterink);}
.legacy .house:nth-child(4){--acc:var(--mint2); --accink:var(--mintink);}
.legacy .house:nth-child(5){--acc:var(--lilac); --accink:var(--lilacink);}
.legacy .house:nth-child(6){--acc:var(--goldsoft); --accink:var(--butterink);}
.legacy .house:hover{transform:translateY(-6px) rotate(-.4deg); box-shadow:var(--lift);}
.legacy .house .ph{position:relative; border-radius:18px;}
.legacy .house .ph::after{content:counter(h); position:absolute; left:12px; top:12px; width:42px; height:42px; border-radius:50%; background:var(--acc); color:var(--accink); font-weight:700; font-size:19px; display:grid; place-items:center; box-shadow:0 6px 14px -6px rgba(0,18,64,.35); border:3px solid #fff;}
.legacy .house .meta,.legacy .house p{padding:0 8px;}
.legacy .house .tag{background:var(--acc); color:var(--accink);}
.legacy .life{background:var(--sand) radial-gradient(rgba(138,97,20,.12) 1.3px, transparent 1.5px) 0 0/22px 22px; position:relative; overflow:hidden;}
.legacy .life::after{content:""; position:absolute; right:-80px; bottom:-90px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(173,214,190,.55), transparent 70%); pointer-events:none;}
.legacy .life .wrap{position:relative; z-index:1;}
.legacy .life li svg{background:var(--goldsoft); border-radius:50%; padding:3px; color:var(--butterink); width:26px; height:26px; margin-top:0;}
.legacy .mosaic{gap:20px; grid-template-rows:210px 210px;}
.legacy .mosaic figure{background:#fff; padding:8px 8px 38px; border-radius:8px; box-shadow:var(--lift); overflow:visible; transition:transform .3s ease;}
.legacy .mosaic figure img{border-radius:3px;}
.legacy .mosaic figure:nth-child(1){transform:rotate(-1.6deg);}
.legacy .mosaic figure:nth-child(2){transform:rotate(2deg);}
.legacy .mosaic figure:nth-child(3){transform:rotate(1.4deg);}
.legacy .mosaic figure:nth-child(4){transform:rotate(-2.2deg);}
.legacy .mosaic figure:hover{transform:rotate(0) scale(1.03); z-index:2;}
.legacy .mosaic figure::before{content:""; position:absolute; top:-10px; left:50%; width:70px; height:22px; transform:translateX(-50%) rotate(-4deg); background:var(--tape); border-radius:3px; z-index:2; mix-blend-mode:multiply;}
.legacy .mosaic figure:nth-child(even)::before{background:rgba(173,214,190,.8); transform:translateX(-50%) rotate(5deg);}
.legacy .mosaic figcaption{left:12px; right:12px; bottom:8px; background:none; padding:0; border-radius:0; font-family:PlexSerif, Georgia, serif; font-style:italic; font-size:15px; color:var(--navy);}
.legacy .tile{border:0; border-radius:26px; background:var(--sky); padding:28px 26px; transition:transform .25s ease, box-shadow .25s ease;}
.legacy .tile:nth-child(2){background:var(--blush);}
.legacy .tile:nth-child(3){background:var(--mint);}
.legacy .tile:nth-child(4){background:var(--butter);}
.legacy .tile:hover{transform:translateY(-5px); box-shadow:var(--lift);}
.legacy .tile .ic{background:#fff; width:54px; height:54px; border-radius:18px; box-shadow:0 8px 16px -10px rgba(0,18,64,.35); transform:rotate(-6deg); transition:transform .25s ease;}
.legacy .tile:hover .ic{transform:rotate(0) scale(1.06);}
.legacy .tile:nth-child(2) .ic{color:var(--blushink);}
.legacy .tile:nth-child(3) .ic{color:var(--mintink);}
.legacy .tile:nth-child(4) .ic{color:var(--butterink);}
.legacy .tile p{color:var(--ink);}
.legacy .tile .link{color:var(--navy);}
.legacy .report,.legacy .cta-band{position:relative; overflow:hidden; isolation:isolate;}
.legacy .report::before,.legacy .cta-band::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: radial-gradient(420px 320px at 100% -10%, rgba(47,93,168,.55), transparent 70%), radial-gradient(rgba(255,255,255,.08) 1.3px, transparent 1.5px) 0 0/20px 20px;}
.legacy .cta-band::after{content:""; position:absolute; right:-40px; bottom:-6px; width:560px; aspect-ratio:1260/162; background:var(--roof-gold) right bottom/100% auto no-repeat; opacity:.8; z-index:-1; pointer-events:none;}
.legacy .report .ph{border-radius:0; position:relative;}
.legacy .report .ph::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--navy), transparent 30%);}
.legacy .with{border:0;}
.legacy .with .wrap{justify-content:center; padding-top:36px; padding-bottom:36px;}
.legacy .with ul{gap:14px;}
.legacy .with li{background:#fff; border-radius:20px; padding:14px 20px; box-shadow:0 0 0 1px var(--line);}
.legacy .callout{border-radius:26px; position:relative; overflow:hidden;}
.legacy .foot{background:var(--navy); color:#D5DDEC; margin-top:128px; position:relative; padding-top:72px;}
.legacy .foot::before{content:""; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); width:min(1040px, 170%); aspect-ratio:1260/162; background:url(../img/rooflines-sky.svg) center bottom/100% auto no-repeat; opacity:.9;}
.legacy .foot .brand b{color:#fff;}
.legacy .foot .brand span,.legacy .foot .mut{color:#B9C6DE;}
.legacy .foot .brand img{background:#fff; border-radius:50%; padding:3px;}
.legacy .foot h4{color:var(--goldsoft);}
.legacy .foot a{color:#E6EBF5;}
.legacy .foot a:hover{color:var(--gold);}
.legacy .foot .fine{border-top-color:rgba(255,255,255,.12); color:#9FB0CF;}
.legacy .phero__frame{background:var(--sand); padding-bottom:120px; isolation:isolate;}
.legacy .phero__frame::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: radial-gradient(420px 320px at 0% 100%, rgba(173,214,190,.5), transparent 70%), radial-gradient(rgba(138,97,20,.10) 1.3px, transparent 1.5px) 0 0/22px 22px;}
.legacy .phero__frame::after{z-index:-1;}
.legacy .phero__frame{background-image:var(--roof-sand); background-repeat:no-repeat; background-position:right -30px bottom -4px; background-size:min(760px, 150%) auto;}
.legacy .phero__frame.has-ph{padding-bottom:110px;}
.legacy .phero__frame.has-ph figure{background:#fff; padding:10px 10px 0; border-radius:10px; transform:rotate(2deg); box-shadow:var(--lift); overflow:visible; position:relative;}
.legacy .phero__frame.has-ph figure img{border-radius:4px;}
.legacy .phero__frame.has-ph figure{padding-bottom:10px;}
.legacy .phero__frame.has-ph figure::before{content:""; position:absolute; top:-12px; left:50%; width:96px; height:26px; transform:translateX(-50%) rotate(-3deg); background:var(--tape); border-radius:3px; z-index:2; mix-blend-mode:multiply;}
.legacy .section--cream{background:var(--sand) radial-gradient(rgba(138,97,20,.10) 1.3px, transparent 1.5px) 0 0/22px 22px;}
.legacy .facts li,.legacy .overview > div{border:0; background:var(--sky);}
.legacy .facts li:nth-child(4n+2),.legacy .overview > div:nth-child(4n+2){background:var(--mint);}
.legacy .facts li:nth-child(4n+3),.legacy .overview > div:nth-child(4n+3){background:var(--butter);}
.legacy .facts li:nth-child(4n+4),.legacy .overview > div:nth-child(4n+4){background:var(--blush);}
.legacy .money > div{background:var(--mint);}
.legacy .money > div:nth-child(2){background:var(--butter);}
.legacy .money > div:nth-child(3){background:var(--blush);}
.legacy .paysteps li{box-shadow:0 1px 0 var(--line); transition:transform .25s ease, box-shadow .25s ease;}
.legacy .paysteps li:hover{transform:translateY(-3px); box-shadow:var(--lift);}
.legacy .paysteps li:nth-child(4n+1)::before{background:var(--sky2); color:var(--blue);}
.legacy .paysteps li:nth-child(4n+2)::before{background:var(--mint2); color:var(--mintink);}
.legacy .paysteps li:nth-child(4n+3)::before{background:var(--butter2); color:var(--butterink);}
.legacy .paysteps li:nth-child(4n+4)::before{background:var(--blush2); color:var(--blushink);}
.legacy .flow > div{border:0; background:var(--sky);}
.legacy .flow > div:nth-child(2){background:var(--mint);}
.legacy .flow > div:nth-child(3){background:var(--butter);}
.legacy .flow > div:nth-child(4){background:var(--blush);}
.legacy .flow > div:not(:last-child)::after{box-shadow:0 0 0 4px #fff;}
.legacy .gallery figure{background:#fff; box-shadow:0 0 0 1px #EFE7D6; transition:transform .25s ease, box-shadow .25s ease;}
.legacy .gallery figure:hover{transform:translateY(-4px) rotate(-.5deg); box-shadow:var(--lift);}
.legacy .hlist{gap:56px;}
.legacy .hrow{--acc:var(--sky2);}
.legacy .hrow:nth-child(2){--acc:var(--blush2);}
.legacy .hrow:nth-child(3){--acc:var(--butter2);}
.legacy .hrow:nth-child(4){--acc:var(--mint2);}
.legacy .hrow:nth-child(5){--acc:var(--lilac);}
.legacy .hrow:nth-child(6){--acc:var(--goldsoft);}
.legacy .hrow .ph{box-shadow:16px 16px 0 var(--acc);}
.legacy .hrow:nth-child(even) .ph{box-shadow:-16px 16px 0 var(--acc);}
.legacy .hrow .tag{background:var(--acc);}
.legacy .card{transition:box-shadow .25s ease;}
.legacy .duo .card:hover,.legacy .cards > .card:hover{box-shadow:var(--lift);}
.legacy .more{transition:box-shadow .2s ease;}
.legacy .more:hover{box-shadow:var(--shadow);}
.legacy .housepic{transition:transform .25s ease, box-shadow .25s ease;}
.legacy .housepic:hover{transform:translateY(-4px); box-shadow:var(--lift);}
.legacy .housepic img{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--goldsoft);}
@media (max-width: 960px){
.legacy .hero{padding:36px 0 120px;}
.legacy .collage{height:460px;}
.legacy .chip-2{right:0;}
.legacy .figs{padding-top:56px;}
.legacy .figs .wrap{gap:14px;}
.legacy .fig,.legacy .fig:first-child,.legacy .fig:nth-child(3){padding:22px 20px; border-top:0;}
.legacy .life{border-radius:0;}
.legacy .hrow .ph,.legacy .hrow:nth-child(even) .ph{box-shadow:10px 10px 0 var(--acc);}
}
@media (max-width: 600px){
.legacy .hero{padding-bottom:96px;}
.legacy .collage{height:380px; margin:0 6px;}
.legacy .collage .a{width:76%; height:58%;}
.legacy .collage .b{width:52%; height:44%;}
.legacy .collage .c{width:46%; height:38%;}
.legacy .collage figcaption{font-size:13px;}
.legacy .chip{font-size:12.5px; padding:6px 12px 6px 6px;}
.legacy .chip i{width:28px; height:28px; font-size:13px;}
.legacy .ribbon__track{font-size:16px;}
.legacy .fig b{font-size:34px;}
.legacy .fig b small{display:block; margin:6px 0 0; font-size:15px;}
.legacy .fig__ic{width:38px; height:38px; margin-bottom:12px;}
.legacy .house{padding:8px 8px 14px; border-radius:20px;}
.legacy .house .ph::after{width:32px; height:32px; font-size:15px; left:8px; top:8px; border-width:2px;}
.legacy .house .meta,.legacy .house p{padding:0 4px;}
.legacy .mosaic{grid-template-rows:160px 160px; gap:14px;}
.legacy .mosaic figure{padding:6px 6px 30px;}
.legacy .mosaic figcaption{font-size:13px;}
.legacy .foot{margin-top:96px;}
.legacy .phero__frame,.legacy .phero__frame.has-ph{padding-bottom:84px;}
.legacy .cta-band::after{width:380px;}
}
@media (prefers-reduced-motion: reduce){
.legacy .chip,.legacy .ribbon__track{animation:none !important;}
}
/* Kulit untuk kandungan lama di dalam .legacy: palet dan fon reka bentuk D */
.legacy{--navy:#132A4F;--blue:#2E5E8C;--sky:#F3F6FA;--sand:#FBF7F1;--gold:#D9A85E;--goldsoft:#F8E9DA;--ink:#1B2433;--mut:#5B6474;--line:#E7E1D8;--line-strong:#D9CBB5;--r-lg:22px;--r-md:18px;--gut:32px;--bg-2:#FBF7F1;--f-sans:"Plus Jakarta Sans",system-ui,sans-serif;
  display:block;min-height:0;margin:0;padding:0;background:#fff;color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;line-height:1.6}
.legacy h1,.legacy h2,.legacy h3,.legacy h4{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--navy);letter-spacing:-.02em}
.legacy h1 em,.legacy h2 em{font-family:"Dancing Script",cursive;font-style:normal;font-weight:700;color:#A87632;letter-spacing:0;font-size:1.14em}
html[lang="zh"] .legacy h1 em,html[lang="zh"] .legacy h2 em{font-family:inherit;font-size:1em}
.legacy a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.legacy a.btn,.legacy .btn{text-decoration:none}
.legacy img{max-width:100%}
@media (max-width:900px){.legacy{--gut:18px}}