:root{
  --osb-bg:#08080d;
  --osb-panel:#14121a;
  --osb-panel-2:#211722;
  --osb-text:#fff8e8;
  --osb-muted:#d6cbbb;
  --osb-gold:#f2bd54;
  --osb-gold-soft:#ffe4a3;
  --osb-ruby:#8f2436;
  --osb-line:rgba(242,189,84,.26);
  --osb-shadow:0 28px 90px rgba(0,0,0,.44);
  --osb-radius:24px;
  --osb-focus:0 0 0 4px rgba(242,189,84,.35);
}

.osb-scroll-progress{position:fixed;z-index:9999;inset:0 auto auto 0;width:var(--osb-scroll,0%);height:3px;background:linear-gradient(90deg,var(--osb-ruby),var(--osb-gold),var(--osb-gold-soft));box-shadow:0 0 16px rgba(242,189,84,.6);pointer-events:none}
.osb-network-state{position:fixed;z-index:9998;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.5rem;max-width:min(90vw,420px);padding:.65rem .8rem;border:1px solid var(--osb-line);border-radius:999px;background:rgba(15,13,20,.92);color:var(--osb-muted);box-shadow:var(--osb-shadow);font:600 .78rem/1.2 system-ui,sans-serif;backdrop-filter:blur(16px);transform:translateY(150%);transition:transform .25s ease}
.osb-network-state[data-visible="true"]{transform:translateY(0)}.osb-network-state::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:#56d98b;box-shadow:0 0 12px currentColor}.osb-network-state[data-online="false"]::before{background:#ff7a7a}

.osb-command-trigger{position:fixed;z-index:90;right:1rem;top:5.4rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--osb-line);border-radius:999px;padding:.55rem .75rem;background:rgba(14,12,19,.82);color:var(--osb-text);font:700 .78rem/1 system-ui,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.28);backdrop-filter:blur(16px);cursor:pointer}.osb-command-trigger:hover,.osb-command-trigger:focus-visible{border-color:var(--osb-gold);box-shadow:var(--osb-focus)}.osb-command-trigger kbd{border:1px solid var(--osb-line);border-bottom-width:2px;border-radius:.4rem;padding:.15rem .35rem;color:var(--osb-gold-soft);background:#191520}

.osb-command-backdrop{position:fixed;z-index:10000;inset:0;display:none;place-items:start center;padding:clamp(4rem,12vh,8rem) 1rem 1rem;background:rgba(3,3,7,.72);backdrop-filter:blur(18px)}.osb-command-backdrop[data-open="true"]{display:grid}.osb-command-dialog{width:min(760px,100%);max-height:min(78vh,720px);overflow:hidden;border:1px solid var(--osb-line);border-radius:26px;background:linear-gradient(155deg,rgba(34,23,34,.98),rgba(10,10,16,.99));box-shadow:0 40px 120px rgba(0,0,0,.72)}.osb-command-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--osb-line)}.osb-command-header input{width:100%;border:0;outline:0;background:transparent;color:var(--osb-text);font:600 clamp(1rem,2vw,1.25rem)/1.3 system-ui,sans-serif}.osb-command-close{border:1px solid var(--osb-line);border-radius:.7rem;background:#15121a;color:var(--osb-muted);padding:.5rem;cursor:pointer}.osb-command-results{max-height:60vh;overflow:auto;padding:.6rem}.osb-command-result{display:grid;grid-template-columns:1fr auto;gap:.35rem .8rem;padding:.85rem;border-radius:14px;color:var(--osb-text);text-decoration:none}.osb-command-result:hover,.osb-command-result:focus-visible,.osb-command-result[data-active="true"]{background:rgba(242,189,84,.12);outline:1px solid var(--osb-line)}.osb-command-result strong{font-size:.98rem}.osb-command-result small{grid-column:1;color:var(--osb-muted)}.osb-command-result span{grid-column:2;grid-row:1/3;align-self:center;border:1px solid var(--osb-line);border-radius:999px;padding:.2rem .45rem;color:var(--osb-gold-soft);font:700 .66rem/1 system-ui,sans-serif}.osb-command-empty{padding:2rem;text-align:center;color:var(--osb-muted)}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}[data-reveal][data-visible="true"]{opacity:1;transform:none}
[data-spotlight]{position:relative;isolation:isolate;overflow:hidden}[data-spotlight]::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(242,189,84,.16),transparent 48%);opacity:0;transition:opacity .2s ease;pointer-events:none}[data-spotlight]:hover::before,[data-spotlight]:focus-within::before{opacity:1}

.premium-page{background:radial-gradient(circle at 70% -10%,rgba(143,36,54,.24),transparent 35%),var(--osb-bg);color:var(--osb-text)}.premium-shell{max-width:1280px;margin:auto;padding:clamp(3rem,8vw,7rem) 1rem}.premium-eyebrow{color:var(--osb-gold);font:800 .76rem/1.3 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.premium-title{margin:.4rem 0;font-size:clamp(3rem,8vw,7.4rem);line-height:.92;letter-spacing:-.045em}.premium-lead{max-width:780px;color:var(--osb-muted);font-size:clamp(1rem,1.6vw,1.25rem)}.premium-hero{position:relative;isolation:isolate;min-height:min(760px,calc(100svh - 72px));display:grid;align-items:end;overflow:hidden;padding:clamp(4rem,9vw,8rem) clamp(1rem,8vw,8rem);background:#09080e}.premium-hero::before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(5,4,9,.98),rgba(7,5,10,.7) 52%,rgba(7,5,10,.2)),var(--premium-hero-image,none) center/cover no-repeat}.premium-hero::after{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 72% 35%,rgba(242,189,84,.3),transparent 20%),linear-gradient(0deg,var(--osb-bg),transparent 38%)}.premium-hero-content{max-width:900px}.premium-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.premium-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--osb-gold);border-radius:999px;padding:.75rem 1rem;background:var(--osb-gold);color:#27180c;text-decoration:none;font:800 .88rem/1 system-ui,sans-serif}.premium-button.secondary{background:rgba(15,13,20,.62);color:var(--osb-gold-soft);backdrop-filter:blur(10px)}.premium-button:hover,.premium-button:focus-visible{box-shadow:var(--osb-focus);transform:translateY(-2px)}

.premium-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:-2.4rem;position:relative;z-index:3}.premium-metric{border:1px solid var(--osb-line);border-radius:18px;padding:1.1rem;background:linear-gradient(145deg,rgba(38,25,37,.98),rgba(13,13,20,.98));box-shadow:var(--osb-shadow)}.premium-metric strong{display:block;color:var(--osb-gold);font-size:clamp(1.55rem,3vw,2.25rem)}.premium-metric span{color:var(--osb-muted);font:600 .78rem/1.3 system-ui,sans-serif}
.premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.premium-card{border:1px solid var(--osb-line);border-radius:var(--osb-radius);padding:1.25rem;background:linear-gradient(155deg,var(--osb-panel-2),var(--osb-panel) 48%,#0c0c12);box-shadow:0 20px 60px rgba(0,0,0,.25)}.premium-card h2,.premium-card h3{color:var(--osb-gold-soft)}.premium-card p{color:var(--osb-muted)}.premium-card code{display:block;overflow-wrap:anywhere;color:var(--osb-gold-soft)}.premium-pills{display:flex;flex-wrap:wrap;gap:.4rem}.premium-pill{display:inline-flex;border:1px solid var(--osb-line);border-radius:999px;padding:.25rem .55rem;color:var(--osb-gold-soft);font:700 .68rem/1.2 system-ui,sans-serif}.premium-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:end;margin:1.5rem 0}.premium-toolbar label{display:grid;gap:.35rem;color:var(--osb-muted);font:700 .78rem/1.2 system-ui,sans-serif}.premium-toolbar input,.premium-toolbar select,.premium-toolbar button{min-height:48px;border:1px solid var(--osb-line);border-radius:12px;background:#0d0f16;color:var(--osb-text);padding:.75rem}.premium-toolbar button{background:var(--osb-gold);color:#27180c;font-weight:800;cursor:pointer}.premium-status{color:var(--osb-muted);font:600 .85rem/1.4 system-ui,sans-serif}

@media(max-width:1000px){.premium-grid{grid-template-columns:1fr 1fr}.premium-metrics{grid-template-columns:1fr 1fr}.premium-toolbar{grid-template-columns:1fr 1fr}.osb-command-trigger{top:auto;bottom:1rem}.osb-network-state{bottom:4.6rem}}
@media(max-width:640px){.premium-hero{min-height:620px;padding-bottom:5rem}.premium-grid,.premium-metrics,.premium-toolbar{grid-template-columns:1fr}.premium-metrics{margin-top:-1rem}.premium-title{font-size:clamp(2.8rem,16vw,5rem)}.osb-command-trigger span{display:none}.osb-command-dialog{border-radius:20px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.premium-button,[data-spotlight]::before,.osb-network-state{transition:none}.premium-button:hover{transform:none}}