:root{color-scheme:dark;--ink: #f4f0e6;--ink-dim: rgba(244, 240, 230, .7);--ink-faint: rgba(244, 240, 230, .46);--sea: #02050c;--glass: rgba(5, 9, 16, .46);--glass-border: rgba(244, 240, 230, .22);--focus: #e8e2d2}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--sea);color:var(--ink);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}body{min-height:100dvh}#ocean{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.sea-fallback{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 55% at 50% 78%,rgba(88,140,168,.28) 0%,transparent 62%),radial-gradient(ellipse 60% 32% at 22% 86%,rgba(46,86,112,.32) 0%,transparent 58%),radial-gradient(ellipse 58% 30% at 80% 90%,rgba(30,64,88,.3) 0%,transparent 55%),linear-gradient(180deg,#02050c,#061018 36%,#0c1c2a 62%,#0a1620);opacity:1;transition:opacity .5s ease}.sea-fallback:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.38) .6px,transparent .8px),radial-gradient(circle,rgba(220,235,245,.22) .5px,transparent .7px);background-size:92px 68px,140px 96px;background-position:0 40%,30px 55%;-webkit-mask-image:linear-gradient(180deg,transparent 38%,#000 58%,#000 100%);mask-image:linear-gradient(180deg,transparent 38%,#000 58%,#000 100%)}.sea-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(186,216,230,.1) 61%,transparent 70%);animation:swell 18s ease-in-out infinite}body.ocean-live .sea-fallback{opacity:0}@keyframes swell{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-12px);opacity:1}}@media(prefers-reduced-motion:reduce){.sea-fallback:after{animation:none}}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 62% at 50% 40%,transparent 0%,rgba(2,5,12,.18) 58%,rgba(2,5,12,.55) 100%),linear-gradient(180deg,rgba(2,5,12,.5) 0%,rgba(2,5,12,.08) 24%,transparent 44%,rgba(2,5,12,.12) 72%,rgba(2,5,12,.62) 100%)}.page{position:relative;z-index:2;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:1.35rem clamp(1.15rem,4vw,2.75rem) 1.15rem}.wordmark{margin:0;font-size:.72rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--ink)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3.5rem 0 2.5rem}h1{margin:0;max-width:8.2em;font-size:clamp(2.5rem,7vw,4.4rem);font-weight:400;letter-spacing:-.025em;line-height:.98;text-wrap:balance}.sub{margin:1.15rem 0 0;max-width:28ch;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.4;color:var(--ink-dim)}.cta{display:inline-flex;align-items:center;min-height:2.85rem;margin-top:1.75rem;padding:.7rem 1.2rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);color:var(--ink);font-size:.92rem;font-weight:500;letter-spacing:.02em;text-decoration:none;white-space:nowrap;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cta:hover{background:#f4f0e61a}.cta:focus-visible,.colophon a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.services{display:flex;flex-wrap:wrap;gap:.45rem .2rem;margin:2.15rem 0 0;padding:0;list-style:none;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.services li:not(:last-child):after{content:"·";margin:0 .55rem;color:var(--ink-faint)}.proof{margin:.85rem 0 0;font-size:.78rem;letter-spacing:.04em;color:var(--ink-faint)}.colophon{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;line-height:1.45;color:var(--ink-dim)}.colophon-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .85rem}.colophon p,.colophon address{margin:0;font-style:normal}.owner{color:var(--ink)}.colophon a{color:inherit;text-decoration:none}.colophon a:hover{color:var(--ink)}.contacts{display:flex;flex-wrap:wrap;gap:.45rem}.gpu-note{font-size:.7rem;letter-spacing:.02em;color:var(--ink-faint)}.gpu-note[hidden]{display:none}@media(max-width:640px){.hero{padding:2.5rem 0 2rem}h1{max-width:7.2em}.colophon-row{flex-direction:column;gap:.2rem}.contacts span{display:none}.contacts{flex-direction:column;gap:.15rem}}@media(min-width:880px){.hero{margin-left:clamp(0rem,4vw,3rem)}h1{max-width:none}}