/* Brutal True theme v22, generated from brutal-true-design-tokens.json v1.2.0 */
@font-face{font-family:'Anton';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/anton-400.woff2?v=29) format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/barlow-400.woff2?v=29) format('woff2')}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/barlow-500.woff2?v=29) format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/barlow-600.woff2?v=29) format('woff2')}
@font-face{font-family:'Barlow';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/barlow-700.woff2?v=29) format('woff2')}

:root{
  --bt-accent:#D4FF4F;
  --bt-secondary:#F28C28;
  --bt-bg:#0B0A0F;
  --bt-bg-mid:#100E16;
  --bt-bg-end:#1A1722;
  --bt-surface:#15131C;
  --bt-surface-raised:#221F2C;
  --bt-ink:#14160A;
  --bt-text:#F4F0FA;
  --bt-text-2:#9B92A8;
  --bt-error:#FF6B6B;
  --bt-line:rgba(255,255,255,.133);
  --bt-line-solid:#2E2A38;
  --bt-accent-hi:#E8FF7A;
  --bt-accent-lo:#A3C93A;
  --bt-hover:#1C1926;
  --bt-pressed:#0E0C14;
  --bt-selection:#243018;
  --bt-field:#100E16;
  --bt-row-alt:#12101A;
  --bt-meter-bg:#100E16;
  --bt-meter-fill:#D4FF4F;
  --bt-meter-fill-dim:#A3C93A;
  --bt-meter-peak:#F28C28;
  --bt-meter-clip:#FF6B6B;
  --bt-frame-idle:rgba(212,255,79,.30);
  --bt-frame-peak:rgba(212,255,79,.55);
  --bt-font-display:'Anton',Impact,'Arial Narrow',sans-serif;
  --bt-font-text:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bt-s-1:4px;--bt-s-2:8px;--bt-s-3:12px;--bt-s-4:16px;--bt-s-5:20px;--bt-s-6:24px;--bt-s-7:28px;--bt-s-8:32px;
  --bt-r-xs:2px;--bt-r-sm:4px;--bt-r-md:6px;--bt-r-frame:8px;--bt-r-desktop-card:14px;--bt-r-tab:16px;--bt-r-lg:18px;--bt-r-xl:28px;--bt-r-pill:99px;
  --bt-b-hairline:1px;--bt-b-button:1.5px;
  --bt-ease:cubic-bezier(.4,0,.2,1);
  --bt-dur-tab:250ms;
  --bt-gleam-sweep:1s;
  --bt-gleam-cycle:8s;
}
@property --bt-gleam{syntax:'<angle>';inherits:false;initial-value:0deg}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bt-bg);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--bt-text);font:400 17px/24px var(--bt-font-text);
  background:linear-gradient(180deg,var(--bt-bg) 0%,var(--bt-bg-mid) 55%,var(--bt-bg-end) 100%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--bt-accent)}
:focus-visible{outline:2px solid var(--bt-accent);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bt-wrap{--bt-gutter:clamp(24px,4vw,56px);width:min(1200px,calc(100% - 2 * var(--bt-gutter)));margin:0 auto}

h1,h2,h3{font-family:var(--bt-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;margin:0 0 .4em}
h1{font-size:56px;line-height:58px}
h2{font-size:28px;line-height:30px}
h3{font-size:20px;line-height:24px}
.bt-label{font:700 12px/1 var(--bt-font-text);letter-spacing:1.4px;text-transform:uppercase;color:var(--bt-accent);margin:0 0 var(--bt-s-2)}
.bt-muted{color:var(--bt-text-2)}
.bt-lead{color:var(--bt-text-2);font-size:17px;line-height:24px;max-width:36rem}

/* Brand mark */
.bt-mark{display:inline-flex;gap:.28em;font:400 26px/1 var(--bt-font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--bt-text);text-decoration:none;white-space:nowrap}
.bt-mark span+span{color:var(--bt-accent)}

/* Header + nav */
.bt-header{position:sticky;top:0;z-index:20;background:rgba(11,10,15,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--bt-line)}
.bt-header .bt-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--bt-s-4);min-height:64px}
.bt-nav{display:flex;gap:var(--bt-s-2);flex-wrap:wrap}
.bt-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--bt-r-pill);border:1px solid transparent;color:var(--bt-text-2);text-decoration:none;font:700 14px/1 var(--bt-font-text);letter-spacing:1.2px;text-transform:uppercase;transition:color var(--bt-dur-tab) var(--bt-ease),border-color var(--bt-dur-tab) var(--bt-ease)}
.bt-nav a:hover{color:var(--bt-accent);background:var(--bt-hover)}
.bt-nav a[aria-current="page"]{color:var(--bt-accent);border-color:var(--bt-frame-idle)}

/* Frame with border-only gleam */
.bt-frame{position:relative;background:var(--bt-surface);border:var(--bt-b-hairline) solid var(--bt-frame-idle);border-radius:var(--bt-r-lg)}
.bt-frame::before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--bt-gleam),transparent 0deg 165deg,var(--bt-frame-peak) 180deg,transparent 195deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;animation:bt-gleam var(--bt-gleam-cycle) var(--bt-ease) infinite;animation-delay:var(--bt-gleam-delay,0s)}
.bt-frame:nth-of-type(3n+2)::before{--bt-gleam-cycle:7s;--bt-gleam-delay:1.3s}
.bt-frame:nth-of-type(3n)::before{--bt-gleam-cycle:9s;--bt-gleam-delay:2.6s}
@keyframes bt-gleam{0%{opacity:0;--bt-gleam:0deg}2%{opacity:1}12%{opacity:1;--bt-gleam:360deg}14%,100%{opacity:0;--bt-gleam:360deg}}
.bt-raised{background:var(--bt-surface-raised)}
.bt-card{padding:var(--bt-s-6)}

/* Buttons */
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bt-s-2);min-height:44px;padding:10px 22px;border-radius:var(--bt-r-pill);border:var(--bt-b-button) solid var(--bt-accent);background:var(--bt-accent);color:var(--bt-ink);font:700 15px/1 var(--bt-font-text);letter-spacing:.3px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--bt-dur-tab) var(--bt-ease),border-color var(--bt-dur-tab) var(--bt-ease)}
.bt-btn:hover{background:var(--bt-accent-hi);border-color:var(--bt-accent-hi)}
.bt-btn:active{background:var(--bt-accent-lo);border-color:var(--bt-accent-lo)}
.bt-btn-ghost{background:transparent;color:var(--bt-accent)}
.bt-btn-sm{min-height:40px;padding:8px 18px;font-size:14px}
.bt-btn-ghost:hover{background:var(--bt-hover);border-color:var(--bt-accent);color:var(--bt-accent-hi)}
.bt-btn-ghost:active{background:var(--bt-pressed)}
.bt-btn.is-done{background:var(--bt-surface-raised);color:var(--bt-accent)}

/* Chips / link pills */
.bt-pills{display:flex;flex-wrap:wrap;gap:var(--bt-s-2);list-style:none;margin:0;padding:0}
.bt-pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--bt-r-pill);border:1px solid var(--bt-line);color:var(--bt-text);text-decoration:none;font:600 15px/1 var(--bt-font-text);transition:border-color var(--bt-dur-tab) var(--bt-ease),color var(--bt-dur-tab) var(--bt-ease)}
.bt-pills a:hover{border-color:var(--bt-accent);color:var(--bt-accent);background:var(--bt-hover)}
.bt-pills a:active{background:var(--bt-pressed)}

/* Sections */
.bt-section{margin:72px 0}
.bt-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--bt-s-4);margin-bottom:var(--bt-s-5)}
.bt-section-head h2{margin:0}
.bt-page-head{padding:48px 0 8px}
.bt-page-head h1{margin-bottom:var(--bt-s-3)}

/* Waveform (decorative) */
.bt-wave{display:flex;align-items:center;gap:4px;height:56px}
.bt-wave i{display:block;width:3px;height:calc(var(--h,.5)*100%);border-radius:2px;background:linear-gradient(var(--bt-meter-peak) 0 3px,var(--bt-meter-fill) 3px calc(100% - 3px),var(--bt-meter-peak) calc(100% - 3px));box-shadow:0 0 6px rgba(212,255,79,.4);animation:bt-wave 1.6s var(--bt-ease) infinite alternate;animation-delay:var(--d,0s)}
@keyframes bt-wave{from{transform:scaleY(.55)}to{transform:scaleY(1)}}

/* Footer */
.bt-footer{margin-top:72px;border-top:1px solid var(--bt-line);padding:28px 0 36px;color:var(--bt-text-2);font-size:14px}
.bt-footer .bt-wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--bt-s-4);flex-wrap:wrap}
.bt-footer nav.bt-footer-social{display:flex;gap:2px;flex-wrap:nowrap}
.bt-footer .bt-footer-social a{width:40px;min-height:40px;justify-content:center;border-radius:var(--bt-r-pill)}
.bt-footer .bt-footer-social a:hover{background:var(--bt-hover)}
.bt-footer nav{display:flex;gap:var(--bt-s-4);flex-wrap:wrap}
.bt-footer a{color:var(--bt-text-2);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.bt-footer a:hover{color:var(--bt-accent)}

/* Tablet 600-1024 */
@media (max-width:1024px){
  h1{font-size:48px;line-height:50px}
}
/* Phone <600: single simple column */
@media (max-width:599px){
  body{font-size:16px;line-height:23px}
  .bt-wrap{--bt-gutter:16px}
  h1{font-size:40px;line-height:42px}
  h2{font-size:24px;line-height:26px}
  .bt-header{position:static}
  .bt-header .bt-wrap{flex-direction:column;justify-content:center;gap:var(--bt-s-2);padding:18px 0 10px}
  .bt-mark{font-size:30px}
  .bt-nav{justify-content:center;gap:2px}
  .bt-nav a{padding:0 7px;font-size:12px;letter-spacing:.4px}
  .bt-card{padding:var(--bt-s-4)}
  .bt-section{margin:36px 0}
  .bt-page-head{padding:28px 0 4px;text-align:center}
  .bt-page-head .bt-lead{margin-left:auto;margin-right:auto}
  .bt-footer .bt-wrap,.bt-footer nav{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .bt-frame::before,.bt-wave i{animation:none}
  .bt-frame::before{opacity:0}
  *{transition:none!important;scroll-behavior:auto!important}
}