:root{color-scheme:dark;--bg: #050b16;--panel: #0a1628;--text: #eaf2ff;--soft: #b6c5da;--muted: #7f93af;--sky: #38bdf8;--line: rgba(143, 178, 226, .16);--display: "Fraunces", Georgia, serif;--body: "Geist", system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}#field{position:fixed;inset:0;width:100%;height:100%;display:block}.scrim{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#050b16f2,#050b16c7 32%,#050b1600 62%);box-shadow:inset 0 0 180px 40px #03070fd9}.top{position:fixed;z-index:2;top:calc(env(safe-area-inset-top,0px) + 24px);left:max(16px,4vw);right:max(16px,4vw);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:var(--display);font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.brand svg{width:44px;height:auto}.login{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--soft);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 16px;background:#07101f99;transition:color .2s,border-color .2s}.login:hover{color:var(--text);border-color:#8fb2e266}.hero{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:120px max(16px,7vw) 80px}.hero h1{font-family:var(--display);font-weight:400;font-variation-settings:"opsz" 144;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:1;letter-spacing:-.035em;max-width:11.5ch;text-wrap:balance}.hero h1 em{font-style:italic;color:var(--sky)}.sub{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;line-height:1.5;color:var(--soft);max-width:30ch;text-wrap:balance}.sub b{font-weight:500;color:var(--text)}.cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px}.cta-note{display:inline-flex;align-items:center;gap:9px;font-size:.95rem;color:var(--soft)}.cta-note i{width:7px;height:7px;border-radius:50%;background:#8de8a6;box-shadow:0 0 10px #8de8a6;animation:blink 2.4s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.cta-link{padding:0;border:none;background:none;color:var(--text);font:400 .95rem var(--body);text-decoration:underline;text-decoration-color:#38bdf899;text-underline-offset:4px;cursor:pointer;transition:color .2s,text-decoration-color .2s}.cta-link:hover{color:var(--sky);text-decoration-color:var(--sky)}.cta-button{padding:.85rem 1.4rem;border:none;border-radius:10px;background:var(--sky);color:#04111f;font:500 .95rem var(--body);cursor:pointer;transition:opacity .2s,transform .2s}.cta-button:hover{opacity:.9;transform:translateY(-1px)}.cta-button:disabled{opacity:.5;cursor:wait;transform:none}.cta-button:focus-visible,.cta-link:focus-visible,.login:focus-visible,.beta-x:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.hero>*{opacity:0;transform:translateY(14px);animation:rise .9s cubic-bezier(.22,1,.36,1) forwards}.hero>:nth-child(2){animation-delay:.12s}.hero>:nth-child(3){animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}.beta-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.beta-overlay[hidden]{display:none}.beta-backdrop{position:absolute;inset:0;background:#03070fcc;backdrop-filter:blur(6px)}.beta-dialog{position:relative;width:100%;max-width:460px;padding:2rem 2rem 1.75rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px #00000073}.beta-dialog h2{font-family:var(--display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.65rem}.beta-x{position:absolute;top:.75rem;right:.85rem;border:none;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.beta-x:hover{color:var(--text)}.beta-intro{font-size:.95rem;line-height:1.55;color:var(--soft);margin-bottom:1.35rem}.beta-form{display:flex;flex-direction:column;gap:.35rem}.beta-form label{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}.beta-form input,.beta-form textarea{width:100%;padding:.75rem .9rem;margin-bottom:.5rem;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:1rem var(--body)}.beta-form textarea{resize:vertical;min-height:80px;line-height:1.5;font-size:.9rem}.beta-form input:focus,.beta-form textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px #38bdf833}.beta-form input::placeholder,.beta-form textarea::placeholder{color:var(--muted)}.beta-form .cta-button{margin-top:.5rem}.beta-error{font-size:.85rem;color:#ffb4a2;margin-bottom:.25rem}.legend{position:fixed;z-index:2;right:max(16px,3vw);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#07101fc7;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}.kinds{display:flex;flex-wrap:wrap;gap:2px}.kinds button{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:var(--soft);font:inherit;letter-spacing:inherit;cursor:default}.kinds button:hover,.kinds button:focus-visible{background:#8fb2e21a;color:var(--text);outline:none}.kinds i{width:8px;height:8px;transform:rotate(45deg) scaleY(.7)}[data-kind=research] i{background:#f2b872}[data-kind=data] i{background:#5eead4}[data-kind=code] i{background:#38bdf8}[data-kind=seo] i{background:#8de8a6}[data-kind=ux] i{background:#b9a8ff}[data-kind=infra] i{background:#eaf2ff}[data-kind=analytics] i{background:#f7a1c4}.tip{position:fixed;z-index:3;left:0;top:0;width:250px;padding:12px 14px;background:#07101feb;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px -12px #0009;pointer-events:none;opacity:0;transform:scale(.96);transform-origin:top left;transition:opacity .15s,transform .15s}.tip.on{opacity:1;transform:none}.tip-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.tip-head i{width:7px;height:7px;border-radius:50%}#tip-site{margin-left:auto;letter-spacing:.02em;text-transform:none;color:var(--muted)}.tip p{margin-top:8px;font-size:.82rem;line-height:1.45;color:var(--soft)}.tip code{display:inline-block;margin-top:10px;padding:4px 8px;border-radius:6px;background:#8fb2e214;font-family:var(--mono);font-size:.7rem;color:var(--text)}@media (max-width: 700px){.legend{display:none}#field{opacity:.5}.scrim{background:linear-gradient(180deg,#050b16eb,#050b168c 45% 65%,#050b16eb)}.hero{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 112px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 36px)}.cta{margin-top:auto}}@media (prefers-reduced-motion: reduce){.cta-note i{animation:none}.hero>*{animation:none;opacity:1;transform:none}}