:root{--ink:var(--navy);--paper:var(--white);--muted:var(--dark-gray);--water:var(--blue)}
body{font-family:var(--font-body);background:var(--white);color:var(--nearly-black)}
header{max-width:none;padding:0 max(24px,calc((100vw - 1152px)/2));background:var(--white)}
.brand{font-family:var(--font-headline);font-size:21px;letter-spacing:-.7px;color:var(--navy)}.brand span{font-weight:700;color:var(--blue)}
h1,h2,h3{font-family:var(--font-headline);font-weight:700;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(40px,5vw,66px);line-height:1.12}h1 em{color:var(--blue);font-style:normal}h2{line-height:1.2;font-size:clamp(30px,3.4vw,44px)}
.eyebrow,.num{color:var(--blue)}.hero{padding:65px 0 40px}.hero .intro p{color:var(--dark-gray)}
.demo{padding:0;background:var(--soft-white);box-shadow:var(--shadow-card);border-color:var(--medium-gray)}.demo-head{background:var(--blue-tint)}.demo-head p{color:var(--navy)}.badge{background:var(--white);color:var(--navy)}
.landscape{background:var(--soft-white)}.controls{background:var(--white)}.toggle{background:var(--blue);border-radius:var(--radius-btn)}.toggle:hover{background:var(--blue-hover)}.toggle[aria-pressed=true]{background:var(--navy);color:var(--white)}.result{background:var(--navy);color:var(--white)}
.section{padding:70px 0}.section p{color:var(--dark-gray)}.mapping article{border-top:3px solid var(--blue);padding-top:20px}.quote{font-family:var(--font-headline);font-size:24px;font-weight:600;color:var(--navy)!important}.example{background:var(--blue-tint);color:var(--navy)}.closing{background:var(--navy);padding:44px}.closing h2{color:var(--white)}.closing .eyebrow{color:var(--white)}.closing p{color:var(--medium-gray)}.closing a{background:var(--blue);color:var(--white);border-radius:var(--radius-btn)}footer{border-top:1px solid var(--medium-gray)}
.presetbar{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 20px}.presetbar button{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-btn);padding:9px 14px;font-size:12px;color:var(--navy)}.presetbar button:hover{background:var(--blue-tint)}
@media(max-width:700px){.section{padding:45px 0}.hero{padding-top:35px}.closing{padding:28px}nav{gap:16px;font-size:12px}.brand{font-size:17px}}