:root{--aqua-blue:#2b7de0;--aqua-blue-light:#aed3ff;--ink:#1f1f1f;--ink-soft:#555;--line:#b9b9b9}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;max-width:100%;overflow-x:hidden;font-family:lucida grande,helvetica neue,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;background:repeating-linear-gradient(0,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 0%,#9fc6f2 0%,#5a9be6 45%,#2f6fc4 100%);background-attachment:fixed}.window{width:100%;max-width:44rem;min-width:0;background:#fff;border:1px solid #7a7a7a;border-radius:9px;box-shadow:0 1px rgba(255,255,255,.7)inset,0 18px 50px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.25);overflow:hidden}.titlebar{position:relative;display:flex;align-items:center;height:36px;padding:0 12px;background:repeating-linear-gradient(0,rgba(0,0,0,.045) 0 1px,transparent 1px 2px),linear-gradient(180deg,#f7f7f7 0%,#d9d9d9 100%);border-bottom:1px solid #a4a4a4;box-shadow:inset 0 1px rgba(255,255,255,.85)}.lights{display:flex;gap:8px;z-index:2}.light{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.4)}.light.close{background:radial-gradient(circle at 32% 28%,#ffb1aa,#ec6a5e 70%)}.light.min{background:radial-gradient(circle at 32% 28%,#ffe08a,#f5b329 70%)}.light.zoom{background:radial-gradient(circle at 32% 28%,#b9f0a0,#51c13a 70%)}.titlebar-text{position:absolute;left:0;right:0;text-align:center;font-size:13px;font-weight:700;color:#4a4a4a;text-shadow:0 1px 0 rgba(255,255,255,.9);pointer-events:none}.window-body{padding:3.25rem 2.25rem;background:repeating-linear-gradient(0,rgba(0,0,0,.018) 0 1px,transparent 1px 4px),#fff}.hero{text-align:center}.brand{font-size:clamp(2rem,7vw,3.8rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem;color:#1a3a66;text-shadow:0 1px 0 rgba(255,255,255,.9);overflow-wrap:break-word}.tagline{font-size:clamp(1.05rem,3vw,1.35rem);color:var(--ink-soft);margin:0 0 1.5rem}.intro{color:var(--ink-soft);line-height:1.6;max-width:34rem;margin:0 auto 2rem}.cta{margin-top:1.25rem}.btn{position:relative;display:inline-block;padding:.55rem 1.6rem;border-radius:18px;border:1px solid #2767ad;font-size:.98rem;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.3);background:linear-gradient(180deg,#d6e8ff 0%,#8fbdf6 6%,#4a93ef 49%,#1f6ed0 51%,#4b96f0 100%);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -2px 4px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.3);overflow:hidden;transition:filter .12s ease,transform .12s ease}.btn::before{content:"";position:absolute;top:1px;left:6%;width:88%;height:45%;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.15));pointer-events:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px);filter:brightness(.95)}.page{max-width:40rem;margin:0 auto;width:100%}.page h1{font-size:clamp(1.7rem,5vw,2.2rem);letter-spacing:-.01em;margin:0 0 .2rem;color:#1a3a66}.page .updated{color:var(--ink-soft);font-size:.82rem;margin-top:0}.prose{line-height:1.7;color:#333}.prose h2{margin-top:2rem;font-size:1.18rem;color:#1a3a66}.prose a{color:var(--aqua-blue)}.back{margin-top:2.5rem}.back a{color:var(--aqua-blue);text-decoration:none}.window-footer{padding:.9rem 1.5rem 1.1rem;text-align:center;background:linear-gradient(180deg,#f3f3f3,#e4e4e4);border-top:1px solid #c2c2c2;box-shadow:inset 0 1px rgba(255,255,255,.9);font-size:.8rem;color:var(--ink-soft)}.footer-nav{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.4rem}.footer-nav a{color:#2c5c99;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.copyright{margin:0;color:#888}@media(max-width:34rem){body{padding:1.25rem .75rem}.window-body{padding:2.25rem 1.4rem}.titlebar-text{font-size:12px}.footer-nav{gap:.75rem;font-size:.75rem}.window-footer{word-break:break-word}}