.studio-home-top{grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);align-items:stretch;gap:clamp(22px,4vw,40px);margin-bottom:clamp(36px,6vw,56px);display:grid}@media (width<=920px){.studio-home-top{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}.hero-section{justify-content:center;align-items:center;padding:clamp(96px,14vw,180px) clamp(20px,5vw,64px) clamp(72px,12vw,160px);display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(40px,6vw,80px);width:100%;max-width:1200px;display:flex;position:relative}.hero-text{flex:460px;max-width:600px}.hero-title{letter-spacing:-.045em;margin:0 0 20px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.05}.hero-sub{max-width:540px;margin:0 0 36px;font-family:Inter,sans-serif;font-size:clamp(.98rem,1.4vw,1.25rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-btn{white-space:nowrap;border:1px solid;border-radius:100px;justify-content:center;align-items:center;padding:clamp(13px,1.4vw,18px) clamp(22px,2.6vw,40px);font-family:Inter,sans-serif;font-size:clamp(.92rem,1.05vw,1.1rem);font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex}.hero-btn:hover{transform:translateY(-1px)}.hero-visual{flex:320px;justify-content:center;align-items:center;padding:28px 0;display:flex}.hero-visual svg{width:100%;max-width:360px;height:auto}.hero-wheel-wrap{flex:320px;justify-content:center;align-items:center;padding:28px 0;display:flex}@media (width<=880px){.hero-inner{flex-direction:column-reverse;gap:48px}.hero-text{text-align:center;max-width:100%}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-wheel-wrap,.hero-visual{width:100%}}@media (width<=480px){.hero-actions{width:100%}.hero-btn{flex:auto;min-width:0}}.header-inner{justify-content:space-between;align-items:center;gap:clamp(16px,3vw,32px);width:100%;max-width:1280px;margin:0 auto;display:flex}.header-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-dropdown{position:relative}.nav-dropdown-trigger{font:inherit;color:inherit;background:0 0;border:none;padding:8px 0}.nav-dropdown-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.nav-popover{z-index:110;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:2px;min-width:280px;max-width:320px;padding:8px;animation:.2s cubic-bezier(.22,1,.36,1) navPopoverIn;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 18px 44px -16px #0f172a2e,0 2px 6px #0f172a0f}@keyframes navPopoverIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-popover:before{content:"";background:#fff;border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-popover:after{content:"";background:0 0;height:14px;position:absolute;top:-14px;left:0;right:0}.nav-popover-item{border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;transition:background .18s,color .18s;display:flex}.nav-popover-item:hover{background:#f8fafc}.nav-popover-item-title{letter-spacing:-.01em;color:inherit;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;font-weight:700}.nav-popover-item-blurb{color:#64748b;font-family:Inter,sans-serif;font-size:.8rem;line-height:1.4}.settings-wrap{position:relative}.settings-trigger{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .25s,border-color .25s,color .25s,transform .2s;display:inline-flex;position:relative}.settings-trigger:hover{transform:rotate(-8deg)}.settings-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.settings-trigger-accent{border:2px solid;border-color:inherit;border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 2px}.settings-popover{z-index:110;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;min-width:280px;padding:16px;animation:.2s cubic-bezier(.22,1,.36,1) navPopoverIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 44px -16px #0f172a2e,0 2px 6px #0f172a0f}.settings-popover:before{content:"";background:#fff;border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;width:12px;height:12px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section+.settings-section{border-top:1px solid #f1f5f9;padding-top:18px}.settings-section-label{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.settings-colors{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.settings-color{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;transition:background .18s,border-color .18s;display:inline-flex}.settings-color:hover{background:#f8fafc}.settings-color.is-active{border-color:var(--swatch);background:#f8fafc}.settings-color-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 1px #0f172a1a}.settings-color-label{color:#0f172a;white-space:nowrap;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}.settings-toggle{cursor:pointer;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;transition:background .18s,border-color .18s;display:flex}.settings-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.settings-toggle-text{text-align:left;flex-direction:column;gap:2px;display:flex}.settings-toggle-title{color:#0f172a;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600}.settings-toggle-sub{color:#64748b;font-family:Inter,sans-serif;font-size:.74rem}.settings-switch{background:#cbd5e1;border-radius:100px;flex-shrink:0;width:36px;height:20px;transition:background .25s;position:relative}.settings-switch.is-on{background:var(--accent)}.settings-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a33}.settings-switch.is-on .settings-switch-thumb{transform:translate(16px)}.hamburger-btn{flex-direction:column;display:none}.mobile-drawer{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#020617fa;flex-direction:column;transition:opacity .3s,transform .3s,visibility 0s linear .3s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-8px)}.mobile-drawer.is-open{opacity:1;visibility:visible;transition:opacity .3s,transform .3s,visibility;transform:translateY(0)}.mobile-drawer-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,32px);display:flex}.mobile-drawer-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:inline-flex}.mobile-drawer-close:hover{background:#ffffff1a;border-color:#ffffff40}.mobile-drawer-nav{flex-direction:column;flex:1;padding:24px clamp(20px,5vw,32px) 16px;display:flex}.mobile-drawer-link{letter-spacing:-.02em;opacity:0;border-bottom:1px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(1.4rem,6vw,1.8rem);font-weight:700;line-height:1.1;text-decoration:none;display:grid;transform:translate(-12px)}.mobile-drawer.is-open .mobile-drawer-link{animation:.45s cubic-bezier(.22,1,.36,1) forwards drawerSlideIn}@keyframes drawerSlideIn{to{opacity:1;transform:translate(0)}}.mobile-drawer-link-num{color:#ffffff59;letter-spacing:.1em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600}.mobile-drawer-link-label{min-width:0}.mobile-drawer-link-arrow{opacity:0;color:#ffffff80;transition:opacity .25s,transform .25s;transform:translate(-6px)}.mobile-drawer-link.active .mobile-drawer-link-arrow,.mobile-drawer-link:hover .mobile-drawer-link-arrow{opacity:1;transform:translate(0)}.mobile-drawer-row{flex-direction:column;display:flex}.mobile-drawer-sublist{opacity:0;border-bottom:1px solid #ffffff0f;flex-direction:column;padding:4px 0 12px 38px;display:flex;transform:translate(-12px)}.mobile-drawer.is-open .mobile-drawer-sublist{animation:.45s cubic-bezier(.22,1,.36,1) forwards drawerSlideIn}.mobile-drawer-sublink{letter-spacing:-.01em;border-left:2px solid;padding:11px 0 11px 14px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,border-left-color .2s;display:block}.mobile-drawer-sublink:hover{color:#fff!important}.mobile-drawer-foot{border-top:1px solid #ffffff0f;flex-direction:column;gap:24px;padding:24px clamp(20px,5vw,32px) 36px;display:flex}.mobile-drawer-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-drawer-group-label{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.mobile-drawer-colors{align-items:center;gap:10px;display:flex}.mobile-drawer-toggle{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:100px;align-self:flex-start;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.mobile-drawer-toggle:hover{background:#ffffff1a;border-color:#ffffff40}.mobile-drawer-contact{flex-direction:column;gap:4px;margin-top:4px;display:flex}.mobile-drawer-contact a{color:#ffffff8c;font-family:Inter,sans-serif;font-size:.88rem;text-decoration:none;transition:color .2s}.mobile-drawer-contact a:hover{color:#fff}@media (width<=900px){.desktop-nav,.header-tools{display:none!important}.hamburger-btn{display:flex!important}}