:root{--bg:#6f736d;--ink:#f5f5f1;--muted:rgba(245,245,241,0.66);--line:rgba(245,245,241,0.11);--gold:#d0ad56;--gold-light:#f1d27a;--gold-dark:#8a6a2a;--dark:#11130f;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;overflow-x:hidden;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 78% 72%,rgba(245,245,241,.075),transparent 34rem),radial-gradient(circle at 18% 18%,rgba(0,0,0,.1),transparent 30rem),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(245,245,241,.16) .5px,transparent 0);background-size:4px 4px;opacity:.1;mix-blend-mode:screen}.landing-frame{min-height:100svh;position:relative;padding:clamp(34px,5vw,82px);display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);align-items:center;grid-gap:clamp(42px,6vw,96px);gap:clamp(42px,6vw,96px)}.title-stack{position:relative;z-index:2;width:min(760px,100%)}.name{margin:0;color:var(--ink);font-size:clamp(54px,7.4vw,112px);line-height:.92;font-weight:300;letter-spacing:-.018em;text-rendering:geometricPrecision;-webkit-text-stroke:.35px rgba(17,19,15,.18);text-shadow:0 1px 0 rgba(17,19,15,.14),0 8px 24px rgba(17,19,15,.16)}.name span{display:block;white-space:nowrap}.name span+span{margin-top:-.02em;letter-spacing:-.012em}.tagline{margin:clamp(18px,2.2vw,30px) 0 0;max-width:42ch;color:var(--ink);font-size:clamp(12px,1.22vw,19px);line-height:1.16;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.mark-stack{position:relative;z-index:2;justify-self:end;width:min(44vw,660px);display:flex;flex-direction:column;align-items:flex-start}.glyph{position:relative;width:100%;aspect-ratio:1;opacity:.98}.glyph svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 30px rgba(17,19,15,.1))}.compass-ring{fill:none;stroke:rgba(245,245,241,.24);stroke-width:1.15}.compass-ring.faint{stroke:rgba(245,245,241,.12);stroke-width:.9}.compass-star{fill:rgba(208,173,86,.22);stroke:rgba(245,245,241,.76);stroke-width:1.45;stroke-linejoin:round}.compass-star.alt{fill:rgba(17,19,15,.28);stroke:rgba(245,245,241,.48)}.compass-axis{fill:none;stroke:rgba(245,245,241,.68);stroke-width:1.25;stroke-linecap:round}.map-halo{fill:rgba(245,245,241,.045)}.map-plane{fill:rgba(245,245,241,.12);stroke:rgba(245,245,241,.18);stroke-width:1.1}.map-grid{fill:none;stroke:rgba(245,245,241,.18);stroke-width:.95;stroke-linecap:round;stroke-linejoin:round}.map-vector{fill:none;stroke:var(--ink);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.map-vector.light{stroke:rgba(245,245,241,.34);stroke-width:1.25;opacity:.9}.compass-axis.gold{stroke:url(#spiralGold);stroke-width:2}.graph-guide{fill:none;stroke:rgba(196,148,46,.18);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 10}.graph-edge{fill:none;stroke:url(#spiralGold);stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;opacity:.88}.graph-edge.secondary{stroke:rgba(245,245,241,.36);stroke-width:1.1;opacity:.74}.graph-node{fill:url(#spiralGold);stroke:rgba(248,247,240,.96);stroke-width:3;filter:drop-shadow(0 4px 9px rgba(128,83,20,.18))}.graph-node.dark{fill:var(--dark);stroke:rgba(245,245,241,.84);stroke-width:2.4;filter:none}.graph-node.core{stroke:rgba(17,19,15,.78);stroke-width:1.35}.generate-shell{min-height:100svh;display:grid;place-items:center;padding:clamp(28px,6vw,80px)}.generate-form{width:min(440px,100%);display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}.generate-image{grid-column:1/-1;justify-self:center;width:min(320px,82vw);height:auto;margin:0 0 18px;border:1px solid rgba(0,0,0,.62);box-shadow:0 10px 30px rgba(0,0,0,.24);display:block}.generate-form button,.generate-form input{border:1px solid var(--line);background:rgba(22,24,18,.18);color:var(--ink);padding:15px 16px;font:inherit}.generate-form input{min-width:0;background:rgba(245,245,241,.08)}.generate-form input::placeholder{color:rgba(245,245,241,.45)}.generate-form button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.generate-form button:disabled{opacity:.55;cursor:wait}.notice{grid-column:1/-1;margin:6px 0 0;font-size:12px;line-height:1.5;letter-spacing:.04em}.notice.error{color:#ffd0d0}.notice.success{color:#e7f5d6}@media (max-width:760px){.landing-frame{grid-template-columns:1fr}.mark-stack{width:min(82vw,420px);justify-self:start;opacity:.76}.generate-form{grid-template-columns:1fr}}