.sr-ribbon{position:fixed;top:0;left:0;width:100%;height:var(--sr-ribbon-height);z-index:1100;background:var(--color-danger);color:#fff;text-align:center;padding:4px 12px;font-size:var(--fs-7);line-height:1.25;display:flex;align-items:center;justify-content:center;} 

.sr-header{position:fixed;top:var(--sr-ribbon-height);left:0;width:100%;height:var(--sr-header-height);z-index:1090;background:rgba(11,21,40,0.97);border-bottom:1px solid var(--color-border);} 

.sr-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-3);} 

.sr-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;} 
.sr-brand__logo{height:44px;width:auto;} 
.sr-brand__text{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:-0.01em;} 

.sr-nav{display:flex;} 
.sr-nav__list{display:flex;gap:var(--space-4);margin:0;padding:0;} 
.sr-nav__link{font-size:var(--fs-6);color:var(--color-text-muted);} 
.sr-nav__link:hover{color:var(--color-text);} 
.sr-nav__close{display:none;} 

.sr-toggle{display:none;position:relative;z-index:1102;flex-direction:column;gap:5px;padding:10px;border-radius:10px;transition:background var(--transition),opacity var(--transition);} 
.sr-toggle:hover{background:rgba(129,140,248,0.12);} 
.sr-toggle__line{width:24px;height:2px;background:var(--color-text);border-radius:999px;transition:transform var(--transition),opacity var(--transition);} 
.sr-toggle[aria-expanded="true"] .sr-toggle__line:nth-child(1){transform:translateY(7px) rotate(45deg);} 
.sr-toggle[aria-expanded="true"] .sr-toggle__line:nth-child(2){opacity:0;} 
.sr-toggle[aria-expanded="true"] .sr-toggle__line:nth-child(3){transform:translateY(-7px) rotate(-45deg);} 

.sr-overlay{position:fixed;inset:var(--sr-ribbon-height) 0 0;background:rgba(0,0,0,0.62);z-index:1095;} 

@media(max-width:900px){
.sr-ribbon{font-size:0.72rem;padding-inline:10px;}
.sr-brand__logo{height:38px;}
.sr-brand__text{font-size:1.05rem;}
.sr-nav{position:fixed;top:var(--sr-ribbon-height);right:0;height:calc(100dvh - var(--sr-ribbon-height));width:min(320px,88vw);background:rgba(7,15,34,0.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateX(100%);visibility:hidden;transition:transform var(--transition),visibility var(--transition);padding:72px var(--space-4) var(--space-5);z-index:1101;overflow-y:auto;box-shadow:-16px 0 40px rgba(0,0,0,0.35);}
.sr-nav[data-open="true"]{transform:translateX(0);} 
.sr-nav[data-open="true"]{visibility:visible;}
.sr-nav__close{display:block;position:absolute;top:16px;right:18px;width:40px;height:40px;border-radius:10px;background:rgba(129,140,248,0.12);}
.sr-nav__close span{position:absolute;left:10px;top:19px;width:20px;height:2px;background:var(--color-text);border-radius:999px;}
.sr-nav__close span:first-child{transform:rotate(45deg);}
.sr-nav__close span:last-child{transform:rotate(-45deg);}
.sr-nav__list{flex-direction:column;gap:0;} 
.sr-nav__list li{border-bottom:1px solid var(--color-border);}
.sr-nav__link{display:block;padding:15px 4px;font-size:1.05rem;color:var(--color-text);}
.sr-toggle{display:flex;} 
body.sr-menu-open{overflow:hidden;}
body.sr-menu-open .sr-toggle{opacity:0;pointer-events:none;}
}

@media(max-width:360px){
.sr-ribbon{font-size:0.68rem;}
.sr-brand__text{font-size:0.95rem;}
}