:root{
    --ease:cubic-bezier(0.22,1,0.36,1);
    --bg:#ffffff; --bg-2:#f6f6f5; --fg:#0c0c0d; --fg-2:#4a4a4d; --muted:#87878b;
    --line:#e7e6e4; --card:#ffffff; --accent:#c8102e; --accent-2:#9c0c23; --ink:#141416;
    --header-bg:rgba(255,255,255,.82); --shadow:0 18px 50px -20px rgba(12,12,13,.28);
  }
  [data-theme="dark"]{
    --bg:#0c0c0e; --bg-2:#131316; --fg:#f4f3f1; --fg-2:#b8b7b4; --muted:#7f7e7c;
    --line:#26262a; --card:#141417; --ink:#f4f3f1;
    --header-bg:rgba(12,12,14,.72); --shadow:0 20px 60px -20px rgba(0,0,0,.7);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{font-family:'Geist',system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  [data-font="dys"] body, body[data-font="dys"]{font-family:'Lexend',sans-serif !important}
  #adgc[data-font="dys"]{font-family:'Lexend',sans-serif}
  ::selection{background:var(--accent);color:#fff}
  a{color:var(--accent);text-decoration:none}
  a:hover{color:var(--accent-2)}
  img{max-width:100%;display:block}
  @keyframes kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.14) translate(-1.5%,-1.5%)}}
  @keyframes brickrise{0%{transform:translateY(14px);opacity:0}60%{opacity:1}100%{transform:translateY(0);opacity:1}}
  @keyframes loadbar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
  @keyframes grainshift{0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-2%,-3%)}100%{transform:translate(0,0)}}
  @keyframes spin{to{transform:rotate(360deg)}}
  .u-underline{position:relative}
  .u-underline::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
  .u-underline:hover::after,.u-underline:focus-visible::after{transform:scaleX(1)}
  .grainshift{animation:grainshift 8s steps(6) infinite}
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important}
    [data-reveal]{opacity:1 !important;transform:none !important}
  }
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:var(--line);border-radius:20px}
  ::-webkit-scrollbar-thumb:hover{background:var(--accent)}
  #gs-scroll::-webkit-scrollbar{display:none}
  [data-gs]:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
  details[data-faq] summary::-webkit-details-marker{display:none}
