:root{
--paper:#f6f1e7;--ink:#1f1b16;--muted:#6b6358;--rule:#d9d0bf;--surface:#fffaf0;
--panel:#1f1b16;--panel-ink:#f6f1e7;--sky:#1f1b16;--merc:#1f1b16;
--c300:226 156 134;--c400:204 98 70;--c500:184 71 46;--c600:150 54 34;
--btn-bg:#1f1b16;--btn-ink:#f6f1e7;--rb:2px;--rc:2px;
--shadow:8px 8px 0 rgb(var(--c500));--tilt:rotate(1deg);--note-tilt:rotate(-1.2deg);
--f-display:Fraunces,Georgia,serif;--f-body:'Instrument Sans',system-ui,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);background:var(--paper)}
body{font-family:var(--f-body);background:var(--paper);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:var(--f-display);letter-spacing:-.015em}
::selection{background:rgb(var(--c500));color:#fff}
a:focus-visible,button:focus-visible,.field:focus-visible{outline:2px solid rgb(var(--c500));outline-offset:3px}
.site-header{position:sticky;z-index:40;top:env(safe-area-inset-top,0px);background:var(--paper);border-bottom:1px solid var(--rule)}
.muted{color:var(--muted)}
.rule-t{border-top:1px solid var(--rule)}
.btn{display:inline-block;padding:.8rem 1.4rem;border:1.5px solid var(--ink);border-radius:var(--rb);font-weight:600;text-align:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}
.btn-solid{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-bg)}
.btn-solid:hover{background:rgb(var(--c500));border-color:rgb(var(--c500));color:#fff}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-sm{padding:.5rem 1.1rem;font-size:.875rem}
.btn:active{transform:translateY(1px)}
.u-link{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em}
.u-link:hover{color:rgb(var(--c500))}
.hover-u:hover{text-decoration:underline;text-underline-offset:.3em}
.note{background:var(--surface);border:1px solid var(--rule);box-shadow:6px 6px 0 var(--rule);transform:var(--note-tilt);border-radius:var(--rc)}
.note-row a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--rule);font-weight:500}
.note-row a:hover{color:rgb(var(--c500))}
.svc{display:grid;gap:.4rem 1.5rem;padding:1.6rem 0;border-top:1px solid var(--rule);transition:background .25s}
.svc:last-child{border-bottom:1px solid var(--rule)}
@media(min-width:768px){.svc{grid-template-columns:3rem 1.1fr 1.4fr 7.5rem 8rem;align-items:baseline}}
.svc:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.svc h3{transition:transform .25s}
.svc:hover h3{transform:translateX(10px)}
.svc:hover .svn{color:rgb(var(--c500))}
.sdot{display:inline-block;width:.55rem;height:.55rem;border-radius:9999px;margin-right:.5rem}
.field{background:transparent;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;padding:.7rem .1rem;color:var(--ink);outline:none;width:100%}
.field::placeholder{color:var(--muted)}
.field:focus{border-color:rgb(var(--c500))}
.field option{color:#111;background:#fff}
.lbl{display:block;font-size:.875rem;font-weight:600}
.lbl .field{margin-top:.25rem;font-weight:400}
.glass{background:var(--panel);color:var(--panel-ink);border:1px solid var(--panel)}
.demo-panel{border-radius:6px;box-shadow:var(--shadow);transform:var(--tilt)}
.paper{background:var(--surface);border:1.5px solid var(--ink);box-shadow:var(--shadow);border-radius:var(--rc)}
.hero-fade{background:linear-gradient(90deg,var(--paper) 28%,transparent 72%)}
.page-sun{position:absolute;top:-6rem;right:-2rem;width:12rem;height:12rem;border-radius:9999px;background:rgb(var(--c400));pointer-events:none}
@media(min-width:768px){.page-sun{top:-11rem;right:4rem;width:22rem;height:22rem}}
#merc g{fill:var(--merc)!important}
#heroBg g,#skyline g{fill:var(--sky)!important}
.blob{display:none}
.announce{display:none}
.stats{display:none}
.foot-cols{display:none}
.foot-h{font-family:var(--f-body);font-size:.8rem;font-weight:700;letter-spacing:.02em;margin-bottom:.8rem}
.foot-ul{display:grid;gap:.5rem;font-size:.875rem}
.foot-ul a{color:var(--muted)}
.foot-ul a:hover{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}[data-reveal].in{opacity:1;transform:none}}
.squig{background:linear-gradient(rgb(var(--c500)),rgb(var(--c500))) 0 94%/0 .13em no-repeat;animation:sq 1.1s .5s ease forwards}
@keyframes sq{to{background-size:100% .13em}}
@media (prefers-reduced-motion:reduce){.squig{animation:none;background-size:100% .13em}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr-only-focusable:focus{outline:2px solid rgb(var(--c500))}
.theme-switch{position:fixed;left:1rem;bottom:1rem;z-index:60;display:flex;gap:.25rem;padding:.25rem;border-radius:9999px;background:#111;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.theme-switch button{border:0;background:transparent;color:#ddd;font:600 .75rem/1 system-ui,sans-serif;padding:.5rem .8rem;border-radius:9999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:#fff;color:#111}

.brand{display:flex;align-items:center;gap:.65rem}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.04em;color:var(--ink)}
.brand-text i{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:.58rem;letter-spacing:.3em;color:#079FE8;margin-top:.25rem}

.cx{padding-top:1.25rem;border-top:1.5px solid var(--ink)}
.step{padding-top:1rem;border-top:1px solid var(--rule)}
.step-n{font-family:var(--f-display);font-size:.9rem;font-weight:700;color:rgb(var(--c500))}