:root{--bg: #141210;--bg-deep: #0e0c0a;--ink: #ebe6dc;--muted: #9a9288;--accent: #c4a35a;--accent-soft: rgba(196, 163, 90, .16);--olive: #7a8f5c;--line: rgba(235, 230, 220, .12);--max: 68rem;--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Karla", "Helvetica Neue", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-deep)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}#root{min-height:100svh}.page{position:relative;isolation:isolate;overflow-x:clip;min-height:100svh}.atmosphere{pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 55% at 15% -10%,rgba(196,163,90,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,rgba(122,143,92,.14),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(196,163,90,.08),transparent 55%),linear-gradient(180deg,#161310,#12100e 45%,#0e0c0a)}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,4vw,2.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0c0a8c;border-bottom:1px solid transparent;transition:border-color .3s ease}.topbar:hover{border-bottom-color:var(--line)}.brand-mark{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;color:var(--accent)}.topbar-end{display:flex;align-items:center;gap:1rem 1.35rem}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1.1rem}.lang-switch{display:inline-flex;align-items:center;padding:.15rem;border:1px solid var(--line);border-radius:999px;background:#1412108c}.lang-switch button{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.35rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:color .2s ease,background .2s ease}.lang-switch button.is-active{background:var(--accent-soft);color:var(--accent)}.lang-switch button:hover{color:var(--ink)}.builds-list h3 a{color:inherit;transition:color .25s ease}.builds-list h3 a:hover{color:var(--accent)}.nav a{color:var(--muted);font-size:.92rem;transition:color .25s ease}.nav a:hover,.nav a.is-active{color:var(--ink)}.hero{position:relative;display:grid;align-items:end;min-height:calc(100svh - 4rem);padding:clamp(2.5rem,8vw,6rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,8vw,5rem);overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:38rem;animation:rise-in .9s cubic-bezier(.22,1,.36,1) both}.hero-brand{margin:0 0 .65rem;font-family:var(--font-display);font-size:clamp(2.8rem,10vw,5rem);font-weight:600;letter-spacing:-.04em;line-height:.95;color:var(--accent)}.hero-title{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:500;line-height:1.15;letter-spacing:-.02em;max-width:18ch;color:var(--ink)}.hero-support{margin:0 0 1.75rem;color:var(--muted);font-size:clamp(1rem,2.2vw,1.125rem);line-height:1.55;max-width:34ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.25rem;border-radius:999px;font-size:.95rem;font-weight:500;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#1a1510}.btn-primary:hover{background:#d4b56a}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:#c4a35a73;background:var(--accent-soft)}.hero-visual{position:absolute;inset:0;z-index:1;pointer-events:none}.cat-scene,.cat-scene-fallback{position:absolute;inset:0}.cat-scene canvas{width:100%!important;height:100%!important}.cat-scene-fallback{background:radial-gradient(ellipse 55% 50% at 70% 40%,rgba(196,163,90,.22),transparent 60%),radial-gradient(ellipse 40% 45% at 85% 65%,rgba(122,143,92,.16),transparent 55%)}.hero-glow{position:absolute;right:-8%;top:8%;width:min(58vw,34rem);height:min(58vw,34rem);border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(196,163,90,.1),transparent 55%),radial-gradient(circle at 70% 70%,rgba(122,143,92,.08),transparent 50%);filter:blur(8px);animation:drift 12s ease-in-out infinite alternate;pointer-events:none;mix-blend-mode:soft-light;opacity:.7}.hero-grain{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(196,163,90,.05) 58%,transparent 72%)}.section{width:min(100% - 2.5rem,var(--max));margin-inline:auto;padding:clamp(3.5rem,9vw,6.5rem) 0;border-top:1px solid var(--line)}.eyebrow{margin:0 0 .75rem;color:var(--olive);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section h2{margin:0 0 1.5rem;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:550;letter-spacing:-.02em;line-height:1.15;max-width:18ch}.section-intro,.prose p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:42rem}.prose{display:grid;gap:1.1rem}.section-intro{margin-bottom:2rem}.stack-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.stack-list li{padding:1.25rem 0;border-top:1px solid var(--line)}.stack-list li:last-child{border-bottom:1px solid var(--line)}.stack-list h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.2rem;font-weight:550}.stack-list p{margin:0;color:var(--muted);line-height:1.55}.likes-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.likes-list li{padding:1.4rem 0;border-top:1px solid var(--line)}.likes-list li:last-child{border-bottom:1px solid var(--line)}.likes-list h3,.builds-list h3{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.35rem;font-weight:550;letter-spacing:-.01em}.likes-list p,.builds-list p{margin:0;color:var(--muted);line-height:1.6;max-width:40rem}.builds-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}.builds-list li{padding:1.35rem 0 1.5rem;border-top:1px solid var(--line)}.build-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.25rem;margin-bottom:.55rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags span{padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem;letter-spacing:.02em}.contact-links{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-width:28rem}.contact-links a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);transition:color .25s ease,padding-left .25s ease}.contact-links a:hover{color:var(--accent);padding-left:.35rem}.contact-label{font-family:var(--font-display);font-size:1.25rem;font-weight:550}.contact-note{color:var(--muted);font-size:.9rem}.footer{width:min(100% - 2.5rem,var(--max));margin:0 auto;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.footer-sep{opacity:.5}.playground-main{width:min(720px,100%);margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,2.5rem) 4rem}.playground-main h1{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:550}.playground-auth{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin:1.5rem 0 2rem}.playground-muted,.playground-error{color:var(--muted)}.playground-error{color:#d9897a;margin-top:1rem}.playground-panel{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--line)}.playground-panel h2{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.35rem;font-weight:550}.playground-panel>p{margin:0 0 1.25rem;color:var(--muted);line-height:1.55}.playground-modes{display:inline-flex;gap:.35rem;margin:0 0 1.25rem;padding:.2rem;border:1px solid var(--line);border-radius:.45rem;background:#14121073}.playground-modes button{appearance:none;border:0;background:transparent;color:var(--muted);padding:.45rem .85rem;border-radius:.3rem;cursor:pointer;font:inherit}.playground-modes button.is-active{background:#c4a35a29;color:var(--ink)}.playground-form{display:grid;gap:.85rem;max-width:28rem}.playground-form.inline{grid-template-columns:1fr auto;align-items:end;max-width:none}.playground-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem}.playground-form input,.playground-form select{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.35rem;background:#141210a6;color:var(--ink)}.playground-secret{margin:1rem 0;padding:.85rem;border:1px solid var(--line);border-radius:.35rem;word-break:break-all}.playground-secret code{display:block;margin-top:.4rem;color:var(--accent)}.playground-token-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.65rem}.playground-token-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.playground-result pre{margin:0;padding:1rem;overflow:auto;max-height:22rem;border:1px solid var(--line);border-radius:.35rem;background:#0a09088c;font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.playground-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:#080a08b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.playground-modal-panel{width:min(26rem,100%);padding:1.5rem 1.35rem 1.25rem;border:1px solid var(--line);border-radius:.55rem;background:linear-gradient(165deg,#1c201afa,#10120ffa);box-shadow:0 24px 60px #00000059;animation:playground-modal-in .28s cubic-bezier(.22,1,.36,1)}.playground-modal-panel h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.45rem;font-weight:550}.playground-modal-panel>p{margin:0 0 1.15rem;color:var(--muted);line-height:1.5}.playground-resend{margin-top:.75rem;width:100%}@keyframes playground-modal-in{0%{opacity:0;transform:translateY(.6rem) scale(.98)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes rise-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,4%,0) scale(1.06)}}.playground{width:min(var(--max),100%);margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem) 4rem}.playground-hero h1{margin:.35rem 0 .75rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.03em}.playground-panel{margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--line)}.playground-session{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.playground-form{display:grid;gap:1rem;max-width:36rem}.playground-form h2{margin:0;font-family:var(--font-display);font-size:1.45rem}.playground-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}.playground-form input[type=email],.playground-form input[type=password],.playground-form input[type=text],.playground-form input[type=file],.playground-form select{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:.65rem;background:#141210a6;color:var(--ink);font:inherit}.playground-consent{display:grid!important;grid-template-columns:auto 1fr;gap:.75rem!important;align-items:start;color:var(--ink)!important;line-height:1.45}.playground-consent input{margin-top:.25rem}.playground-hint,.playground-muted{margin:0;color:var(--muted);font-size:.9rem}.playground-error{margin:1rem 0 0;padding:.85rem 1rem;border:1px solid rgba(196,100,80,.45);border-radius:.65rem;background:#501e1459;color:#f0d2c8}.playground-tabs{display:inline-flex;gap:.35rem;margin:1rem 0;padding:.2rem;border:1px solid var(--line);border-radius:999px}.playground-tabs button{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.45rem .9rem;border-radius:999px;font:inherit}.playground-tabs button.is-active{background:var(--accent-soft);color:var(--accent)}.playground-result{margin-top:2rem}.playground-result pre{margin:.75rem 0 0;padding:1rem;overflow:auto;border:1px solid var(--line);border-radius:.75rem;background:#0a0908b8;color:var(--ink);font-size:.85rem;line-height:1.45}@media(max-width:640px){.nav{display:none}.topbar-end{gap:.5rem}.hero{align-items:center;min-height:calc(100svh - 3.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-glow,.reveal{animation:none!important;transition:none!important;opacity:1;transform:none}}