:root{--navy:#071b2f;--ink:#102333;--aqua:#20cdb1;--muted:#60717e;--cream:#f5f7f2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.48 system-ui,sans-serif}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--navy);color:white}a{color:inherit;text-decoration:none}header a:last-child{color:var(--aqua)}main{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(330px,.82fr) minmax(620px,1.18fr);gap:clamp(28px,4vw,70px);padding:clamp(24px,4vh,42px) 5vw;overflow:hidden}.intro{display:flex;flex-direction:column;justify-content:center}.kicker{color:#087c77;font-size:11px;font-weight:800;letter-spacing:.16em}.intro h1{max-width:600px;margin:14px 0 18px;font-size:clamp(42px,4.5vw,70px);line-height:.98;letter-spacing:-.055em}.lead{max-width:590px;color:var(--muted);font-size:clamp(16px,1.2vw,20px)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:center}.cards article{min-height:190px;padding:22px;background:white;border:1px solid #dbe5e8;border-radius:14px}.cards span{color:#087c77;font-size:11px;font-weight:800}.cards h2{margin:9px 0 7px;font-size:20px;line-height:1.15}.cards p{margin:0;color:var(--muted)}.callout{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:auto!important;background:#dff8f1!important}.callout p{max-width:520px}.button{padding:12px 18px;border-radius:8px;background:var(--navy);color:white;white-space:nowrap}.tour .callout{background:var(--navy)!important;color:white}.tour .callout p{color:#b8cad3}.tour .button{background:var(--aqua);color:var(--navy);font-weight:700}@media(max-width:950px),(max-height:650px){body{font-size:14px}main{height:auto;min-height:calc(100vh - 64px);grid-template-columns:1fr;overflow:visible}.intro h1{font-size:44px}.cards article{min-height:0}}@media(max-width:620px){header{padding:0 22px}main{padding:32px 22px}.cards{grid-template-columns:1fr}.callout{grid-column:auto;align-items:flex-start;flex-direction:column}}

:root{--aqua:#3be0c5;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
body{font-family:var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display)}
header .logo{display:flex;align-items:center;gap:10px;font:800 23px var(--display);letter-spacing:-1px;color:#fff}
header .logo-mark{display:grid;width:31px;height:31px;place-items:center;color:var(--navy);background:var(--aqua);border-radius:8px;font-size:18px}