:root { --deep:#0B1422; --ink:#14263A; --mist:#F3F6F8; --aqua:#70E1CC; color-scheme:light; }
*{box-sizing:border-box} html{scrollbar-gutter:stable;scrollbar-color:var(--ink) var(--mist)}
body{margin:0;background:var(--mist);color:var(--ink);font:1.125rem/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--deep);text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:3px}
header,main,footer{max-width:52rem;margin:auto;padding:1.5rem}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #ccd7de}
.brand{display:flex;gap:.7rem;align-items:center;font-weight:650;text-decoration:none}.brand img{width:32px;height:32px;background:var(--deep);padding:4px;border-radius:8px}
nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:1rem}nav a{min-height:44px;display:inline-flex;align-items:center}
nav [aria-current=page]{font-weight:700;text-decoration-thickness:2px}
main{padding-top:3rem;padding-bottom:3rem}h1{font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 1.5rem}h2{font-size:1.4rem;line-height:1.3;margin:2.5rem 0 .6rem}p{margin:.7rem 0 1rem}.intro{font-size:1.3rem;max-width:38rem}
.contact{background:var(--deep);color:var(--mist);padding:1.5rem;border-radius:1rem;margin:2rem 0;overflow-wrap:anywhere}.contact a{color:var(--aqua)}.contact h2{margin-top:0}
.action{display:inline-block;min-height:48px;padding:.65rem 1rem;border:1px solid currentColor;border-radius:.75rem;font-weight:650}
details{border-top:1px solid #ccd7de;padding:1rem 0}summary{cursor:pointer;font-weight:650;min-height:44px}footer{border-top:1px solid #ccd7de;font-size:.95rem}footer p{margin:0 0 .5rem}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:1rem}.skip:focus{top:1rem}
@media(max-width:420px){header,main,footer{padding-left:1rem;padding-right:1rem}main{padding-top:2rem}nav{gap:.75rem}.intro{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}