*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#000;--bg-surface:#0a0a0a;--bg-surface-elevated:#141414;--gold-primary:#e8a940;--gold-glow:#e8a94014;--gold-muted:#e8a9404d;--text-primary:#fff;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-subtle:#ffffff0f;--border-strong:#ffffff26;--border-gold:#e8a94033;--shadow-glow:#000c;--font-serif:"Lora", Georgia, serif;--font-sans:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", monospace;--gold-text:#e8a940;--btn-primary-bg:#e8a940;--btn-primary-text:#000;--btn-primary-shadow:#e8a94026}[data-theme=light]{--bg-dark:#fafafa;--bg-surface:#fff;--bg-surface-elevated:#f3f4f6;--gold-primary:#e8a940;--gold-glow:#e8a94026;--gold-muted:#e8a94066;--gold-text:#b47814;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#a3a3a3;--border-subtle:#00000014;--border-strong:#0003;--border-gold:#e8a9404d;--shadow-glow:#ffffffe6;--btn-primary-bg:#171717;--btn-primary-text:#fff;--btn-primary-shadow:#00000026}:root{--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--space-9:8rem;--ease-out-quint:cubic-bezier(.22, 1, .36, 1)}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);font-weight:400;line-height:1.1}a{color:inherit;text-decoration:none}.text-hero{letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(3rem,6vw,5rem)}.text-hero em{color:var(--gold-primary);font-style:italic}.text-lead{color:var(--text-secondary);max-width:65ch;margin-bottom:var(--space-6);font-size:1.25rem;font-weight:400}.text-heading{margin-bottom:var(--space-3);letter-spacing:-.01em;font-size:2.5rem}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-9) 0;position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);padding:0 var(--space-4);cursor:pointer;height:48px;transition:all .4s var(--ease-out-quint);border:none;border-radius:24px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 0 24px var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:0 8px 32px var(--gold-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--gold-muted);background:#ffffff08}.fab-btn{background:var(--bg-surface);width:48px;height:48px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all .4s var(--ease-out-quint);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #0006}[data-theme=light] .fab-btn{box-shadow:none}.fab-btn:hover{color:var(--gold-primary);border-color:var(--border-gold);transform:translateY(-2px);box-shadow:0 8px 32px #0009}[data-theme=light] .fab-btn:hover{box-shadow:none}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out-quint);background:#0a0a0a99;border-radius:24px;box-shadow:0 8px 32px #0006}[data-theme=light] .glass-panel{background:#ffffffb3;box-shadow:0 8px 32px #0000000d}.bento-card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);transition:transform .4s var(--ease-out-quint), border-color .4s var(--ease-out-quint);border-radius:24px;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-gold);transform:translateY(-4px)}.workflow-step{gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-5);transition:transform .4s var(--ease-out-quint), border-color .4s var(--ease-out-quint);border-radius:24px;display:flex;position:relative;overflow:hidden}.workflow-step:hover{border-color:var(--border-gold);transform:translate(8px)}.workflow-number{background:var(--btn-primary-bg);width:48px;height:48px;color:var(--btn-primary-text);font-family:var(--font-mono);border:1px solid var(--border-gold);box-shadow:0 0 16px var(--btn-primary-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;display:flex}.canvas-window{border:1px solid var(--border-gold);background:var(--bg-surface);border-radius:16px;flex-direction:column;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff0d}.canvas-toolbar{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);height:48px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);display:flex}.canvas-tool{width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;display:flex}.canvas-tool.active{color:var(--gold-primary);background:#e8a9401a}.radial-glow{background:radial-gradient(ellipse at top, var(--gold-glow) 0%, transparent 70%);pointer-events:none;z-index:0;width:1000px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dot-grid{background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:32px 32px}.radial-mask{mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.text-shadow-glow{text-shadow:0 4px 32px var(--shadow-glow), 0 2px 8px var(--shadow-glow)}.relative{z-index:1;position:relative}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.justify-center{justify-content:center}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:fade-in-up .8s var(--ease-out-quint) forwards}.cursor-blink{color:var(--gold-primary);font-weight:400;animation:1s step-end infinite blink}.cursor-blink-finish{color:var(--gold-primary);opacity:0;font-weight:400;animation:1s step-end 3 forwards blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.md-grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.md-grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.text-hero{font-size:clamp(2.5rem,10vw,4rem)!important}.text-lead{padding-left:var(--space-3);padding-right:var(--space-3);font-size:1rem!important}.container{padding-left:var(--space-4);padding-right:var(--space-4)}.hidden-mobile{display:none!important}.show-mobile{display:block!important}span.show-mobile{display:inline!important}.flex-col-mobile{flex-direction:column!important}.stack-buttons-mobile{flex-direction:column;width:100%}.stack-buttons-mobile .btn{width:100%}.text-center-mobile{text-align:center;align-items:center}.bento-grid{grid-template-columns:1fr}.bento-card{padding:var(--space-4);grid-column:span 1!important}.radial-glow{height:60vh}}.start-container{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.start-bg-glow{pointer-events:none;background:radial-gradient(circle,#e8a9400f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.start-card{z-index:1;flex-direction:column;gap:2.5rem;width:100%;max-width:420px;padding:3rem;display:flex;position:relative}.start-brand{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.start-logo{opacity:.9;margin-bottom:.25rem}.start-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:400;line-height:1}.start-subtitle{color:var(--text-tertiary);margin:0;font-size:.875rem}.start-actions{flex-direction:column;gap:1.25rem;display:flex}.start-create-btn{background:var(--gold-primary);color:#000;width:100%;height:48px;font-family:var(--font-sans);cursor:pointer;transition:all .3s var(--ease-out-quint);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex;box-shadow:0 4px 24px #e8a94033}.start-create-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #e8a9404d}.start-create-btn:active:not(:disabled){transform:translateY(1px)}.start-create-btn:disabled{opacity:.7;cursor:not-allowed}.start-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.start-divider{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;font-size:.75rem;display:flex}.start-divider:before,.start-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.start-join-form{gap:.5rem;display:flex}.start-join-input{border:1px solid var(--border-subtle);height:44px;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.1em;transition:all .2s var(--ease-out-quint);background:#ffffff0a;border-radius:12px;outline:none;flex:1;padding:0 1rem;font-size:.9375rem}.start-join-input::placeholder{color:var(--text-tertiary);font-family:var(--font-sans);letter-spacing:0}.start-join-input:focus{border-color:var(--gold-primary);background:#ffffff0f;box-shadow:0 0 0 3px #e8a9401a}.start-join-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);height:44px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all .2s var(--ease-out-quint);border-radius:12px;padding:0 1.25rem;font-size:.875rem;font-weight:500}.start-join-btn:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff14}.start-join-btn:disabled{opacity:.4;cursor:not-allowed}.start-error{color:#ef4444;text-align:center;margin:0;font-size:.8125rem}.start-footer{color:var(--text-tertiary);margin:0;font-size:.8125rem;position:absolute;bottom:2rem}[data-theme=light] .start-join-input{background:#00000008}[data-theme=light] .start-join-input:focus{background:#00000005}