.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.site-header{position:sticky;top:0;z-index:100;background:rgb(10 10 10 / .85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:56px}.site-logo{font-family:var(--font-body);font-weight:700;font-size:1rem;letter-spacing:.06em;color:var(--color-white);display:flex;align-items:center;gap:6px}.site-logo .logo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);transition:color var(--transition-fast)}.site-nav a:hover{color:var(--color-white)}.site-nav a.active{color:var(--color-accent)}.nav-toggle{display:none;width:28px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer}.nav-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-fast)}.marquee-strip{overflow:hidden;padding:1.25rem 0;border-bottom:1px solid var(--color-border);background:var(--color-bg);user-select:none}.marquee-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-body);font-weight:700;font-size:clamp(0.65rem, 1.2vw, 0.75rem);letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted-2);padding:0 2rem}.marquee-item .dot{display:inline-block;width:4px;height:4px;background:var(--color-accent);border-radius:50%;margin:0 .6rem;vertical-align:middle;position:relative;top:-1px}.nav-commission-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem 1rem;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-bg);background:var(--color-white);border:1.5px solid var(--color-white);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;margin-right:-1.5rem}.nav-commission-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#0a0a0a!important;transform:translateY(-1px)}.nav-support-btn{display:flex!important;align-items:center;justify-content:flex-start;font-size:.8rem;font-weight:600;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#fbbf24 100%);border-color:#fcd34d;border-radius:99px;color:#92400e;padding:0 1rem;cursor:pointer}.support-btn-img{height:36px;width:auto;margin-left:-1.5rem;object-fit:contain;object-position:bottom center;display:block;transition:transform 200ms cubic-bezier(.34,1.56,.64,1),filter 150ms ease;user-select:none;-webkit-user-drag:none}.nav-support-btn:hover{background:#00f4cf;border-color:#f59e0b}.nav-support-btn:hover .support-btn-img{transform:translateY(-2px) scale(1.04);filter:brightness(1.08)}.nav-support-btn:active .support-btn-img{transform:scale(.97)}.hero{padding:clamp(2rem, 10vw, 5rem) 0 clamp(1rem, 7vw, 2rem);animation:fadeIn 10s ease both;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;position:relative;overflow:visible}.hero-inner{max-width:580px;position:relative;z-index:2}@keyframes mascotBob{0%,100%{transform:translateY(0);opacity:.9;filter:blur(0) drop-shadow(0 0 0 #fff0)}50%{transform:translateY(-24px);opacity:.8;filter:blur(1px) drop-shadow(0 0 10px rgb(6 209 245 / .4))}}.hero-mascot-wrap{position:relative;z-index:1;pointer-events:none;flex-shrink:0}.hero-mascot{width:clamp(200px, 28vw, 380px);height:auto;display:block;animation:mascotBob 1s infinite!important;opacity:.82;will-change:transform,opacity,filter;user-select:none;-webkit-user-drag:none}.hero-eyebrow{display:none;align-items:center;gap:6px;margin-bottom:1.5rem}.hero-eyebrow-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-bg);background:var(--color-accent);padding:3px 10px;border-radius:99px}.hero-eyebrow-text{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.hero h1{margin-bottom:1.25rem}.hero p{margin-bottom:2rem;max-width:520px}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section{padding:clamp(3.5rem, 8vw, 5.5rem) 0}.section+.section{border-top:1px solid var(--color-border)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.social-float{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:50}.social-float a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-muted);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.social-float a:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);transform:translateY(-2px)}.social-float svg{width:16px;height:16px}.site-footer{padding:2rem 0;border-top:1px solid var(--color-border)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.72rem;color:var(--color-muted);letter-spacing:.04em}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.hero{grid-template-columns:1fr auto;gap:1.25rem}.hero-mascot{width:clamp(140px, 22vw, 240px)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero{grid-template-columns:1fr;grid-template-rows:auto auto;gap:0}.hero-inner{grid-row:1;position:relative;z-index:2;max-width:100%}.hero-mascot-wrap{display:none}.site-nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.25rem var(--gutter);gap:1rem;align-items:center}.site-nav.open{display:flex}.nav-toggle{display:flex}}