:root{--navy:#0D324A;--navy-deep:#082638;--navy-soft:#16496A;--red:#C11628;--red-deep:#9C1120;--white:#FFFFFF;--mist:#F1F5F8;--ink:#0D324A;--muted:#4E6577;--on-dark:#C5D6E3;--line:rgba(13,50,74,.14);--pane:22px 0 22px 0;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--mist);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.stripe{height:6px;background:linear-gradient(90deg,var(--red) 0 30%,var(--navy) 30% 100%)}
.ai{color:var(--red)}
.hero .ai,.walk-bottom .ai,.auth .ai{color:#FF4458}

/* floating Microsoft icons */
.hero-icons{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mi{position:absolute;left:var(--x);top:var(--y);width:var(--s,56px);height:var(--s,56px);opacity:.38;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));animation:floaty var(--d,9s) ease-in-out var(--delay,0s) infinite alternate}
.mi img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}
.mi::before{content:attr(data-l);position:absolute;inset:0;display:grid;place-items:center;background:var(--c);color:#fff;font:700 calc(var(--s,56px)*.5)/1 var(--sans);border-radius:22%}
.mi.ok::before{display:none}
@keyframes floaty{from{transform:translate(0,0) rotate(-4deg)}to{transform:translate(12px,-28px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.mi{animation:none}}
@media(max-width:640px){.mi{width:calc(var(--s,56px)*.7);height:calc(var(--s,56px)*.7);opacity:.24}}