:root{
    --ink:#14110D;
    --ink-soft:#1E1A13;
    --ink-panel:#241F16;
    --cream:#EFE8D8;
    --cream-dim:#C9C0A9;
    --teal:#5C1414;
    --teal-bright:#C6272B;
    --ochre:#C8862B;
    --ember:#E0592B;
    --line:rgba(239,232,216,0.14);
    --line-strong:rgba(239,232,216,0.28);
    --shadow:0 20px 60px rgba(0,0,0,0.45);
    --max:1240px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--ink);
    color:var(--cream);
    font-family:'Instrument Sans',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,.display{
    font-family:'Archivo',sans-serif;
    font-weight:800;
    letter-spacing:-0.01em;
    margin:0;
  }
  .mono{font-family:'Roboto Mono',monospace;}
  a{color:inherit;}
  img{max-width:100%; height:auto;}
  .elementor-page-wrap{ min-height:40vh; }
  /* Elementor manages its own widths/paddings inside pages built with it —
     this wrapper intentionally carries no width constraint of its own. */
  ::selection{background:var(--ochre);color:var(--ink);}
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
    html{scroll-behavior:auto;}
  }
  :focus-visible{outline:2px solid var(--teal-bright); outline-offset:3px;}

  /* ---------- layout shells ---------- */
  .wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}
  section{position:relative;}

  /* ---------- MASI TEXTURE ---------- */
  .masi-field{
    position:absolute; inset:0; pointer-events:none; opacity:0.05;
    background-image:
      repeating-linear-gradient(45deg, var(--cream) 0 2px, transparent 2px 34px),
      repeating-linear-gradient(-45deg, var(--cream) 0 2px, transparent 2px 34px);
    background-size:48px 48px;
  }

  /* ---------- BLUEPRINT / SCHEMATIC GRID (tech layer) ---------- */
  .blueprint{
    position:absolute; inset:0; pointer-events:none; opacity:0.055;
    background-image:
      linear-gradient(var(--teal-bright) 1px, transparent 1px),
      linear-gradient(90deg, var(--teal-bright) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, black 40%, transparent 100%);
  }

  /* ---------- CURSOR GLOW ---------- */
  #cursorGlow{
    position:fixed; width:420px; height:420px; border-radius:50%; pointer-events:none; z-index:2;
    background:radial-gradient(circle, rgba(34,162,142,0.10) 0%, transparent 70%);
    transform:translate(-50%,-50%); left:-999px; top:-999px;
    transition:opacity .3s ease; opacity:0;
  }
  @media (hover:hover){ #cursorGlow.active{opacity:1;} }

  /* ---------- STATUS BAR (tech readout) ---------- */
  .status-strip{
    position:fixed; top:0; left:0; right:0; z-index:61;
    border-bottom:1px solid var(--line); background:var(--ink-soft);
    font-family:'Roboto Mono'; font-size:11px; letter-spacing:0.04em; color:var(--cream-dim);
    overflow:hidden;
  }
  .status-strip .wrap{display:flex; justify-content:space-between; align-items:center; padding:7px 32px; gap:16px; flex-wrap:wrap;}
  .status-strip .seg{display:flex; align-items:center; gap:8px;}
  .status-strip .live-dot{width:6px; height:6px; border-radius:50%; background:var(--teal-bright); box-shadow:0 0 0 3px rgba(34,162,142,0.25); animation:pulse-dot 2s ease-in-out infinite;}
  @keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:0.35;}}
  .status-strip .divider{opacity:0.3;}
  @media (max-width:720px){ .status-strip .seg.hide-mobile{display:none;} }

  /* ---------- TRUST / PARTNERSHIP BAR ---------- */
  .trust-bar{padding:34px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .trust-bar .wrap{display:flex; align-items:center; gap:36px; flex-wrap:wrap;}
  .trust-bar .trust-label{font-family:'Roboto Mono'; font-size:11px; color:var(--cream-dim); letter-spacing:0.06em; flex:none;}
  .trust-badges{display:flex; gap:12px; flex-wrap:wrap; flex:1;}
  .trust-badge{
    font-family:'Archivo'; font-weight:700; font-size:12.5px; letter-spacing:0.02em; color:var(--cream-dim);
    border:1px solid var(--line-strong); padding:9px 16px; display:flex; align-items:center; gap:8px;
    transition:border-color .2s ease, color .2s ease;
  }
  .trust-badge:hover{border-color:var(--teal-bright); color:var(--cream);}
  .trust-badge svg{width:13px; height:13px; flex:none; color:var(--teal-bright);}

  /* ---------- count-up numeral flicker cue ---------- */
  .gauge .num.counting::after{content:"";}

  /* ---------- nav ---------- */
  header.site{
    position:fixed; top:30px; left:0; right:0; z-index:60;
    background:linear-gradient(to bottom, rgba(20,17,13,0.92), rgba(20,17,13,0));
    padding:20px 0;
    transition:background 0.3s ease, backdrop-filter 0.3s ease, border-color .3s ease, top .3s ease;
    border-bottom:1px solid transparent;
  }
  header.site.scrolled{
    background:rgba(20,17,13,0.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    padding:14px 0;
  }
  header.site .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px;}
  .brand{display:flex; align-items:center; gap:12px; font-family:'Archivo'; font-weight:800; font-size:16px; letter-spacing:0.01em;}
  .brand .crest-icon{width:auto; height:38px; flex:none; object-fit:contain;}
  .hero-crest{
    position:absolute; right:2%; top:50%; transform:translateY(-50%); width:34%; max-width:420px; z-index:1;
    filter:drop-shadow(0 20px 50px rgba(0,0,0,0.55));
  }
  @media (max-width:900px){ .hero-crest{width:52%; opacity:0.9; top:8%; transform:none; right:-6%;} }
  nav.primary{display:flex; gap:26px; align-items:center;}
  @media (max-width:1000px){ nav.primary{display:none;} }
  nav.primary li{list-style:none; display:inline-flex; margin:0;}
  nav.primary a{font-size:14px; text-decoration:none; color:var(--cream-dim); position:relative; padding:4px 0;}
  nav.primary a:hover{color:var(--cream);}
  nav.primary a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--teal-bright);transition:width .25s ease;}
  nav.primary a:hover::after{width:100%;}
  .btn{
    font-family:'Archivo'; font-weight:700; font-size:13.5px; letter-spacing:0.01em;
    padding:11px 20px; border-radius:2px; text-decoration:none; display:inline-flex; align-items:center; gap:8px;
    border:1px solid var(--line-strong); transition:border-color .2s ease, background .2s ease, transform .2s ease;
    cursor:pointer; background:transparent; color:var(--cream);
  }
  .btn.solid{background:var(--ember); border-color:var(--ember); color:var(--cream);}
  .btn.solid:hover{background:#c04f30; transform:translateY(-1px);}
  .btn.ghost:hover{border-color:var(--teal-bright); color:var(--teal-bright);}
  .navToggle{display:none;}

  /* ---------- route spine ---------- */
  .spine-track{
    position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px;
    background:var(--line); z-index:1;
  }
  .spine-fill{
    position:absolute; left:0; top:0; width:100%; height:0%;
    background:linear-gradient(to bottom, var(--teal-bright), var(--ochre));
    transition:height .1s linear;
  }
  .waypoint{
    position:absolute; left:50%; width:11px; height:11px; margin-left:-5px;
    border-radius:50%; background:var(--ink); border:2px solid var(--line-strong); z-index:2;
    transition:border-color .4s ease, background .4s ease, box-shadow .4s ease;
  }
  .waypoint.lit{border-color:var(--teal-bright); background:var(--teal-bright); box-shadow:0 0 0 5px rgba(34,162,142,0.18);}

  /* ---------- HERO ---------- */
  .hero{
    min-height:100vh; display:flex; flex-direction:column; justify-content:center;
    padding:198px 0 60px; overflow:hidden;
  }
  .hero .wrap{position:relative; z-index:2;}
  .eyebrow-line{
    display:flex; align-items:center; gap:14px; margin-bottom:26px; color:var(--cream-dim);
    font-size:13px; letter-spacing:0.04em;
  }
  .eyebrow-line .dot{width:7px;height:7px;border-radius:50%;background:var(--ochre); box-shadow:0 0 0 4px rgba(200,134,43,0.18);}
  .hero h1{
    font-size:clamp(48px, 8vw, 104px);
    line-height:0.94;
    max-width:14ch;
  }
  .hero h1 em{font-style:normal; color:var(--teal-bright);}
  .hero-sub{
    max-width:520px; margin-top:28px; font-size:18px; line-height:1.6; color:var(--cream-dim);
  }
  .hero-cta{display:flex; gap:16px; margin-top:40px; flex-wrap:wrap;}
  .hero-coords{
    margin-top:64px; display:flex; gap:44px; flex-wrap:wrap;
  }
  .coord{font-family:'Roboto Mono'; font-size:12.5px; color:var(--cream-dim);}
  .coord b{display:block; color:var(--cream); font-size:15px; margin-bottom:3px; font-weight:500;}

  .ridge{
    position:absolute; left:0; right:0; bottom:0; height:38vh; z-index:1; opacity:0.9;
  }
  .hero-route{
    position:absolute; right:6%; top:18%; width:230px; opacity:0.9; z-index:1;
  }
  @media (max-width:900px){ .hero-route{display:none;} }
  .hero-bike{
    position:absolute; right:-4%; bottom:2%; width:56%; max-width:760px; opacity:0.16; z-index:1; pointer-events:none;
  }
  @media (max-width:900px){ .hero-bike{width:85%; opacity:0.12; right:-10%; bottom:-2%;} }

  .section-bike-watermark{
    position:absolute; right:-6%; top:10%; width:34%; max-width:420px; opacity:0.045; z-index:0; pointer-events:none;
  }
  @media (max-width:900px){ .section-bike-watermark{display:none;} }

  .telemetry-canvas{
    position:absolute; inset:0; width:100%; height:100%; z-index:1; opacity:0.55; pointer-events:none;
  }

  /* ---------- STATS / INSTRUMENT CLUSTER ---------- */
  .cluster{padding:110px 0 90px; border-top:1px solid var(--line);}
  .cluster-head{max-width:640px; margin-bottom:64px;}
  .cluster-head .kicker{color:var(--teal-bright); font-size:13px; font-family:'Roboto Mono'; margin-bottom:14px; display:block;}
  .cluster-head h2{font-size:clamp(30px,4vw,44px); line-height:1.08;}
  .gauges{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .gauge{background:var(--ink); padding:32px 28px; position:relative;}
  .gauge .ring{width:64px; height:64px; margin-bottom:22px;}
  .gauge .num{font-family:'Archivo'; font-weight:900; font-size:38px; display:flex; align-items:baseline; gap:4px;}
  .gauge .num span.unit{font-size:16px; font-weight:600; color:var(--cream-dim);}
  .gauge .label{margin-top:8px; font-size:13.5px; color:var(--cream-dim); line-height:1.4;}
  @media (max-width:900px){ .gauges{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .gauges{grid-template-columns:1fr;} }

  /* ---------- ROUTE / CHAPTERS ---------- */
  .route-section{padding:110px 0; border-top:1px solid var(--line); position:relative;}
  .route-section .cluster-head{margin-bottom:80px;}
  .chapters{position:relative;}
  .chapter-row{
    display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px;
    padding:56px 0; border-top:1px solid var(--line); position:relative;
  }
  .chapter-row:last-child{border-bottom:1px solid var(--line);}
  .chapter-row:nth-child(even) .chapter-copy{order:2;}
  .chapter-tag{font-family:'Roboto Mono'; font-size:12.5px; color:var(--ochre); margin-bottom:14px; display:block;}
  .chapter-copy h3{font-size:30px; margin-bottom:14px;}
  .chapter-copy p{color:var(--cream-dim); line-height:1.65; font-size:15.5px; max-width:44ch;}
  .chapter-meta{display:flex; gap:34px; margin-top:24px; flex-wrap:wrap;}
  .chapter-meta div{font-size:12.5px; color:var(--cream-dim); font-family:'Roboto Mono';}
  .chapter-meta div b{display:block; color:var(--cream); font-size:16px; font-family:'Archivo'; font-weight:700; margin-top:2px;}
  .chapter-art{aspect-ratio:4/3; border:1px solid var(--line-strong); position:relative; overflow:hidden; background:var(--ink-soft);}
  .chapter-art svg{width:100%; height:100%; display:block;}
  @media (max-width:820px){
    .chapter-row{grid-template-columns:1fr; gap:28px;}
    .chapter-row:nth-child(even) .chapter-copy{order:0;}
  }

  /* ---------- EVENTS ---------- */
  .events{padding:110px 0; border-top:1px solid var(--line);}
  .events-list{border-top:1px solid var(--line);}
  .event-ticket{
    display:grid; grid-template-columns:120px 1fr auto; gap:32px; align-items:center;
    padding:30px 0; border-bottom:1px solid var(--line); transition:padding-left .25s ease;
  }
  .event-ticket:hover{padding-left:10px; border-bottom-color:var(--line-strong);}
  .event-date{font-family:'Archivo'; font-weight:900; line-height:1;}
  .event-date .d{font-size:36px; display:block;}
  .event-date .m{font-family:'Roboto Mono'; font-size:12px; letter-spacing:0.08em; color:var(--teal-bright); font-weight:400;}
  .event-info h4{font-family:'Archivo'; font-weight:700; font-size:18px; margin-bottom:6px;}
  .event-info p{color:var(--cream-dim); font-size:14px; margin:0;}
  .event-route-mini{font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); margin-top:8px;}
  .event-cta{text-align:right;}
  @media (max-width:700px){
    .event-ticket{grid-template-columns:70px 1fr; grid-template-areas:"date info" ". cta";}
    .event-cta{grid-column:1/-1; text-align:left; margin-top:10px;}
  }

  /* ---------- MEMBERSHIP ---------- */
  .membership{padding:110px 0; border-top:1px solid var(--line);}
  .tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .tier{background:var(--ink); padding:40px 32px; display:flex; flex-direction:column;}
  .tier.feature{background:var(--ink-panel);}
  .tier .tier-name{font-family:'Roboto Mono'; font-size:12.5px; color:var(--cream-dim); text-transform:none; margin-bottom:18px;}
  .tier .tier-price{font-family:'Archivo'; font-weight:900; font-size:40px; margin-bottom:6px;}
  .tier .tier-price span{font-size:14px; font-weight:500; color:var(--cream-dim);}
  .tier .tier-note{color:var(--cream-dim); font-size:14px; margin-bottom:28px; line-height:1.5;}
  .tier ul{list-style:none; margin:0 0 32px; padding:0; flex:1;}
  .tier li{
    font-size:14px; padding:11px 0; border-top:1px solid var(--line); color:var(--cream-dim);
    display:flex; gap:10px; align-items:flex-start;
  }
  .tier li:first-child{border-top:none;}
  .tier li svg{flex:none; margin-top:3px; width:13px; height:13px; color:var(--teal-bright);}
  @media (max-width:900px){ .tiers{grid-template-columns:1fr;} }

  /* ---------- ORIENTATION ---------- */
  .orientation{padding:110px 0; border-top:1px solid var(--line); position:relative;}
  .steps{position:relative; margin-top:64px;}
  .steps::before{
    content:""; position:absolute; left:39px; top:14px; bottom:14px; width:1px; background:var(--line-strong);
  }
  .step{display:grid; grid-template-columns:80px 1fr; gap:32px; padding:36px 0; position:relative;}
  .step-num{
    width:80px; height:80px; border-radius:50%; border:1px solid var(--line-strong);
    display:flex; align-items:center; justify-content:center; font-family:'Archivo'; font-weight:800; font-size:24px;
    background:var(--ink); position:relative; z-index:1; color:var(--teal-bright); flex:none;
  }
  .step-body h4{font-family:'Archivo'; font-weight:700; font-size:19px; margin-bottom:8px;}
  .step-body p{color:var(--cream-dim); font-size:15px; line-height:1.6; max-width:56ch; margin:0 0 12px;}
  .step-tag{font-family:'Roboto Mono'; font-size:11.5px; color:var(--ochre); letter-spacing:0.04em;}
  @media (max-width:640px){
    .steps::before{left:29px;}
    .step{grid-template-columns:60px 1fr; gap:20px;}
    .step-num{width:60px; height:60px; font-size:19px;}
  }

  /* ---------- LEADERSHIP ---------- */
  .leadership{padding:110px 0; border-top:1px solid var(--line);}
  .roster{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .roster-card{background:var(--ink); padding:30px 26px;}
  .roster-avatar{width:48px; height:48px; border-radius:50%; border:1px solid var(--line-strong); margin-bottom:20px; display:flex; align-items:center; justify-content:center; font-family:'Archivo'; font-weight:800; font-size:15px; color:var(--teal-bright);}
  .roster-card h4{font-family:'Archivo'; font-weight:700; font-size:16.5px; margin-bottom:4px;}
  .roster-role{font-family:'Roboto Mono'; font-size:11.5px; color:var(--ochre); margin-bottom:14px; display:block;}
  .roster-card p{font-size:13.5px; color:var(--cream-dim); line-height:1.55; margin:0;}

  /* ---------- SAFETY ---------- */
  .safety{padding:110px 0; border-top:1px solid var(--line);}
  .safety-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .safety-panel{background:var(--ink); padding:40px;}
  .safety-panel h3{font-family:'Archivo'; font-weight:700; font-size:20px; margin-bottom:22px; display:flex; align-items:center; gap:10px;}
  .safety-panel h3 .idx{font-family:'Roboto Mono'; font-size:13px; color:var(--teal-bright);}
  .safety-panel ul{list-style:none; margin:0; padding:0;}
  .safety-panel li{
    display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--line); font-size:14.5px; color:var(--cream-dim); align-items:flex-start;
  }
  .safety-panel li:first-child{border-top:none;}
  .safety-panel li b{color:var(--cream); font-weight:600; display:block; margin-bottom:2px; font-size:14.5px;}
  .safety-panel li .mk{font-family:'Roboto Mono'; font-size:11px; color:var(--ochre); flex:none; width:34px; padding-top:2px;}
  @media (max-width:820px){ .safety-grid{grid-template-columns:1fr;} }

  /* ---------- GALLERY ---------- */
  .gallery{padding:110px 0; border-top:1px solid var(--line);}
  .gallery-grid{
    display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:130px; gap:2px; margin-top:64px;
  }
  .gallery-grid figure{margin:0; position:relative; overflow:hidden; background:var(--ink-soft);}
  .gallery-grid figure svg{width:100%; height:100%; display:block;}
  .gallery-grid figure figcaption{
    position:absolute; left:0; right:0; bottom:0; padding:12px 14px; font-family:'Roboto Mono'; font-size:11px; color:var(--cream-dim);
    background:linear-gradient(to top, rgba(20,17,13,0.85), transparent); opacity:0; transition:opacity .25s ease;
  }
  .gallery-grid figure:hover figcaption{opacity:1;}
  .g1{grid-column:span 3; grid-row:span 2;}
  .g2{grid-column:span 3;}
  .g3{grid-column:span 3;}
  .g4{grid-column:span 2;}
  .g5{grid-column:span 2;}
  .g6{grid-column:span 2;}
  @media (max-width:820px){
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .g1,.g2,.g3,.g4,.g5,.g6{grid-column:span 1;}
  }

  /* ---------- TESTIMONIALS ---------- */
  .testimonials{padding:110px 0; border-top:1px solid var(--line);}
  .quote-row{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .quote-card{background:var(--ink); padding:34px 30px; display:flex; flex-direction:column; justify-content:space-between; min-height:230px;}
  .quote-card p{font-size:16px; line-height:1.55; margin:0 0 24px;}
  .quote-who{font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); display:flex; justify-content:space-between;}
  .quote-who b{color:var(--teal-bright); font-family:'Instrument Sans'; font-weight:600; display:block; font-size:13.5px; margin-bottom:2px;}
  @media (max-width:900px){ .quote-row{grid-template-columns:1fr;} }

  /* ---------- FAQ ---------- */
  .faq{padding:110px 0; border-top:1px solid var(--line);}
  .faq-list{border-top:1px solid var(--line); margin-top:64px;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item summary{
    padding:26px 0; font-family:'Archivo'; font-weight:700; font-size:17px; cursor:pointer; list-style:none;
    display:flex; justify-content:space-between; align-items:center; gap:20px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{font-family:'Roboto Mono'; font-size:20px; color:var(--teal-bright); flex:none; transition:transform .25s ease;}
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item .faq-a{padding:0 0 28px; color:var(--cream-dim); font-size:15px; line-height:1.65; max-width:66ch;}

  /* ---------- YEAR ON YEAR ---------- */
  .yoy{padding:110px 0; border-top:1px solid var(--line);}
  .yoy-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .yoy-card{background:var(--ink); padding:40px;}
  .yoy-top{display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:28px;}
  .yoy-label{font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); letter-spacing:0.04em;}
  .yoy-delta{
    font-family:'Roboto Mono'; font-size:12.5px; font-weight:500; padding:5px 10px;
    border:1px solid var(--line-strong); display:flex; align-items:center; gap:5px; flex:none;
  }
  .yoy-delta.up{color:var(--teal-bright); border-color:rgba(34,162,142,0.4);}
  .yoy-delta.down{color:var(--ember); border-color:rgba(168,67,42,0.4);}
  .yoy-current{font-family:'Archivo'; font-weight:900; font-size:44px; line-height:1; margin-bottom:6px;}
  .yoy-current span{font-size:16px; font-weight:600; color:var(--cream-dim);}
  .yoy-prev{font-family:'Roboto Mono'; font-size:12.5px; color:var(--cream-dim); margin-bottom:26px;}
  .yoy-bars{display:flex; align-items:flex-end; gap:10px; height:70px;}
  .yoy-bars .bar-col{flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; height:100%; justify-content:flex-end;}
  .yoy-bars .bar{width:100%; max-width:64px; background:var(--ink-panel); border:1px solid var(--line-strong); transition:height 1s cubic-bezier(.16,1,.3,1);}
  .yoy-bars .bar.this-year{background:var(--teal-bright); border-color:var(--teal-bright);}
  .yoy-bars .bar-tag{font-family:'Roboto Mono'; font-size:10.5px; color:var(--cream-dim);}
  .yoy-note{margin-top:22px; font-size:12.5px; color:var(--cream-dim); font-family:'Roboto Mono'; line-height:1.5; border-top:1px solid var(--line); padding-top:16px;}
  @media (max-width:820px){ .yoy-grid{grid-template-columns:1fr;} }

  /* ---------- CART TRIGGER ---------- */
  .cart-btn{
    position:relative; display:inline-flex; align-items:center; gap:8px; background:transparent;
    border:1px solid var(--line-strong); color:var(--cream); font-family:'Archivo'; font-weight:700; font-size:13.5px;
    padding:10px 14px; cursor:pointer; transition:border-color .2s ease;
  }
  .cart-btn:hover{border-color:var(--teal-bright);}
  .cart-btn svg{width:16px; height:16px;}
  .cart-badge{
    background:var(--ember); color:var(--cream); font-family:'Roboto Mono'; font-size:10.5px; font-weight:700;
    border-radius:50%; width:18px; height:18px; display:flex; align-items:center; justify-content:center; margin-left:-2px;
  }
  .cart-badge.zero{display:none;}

  /* ---------- CART DRAWER ---------- */
  .cart-overlay{
    position:fixed; inset:0; background:rgba(20,17,13,0.6); z-index:90; opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  .cart-overlay.open{opacity:1; pointer-events:auto;}
  .cart-drawer{
    position:fixed; top:0; right:0; bottom:0; width:min(420px,100%); background:var(--ink-panel); z-index:91;
    border-left:1px solid var(--line-strong); transform:translateX(100%); transition:transform .35s cubic-bezier(.16,1,.3,1);
    display:flex; flex-direction:column;
  }
  .cart-drawer.open{transform:translateX(0);}
  .cart-head{display:flex; justify-content:space-between; align-items:center; padding:26px 28px; border-bottom:1px solid var(--line);}
  .cart-head h3{font-family:'Archivo'; font-weight:800; font-size:18px;}
  .cart-close{background:none; border:none; color:var(--cream-dim); font-size:22px; cursor:pointer; line-height:1;}
  .cart-close:hover{color:var(--cream);}
  .cart-items{flex:1; overflow-y:auto; padding:10px 28px;}
  .cart-item{display:grid; grid-template-columns:52px 1fr auto; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); align-items:center;}
  .cart-item-icon{width:52px; height:52px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; background:var(--ink);}
  .cart-item-icon svg{width:26px; height:26px; color:var(--teal-bright);}
  .cart-item-name{font-family:'Archivo'; font-weight:700; font-size:14px; margin-bottom:6px;}
  .cart-item-qty{display:flex; align-items:center; gap:10px; font-family:'Roboto Mono'; font-size:12.5px; color:var(--cream-dim);}
  .qty-btn{background:none; border:1px solid var(--line-strong); color:var(--cream); width:22px; height:22px; cursor:pointer; font-family:'Roboto Mono';}
  .qty-btn:hover{border-color:var(--teal-bright);}
  .cart-item-price{font-family:'Archivo'; font-weight:700; font-size:14.5px; text-align:right;}
  .cart-item-remove{font-family:'Roboto Mono'; font-size:11px; color:var(--ember); background:none; border:none; cursor:pointer; margin-top:6px; padding:0;}
  .cart-empty{color:var(--cream-dim); font-size:14px; padding:40px 0; text-align:center;}
  .cart-foot{padding:24px 28px; border-top:1px solid var(--line);}
  .cart-subtotal{display:flex; justify-content:space-between; font-family:'Archivo'; font-weight:700; font-size:16px; margin-bottom:16px;}
  .cart-note{font-family:'Roboto Mono'; font-size:11px; color:var(--cream-dim); margin-top:12px; line-height:1.5;}

  /* ---------- E-SHOP ---------- */
  .eshop{padding:110px 0; border-top:1px solid var(--line);}
  .shop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:64px;}
  .product-card{background:var(--ink); padding:30px; display:flex; flex-direction:column;}
  .product-thumb{
    aspect-ratio:1; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center;
    margin-bottom:20px; background:var(--ink-soft);
  }
  .product-thumb svg{width:38%; height:38%; color:var(--teal-bright);}
  .product-name{font-family:'Archivo'; font-weight:700; font-size:16px; margin-bottom:6px;}
  .product-desc{font-size:13px; color:var(--cream-dim); line-height:1.5; margin-bottom:18px; flex:1;}
  .product-foot{display:flex; justify-content:space-between; align-items:center;}
  .product-price{font-family:'Archivo'; font-weight:800; font-size:18px;}
  .add-to-cart{
    font-family:'Roboto Mono'; font-size:12px; font-weight:500; background:transparent; color:var(--teal-bright);
    border:1px solid rgba(34,162,142,0.4); padding:8px 14px; cursor:pointer; transition:background .2s ease, color .2s ease;
  }
  .add-to-cart:hover{background:var(--teal-bright); color:var(--ink);}
  .add-to-cart.added{background:var(--teal-bright); color:var(--ink);}
  @media (max-width:900px){ .shop-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .shop-grid{grid-template-columns:1fr;} }

  /* ---------- SHARED TAB COMPONENT (Membership: Tiers / Apply) ---------- */
  .tab-nav{display:flex; gap:2px; border-bottom:1px solid var(--line); margin-bottom:48px; flex-wrap:wrap;}
  .tab-btn{
    font-family:'Roboto Mono'; font-size:12.5px; letter-spacing:0.04em; color:var(--cream-dim);
    background:transparent; border:none; padding:14px 22px; cursor:pointer; position:relative;
    text-transform:uppercase; transition:color .2s ease;
  }
  .tab-btn::after{content:"";position:absolute; left:0; right:0; bottom:-1px; height:2px; background:transparent; transition:background .2s ease;}
  .tab-btn:hover{color:var(--cream);}
  .tab-btn.active{color:var(--cream);}
  .tab-btn.active::after{background:var(--teal-bright);}
  .tab-panel{display:none;}
  .tab-panel.active{display:block;}

  /* ---------- MEMBERSHIP APPLICATION / APPROVAL ---------- */
  .app-stepper{display:flex; gap:0; margin:30px 0 6px;}
  .app-step{flex:1; display:flex; flex-direction:column; gap:8px;}
  .app-step .bar{height:2px; background:var(--line-strong);}
  .app-step.done .bar{background:var(--teal-bright);}
  .app-step .step-label{font-family:'Roboto Mono'; font-size:10.5px; color:var(--cream-dim); letter-spacing:0.03em;}
  .app-step.done .step-label{color:var(--teal-bright);}
  .form-check{display:flex; align-items:flex-start; gap:10px; margin-top:22px; font-size:13px; color:var(--cream-dim); line-height:1.5;}
  .form-check input{width:auto; margin-top:2px;}
  .app-success{display:none; text-align:center; padding:20px 4px;}
  .app-success.show{display:block;}
  .app-success .ref-badge{
    display:inline-block; font-family:'Roboto Mono'; font-size:13px; color:var(--teal-bright);
    border:1px solid rgba(34,162,142,0.4); padding:8px 16px; margin:18px 0 22px;
  }
  .app-success h3{font-family:'Archivo'; font-weight:800; font-size:22px; margin-bottom:10px;}
  .app-success p{color:var(--cream-dim); font-size:14.5px; line-height:1.6; max-width:38ch; margin:0 auto;}
  .app-status-row{display:flex; justify-content:center; gap:0; margin:28px 0 6px;}
  .app-status-row .app-step{flex:none; width:110px;}

  /* ---------- MEMBER BENEFITS BANNER ---------- */
  .benefits-banner{padding:70px 0; border-top:1px solid var(--line); background:var(--ink-soft);}
  .benefits-banner .wrap{display:grid; grid-template-columns:auto 1fr; gap:56px; align-items:center;}
  .benefits-count{text-align:left; flex:none;}
  .benefits-count .big-num{font-family:'Archivo'; font-weight:900; font-size:68px; line-height:1; color:var(--teal-bright);}
  .benefits-count .big-label{font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); margin-top:8px; max-width:16ch; line-height:1.5;}
  .benefits-list{border-left:1px solid var(--line-strong); padding-left:56px;}
  .benefits-list .b-head{font-family:'Roboto Mono'; font-size:11.5px; color:var(--cream-dim); letter-spacing:0.05em; margin-bottom:16px; display:block;}
  .benefits-partners{display:flex; flex-wrap:wrap; gap:10px;}
  .benefit-chip{
    font-family:'Archivo'; font-weight:700; font-size:13px; color:var(--cream-dim);
    border:1px dashed var(--line-strong); padding:10px 16px;
  }
  .benefits-note{margin-top:18px; font-size:12.5px; color:var(--cream-dim); font-family:'Roboto Mono'; line-height:1.5;}
  @media (max-width:820px){
    .benefits-banner .wrap{grid-template-columns:1fr; gap:32px;}
    .benefits-list{border-left:none; padding-left:0; border-top:1px solid var(--line-strong); padding-top:32px;}
  }

  .marquee-wrap{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:26px 0; overflow:hidden;}
  .marquee-track{display:flex; gap:64px; white-space:nowrap; animation:scroll-x 32s linear infinite; width:max-content;}
  .marquee-track span{font-family:'Archivo'; font-weight:700; font-size:15px; color:var(--cream-dim); letter-spacing:0.02em;}
  @keyframes scroll-x{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

  /* ---------- CONTACT ---------- */
  .contact{padding:120px 0; border-top:1px solid var(--line); position:relative;}
  .contact-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:80px;}
  .contact h2{font-size:clamp(32px,4.4vw,52px); line-height:1.05; max-width:12ch;}
  .contact p.lead{color:var(--cream-dim); font-size:17px; margin-top:20px; max-width:46ch; line-height:1.6;}
  .contact-list{margin-top:44px; border-top:1px solid var(--line);}
  .contact-row{display:flex; justify-content:space-between; padding:20px 0; border-bottom:1px solid var(--line); font-size:14.5px;}
  .contact-row span:first-child{color:var(--cream-dim); font-family:'Roboto Mono'; font-size:12.5px;}
  .form-panel{border:1px solid var(--line-strong); padding:36px; background:var(--ink-panel);}
  .form-panel label{display:block; font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); margin-bottom:8px; margin-top:20px;}
  .form-panel label:first-child{margin-top:0;}
  .form-panel input, .form-panel select, .form-panel textarea{
    width:100%; background:transparent; border:none; border-bottom:1px solid var(--line-strong);
    color:var(--cream); font-family:'Instrument Sans'; font-size:15px; padding:9px 2px; outline:none;
    transition:border-color .2s ease;
  }
  .form-panel input:focus, .form-panel select:focus, .form-panel textarea:focus{border-color:var(--teal-bright);}
  .form-panel select{color:var(--cream);}
  .form-panel select option{background:var(--ink);}
  .form-panel .btn{margin-top:30px; width:100%; justify-content:center;}
  @media (max-width:900px){ .contact-grid{grid-template-columns:1fr; gap:50px;} }

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line); padding:56px 0 40px;}
  .footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:40px; flex-wrap:wrap; padding-bottom:48px; border-bottom:1px solid var(--line);}
  .footer-cols{display:flex; gap:70px; flex-wrap:wrap;}
  .footer-col h5{font-family:'Roboto Mono'; font-size:12px; color:var(--cream-dim); margin-bottom:16px; font-weight:400;}
  .footer-col li{list-style:none; margin:0;}
  .footer-col a{display:block; font-size:14px; text-decoration:none; color:var(--cream); margin-bottom:10px; opacity:0.85;}
  .footer-col a:hover{opacity:1; color:var(--teal-bright);}
  .footer-bottom{display:flex; justify-content:space-between; padding-top:26px; font-size:12.5px; color:var(--cream-dim); flex-wrap:wrap; gap:10px;}

  /* reveal-on-view (single subtle device, not per-card default) */
  .rise{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}
  .rise.in{opacity:1; transform:none;}
/* ---------- WooCommerce bridge (maps default WC markup onto the theme look) ---------- */
.product-foot a.button, .product-foot .add_to_cart_button, .product-foot button.button{
  font-family:'Roboto Mono'; font-size:12px; font-weight:500; background:transparent; color:var(--teal-bright);
  border:1px solid rgba(198,39,43,0.4); padding:8px 14px; cursor:pointer; transition:background .2s ease, color .2s ease;
  text-decoration:none;
}
.product-foot a.button:hover, .product-foot .add_to_cart_button:hover{ background:var(--teal-bright); color:var(--ink); }

/* Cart / Checkout pages render via WooCommerce's own shortcode markup inside page.php —
   this keeps them legible on the dark theme without fully restyling WC's tables. */
.woocommerce-cart table.cart, .woocommerce-checkout table, .woocommerce table.shop_table{
  width:100%; border-collapse:collapse; color:var(--cream); font-family:'Instrument Sans'; margin:20px 0;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border:1px solid var(--line); padding:12px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  font-family:'Archivo'; font-weight:700; background:var(--ember); border:1px solid var(--ember); color:var(--cream);
  padding:11px 20px; text-decoration:none; display:inline-flex; cursor:pointer;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea{
  background:var(--ink-panel); border:1px solid var(--line-strong); color:var(--cream); padding:9px; width:100%;
}

/* ---------- Generic Page content (fallback page.php prose) ---------- */
.page-content{ color:var(--cream-dim); font-size:15.5px; line-height:1.7; max-width:70ch; }
.page-content a{ color:var(--teal-bright); }

/* ---------- POLLS (Events tab) ---------- */
.polls-block{margin-top:80px; padding-top:64px; border-top:1px solid var(--line);}
.fma-poll{background:var(--ink-panel); border:1px solid var(--line-strong); padding:30px 32px; margin-bottom:24px;}
.fma-poll-question{font-family:'Archivo'; font-weight:700; font-size:18px; margin-bottom:18px;}
.fma-poll-options{display:flex; flex-direction:column; gap:10px;}
.fma-poll-vote-btn{
  text-align:left; width:100%; background:transparent; border:1px solid var(--line-strong); color:var(--cream);
  font-family:'Instrument Sans'; font-size:14.5px; padding:13px 16px; cursor:pointer; transition:border-color .2s ease, background .2s ease;
}
.fma-poll-vote-btn:hover{border-color:var(--teal-bright); background:rgba(198,39,43,0.08);}
.fma-poll-vote-btn:disabled{opacity:0.6; cursor:default;}
.fma-poll-bar-row{display:flex; justify-content:space-between; font-size:13.5px; margin-bottom:6px;}
.fma-poll-pct{font-family:'Roboto Mono'; color:var(--teal-bright);}
.fma-poll-bar-track{height:8px; background:var(--ink-soft); border:1px solid var(--line);}
.fma-poll-bar-fill{height:100%; background:var(--teal-bright); transition:width .5s ease;}
.fma-poll-total{margin-top:16px; font-family:'Roboto Mono'; font-size:11.5px; color:var(--cream-dim);}