*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;}
img,svg{max-width:100%;height:auto;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p,figure{margin:0;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
a{color:inherit;text-decoration:none;}

:root{
  --rb-indigo:#08122B;
  --rb-teal:#0B3440;
  --rb-wine:#3A1230;
  --rb-violet:#241A4D;
  --rb-cyan:#2DE2D0;
  --rb-coral:#FF7A59;
  --rb-gold:#E0C27A;
  --rb-mist:#F4F7FC;
  --rb-warm:#B9BECF;
  --rb-ink:#030711;
  --rb-glass:#FFFFFF1F;
  --rb-coral-soft:#FFB4A2;

  --rb-font-display:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --rb-font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --rb-font-mono:"IBM Plex Mono","JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;

  --rb-line:rgba(255,255,255,.10);
  --rb-line-gold:rgba(224,194,122,.24);
  --rb-line-cyan:rgba(45,226,208,.34);
  --rb-radius:14px;
  --rb-radius-sm:8px;
  --rb-ease:cubic-bezier(.22,.61,.36,1);
}

body{
  background:var(--rb-indigo);
  color:var(--rb-mist);
  font-family:var(--rb-font-body);
  font-size:16px;
  line-height:1.8;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{font-family:var(--rb-font-display);font-weight:900;line-height:1.16;color:var(--rb-mist);}

::selection{background:var(--rb-cyan);color:var(--rb-ink);}

:focus-visible{outline:2px solid var(--rb-cyan);outline-offset:3px;border-radius:4px;}

.rb-shell{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,40px);
}

/* ---------- skip link ---------- */
.rb-skip{
  position:absolute;
  left:12px;
  top:-72px;
  z-index:120;
  padding:10px 20px;
  border-radius:0 0 10px 10px;
  background:var(--rb-cyan);
  color:var(--rb-ink);
  font-family:var(--rb-font-display);
  font-weight:800;
  font-size:14px;
  letter-spacing:.08em;
  transition:top .18s var(--rb-ease);
}
.rb-skip:focus{top:0;}

/* ---------- header ---------- */
.rb-header{
  position:relative;
  z-index:40;
  color:var(--rb-mist);
  background:
    radial-gradient(120% 72% at 50% -32%, rgba(45,226,208,.18), transparent 62%),
    radial-gradient(80% 64% at 90% 0%, rgba(58,18,48,.55), transparent 62%),
    linear-gradient(180deg,#0A1732 0%, #08122B 76%, #071022 100%);
}
.rb-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--rb-gold),transparent);
  opacity:.55;
}

.rb-header__utility{
  border-bottom:1px solid var(--rb-line);
  background:rgba(3,7,17,.38);
}
.rb-header__utility-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:38px;
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--rb-warm);
}
.rb-header__locale{margin:0;}
.rb-ghostlink{
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--rb-warm);
  padding:5px 2px;
  border-bottom:1px solid transparent;
  transition:color .18s var(--rb-ease),border-color .18s var(--rb-ease);
}
.rb-ghostlink:hover,
.rb-ghostlink:focus-visible{color:var(--rb-cyan);border-bottom-color:var(--rb-cyan);}
.rb-ghostlink[data-state="hinted"]{color:var(--rb-gold);border-bottom-color:var(--rb-gold);}

.rb-masthead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:clamp(12px,3vw,36px);
  padding:clamp(18px,3vw,30px) 0 clamp(12px,2vw,20px);
}
.rb-masthead__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--rb-font-mono);
  font-size:11.5px;
  letter-spacing:.22em;
  color:var(--rb-cyan);
  white-space:nowrap;
}
.rb-masthead__kicker::before{
  content:"";
  display:block;
  width:26px;
  height:1px;
  background:var(--rb-cyan);
}
.rb-masthead__brand{
  justify-self:center;
  display:block;
  text-align:center;
  padding:0 10px;
  transition:transform .2s var(--rb-ease);
}
.rb-masthead__brand:hover{transform:translateY(-1px);}
.rb-masthead__name{
  display:block;
  font-family:var(--rb-font-display);
  font-weight:900;
  font-size:clamp(26px,4.2vw,46px);
  line-height:1.04;
  letter-spacing:.1em;
  color:var(--rb-mist);
  text-shadow:0 0 30px rgba(45,226,208,.24);
}
.rb-masthead__sub{
  display:block;
  margin-top:8px;
  font-family:var(--rb-font-mono);
  font-size:11px;
  letter-spacing:.34em;
  color:var(--rb-gold);
}
.rb-masthead__tagline{
  justify-self:end;
  text-align:right;
  max-width:17em;
  font-size:13px;
  line-height:1.65;
  color:var(--rb-warm);
}

.rb-navbar{position:relative;}
.rb-navbar__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2px 0 clamp(10px,1.6vw,16px);
}
.rb-nav__list{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:2px;
}
.rb-nav__item{position:relative;}
.rb-nav__link{
  display:block;
  padding:11px clamp(10px,1.6vw,18px);
  border-radius:999px;
  font-family:var(--rb-font-display);
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--rb-warm);
  transition:color .18s var(--rb-ease),background .18s var(--rb-ease),box-shadow .18s var(--rb-ease);
}
.rb-nav__link:hover{color:var(--rb-mist);background:rgba(255,255,255,.06);}
.rb-nav__link[aria-current="page"]{
  color:var(--rb-cyan);
  background:rgba(45,226,208,.10);
  box-shadow:inset 0 0 0 1px var(--rb-line-cyan);
}

.rb-navtoggle{
  display:none;
  align-items:center;
  gap:12px;
  width:100%;
  padding:12px 16px;
  border:1px solid var(--rb-line-gold);
  border-radius:10px;
  background:rgba(36,26,77,.55);
  color:var(--rb-mist);
  font-family:var(--rb-font-mono);
  font-size:12.5px;
  letter-spacing:.24em;
}
.rb-navtoggle__bars{
  position:relative;
  display:block;
  width:18px;
  height:2px;
  background:var(--rb-cyan);
  transition:background .2s var(--rb-ease);
}
.rb-navtoggle__bars::before,
.rb-navtoggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:var(--rb-cyan);
  transition:transform .2s var(--rb-ease);
}
.rb-navtoggle__bars::before{top:-6px;}
.rb-navtoggle__bars::after{top:6px;}
.rb-header[data-open] .rb-navtoggle__bars{background:transparent;}
.rb-header[data-open] .rb-navtoggle__bars::before{transform:translateY(6px) rotate(45deg);}
.rb-header[data-open] .rb-navtoggle__bars::after{transform:translateY(-6px) rotate(-45deg);}
.rb-navtoggle__label{display:block;}

/* ---------- footer ---------- */
.rb-footer{
  position:relative;
  margin-top:clamp(48px,7vw,96px);
  padding:clamp(40px,6vw,64px) 0 26px;
  color:var(--rb-warm);
  border-top:1px solid var(--rb-line-gold);
  background:
    radial-gradient(82% 120% at 6% 0%, rgba(58,18,48,.78), transparent 58%),
    radial-gradient(70% 110% at 94% 4%, rgba(36,26,77,.82), transparent 62%),
    #050C1E;
}
.rb-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) minmax(0,1.25fr);
  gap:clamp(26px,4vw,54px);
  padding-bottom:clamp(28px,4vw,44px);
  border-bottom:1px solid var(--rb-line);
}
.rb-footer__wordmark{
  font-family:var(--rb-font-display);
  font-weight:900;
  font-size:clamp(20px,2.4vw,26px);
  letter-spacing:.12em;
  color:var(--rb-mist);
}
.rb-footer__line{
  margin-top:12px;
  font-size:14px;
  line-height:1.8;
  color:var(--rb-warm);
  max-width:32em;
}
.rb-footer__mark{
  display:inline-block;
  margin-top:16px;
  padding:4px 12px;
  border:1px solid var(--rb-line-gold);
  border-radius:999px;
  font-family:var(--rb-font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--rb-gold);
}
.rb-footer__groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,32px);
}
.rb-footer__group-title{
  margin-bottom:14px;
  font-family:var(--rb-font-mono);
  font-weight:600;
  font-size:11px;
  letter-spacing:.26em;
  color:var(--rb-cyan);
}
.rb-footer__links{display:grid;gap:9px;}
.rb-footer__link{
  display:inline-block;
  font-size:14.5px;
  color:var(--rb-warm);
  transition:color .18s var(--rb-ease),transform .18s var(--rb-ease);
}
.rb-footer__link:hover,
.rb-footer__link:focus-visible{color:var(--rb-mist);transform:translateX(4px);}

.rb-footer__contact{min-width:0;}
.rb-contact-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 10px;
  padding:7px 0;
  border-bottom:1px dashed rgba(255,255,255,.09);
  font-size:14px;
  line-height:1.65;
}
.rb-contact-line__key{
  min-width:38px;
  font-family:var(--rb-font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--rb-gold);
}
.rb-contact-line__val{color:var(--rb-mist);word-break:break-all;}
.rb-copy{
  margin-left:auto;
  padding:3px 10px;
  border:1px solid var(--rb-line-gold);
  border-radius:999px;
  font-family:var(--rb-font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--rb-warm);
  transition:color .18s var(--rb-ease),background .18s var(--rb-ease),border-color .18s var(--rb-ease);
}
.rb-copy:hover,
.rb-copy:focus-visible{color:var(--rb-ink);background:var(--rb-cyan);border-color:var(--rb-cyan);}
.rb-copy[data-state="done"]{color:var(--rb-ink);background:var(--rb-cyan);border-color:var(--rb-cyan);}
.rb-footer__note{
  margin-top:16px;
  font-size:12.5px;
  line-height:1.8;
  color:rgba(185,190,207,.78);
}
.rb-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 26px;
  padding-top:22px;
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(185,190,207,.8);
}
.rb-footer__legal{display:flex;flex-wrap:wrap;gap:8px 18px;}
.rb-footer__legal-link{transition:color .18s var(--rb-ease);}
.rb-footer__legal-link:hover,
.rb-footer__legal-link:focus-visible{color:var(--rb-cyan);}

/* ---------- typography helpers ---------- */
.rb-section{position:relative;padding:clamp(40px,6vw,80px) 0;}
.rb-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.28em;
  color:var(--rb-cyan);
}
.rb-h1{
  font-size:clamp(36px,6vw,68px);
  line-height:1.06;
  letter-spacing:.01em;
}
.rb-h2{
  font-size:clamp(26px,3.6vw,40px);
  line-height:1.18;
  letter-spacing:.01em;
}
.rb-h3{
  font-size:clamp(19px,2vw,24px);
  font-weight:800;
  line-height:1.34;
}
.rb-lede{
  max-width:66ch;
  margin-top:18px;
  font-size:clamp(16px,1.3vw,18px);
  line-height:1.85;
  color:var(--rb-warm);
}
.rb-prose{
  max-width:70ch;
  font-size:16.5px;
  line-height:1.85;
  color:rgba(244,247,252,.86);
}
.rb-prose p + p{margin-top:1.1em;}
.rb-prose h2,
.rb-prose h3{margin-top:1.8em;margin-bottom:.6em;color:var(--rb-mist);}
.rb-prose a{color:var(--rb-cyan);border-bottom:1px solid rgba(45,226,208,.42);}
.rb-prose a:hover{color:var(--rb-gold);border-bottom-color:var(--rb-gold);}
.rb-prose ul,
.rb-prose ol{margin:1em 0;padding-left:1.3em;list-style:disc;}
.rb-prose li + li{margin-top:.5em;}
.rb-divider{
  height:1px;
  border:0;
  margin:0;
  background:linear-gradient(90deg,transparent,var(--rb-line-gold),transparent);
}

/* ---------- buttons / chips / glass ---------- */
.rb-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:13px 24px;
  border:1px solid transparent;
  border-radius:999px;
  font-family:var(--rb-font-display);
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
  transition:transform .18s var(--rb-ease),background .18s var(--rb-ease),color .18s var(--rb-ease),border-color .18s var(--rb-ease),box-shadow .18s var(--rb-ease);
}
.rb-btn:hover{transform:translateY(-2px);}
.rb-btn--coral{
  background:var(--rb-coral);
  color:#180604;
  box-shadow:0 14px 32px -16px rgba(255,122,89,.95);
}
.rb-btn--coral:hover{background:var(--rb-coral-soft);}
.rb-btn--cyan{
  background:var(--rb-cyan);
  color:#04191A;
  box-shadow:0 14px 32px -16px rgba(45,226,208,.9);
}
.rb-btn--ghost{
  background:rgba(255,255,255,.05);
  border-color:var(--rb-line-gold);
  color:var(--rb-mist);
}
.rb-btn--ghost:hover{background:rgba(45,226,208,.12);border-color:var(--rb-line-cyan);color:var(--rb-cyan);}

.rb-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 13px;
  border:1px solid var(--rb-line);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  font-family:var(--rb-font-mono);
  font-size:11.5px;
  letter-spacing:.16em;
  color:var(--rb-warm);
}
.rb-chip--cyan{color:var(--rb-cyan);border-color:var(--rb-line-cyan);background:rgba(45,226,208,.10);}
.rb-chip--coral{color:var(--rb-coral-soft);border-color:rgba(255,122,89,.36);background:rgba(255,122,89,.10);}
.rb-chip--gold{color:var(--rb-gold);border-color:var(--rb-line-gold);background:rgba(224,194,122,.10);}

.rb-glass{
  position:relative;
  border:1px solid var(--rb-glass);
  border-radius:var(--rb-radius);
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 26px 60px -34px rgba(3,7,17,.92);
}

/* ---------- grids ---------- */
.rb-grid{display:grid;gap:clamp(16px,2.4vw,28px);}
.rb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.rb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}

/* ---------- breadcrumb ---------- */
.rb-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:18px 0;
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(185,190,207,.8);
}
.rb-breadcrumb__link{color:var(--rb-warm);transition:color .18s var(--rb-ease);}
.rb-breadcrumb__link:hover,
.rb-breadcrumb__link:focus-visible{color:var(--rb-cyan);}
.rb-breadcrumb__sep{color:rgba(224,194,122,.7);}
.rb-breadcrumb [aria-current="page"]{color:var(--rb-mist);}

/* ---------- figure ---------- */
.rb-figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--rb-glass);
  border-radius:var(--rb-radius);
  isolation:isolate;
  background:
    radial-gradient(120% 100% at 18% 0%, rgba(45,226,208,.20), transparent 62%),
    linear-gradient(152deg,var(--rb-violet) 0%, var(--rb-teal) 58%, var(--rb-indigo) 100%);
}
.rb-figure > img,
.rb-figure__media{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.rb-figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,18,43,0) 42%,rgba(3,7,17,.66) 100%);
}
.rb-figure__caption{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:1;
  padding:14px 16px;
  font-family:var(--rb-font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--rb-warm);
}
.rb-figure--wide{aspect-ratio:16/9;}
.rb-figure--band{aspect-ratio:21/9;}
.rb-figure--square{aspect-ratio:1/1;}
.rb-figure--tall{aspect-ratio:4/5;}

/* ---------- filter ---------- */
.rb-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 clamp(18px,3vw,28px);
  padding:10px;
  border:1px solid var(--rb-line);
  border-radius:999px;
  background:rgba(36,26,77,.42);
}
.rb-filter__btn{
  padding:8px 16px;
  border:1px solid var(--rb-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--rb-warm);
  transition:color .18s var(--rb-ease),background .18s var(--rb-ease),border-color .18s var(--rb-ease);
}
.rb-filter__btn:hover{color:var(--rb-mist);border-color:var(--rb-line-gold);}
.rb-filter__btn[aria-pressed="true"]{
  color:#04191A;
  background:var(--rb-cyan);
  border-color:var(--rb-cyan);
}
.rb-filter__count{
  margin-left:auto;
  padding-inline:10px;
  font-family:var(--rb-font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:rgba(185,190,207,.82);
}
[data-filter-item][hidden]{display:none;}

/* ---------- reveal ---------- */
html.rb-js [data-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .5s var(--rb-ease),transform .5s var(--rb-ease);
}
html.rb-js [data-reveal].is-visible{opacity:1;transform:none;}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .rb-masthead__tagline{font-size:12px;}
  .rb-footer__top{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);}
  .rb-footer__contact{grid-column:1 / -1;}
}

@media (max-width:880px){
  .rb-masthead{
    grid-template-columns:1fr;
    text-align:center;
    gap:10px;
    padding-bottom:16px;
  }
  .rb-masthead__kicker{justify-self:center;}
  .rb-masthead__tagline{
    justify-self:center;
    text-align:center;
    max-width:24em;
    font-size:12.5px;
  }
  .rb-navbar__inner{
    flex-direction:column;
    align-items:stretch;
    padding-bottom:14px;
  }
  .rb-navtoggle{display:flex;}
  .rb-nav{display:none;margin-top:10px;}
  .rb-header[data-open] .rb-nav{display:block;}
  .rb-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .rb-nav__item + .rb-nav__item{border-top:1px solid var(--rb-line);}
  .rb-nav__link{
    padding:13px 14px;
    border-radius:10px;
    font-size:15.5px;
  }
  .rb-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:640px){
  .rb-grid--2,
  .rb-grid--3{grid-template-columns:1fr;}
  .rb-footer__top{grid-template-columns:1fr;}
  .rb-footer__groups{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rb-footer__contact{grid-column:auto;}
  .rb-footer__bottom{flex-direction:column;align-items:flex-start;}
  .rb-filter{
    flex-wrap:nowrap;
    overflow-x:auto;
    border-radius:14px;
    -webkit-overflow-scrolling:touch;
  }
  .rb-filter__btn{white-space:nowrap;}
  .rb-filter__count{display:none;}
  .rb-figure--band{aspect-ratio:16/10;}
  .rb-btn{width:100%;justify-content:center;}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html.rb-js [data-reveal]{opacity:1;transform:none;}
  .rb-btn:hover,
  .rb-masthead__brand:hover,
  .rb-footer__link:hover{transform:none;}
}
