@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.navbar[data-v-dcd4c5be]{z-index:1000;height:var(--navbar-height);transition:transform .35s,background-color .3s,border-color .3s;position:fixed;inset:0 0 auto}.navbar.scrolled[data-v-dcd4c5be]{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07080ad6;border-bottom:1px solid #ffffff17}.navbar.hidden[data-v-dcd4c5be]{transform:translateY(-100%)}.navbar-inner[data-v-dcd4c5be]{align-items:center;height:100%;display:flex}.navbar-brand[data-v-dcd4c5be]{letter-spacing:-.05em;margin-right:auto;font-size:1.45rem;font-weight:800}.navbar-brand span[data-v-dcd4c5be]{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.navbar-brand b[data-v-dcd4c5be]{color:var(--accent)}.nav-links[data-v-dcd4c5be]{align-items:center;gap:25px;display:flex}.nav-link[data-v-dcd4c5be]{color:var(--text-secondary);font:600 .68rem var(--font-mono);letter-spacing:.06em;padding:8px 0;transition:color .2s;position:relative}.nav-link[data-v-dcd4c5be]:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:1px;left:0;transform:scaleX(0)}.nav-link[data-v-dcd4c5be]:hover,.nav-link.active[data-v-dcd4c5be]{color:var(--text-primary)}.nav-link.active[data-v-dcd4c5be]:after{transform-origin:0;transform:scaleX(1)}.theme-switcher[data-v-dcd4c5be]{margin-left:24px;position:relative}.theme-trigger[data-v-dcd4c5be],.theme-option[data-v-dcd4c5be]{color:var(--text-secondary);font:600 .63rem var(--font-mono);letter-spacing:.08em;align-items:center;gap:9px;display:flex}.theme-trigger[data-v-dcd4c5be]{background:var(--bg-surface);border:1px solid #ffffff21;border-radius:8px;min-height:34px;padding:7px 10px}.theme-trigger i[data-v-dcd4c5be],.theme-option i[data-v-dcd4c5be]{border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.theme-menu[data-v-dcd4c5be]{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0b0df7;border:1px solid #ffffff21;border-radius:12px;width:220px;padding:7px;position:absolute;top:calc(100% + 10px);right:0}.theme-menu>p[data-v-dcd4c5be]{color:var(--text-muted);font:600 .55rem var(--font-mono);letter-spacing:.16em;padding:7px 9px 10px}.theme-option[data-v-dcd4c5be]{border-radius:7px;width:100%;min-height:42px;padding:9px 10px}.theme-option[data-v-dcd4c5be]:hover,.theme-option.active[data-v-dcd4c5be]{color:var(--text-primary);background:#ffffff12}.theme-option kbd[data-v-dcd4c5be]{color:var(--text-muted);font:500 .54rem var(--font-mono);margin-left:auto}.theme-pop-enter-active[data-v-dcd4c5be],.theme-pop-leave-active[data-v-dcd4c5be]{transform-origin:100% 0;transition:opacity .18s,transform .25s cubic-bezier(.22,1,.36,1)}.theme-pop-enter-from[data-v-dcd4c5be],.theme-pop-leave-to[data-v-dcd4c5be]{opacity:0;transform:translateY(-5px)scale(.97)}.hamburger[data-v-dcd4c5be]{flex-direction:column;align-items:flex-end;gap:5px;width:34px;display:none}.hamburger span[data-v-dcd4c5be]{background:var(--text-primary);width:24px;height:2px;transition:transform .25s,opacity .2s}.hamburger.active span[data-v-dcd4c5be]:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span[data-v-dcd4c5be]:nth-child(2){opacity:0}.hamburger.active span[data-v-dcd4c5be]:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-overlay[data-v-dcd4c5be]{z-index:998;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;position:fixed;inset:0}@media (width<=900px){.nav-links[data-v-dcd4c5be]{z-index:999;background:var(--bg-primary);border-left:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:6px;width:min(82vw,340px);height:100vh;padding:100px 30px 30px;transition:right .35s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:-100%}.nav-links.open[data-v-dcd4c5be]{right:0}.nav-link[data-v-dcd4c5be]{text-align:left;width:100%;padding:14px 0;font-size:1rem}.theme-switcher[data-v-dcd4c5be]{margin-left:auto;margin-right:14px}.theme-trigger[data-v-dcd4c5be]{justify-content:center;width:38px}.theme-trigger span[data-v-dcd4c5be]{display:none}.hamburger[data-v-dcd4c5be]{z-index:1001;display:flex}}:root{--bg-primary:#07080a;--bg-surface:#0d0e11;--bg-surface-light:#111318;--bg-surface-hover:#171a20;--bg-card:#0d0e11;--text-primary:#f4f4f6;--text-secondary:#b6b8c0;--text-muted:#747781;--accent:#42ddf5;--accent-light:#4de8ff;--accent-dark:#00a8cc;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-green:#22c55e;--accent-rgb:66, 221, 245;--accent-secondary:#9b7bff;--page-glow:#42ddf51f;--page-grid:#ffffff05;--accent-glow:0 0 20px #00d4ff4d;--accent-glow-strong:0 0 40px #00d4ff80;--accent-purple-glow:0 0 20px #a855f766;--gradient-accent:linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);--gradient-surface:linear-gradient(180deg, #ffffff05 0%, transparent 100%);--gradient-border:linear-gradient(135deg, #00d4ff4d 0%, #a855f74d 100%);--gradient-card:linear-gradient(145deg, #ffffff14 0%, #ffffff05 100%);--gradient-text:linear-gradient(135deg, #00d4ff 0%, #a855f7 50%, #ec4899 100%);--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-glow:0 0 40px #00d4ff26;--shadow-card:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--navbar-height:72px;--max-width:1280px;--section-padding:120px 24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}:root[data-theme=ember]{--bg-primary:#0b0807;--bg-surface:#120e0c;--bg-surface-light:#19120f;--bg-surface-hover:#211713;--bg-card:#120e0c;--text-primary:#fff7f0;--text-secondary:#c8b8ad;--text-muted:#87746a;--accent:#ff875f;--accent-light:#ffb078;--accent-dark:#dd5c3c;--accent-purple:#ff5e91;--accent-rgb:255, 135, 95;--accent-secondary:#ff5e91;--page-glow:#ff644826;--page-grid:#ffaa8006;--gradient-accent:linear-gradient(135deg, #ff875f 0%, #ff5e91 100%);--gradient-text:linear-gradient(135deg, #ffb078 0%, #ff875f 52%, #ff5e91 100%)}:root[data-theme=mono]{--bg-primary:#080908;--bg-surface:#0e100e;--bg-surface-light:#141714;--bg-surface-hover:#1b1f1b;--bg-card:#0e100e;--text-primary:#f1f4ec;--text-secondary:#b8beb0;--text-muted:#737b6d;--accent:#d9ff68;--accent-light:#e7ff9e;--accent-dark:#9dbd43;--accent-purple:#b6c7b0;--accent-rgb:217, 255, 104;--accent-secondary:#b6c7b0;--page-glow:#d9ff681a;--page-grid:#d9ff6805;--gradient-accent:linear-gradient(135deg, #f1f4ec 0%, #d9ff68 100%);--gradient-text:linear-gradient(135deg, #f1f4ec 0%, #d9ff68 100%)}::view-transition-old(root){animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);font-feature-settings:"calt", "kern", "liga", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#333}::-webkit-scrollbar-thumb:hover{background:#555}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 24px}.studio-page{min-height:100vh;padding-top:var(--navbar-height);isolation:isolate;position:relative}.studio-page:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(var(--page-grid) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.page-spotlight{z-index:-1;pointer-events:none;background:var(--page-glow);filter:blur(90px);will-change:transform;border-radius:50%;width:520px;height:520px;position:absolute;top:-260px;left:-260px}.studio-hero{border-bottom:1px solid #ffffff1a;align-content:end;min-height:62vh;padding:clamp(130px,18vh,220px) 0 72px;display:grid}.studio-kicker,.studio-index{color:var(--accent);font:600 .68rem/1.4 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.studio-title{letter-spacing:-.085em;max-width:980px;margin-top:22px;font-size:clamp(3.6rem,9vw,8.8rem);line-height:.9}.studio-title em{color:#0000;-webkit-text-stroke:1px #f4f4f67a;font-style:normal}.studio-lead{max-width:630px;color:var(--text-secondary);margin-top:30px;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.8}.studio-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px;display:flex}.studio-control{min-height:42px;color:var(--text-secondary);font:500 .78rem var(--font-mono);background:#101216e0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.studio-control:hover,.studio-control.active{color:var(--text-primary);background:#17191e;border-color:#ffffff4d}.studio-control.active:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}.studio-section{border-bottom:1px solid #ffffff14;padding:clamp(76px,11vw,150px) 0}.studio-section-head{grid-template-columns:minmax(120px,.35fr) 1fr;gap:30px;margin-bottom:56px;display:grid}.studio-section-head h2{letter-spacing:-.07em;max-width:820px;font-size:clamp(2.4rem,6vw,6rem);line-height:.96}.studio-card{--pointer-x:50;--pointer-y:50;border-radius:var(--radius-lg);background:radial-gradient(circle at calc(var(--pointer-x) * 1%) calc(var(--pointer-y) * 1%), rgba(var(--accent-rgb), .095), transparent 34%), var(--bg-surface);border:1px solid #ffffff1a;transition:border-color .2s,background-color .2s;position:relative;overflow:hidden}.studio-card:hover{border-color:#ffffff3d}.studio-empty{border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;border:1px dashed #ffffff29;padding:70px 24px}@media (width<=768px){.studio-hero{min-height:auto;padding:120px 0 60px}.studio-title{font-size:clamp(3rem,16vw,5rem)}.studio-section-head{grid-template-columns:1fr;margin-bottom:36px}.studio-section{padding:72px 0}.page-spotlight{display:none}}.section-title{text-align:center;background:var(--gradient-text);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";background:var(--gradient-accent);width:80px;height:4px;box-shadow:var(--accent-glow);border-radius:2px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:560px;margin-bottom:56px;margin-left:auto;margin-right:auto;font-size:clamp(.95rem,2vw,1.05rem);font-weight:400;line-height:1.7}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:var(--transition-base);border:1px solid #ffffff14}.card:hover{box-shadow:var(--shadow-card), var(--accent-glow);border-color:#00d4ff33;transform:translateY(-4px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);transition:var(--transition-fast);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-accent);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--accent-glow-strong);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #fff3}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow)}.btn-secondary{color:var(--text-secondary);background:#ffffff0d}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a}.glass-effect{-webkit-backdrop-filter:blur(20px);background:#12121a99;border:1px solid #ffffff14}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--gradient-accent);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-gradient{background-size:200% 200%;animation:8s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/200% 100%;animation:2s infinite shimmer}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}@media (width<=768px){:root{--section-padding:60px 16px;--navbar-height:60px}.section-title{font-size:1.6rem}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem}}@media (width<=480px){.container{padding:0 16px}.section-title{font-size:1.4rem}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .4s,transform .4s}.page-fade-enter-from{opacity:0;transform:translateY(20px)}.page-fade-leave-to{opacity:0;transform:translateY(-20px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}