:root{color-scheme:light;--ink:#163247;--muted:#627786;--navy:#102d40;--lime:#d8ed87;--line:#dce5ea;--paper:#f3f6f8}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6}
a{color:inherit;touch-action:manipulation}
a:focus-visible{outline:3px solid #426ce5;outline-offset:6px}
.site-header,main,footer{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:34px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:750;letter-spacing:-.8px;text-decoration:none}
.brand-mark{width:42px;height:42px;flex:none}
.brand-light{font-weight:400;color:var(--muted)}
.private-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.private-label>span{width:7px;height:7px;background:#55795c;border-radius:50%}
main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:50px;min-height:650px;padding-block:88px}
.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
h1{font-size:clamp(48px,5.7vw,72px);font-weight:600;letter-spacing:-3.6px;line-height:1.08;margin:0 0 26px}
h1>span{color:#547768}
.intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:490px;margin:0}
.topics{display:flex;flex-wrap:wrap;list-style:none;gap:9px;margin:28px 0 34px;padding:0}
.topics li{font-size:12px;padding:6px 12px;border:1px solid #d5e0e5;border-radius:6px;background:#fff}
.open-dashboard{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;padding:13px 20px;background:var(--navy);color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}
.open-dashboard:hover{background:#254c63}
.open-dashboard>span{font-size:20px;color:var(--lime);line-height:1}
.access-note{font-size:12px;color:var(--muted);margin:13px 0 0}
.perspective{aspect-ratio:1;position:relative;width:100%;max-width:390px;justify-self:end;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid #d1dfda;border-radius:50%;aspect-ratio:1}
.orbit-outer{width:100%}.orbit-middle{width:74%}.orbit-inner{width:48%}
.center-mark{width:90px;height:90px;display:grid;place-content:center;grid-auto-flow:column;background:var(--navy);border-radius:24px;color:white;font-size:65px;line-height:1;letter-spacing:-6px;font-weight:650;padding:0 7px 11px 0;transform:rotate(-7deg)}
.center-mark>span{color:var(--lime)}
.orbit-point{position:absolute;border-radius:50%;border:6px solid var(--paper)}
.point-lime{width:44px;height:44px;background:var(--lime);top:5%;left:22%}
.point-blue{width:29px;height:29px;background:#6888bd;right:10%;top:32%}
.point-teal{width:34px;height:34px;background:#62928b;bottom:15%;left:20%}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px;font-size:11px;color:var(--muted)}
@media(max-width:760px){.site-header,main,footer{width:calc(100% - 48px)}.site-header{padding-block:24px}.brand{font-size:24px}.brand-mark{width:36px;height:36px}.private-label{font-size:10px}main{grid-template-columns:1fr;gap:0;min-height:0;padding-block:70px 64px}.hero{max-width:540px}h1{font-size:58px;letter-spacing:-2.8px}.intro{font-size:16px}.perspective{display:none}.eyebrow{font-size:10px}.topics{gap:7px}.topics li{font-size:11px}.open-dashboard{min-height:50px}footer{font-size:10px}}
@media(max-width:380px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{gap:12px}.private-label{max-width:76px;line-height:1.5}.brand{font-size:22px;gap:9px}h1{font-size:49px;letter-spacing:-2.4px}.intro{font-size:15px}.topics{gap:5px}.topics li{padding:6px 9px}}