/* Stellerbit Studio — shared shell for legacy content pages */
:root{--sb-edge:clamp(20px,4vw,64px);--sb-black:#050505;--sb-white:#f8f8f6;--sb-muted:#858581;--sb-line:rgba(0,0,0,.12)}
html{scroll-behavior:smooth}
body{overflow-x:hidden!important;background:var(--paper,#f4f1ec);color:var(--ink,#000);padding-top:0!important}
.site-header{height:76px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 var(--sb-edge)!important;color:#fff!important;background:rgba(5,5,5,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:11px!important;font-family:var(--body,Inter),sans-serif!important;font-weight:700!important;font-size:14px!important;letter-spacing:.08em!important;color:#fff!important}
.site-header .brand-mark{width:22px!important;height:31px!important;display:block!important;color:#fff!important}
.site-header .brand-mark svg{width:100%!important;height:100%!important;display:block!important;fill:currentColor!important}
.site-header .brand-name{display:flex!important;flex-direction:column!important;line-height:1!important;color:#fff!important}
.site-header .brand-name small{font-family:var(--mono,monospace)!important;font-size:8px!important;font-weight:400!important;letter-spacing:.38em!important;margin-top:5px!important;color:#aaa!important}
.site-header .nav{display:flex!important;align-items:center!important;gap:28px!important}
.site-header .nav a{font-family:var(--mono,monospace)!important;font-size:11px!important;font-weight:400!important;letter-spacing:.08em!important;color:#bdbdb9!important;padding:7px 0!important;position:relative!important}
.site-header .nav a::before{content:none!important}
.site-header .nav a::after{content:''!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:1px!important;background:#fff!important;transform:scaleX(0)!important;transform-origin:left!important;transition:.3s!important}
.site-header .nav a:hover::after,.site-header .nav a.active::after{transform:scaleX(1)!important}
.site-header .nav .nav-demo{border:1px solid #555!important;padding:10px 13px!important;color:#fff!important}
.site-header .nav-toggle{display:none!important;color:#fff!important;background:none!important}
.site-header .nav-toggle i{display:block!important;width:25px!important;height:1px!important;background:#fff!important;margin:5px!important}
.legacy-page-content{padding-top:76px!important}
.legacy-page-content .page-hero{padding-top:clamp(80px,9vw,130px)!important}
.site-footer{background:#050505!important;color:#fff!important;padding:80px var(--sb-edge) 25px!important;margin-top:0!important}
.site-footer .footer-top{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:50px!important}
.site-footer .footer-brand img{width:28px!important;height:40px!important;filter:invert(1)!important;margin-bottom:20px!important}
.site-footer .footer-brand strong{display:block!important;font-family:var(--display,Inter),sans-serif!important;font-size:18px!important;letter-spacing:.08em!important}
.site-footer .footer-brand span{font:400 8px var(--mono,monospace)!important;letter-spacing:.4em!important;color:#888!important}
.site-footer .footer-brand p{color:#777!important;max-width:300px!important;margin-top:25px!important;font-size:13px!important}
.site-footer .footer-links{display:flex!important;flex-direction:column!important;gap:12px!important}
.site-footer .footer-links h4{font:400 9px var(--mono,monospace)!important;letter-spacing:.2em!important;color:#777!important;margin-bottom:8px!important}
.site-footer .footer-links a{font-size:12px!important;color:#bbb!important}
.site-footer .footer-links a:hover{color:#fff!important}
.site-footer .footer-word{font-family:var(--display,Inter),sans-serif!important;font-size:clamp(80px,19vw,290px)!important;font-weight:800!important;letter-spacing:-.09em!important;line-height:.8!important;margin:110px -3px 50px!important;white-space:nowrap!important;color:#151515!important;overflow:hidden!important}
.site-footer .footer-bottom{border-top:1px solid #222!important;padding-top:18px!important;display:flex!important;justify-content:space-between!important;font:400 8px var(--mono,monospace)!important;letter-spacing:.13em!important;color:#666!important}
@media(max-width:900px){.site-header .nav{gap:15px!important}.site-header .nav a:not(.nav-demo){display:none!important}.site-header .nav-toggle{display:block!important}.site-footer .footer-top{grid-template-columns:1.5fr 1fr 1fr!important}.site-footer .footer-links:last-child{display:none!important}}
@media(max-width:700px){.site-header{height:64px!important}.site-header .nav{position:absolute!important;left:0!important;right:0!important;top:64px!important;background:#050505!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:10px var(--sb-edge) 20px!important;border-bottom:1px solid #222!important;transform:translateY(-120%)!important;transition:.4s!important}.site-header .nav.open{transform:translateY(0)!important}.site-header .nav a,.site-header .nav a:not(.nav-demo){display:block!important;padding:15px 0!important}.site-header .nav .nav-demo{text-align:center!important;margin-top:8px!important}.legacy-page-content{padding-top:64px!important}.site-footer .footer-top{grid-template-columns:1fr 1fr!important}.site-footer .footer-brand{grid-column:1/-1!important}.site-footer .footer-word{margin-top:70px!important}.site-footer .footer-bottom{flex-direction:column!important;gap:8px!important}}

.site-header .brand-mark img{width:100%!important;height:100%!important;display:block!important;filter:invert(1)!important}