:root{color-scheme:dark;--navy:#081626;--gold:#f0cb78;--white:#fff;--quiet:#d7e0e6}*{box-sizing:border-box}html{background:var(--navy);font-family:Arial,Helvetica,sans-serif;scrollbar-width:thin}body{margin:0;color:var(--white);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,dialog:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:12px 18px;background:var(--gold);color:var(--navy)}.skip:focus{top:15px}.landing{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;min-height:100dvh;padding:32px 5vw 20px;overflow:hidden}.cinematic{position:absolute;inset:0;z-index:-2;background:#0b2430}.cinematic>img,.cinematic>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.cinematic>img{z-index:0}.cinematic>video{z-index:1;opacity:0;transition:opacity 1.3s ease;filter:saturate(.86)}.cinematic>video.playing{opacity:1}.film-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(4,17,31,.76),rgba(4,17,31,.5) 46%,rgba(4,17,31,.1)),linear-gradient(0deg,rgba(3,14,26,.9),transparent 35%,transparent 75%,rgba(3,14,26,.46))}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;line-height:1.15;font-size:21px;font-weight:700;letter-spacing:.08em}.brand img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 3px 10px #0005)}.academy{display:block;font-size:11px;letter-spacing:.45em;font-weight:400;margin-top:8px}.login{display:inline-flex;align-items:center;gap:20px;font-size:14px;padding:10px 0;border-bottom:1px solid #ffffff60}.login span{font-size:22px}.login:hover{color:var(--gold);border-color:var(--gold)}.invitation{align-self:center;padding:48px 0 55px;max-width:1100px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.16em;font-weight:600;color:#eee8d9;margin:0 0 24px;display:flex;align-items:center;gap:13px}.eyebrow>span{width:30px;height:1px;background:var(--gold)}h1{font-size:clamp(48px,5.65vw,91px);font-weight:500;line-height:1.065;letter-spacing:-.048em;margin:0;text-shadow:0 3px 35px #06152244}.gold-line{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:.84em;font-weight:400;color:var(--gold);margin-top:10px;letter-spacing:-.035em}.intro{font-size:18px;line-height:1.75;color:#e3e9ec;max-width:630px;margin:25px 0 30px;text-shadow:0 2px 20px #04121bcc}.join{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--gold);color:#0b2136;padding:9px 10px 9px 24px;border:1px solid var(--gold);border-radius:5px;font-size:16px;font-weight:700;min-height:58px;box-shadow:0 10px 30px #07152233;transition:background .25s,transform .25s,box-shadow .25s}.cta-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:3px;background:#0b2136;color:var(--gold);font-size:26px;font-weight:400;transition:transform .25s,background .25s}.join:hover{background:#ffdc91;box-shadow:0 12px 36px #0004;transform:translateY(-3px)}.join:hover .cta-arrow{transform:translate(1px,-1px);background:#153e4b}.offer{font-size:13px;line-height:1.9;color:#d7e1e8;margin:17px 0 0}.offer>span{display:block;color:#bfccd6;font-size:12px}.edge{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px 30px}.slogan{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;font-weight:400;color:#e3e8e8;margin:0}.film-controls{display:flex;align-items:center;gap:25px}.film-caption{font-size:10px;letter-spacing:.12em;color:#c6d4df}.film-controls button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff60;padding:10px 15px;border-radius:99px;background:#0b203a35;backdrop-filter:blur(10px);font-size:12px;min-height:40px;min-width:108px;justify-content:center}.film-controls button:hover{border-color:var(--gold);color:var(--gold)}.fineprint{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff24;padding-top:15px;color:#a8baca;font-size:11px}.fineprint>div{display:flex;align-items:center;gap:20px}.fineprint button{padding:0;border:0;background:transparent;color:inherit;font-size:inherit}.fineprint a:hover,.fineprint button:hover{color:#fff}dialog{max-width:560px;width:calc(100% - 40px);background:#10243b;color:white;border:1px solid #7c8b9a;border-radius:12px;padding:36px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#00101bc9;backdrop-filter:blur(10px)}dialog h2{font-size:32px;margin:10px 0 24px;font-weight:500;letter-spacing:-.03em}dialog p{font-size:15px;line-height:1.75;color:#d2deea}dialog .eyebrow{font-size:10px;color:var(--gold)}dialog a{text-decoration:underline;color:var(--gold)}dialog .credit-note{font-size:12px;color:#a6b9cb;border-top:1px solid #425469;padding-top:18px;margin-top:25px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;line-height:1}.entrance-ready .eyebrow,.entrance-ready h1,.entrance-ready .intro,.entrance-ready .join,.entrance-ready .offer{animation:arrive .85s both}.entrance-ready h1{animation-delay:.12s}.entrance-ready .intro{animation-delay:.23s}.entrance-ready .join{animation-delay:.34s}.entrance-ready .offer{animation-delay:.4s}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.landing{padding:42px 6vw 25px}.invitation{padding-block:70px}h1{font-size:100px}.intro{font-size:20px}.brand img{width:74px;height:74px}.brand{font-size:24px}.slogan{font-size:19px}}@media(max-height:800px) and (min-width:761px){.landing{padding-top:23px;padding-bottom:16px}.brand img{width:52px;height:52px}.brand{font-size:18px}.invitation{padding:30px 0 32px}h1{font-size:clamp(46px,5.2vw,76px)}.eyebrow{margin-bottom:17px}.intro{margin:19px 0 23px;font-size:16px}.edge{gap:16px}.slogan{font-size:16px}.offer{margin-top:13px}.fineprint{padding-top:11px}}@media(max-width:760px){.landing{padding:22px 6vw 17px;min-height:100svh;min-height:100dvh}.brand{font-size:16px;gap:9px;letter-spacing:.06em}.brand img{width:48px;height:48px}.academy{font-size:9px;letter-spacing:.4em;margin-top:6px}.login{font-size:12px;gap:10px;padding-block:7px}.login span{font-size:18px}.masthead{gap:15px}.invitation{padding:55px 0 50px;max-width:100%}.eyebrow{font-size:10px;letter-spacing:.11em;gap:10px;margin-bottom:22px}.eyebrow>span{width:20px}.invitation h1{font-size:clamp(39px,8.7vw,63px);line-height:1.12;letter-spacing:-.045em}.gold-line{font-size:.86em;line-height:1.2;letter-spacing:-.05em;margin-top:13px}.intro{font-size:16px;line-height:1.75;margin:23px 0 28px;max-width:470px}.desktop-break{display:none}.join{font-size:14px;gap:20px;padding-left:17px;max-width:100%;min-height:56px}.cta-arrow{width:36px;height:36px;font-size:24px;flex-shrink:0}.offer{font-size:12px;margin-top:16px}.offer>span{font-size:12px}.film-shade{background:linear-gradient(90deg,#06192dbd,#06192d65),linear-gradient(0deg,#061526e8,transparent 60%,#06152680)}.cinematic>img,.cinematic>video{object-position:54% center}.edge{grid-template-columns:1fr auto;gap:23px 12px}.slogan{font-size:14px;max-width:210px;line-height:1.6}.film-caption{display:none}.film-controls button{font-size:12px;padding:9px 12px;min-width:96px}.fineprint{font-size:10px;align-items:center;gap:15px;padding-top:12px}.fineprint>div{gap:13px}.fineprint button{font-size:10px}dialog{padding:30px 24px}.fineprint>span{max-width:165px;line-height:1.5}}@media(max-width:360px){.landing{padding-inline:5vw}.brand{font-size:14px}.brand img{width:42px;height:42px}.login{font-size:11px}.invitation h1{font-size:36px}.join{font-size:13px;gap:12px}.intro{font-size:15px}.slogan{font-size:13px}.film-controls button{min-width:88px;font-size:11px}.fineprint>div{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.entrance-ready .eyebrow,.entrance-ready h1,.entrance-ready .intro,.entrance-ready .join,.entrance-ready .offer{opacity:1;transform:none}}
[hidden]{display:none!important}@media(max-height:650px) and (min-width:761px){.landing{padding-block:16px 12px}.brand img{width:44px;height:44px}.brand{font-size:16px}.academy{font-size:10px}.invitation{padding:20px 0 22px}.eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:clamp(40px,4.4vw,61px)}.gold-line{margin-top:6px}.intro{font-size:15px;line-height:1.6;margin:16px 0 18px}.join{min-height:48px;padding:6px 7px 6px 19px;font-size:14px}.cta-arrow{width:34px;height:34px;font-size:22px}.offer{font-size:12px;line-height:1.7;margin-top:11px}.offer>span{font-size:11px}.edge{gap:12px}.film-controls button{min-height:33px;padding:7px 12px}.slogan{font-size:14px}.fineprint{font-size:10px;padding-top:10px}}
/* Sharper invitation: readable benefit, clear free entry, restrained movement. */
.join{min-width:275px;font-size:17px;padding-left:25px}.intro{max-width:675px}.offer{max-width:580px}.film-shade{background:linear-gradient(90deg,rgba(4,17,31,.82),rgba(4,17,31,.61) 44%,rgba(4,17,31,.12) 76%),linear-gradient(0deg,rgba(3,14,26,.91),transparent 39%,transparent 74%,rgba(3,14,26,.5))}@media(max-width:760px){.join{min-width:260px;font-size:16px}.intro{font-size:16px;max-width:450px}.offer{font-size:12px;max-width:330px}.film-shade{background:linear-gradient(90deg,#06192dca,#06192d77),linear-gradient(0deg,#061526ed,transparent 60%,#06152685)}}@media(max-height:650px) and (min-width:761px){.join{font-size:15px;min-width:260px}.intro{font-size:15px}}

/* Warm residential scene: original illustration with restrained camera movement. */
.cinematic{background:#28342f}
#community-scene{object-position:80% center;transform-origin:86% 60%;filter:none}
#community-scene.motion-ready{animation:community-camera 16s ease-in-out -4s infinite alternate;will-change:transform;translate:var(--scene-x,0px) var(--scene-y,0px);transition:translate 1.2s ease-out}
@keyframes community-camera{from{transform:translate(-.4%,.35%) scale(1.045)}to{transform:translate(.8%,-.65%) scale(1.17)}}
.film-shade{background:linear-gradient(90deg,rgba(7,22,32,.88),rgba(7,22,32,.65) 35%,rgba(7,22,32,.2) 59%,rgba(7,22,32,.02) 80%),linear-gradient(0deg,rgba(7,22,32,.88),transparent 30%,transparent 80%,rgba(7,22,32,.35))}
.intro{max-width:635px;line-height:1.65}
@media(max-width:760px){#community-scene{object-position:72% center;transform-origin:72% center}.film-shade{background:linear-gradient(90deg,rgba(7,22,32,.72),rgba(7,22,32,.35)),linear-gradient(0deg,rgba(7,22,32,.92),rgba(7,22,32,.3) 50%,rgba(7,22,32,.22))}.intro{max-width:420px}.invitation{padding-block:42px}.film-controls button{min-width:118px}}
@media(prefers-reduced-motion:reduce){#community-scene.motion-ready{animation:none;transform:none;translate:none}}

/* Clearer membership invitation, with the benefit immediately above it. */
.action-benefit{font-size:15px;line-height:1.5;font-weight:500;color:#fff3d9;margin:0 0 13px;text-shadow:0 2px 15px #071620}
.join{min-width:326px;min-height:68px;padding:10px 11px 10px 27px;font-size:19px;background:#ffda88;border-color:#ffe7b2;border-radius:7px;box-shadow:0 0 0 5px #f0cb7812,0 14px 38px #020b164d}
.join .cta-arrow{width:46px;height:46px;font-size:29px}
.join:hover{background:#ffe7b2;box-shadow:0 0 0 6px #f0cb7820,0 18px 42px #020b1660}
@media(max-width:760px){.action-benefit{font-size:14px;max-width:330px;margin-bottom:13px}.join{min-width:0;width:min(100%,340px);min-height:64px;font-size:17px;padding:9px 10px 9px 22px}.join .cta-arrow{width:43px;height:43px;font-size:27px}.intro{margin-bottom:24px}}
@media(max-height:650px) and (min-width:761px){.action-benefit{font-size:13px;margin-bottom:9px}.join{min-height:55px;min-width:300px;font-size:16px;padding:6px 8px 6px 22px}.join .cta-arrow{width:39px;height:39px;font-size:25px}.intro{margin-bottom:17px}}