/* Brand-led launch page, native CSS to match the existing static project.
   DESIGN_VARIANCE 4 / MOTION_INTENSITY 2 / VISUAL_DENSITY 4.
   Radius: controls 8px, artwork 16px. No decorative motion. */
:root{color-scheme:dark;--surface:#101923;--text:#f5f5f0;--muted:#b7c5cb;--line:#344450;--accent:#a6d8c3;--panel:#16232d}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--surface);color:var(--text);font-family:"Avenir Next",Avenir,system-ui,sans-serif;font-size:17px;line-height:1.6}
a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.shell{width:min(1200px,calc(100% - 64px));margin:auto}
header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}header>a:last-child{font-size:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}
.mark{display:inline-block;width:42px;height:42px;flex:none;border-radius:8px;background:#101923 url('propmetrics-reference.png') -254.3px -170.6px / 341.2px 227.5px no-repeat}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:72px 0 88px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.05em;line-height:1.08;font-weight:600;margin:0 0 24px}h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}.intro{max-width:36ch;color:var(--muted);font-size:20px;margin:0 0 30px}.button{display:inline-block;background:var(--accent);color:#101923;font-weight:650;padding:13px 22px;border-radius:8px;text-decoration:none;white-space:nowrap}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px)}
.brand-art{aspect-ratio:1.5;border:1px solid var(--line);border-radius:16px;background:#101923 url('propmetrics-reference.png') center 29% / 220% auto no-repeat}
.approach{border-top:1px solid var(--line);padding:64px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}dl{margin:0}dl>div{padding:0 0 28px}dl>div:last-child{padding-bottom:0}dt{font-size:21px;font-weight:600;margin-bottom:8px}dd{margin:0;max-width:50ch;color:var(--muted)}.launch{padding:48px;background:var(--panel);border-radius:16px;margin-bottom:72px}.launch p{max-width:65ch}.muted{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;gap:60px;align-items:baseline}footer>span{font-weight:650}footer p{font-size:13px;color:var(--muted);max-width:80ch;margin:0}.skip{position:absolute;left:16px;top:-80px;background:var(--accent);color:#101923;padding:8px 16px}.skip:focus{top:8px}
@media(prefers-color-scheme:light){:root{color-scheme:light;--surface:#f5f5f0;--text:#101923;--muted:#43555e;--line:#c7d3d1;--panel:#e5eee9}}
@media(max-width:767px){.shell{width:calc(100% - 36px)}header{height:72px}.brand{font-size:22px}header>a:last-child{font-size:13px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0 48px}h1{font-size:44px}.intro{font-size:18px}.brand-art{max-width:460px;width:100%;aspect-ratio:1.5}.approach{grid-template-columns:1fr;gap:12px;padding:40px 0}.launch{padding:28px 22px;margin-bottom:40px}footer{display:block}footer p{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.button:active{transform:none}}