@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* Threshium Lab: an approachable training workshop, with intensity colours in the data. */
:root{--paper:#f3f0e9;--ink:#252521;--muted:#74736b;--line:#d9d5cb;--orange:#d95430;--pale:#e8e3d9;--white:#fffdf7;--zone-violet:#a58bce}
body{background:var(--paper)}
.eyebrow,.stage-number,.working,.audience-tag,.equipment-index,.demo-label,.sample-footnote,.price-top,.field-help,.footer-bottom,.panel-kicker{font-family:'IBM Plex Mono',monospace}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif}
.header{background:#22221f;color:#f6f2e8}
.header.wrap{max-width:none;padding-left:max(30px,calc((100vw - 1216px)/2));padding-right:max(30px,calc((100vw - 1216px)/2))}
.home-rebuild .header.wrap,.rider-page .header.wrap{max-width:none}
.brand{gap:11px}
.home-rebuild .brand,.rider-page .brand{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:25px;text-transform:uppercase;letter-spacing:.4px}
.home-rebuild .brand-icon,.rider-page .brand-icon{background:var(--orange);color:#fff8ee;border:0;border-radius:1px;font:800 21px 'Barlow Condensed',sans-serif;letter-spacing:-1px;text-transform:uppercase;transform:skew(-7deg)}
.brand-icon span{color:inherit}
.home-rebuild .working,.rider-page .working{color:#b8b6aa;font-size:7px;letter-spacing:1.3px;margin-top:4px}
.header nav{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:10px}
.header .nav-cta,.rider-page .header .nav-cta{border-color:#5f5d55;background:transparent;border-radius:1px;color:#f6f2e8}
.header nav a:hover{color:#f99872}
.stage-plan{background:#f0ebe1;border-color:#d3ccbf}
.stage-review{background:#e5dfd2;border-color:#c5bdad;color:var(--ink)}
.stage-ride{background:#252522;border-color:#252522;color:#faf7ef}
.stage-number{font-size:8px;font-weight:500;letter-spacing:1px}
.stage-number::before{content:'';display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:9px;vertical-align:1px}
.home-rebuild .stage-word h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:-2px;line-height:.9;font-size:clamp(80px,min(14vw,20svh),180px)}
.stage-plan h2,.stage-review h2{color:var(--orange)}
.stage-plan h2 span,.stage-review h2 span{color:#292925}
.stage-ride h2{color:#f5f1e8}.stage-ride h2 span{color:var(--orange)}
.stage-review .stage-number{color:#6a6458}
.stage-review .stage-detail p{color:#6d675c}
.stage-ride .stage-number{color:#c8c6b9}.stage-ride .stage-detail p{color:#bdbbb0}
.home-rebuild .stage-detail h3{font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:600;letter-spacing:.1px}
.stage-review .review-visual{color:#706044;border-color:#c3b8a4;font-family:'IBM Plex Mono',monospace;font-size:8px}
.stage-review .review-file{border-color:#ae9a7a;border-radius:1px}
.plan-visual .long-session{background:#8c897a}
.intensity-chart{background:#2b2a27;padding:4px 6px 6px;border:1px solid #48463e;border-radius:1px}
.intensity-chart figcaption{color:#c1bbaa;letter-spacing:.3px}
.chart-grid{stroke:#4c483f}.chart-time{fill:#c0b8a5}
.chart-baseline{stroke:#7f7360}
.button,.nav-cta,.pill{border-radius:1px}
.button{font-family:'IBM Plex Mono',monospace;font-size:11px;box-shadow:3px 3px 0 #3b30251a}
.button:hover{box-shadow:4px 4px 0 #3b302526}
.loop-cta{background:#f3f0e9}
.section-heading h2,.sample-section h2,.home-rebuild .pricing-layout h2,.start-copy h2,.equipment-heading h2,.faq-heading h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:45px;letter-spacing:-.5px;line-height:1.04}
.audience-grid h3,.look-grid h3,.start-list h3,.equipment-grid h3{font-size:23px;letter-spacing:0;font-weight:600}
.home-rebuild .audience-grid article{border-top:2px solid #a9a18e}
.home-rebuild .audience-grid article:nth-child(2){border-color:#6f6e60}
.home-rebuild .audience-grid article:nth-child(3){border-color:var(--orange)}
.home-rebuild .audience-grid article:nth-child(4){border-color:#2e2e28}
.sample-section{background:#e9e4d9;background-image:repeating-linear-gradient(115deg,#a8977d06 0,#a8977d06 1px,transparent 1px,transparent 7px)}
.sample-tabs{gap:0;border-bottom:1px solid #bfb6a5;padding:0}
.sample-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 19px;font-family:'IBM Plex Mono',monospace;font-size:10px;background:transparent}
.sample-tabs button[aria-pressed=true]{background:transparent;color:#a13b1e;border-color:var(--orange)}
.sample-tabs button:hover{color:#a13b1e}
.review-demo{border-radius:1px;border-color:#c6bdac;box-shadow:7px 7px 0 #54452e09}
.demo-ride{background:#292923;color:#f8f3e8}
.demo-ride .eyebrow{color:#d1bd98}
.demo-ride h3{font-size:29px;letter-spacing:0}
.demo-metric{font-family:'Barlow Condensed',sans-serif;font-size:53px;font-weight:600;letter-spacing:0}
.demo-detail{color:#b9b6a6}
.demo-note{color:#d5ccba;border-color:var(--orange)}
.example-bars{border-color:#5e594b}
.example-bars .steady{background:#aea489}.example-bars .effort{background:#e07b4a}.example-bars .recovery{background:#7b9fbc}
.demo-feedback h3{font-size:31px;letter-spacing:-.2px}
.demo-label .email-mark{color:var(--orange)}
.feedback-part>span{font-family:'IBM Plex Mono',monospace}
.demo-adjustment{background:#f0e2cf;color:#7b552b;border-left:2px solid var(--orange);border-radius:0}
.look-section>.small{color:#787164}
.equipment-section{background:#292923}
.equipment-heading .eyebrow{color:#c8b89a}.equipment-heading>p{color:#bab5a6}
.equipment-grid article{border-color:#565144}.equipment-grid h3{color:#f0e9da}.equipment-grid p{color:#bdb8a8}
.home-rebuild .pricing-section{background:#e8e3d9}
.home-rebuild .price-card{border-left-color:#c9c0b1}
.price-comparison p{border-color:#c6bcaa;border-radius:0}
.price-comparison strong,.home-rebuild .price{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:-.8px}
.price-comparison strong{font-size:25px}
.price-top .eyebrow,.home-rebuild .price-top .eyebrow,.home-rebuild .annual-saving{color:#846345}
.billing-choice{background:#d5cdbd;border-radius:1px}
.billing-choice label>span{font-family:'IBM Plex Mono',monospace;border-radius:0;font-size:10px}
.billing-choice input:checked+span{background:#fffbf3;box-shadow:none}
.billing-choice small{color:#8e482b;font-family:'DM Sans',sans-serif}
.price-card li::before{color:#a34b2a}
.final-invite{border-radius:1px;background:#e4d9c5;border-top:3px solid var(--orange)}
.final-invite h2{font-size:34px;letter-spacing:0}
.footer-top .footer-brand,.footer-brand{font-family:'Barlow Condensed',sans-serif;font-size:25px!important;text-transform:uppercase!important;letter-spacing:.6px!important}
.footer-brand span{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0}
.footer-links,.footer-bottom{font-family:'IBM Plex Mono',monospace}
.rider-page .rider-title{font-family:'Barlow Condensed',sans-serif;font-size:57px;letter-spacing:-.6px}
.start-checklist{background:#ece4d7;border-color:#d7cbb8;border-radius:1px}
.checklist-intro h2{font-size:27px;letter-spacing:0}
.rider-page .rider-shell{border-radius:1px;box-shadow:5px 5px 0 #51442f08}
.rider-page .tabs{background:#e5dfd3}
.rider-page .tabs button{font-family:'IBM Plex Mono',monospace;font-size:8px}
.rider-page .tabs button[aria-selected=true]{border-bottom-color:var(--orange)!important;background:#fffcf5}
.rider-page .panel-intro h3{font-size:32px;letter-spacing:0}
.panel-kicker{color:#9a5130!important}
.plan-placeholder{background:#ede8de;border-color:#d5cbb8;border-radius:1px}
.file-placeholder-icon,.rider-note,.rider-bottom-note{color:#776047;background:#f0e8da;border-color:#dbcdb7}
.local-pill{background:#ded5c5;color:#786447;border-radius:1px}
.rider-page .file-zone{background:#f3eee4;border-color:#b3a18a;border-radius:1px}
.file-selection{background:#eee5d5;border-color:#d4c5aa;border-radius:1px}
.quiet-button{color:#9d492b;border-color:#bca285;border-radius:1px}
.setup-guide h4{font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:0}
.days input:checked+span{background:#8c4b2e;border-color:#8c4b2e}
@media(min-width:651px) and (max-height:650px){.home-rebuild .stage-word h2{font-size:min(13vw,18svh)}.home-rebuild .stage-detail h3{font-size:18px}}
@media(max-width:760px){.header.wrap,.home-rebuild .header.wrap,.rider-page .header.wrap{padding-left:24px;padding-right:24px}}
@media(max-width:650px){
  .home-rebuild .stage-word h2{font-size:clamp(85px,24vw,125px);letter-spacing:-1px}
  .home-rebuild .stage-detail h3{font-size:22px}
  .section-heading h2,.sample-section h2,.home-rebuild .pricing-layout h2,.start-copy h2,.equipment-heading h2,.faq-heading h2{font-size:36px}
  .home-rebuild .brand,.rider-page .brand{font-size:23px}
  .header nav{font-size:9px}
  .sample-tabs button{font-size:8px;padding:11px 12px}
  .demo-ride h3{font-size:22px}.demo-metric{font-size:42px}.demo-feedback h3{font-size:28px}
  .rider-page .rider-title{font-size:45px}
  .rider-page .panel-intro h3{font-size:29px}
  .rider-page .tabs button{font-family:'DM Sans',sans-serif}
  .home-rebuild .price-card{border-top-color:#c9c0b1}
  .final-invite h2{font-size:30px}
}

/* Keep the longer Threshium Lab wordmark readable on narrow screens. */
.brand>span:last-child{white-space:nowrap}
@media(max-width:420px){
  .home-rebuild .header.wrap,.rider-page .header.wrap{padding-left:17px;padding-right:17px}
  .home-rebuild .brand,.rider-page .brand{font-size:21px;gap:8px;letter-spacing:0}
  .home-rebuild .brand-icon,.rider-page .brand-icon{width:29px;height:32px;font-size:19px}
  .home-rebuild .working,.rider-page .working{font-size:6px;letter-spacing:.7px}
  .home-rebuild .header nav,.rider-page .header nav{gap:8px}
  .home-rebuild .header .nav-cta,.rider-page .header .nav-cta{font-size:8px;padding:7px 9px}
  .home-rebuild .header nav>a:not(.nav-cta),.rider-page .header nav>a:not(.nav-cta){display:none}
}