/* Quiet technical atmosphere. Grid/vignette sit behind content, never over text. */
body{isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 42%,#000 12%,#0009 58%,transparent 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 42%,#0004 100%)}
.proof{background:linear-gradient(#0d0f13b3,#090a0c99)}
/* One shared 290px measure makes artwork and copy optically aligned. */
@media(min-width:601px){.principle{text-align:center}.principle-art,.principle h3,.principle p{width:100%;max-width:290px;margin-inline:auto}.principle-art{overflow:visible}}
.script-accent{animation:ink-breath 12s ease-in-out infinite}
.hero .script-accent{animation-delay:-2s}
.approach .script-accent{animation-delay:-6s}
.about .script-accent{animation-delay:-9s}
@keyframes ink-breath{0%,68%,100%{text-shadow:0 0 14px #8ab8ff38,0 0 32px #8ab8ff14}80%{text-shadow:0 0 16px #c3d8fa65,0 0 35px #8ab8ff35,0 0 52px #8ab8ff14}90%{text-shadow:0 0 14px #8ab8ff38,0 0 32px #8ab8ff14}}
.founder-stage{perspective:1000px;min-width:0}
.founder-visual{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s var(--ease),box-shadow .55s var(--ease);box-shadow:0 18px 40px -26px #000b}
.founder-visual.is-tilting{transition:transform .12s ease-out,box-shadow .3s;box-shadow:0 26px 50px -22px #000c}
.founder-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#ffffff16,transparent 65%);opacity:0;transition:opacity .45s}
.is-tilting .founder-sheen{opacity:1}
.founder-caption{z-index:1}
.powered-by{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:44px;margin:26px auto 0;color:#a0a5af;font-size:12px}
.powered-by img{display:block;width:31px;height:16px}
.powered-wordmark{font-size:19px;font-weight:800;letter-spacing:-.7px;color:#f1f1f1}
.powered-by:hover{color:#eeeff2}
.motion-paused .script-accent{animation:none;text-shadow:0 0 14px #8ab8ff38,0 0 32px #8ab8ff14}
.motion-paused .founder-visual{transform:none;transition:none}
.motion-paused .founder-sheen{opacity:0}
.brand-club{display:inline-block;font-family:var(--font);font-style:normal;font-weight:800;letter-spacing:-.04em;color:inherit;text-shadow:0 0 10px #8ab8ff1c;font-size:1em;line-height:1;white-space:nowrap;margin-left:3px;transform:none}
.closing-brand{display:block;font:800 24px/1 var(--font);letter-spacing:-1.1px;color:#d7e5fa}
.closing-brand .brand-dot{margin-left:0}.closing-brand .brand-club{font-size:1em;font-weight:800;letter-spacing:-.04em;margin-left:3px;transform:none}
.closing-line>.brand-mark{display:none}
.brand{gap:0}.brand .brand-dot{margin-left:0}.brand .brand-club{font-size:1em;margin-left:3px;transform:none}
footer .brand{gap:0}
@media(max-width:600px){.closing-brand{font-size:22px}.brand .brand-club{font-size:1em}}
@media(prefers-reduced-motion:reduce){.script-accent{animation:none!important}.founder-visual{transform:none!important;transition:none!important}.founder-sheen{display:none}}
@media(hover:none),(pointer:coarse){.founder-visual{transform:none}.founder-sheen{display:none}}