:root{--bg: #0a0a0a;--bg-2: #111111;--bg-3: #161616;--bg-4: #1c1c1c;--line: #1f1f1f;--line-2: #2a2a2a;--line-3: #3a3a3a;--text: #ededed;--text-2: #a1a1a1;--text-3: #8a8a8a;--text-4: #4a4a4a;--accent: #c9f158;--accent-d: #8bb33d;--accent-l: #d4ff5e;--orange: #ff6b35;--blue: #4a9eff;--red: #ff5466;--success: #c9f158;--warning: #ffb547;--danger: #ff5466;--r-sm: 5px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--font-display: "Instrument Serif", "Times New Roman", serif;--font-sans: "Geist", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--topbar-h: 60px;--sidebar-w: 340px;--inspector-w: 380px;--footer-h: 32px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:#0a0a0a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}.wrap{max-width:1280px;margin:0 auto;padding:0 32px;position:relative}.btn{font-family:var(--font-sans);font-size:15px;font-weight:500;padding:9px 16px;border-radius:var(--r);border:1px solid transparent;transition:all .15s;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.005em;background:transparent;color:var(--text)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--bg-2)}.btn-primary{background:var(--accent);color:#0a0a0a;font-weight:600;box-shadow:0 0 0 1px #c9f15866,0 8px 24px -8px #c9f15880}.btn-primary:hover{background:var(--accent-l);transform:translateY(-1px);box-shadow:0 0 0 1px #c9f15899,0 12px 32px -8px #c9f15899}.btn-outline{border:1px solid var(--line-2);background:var(--bg-2)}.btn-outline:hover{background:var(--bg-3);border-color:var(--text-3)}.btn-lg{padding:15px 24px;font-size:17px;border-radius:var(--r-lg)}.pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);background:var(--bg-2);border:1px solid var(--line);border-radius:100px;padding:7px 14px;text-transform:uppercase;letter-spacing:.08em}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(46px,5.5vw,70px);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin-bottom:20px}.section-title em{font-style:italic;color:var(--text-2)}.section-sub{font-size:20px;color:var(--text-2);line-height:1.55;font-weight:300}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-style:italic;font-size:25px;letter-spacing:-.01em}.logo-mark{width:28px;height:28px;background:url(/icon.png) center / contain no-repeat;flex-shrink:0}.logo-mark.large{width:48px;height:48px}.logo-mark.xl{width:96px;height:96px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}.th-oak{background:radial-gradient(circle at 30% 30%,#8a6f4a,#3d2a18 70%)}.th-steel{background:radial-gradient(circle at 30% 30%,#c4c4c4,#4a4a4a 70%)}.th-moss{background:radial-gradient(circle at 30% 30%,#6b8e5a,#1f3a1f 70%)}.th-terracotta{background:radial-gradient(circle at 30% 30%,#c97a3a,#4a2a10 70%)}.th-asphalt{background:radial-gradient(circle at 30% 30%,#4a4a4a,#1a1a1a 70%)}.th-rust{background:radial-gradient(circle at 30% 30%,#d96642,#4a1a10 70%)}.th-marble{background:radial-gradient(circle at 30% 30%,#e8e8e8,#6a6a6a 70%)}.th-velvet{background:radial-gradient(circle at 30% 30%,#8a3a3a,#3a1818 70%)}.th-sand{background:radial-gradient(circle at 30% 30%,#d9c89a,#7a6840 70%)}.th-brick{background:radial-gradient(circle at 30% 30%,#a85a3e,#4a1a10 70%)}.th-slate{background:radial-gradient(circle at 30% 30%,#4a6b8a,#1a2a3d 70%)}.th-linen{background:radial-gradient(circle at 30% 30%,#b7a890,#5a4f3e 70%)}.th-carbon{background:radial-gradient(circle at 30% 30%,#2a2a2a,#0a0a0a 70%)}.th-copper{background:radial-gradient(circle at 30% 30%,#c97a3a,#4a2a10 70%)}.th-concrete{background:radial-gradient(circle at 30% 30%,#888,#333 70%)}.th-grass{background:radial-gradient(circle at 30% 30%,#7a9a4a,#2a3a1a 70%)}