/* =========================================================
   PURE BULLION - RESPONSIVE LOCK LAYER
   Desktop (>1280px) intentionally untouched.
   One controlled responsive layer for laptop/tablet/mobile.
   ========================================================= */

@media (max-width:1280px){
  html,body{max-width:100%;overflow-x:hidden}
  *,*::before,*::after{box-sizing:border-box}
  img,video,canvas,svg,iframe{max-width:100%}
  .shell,.header-inner,.premium-footer-top,.premium-footer-links,.premium-footer-bottom,.disclaimer-inner{width:100%!important;max-width:100%!important;padding-left:32px!important;padding-right:32px!important}
  .section{padding-top:100px!important;padding-bottom:100px!important}
  .header-inner{gap:24px!important}
  .pb-premium-header .nav{gap:20px!important;margin-right:20px!important}
  .pb-premium-header .nav a{font-size:15px!important}
  .client-logo-frame img{max-width:100%!important}
  .hero{gap:42px!important}
  .hero-copy h1{font-size:clamp(54px,5.8vw,74px)!important}
  .hero-media{min-width:0!important}
  .ecosystem-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important}
  .ecosystem-item{grid-template-columns:38px minmax(0,1fr) 48px!important;gap:16px!important}
  .platform-v5-stage{grid-template-columns:minmax(200px,.55fr) minmax(0,1.5fr) minmax(200px,.55fr)!important}
  .platform-v5-rail article{padding:22px!important}
  .campaign{grid-template-columns:300px minmax(0,1fr)!important;gap:48px!important}
  .campaign-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Small laptop + tablet landscape */
@media (max-width:1100px){
  .shell,.header-inner,.premium-footer-top,.premium-footer-links,.premium-footer-bottom,.disclaimer-inner{padding-left:28px!important;padding-right:28px!important}
  .section{padding-top:88px!important;padding-bottom:88px!important}

  /* Header */
  .pb-premium-header,.header{height:82px!important;min-height:82px!important}
  .header-inner{min-height:82px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:18px!important}
  .client-brand{transform:none!important;margin:0!important;width:auto!important}
  .client-logo-frame{height:64px!important;width:auto!important;margin:0!important;padding:0!important}
  .client-logo-frame img{width:225px!important;max-height:60px!important;margin:0!important;padding:0!important;object-position:left center!important}
  .nav,.header-actions{display:none!important}
  .menu-toggle{display:grid!important;place-items:center!important;justify-self:end!important;width:46px!important;height:46px!important;font-size:20px!important}
  .nav.open{display:grid!important;position:absolute!important;top:82px!important;left:28px!important;right:28px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:16px!important;border:1px solid rgba(239,215,164,.22)!important;border-radius:16px!important;background:rgba(10,10,10,.98)!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;z-index:120!important}
  .nav.open a{display:block!important;padding:13px 12px!important;border-radius:10px!important;color:#efd7a4!important;font-size:15px!important;background:rgba(255,255,255,.02)!important;text-align:center!important}

  /* Hero */
  .hero{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:none!important;gap:42px!important;min-height:auto!important;padding-top:64px!important;padding-bottom:86px!important}
  .hero-copy{width:100%!important;max-width:800px!important;padding-bottom:0!important}
  .hero-copy h1{font-size:clamp(52px,7.2vw,68px)!important;max-width:760px!important}
  .hero-text{max-width:760px!important;font-size:18px!important;line-height:1.7!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
  .hero-metrics{width:100%!important;max-width:800px!important;transform:none!important;margin:26px 0 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-metrics article{min-width:0!important;padding:20px!important}
  .hero-metrics strong{font-size:19px!important}
  .hero-metrics small{font-size:12px!important;line-height:1.45!important}
  .hero-clock{flex-wrap:wrap!important;max-width:800px!important}
  .hero-media{width:100%!important;max-width:720px!important;height:560px!important;min-height:560px!important;margin:0 auto!important;padding-top:0!important;overflow:visible!important;justify-self:center!important}
  .hero-media-timer{top:12px!important;left:50%!important;min-width:420px!important;max-width:calc(100% - 32px)!important;padding:10px 16px!important}
  .orbit-system{top:56%!important;left:50%!important;width:480px!important;height:480px!important}
  .orbit-large{width:458px!important;height:458px!important}.orbit-small{width:334px!important;height:334px!important}
  .hero-core{top:56%!important;left:50%!important;width:215px!important;height:215px!important}
  .ring-one{top:55.5%!important;width:450px!important;height:450px!important}.ring-two{top:55.5%!important;width:520px!important;height:520px!important}
  .float-a{top:31%!important;right:4%!important}.float-b{bottom:18%!important;left:4%!important}
  .countdown-panel{display:none!important}

  /* Vision / quote */
  .thesis{grid-template-columns:70px minmax(0,1fr)!important;gap:30px!important;align-items:start!important}
  .thesis-index{position:static!important;padding-top:0!important}
  .thesis-main{min-width:0!important}
  .thesis-copy{grid-column:2!important;padding-top:0!important}
  .manifesto-grid{grid-template-columns:170px minmax(0,1fr)!important;gap:32px!important;min-height:auto!important;padding-top:64px!important;padding-bottom:64px!important}
  .manifesto-note{grid-column:2!important;max-width:520px!important}

  /* Member Experience - stack here to eliminate 1024 overflow */
  .ecosystem-head,.evolution-head{grid-template-columns:1fr!important;gap:24px!important}
  .ecosystem-layout{grid-template-columns:1fr!important;gap:22px!important;margin-top:42px!important}
  .ecosystem-primary{min-height:540px!important;padding:34px!important}
  .feature-symbol{font-size:110px!important;margin:34px 0 auto!important}
  .feature-copy h3{font-size:40px!important}
  .ecosystem-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .ecosystem-item{min-height:0!important;display:block!important;padding:24px!important}
  .ecosystem-item>span{display:block!important;margin-bottom:18px!important}
  .ecosystem-item>b{margin-top:22px!important}

  /* Platform */
  .platform-v5-head{grid-template-columns:1fr!important;gap:22px!important}
  .platform-v5-stage{grid-template-columns:1fr!important;gap:18px!important;margin-top:46px!important;padding-top:0!important;padding-bottom:0!important}
  .platform-v5-window{order:1!important;width:100%!important;max-width:850px!important;margin:0 auto!important}
  .platform-v5-left{order:2!important}.platform-v5-right{order:3!important}
  .platform-v5-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .platform-v5-rail article{min-height:0!important;padding:24px!important}
  .platform-v5-foot{display:flex!important;flex-wrap:wrap!important;gap:18px!important}

  /* Markets */
  .live-market-grid{grid-template-columns:1fr!important;gap:16px!important}
  .market-overview-card,.market-clock-card{width:100%!important;min-width:0!important}
  .market-clock-card{min-height:0!important}
  .chart-extra{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Founder */
  .founder-card{grid-template-columns:150px minmax(0,1fr)!important;gap:28px!important;padding:30px!important}
  .founder-progress{grid-column:1/-1!important;border-left:0!important;border-top:1px solid rgba(212,170,72,.16)!important;padding:24px 0 0!important}

  /* Campaign */
  .campaign{display:grid!important;grid-template-columns:1fr!important;gap:38px!important}
  .campaign-intro{position:static!important;max-width:760px!important;margin-bottom:0!important}
  .campaign-map{grid-column:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .campaign-line{display:none!important}
  .campaign-stage{min-height:250px!important;padding:26px!important}
  .cadence-panel{grid-column:1!important;grid-template-columns:1fr!important;gap:28px!important;padding:30px!important}
  .cadence-days{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Evolution */
  .evolution{padding-top:88px!important;padding-bottom:88px!important}
  .evolution-grid{margin-top:42px!important;padding:8px 24px!important;overflow:hidden!important}
  .evolution-line{left:104px!important;top:40px!important;bottom:40px!important}
  .evolution-step{grid-template-columns:58px 40px minmax(0,1fr) 62px!important;gap:14px!important;min-height:0!important;padding:28px 0!important}
  .evolution-step h3{font-size:28px!important}.evolution-step p{font-size:17px!important}

  /* Early access / FAQ / footer */
  .join-card{grid-template-columns:1fr!important;gap:34px!important;padding:34px!important}
  .lead-form{width:100%!important;max-width:none!important}
  .faq-premium{grid-template-columns:1fr!important;gap:36px!important}
  .faq-premium-aside{position:static!important;max-width:760px!important}
  .footer-v5-hero{grid-template-columns:1fr!important;gap:34px!important}
  .footer-v5-cta{justify-self:start!important;max-width:600px!important;width:100%!important}
  .footer-v5-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
  .footer-v5-signature{justify-items:start!important;text-align:left!important;border-left:0!important;padding-left:0!important}
  .premium-disclaimer .disclaimer-inner{grid-template-columns:130px minmax(0,1fr)!important}
}

/* Tablet portrait */
@media (max-width:820px){
  .shell,.header-inner,.premium-footer-top,.premium-footer-links,.premium-footer-bottom,.disclaimer-inner{padding-left:22px!important;padding-right:22px!important}
  .section{padding-top:76px!important;padding-bottom:76px!important}
  .nav.open{left:22px!important;right:22px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero{padding-top:54px!important;padding-bottom:74px!important;gap:34px!important}
  .hero-copy h1{font-size:clamp(48px,8.6vw,62px)!important;line-height:1.02!important}
  .hero-media{max-width:680px!important;height:520px!important;min-height:520px!important}
  .hero-media-timer{top:10px!important;min-width:400px!important}
  .orbit-system{top:56%!important;width:420px!important;height:420px!important}
  .orbit-large{width:400px!important;height:400px!important}.orbit-small{width:292px!important;height:292px!important}
  .hero-core{top:56%!important;width:186px!important;height:186px!important}
  .ring-one{top:55.5%!important;width:390px!important;height:390px!important}.ring-two{top:55.5%!important;width:460px!important;height:460px!important}
  .float-card{min-width:190px!important;padding:12px!important}.float-card b{font-size:12px!important}
  .thesis{grid-template-columns:1fr!important;gap:26px!important}
  .thesis-index{display:flex!important;align-items:center!important;gap:12px!important}
  .thesis-copy{grid-column:1!important}
  .manifesto-grid{grid-template-columns:1fr!important;gap:24px!important}.manifesto-note{grid-column:1!important}
  .ecosystem-stack{grid-template-columns:1fr!important}
  .ecosystem-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) 48px!important;gap:16px!important}
  .ecosystem-item>span{margin:0!important}.ecosystem-item>b{margin:0!important}
  .platform-v5-rail{grid-template-columns:1fr!important}
  .markets .section-heading{grid-template-columns:1fr!important;gap:20px!important}
  .widget-title{gap:14px!important;flex-wrap:wrap!important}
  .founder-card{grid-template-columns:1fr!important}
  .founder-seal{margin-bottom:4px!important}
  .founder-progress{grid-column:auto!important}
  .campaign-map{grid-template-columns:1fr!important}
  .cadence-days{grid-template-columns:1fr!important}
  .evolution-grid{padding:6px 18px!important}
  .evolution-line{left:48px!important}
  .evolution-step{grid-template-columns:40px minmax(0,1fr)!important;gap:16px!important}
  .evolution-step .phase,.evolution-step>b{display:none!important}
  .field-grid{grid-template-columns:1fr 1fr!important}
  .faq-premium-list .faq-item button{font-size:19px!important;gap:16px!important}
  .footer-v5-logo{width:min(320px,80%)!important}
}

/* Mobile */
@media (max-width:600px){
  body{font-size:16px!important;padding-bottom:72px!important}
  .shell,.header-inner,.premium-footer-top,.premium-footer-links,.premium-footer-bottom,.disclaimer-inner{padding-left:16px!important;padding-right:16px!important}
  .section{padding-top:64px!important;padding-bottom:64px!important}
  .market-strip{grid-template-columns:1fr!important}.market-strip-label{display:none!important}
  .pb-premium-header,.header{height:72px!important;min-height:72px!important}
  .header-inner{min-height:72px!important;padding-left:14px!important;padding-right:14px!important}
  .client-logo-frame{height:54px!important}.client-logo-frame img{width:185px!important;max-height:50px!important}
  .menu-toggle{width:42px!important;height:42px!important}
  .nav.open{top:72px!important;left:14px!important;right:14px!important;grid-template-columns:1fr!important;padding:12px!important;max-height:calc(100vh - 94px)!important;overflow:auto!important}
  .nav.open a{font-size:16px!important;padding:12px!important}

  .hero{padding-top:42px!important;padding-bottom:58px!important;gap:24px!important}
  .hero-copy h1{font-size:clamp(42px,12vw,54px)!important;line-height:1.01!important;margin-top:18px!important}
  .hero-text{font-size:16px!important;line-height:1.68!important}
  .kicker{font-size:10px!important;letter-spacing:.13em!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn{width:100%!important;justify-content:center!important}
  .hero-metrics{grid-template-columns:1fr!important;gap:1px!important;margin-top:20px!important;border-radius:16px!important}
  .hero-metrics article{padding:17px 18px!important}
  .hero-metrics strong{font-size:19px!important}.hero-metrics small{font-size:13px!important}
  .hero-clock{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important}
  .hero-clock>div{min-width:0!important}.hero-clock i{display:none!important}
  .hero-clock small{font-size:9px!important}.hero-clock strong{font-size:16px!important}.hero-clock span{font-size:10px!important}
  .hero-media{height:430px!important;min-height:430px!important;width:100%!important;max-width:430px!important}
  .hero-media-timer{top:6px!important;width:calc(100% - 20px)!important;min-width:0!important;padding:8px 10px!important}
  .countdown-compact{gap:5px!important}.countdown-compact div{min-width:0!important;flex:1!important}.countdown-compact b{font-size:17px!important}.countdown-compact span{font-size:8px!important}.countdown-compact i{font-size:10px!important}
  .orbit-system{top:57%!important;width:330px!important;height:330px!important}
  .orbit-large{width:310px!important;height:310px!important}.orbit-small{width:224px!important;height:224px!important}
  .token-badge{width:40px!important;height:40px!important;font-size:17px!important}
  .hero-core{top:57%!important;width:150px!important;height:150px!important}
  .hero-core-inner{padding:16px!important}.hero-core-inner strong{font-size:18px!important}.hero-core-inner small{font-size:9px!important;max-width:110px!important}
  .ring-one{top:56.5%!important;width:300px!important;height:300px!important}.ring-two{top:56.5%!important;width:355px!important;height:355px!important}
  .float-card{display:none!important}

  .thesis-main h2,.ecosystem-head h2,.platform-v5-head h2,.campaign-intro h2,.evolution-head h2,.faq-premium-aside h2{font-size:clamp(38px,10vw,46px)!important;line-height:1.06!important}
  .thesis-principles article{grid-template-columns:34px minmax(0,1fr)!important;gap:14px!important;padding:20px 0!important}
  .thesis-principles b{font-size:20px!important}.thesis-principles p{font-size:16px!important}
  .manifesto-grid{padding-top:50px!important;padding-bottom:50px!important}
  .manifesto blockquote{font-size:clamp(36px,9.8vw,46px)!important;line-height:1.08!important}
  .manifesto-note p{font-size:16px!important}

  .ecosystem-primary{min-height:0!important;padding:24px!important}.feature-symbol{font-size:84px!important;margin:28px 0!important}.feature-copy h3{font-size:32px!important}.feature-copy p{font-size:16px!important}.mini-tape{grid-template-columns:1fr!important}.mini-tape span{padding:14px 0!important;border-bottom:1px solid rgba(239,215,164,.08)!important}
  .ecosystem-item{grid-template-columns:34px minmax(0,1fr)!important;padding:22px!important}.ecosystem-item>b{display:none!important}.ecosystem-item h3{font-size:22px!important}.ecosystem-item p{font-size:16px!important}

  .platform-v5-stage{margin-top:32px!important}.platform-v5-window{border-radius:18px!important}.platform-v5-bar{height:auto!important;min-height:48px!important;grid-template-columns:54px minmax(0,1fr)!important;padding:10px 12px!important}.platform-v5-bar b{display:none!important}.platform-v5-bar span{font-size:8px!important}.platform-v5-screen{aspect-ratio:1.15/1!important}.platform-v5-metrics{grid-template-columns:1fr!important}.platform-v5-metrics span{border-right:0!important;border-bottom:1px solid rgba(239,215,164,.1)!important;padding:14px!important}.platform-v5-rail article{padding:20px!important}.platform-v5-rail p{font-size:16px!important}.platform-v5-foot{display:grid!important;gap:12px!important}.platform-v5-foot p{font-size:14px!important}

  .markets .section-heading h2{font-size:clamp(38px,10vw,46px)!important}.markets .section-heading>p{font-size:16px!important}.tv-overview{height:460px!important}.market-clock-card{padding:20px!important}.desk-time{font-size:38px!important}.desk-list div{font-size:13px!important}.desk-list b{font-size:13px!important}.market-note{font-size:12px!important}.tv-chart{height:360px!important;min-height:360px!important}.chart-extra{grid-template-columns:1fr!important;padding:14px!important}.widget-title{padding:14px!important}.widget-title>span{font-size:10px!important}

  .founder-card{padding:24px!important}.founder-seal{width:120px!important;height:120px!important}.founder-copy h2{font-size:clamp(38px,10vw,46px)!important}.founder-copy>p{font-size:16px!important}.founder-tags{gap:7px!important}.founder-tags span{font-size:12px!important;line-height:1.4!important}.founder-progress{padding-top:20px!important}

  .campaign-intro .lead-copy{font-size:16px!important}.campaign-stage{min-height:0!important;padding:22px!important}.campaign-stage>span{font-size:42px!important}.campaign-stage small{margin-top:20px!important}.campaign-stage h3{font-size:26px!important}.campaign-stage p{font-size:16px!important}.cadence-panel{padding:22px!important}.cadence-copy h3{font-size:28px!important}.cadence-copy p{font-size:16px!important}.cadence-days article{grid-template-columns:54px minmax(0,1fr)!important;padding:16px!important}.cadence-days article>span{width:48px!important;height:48px!important}.cadence-days b{font-size:16px!important}.cadence-days small{font-size:14px!important}

  .evolution{padding-top:64px!important;padding-bottom:64px!important}.evolution-head .lead-copy{font-size:16px!important}.evolution-grid{margin-top:30px!important;padding:4px 6px 4px 8px!important;border-left:0!important;border-right:0!important;border-radius:0!important}.evolution-line{left:24px!important;top:30px!important;bottom:30px!important}.evolution-step{grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;padding:24px 0!important}.evolution-step>span{width:28px!important;height:28px!important;font-size:8px!important}.evolution-step h3{font-size:24px!important;line-height:1.16!important;margin:6px 0 8px!important}.evolution-step p{font-size:16px!important;line-height:1.62!important}

  .join{overflow:visible!important}.join-card{padding:22px!important;gap:28px!important;border-radius:20px!important}.join-card::after{display:none!important}.join-copy h2{font-size:clamp(38px,10vw,46px)!important}.join-copy>p{font-size:16px!important}.join-steps span{font-size:15px!important}.lead-form{padding:18px!important}.field-grid{grid-template-columns:1fr!important}.lead-form label{font-size:13px!important}.lead-form input{height:50px!important;font-size:16px!important}.consent{font-size:13px!important}.form-title strong{font-size:17px!important}.form-note{font-size:11px!important;overflow-wrap:anywhere!important}

  .faq-premium-aside{padding:22px 18px 24px!important}.faq-premium-aside .lead-copy{font-size:16px!important}.faq-premium-list .faq-item button{font-size:17px!important;padding:20px 0!important}.faq-premium-list .faq-item button span{max-width:82%!important}.faq-premium-list .faq-item button b{width:36px!important;height:36px!important;flex:0 0 36px!important}.faq-premium-list .faq-item>div>p{font-size:16px!important;padding-right:0!important}

  .premium-disclaimer .disclaimer-inner{grid-template-columns:1fr!important;gap:8px!important;padding-top:20px!important;padding-bottom:20px!important}.premium-disclaimer p{font-size:12px!important}
  .footer-v5-hero{padding-top:48px!important;padding-bottom:40px!important}.footer-v5-logo{width:min(280px,85%)!important}.footer-v5-brand p{font-size:16px!important;margin-top:20px!important}.footer-v5-cta{padding:22px!important;border-radius:20px!important}.footer-v5-cta h3{font-size:32px!important}.footer-v5-nav{grid-template-columns:1fr!important;gap:24px!important;padding-top:30px!important;padding-bottom:30px!important}.footer-v5-nav a{font-size:16px!important}.footer-v5-signature span{font-size:18px!important}.footer-v5-bottom{display:grid!important;gap:6px!important;font-size:12px!important;padding-top:18px!important;padding-bottom:18px!important}
  .mobile-cta{display:block!important;left:12px!important;right:12px!important;bottom:10px!important;min-height:50px!important;font-size:15px!important;z-index:200!important}
}

/* Small phone */
@media (max-width:390px){
  .shell,.header-inner,.premium-footer-top,.premium-footer-links,.premium-footer-bottom,.disclaimer-inner{padding-left:14px!important;padding-right:14px!important}
  .client-logo-frame img{width:170px!important}
  .hero-copy h1{font-size:clamp(40px,11.5vw,48px)!important}
  .hero-media{height:410px!important;min-height:410px!important}
  .orbit-system{width:310px!important;height:310px!important;top:57%!important}.orbit-large{width:292px!important;height:292px!important}.orbit-small{width:210px!important;height:210px!important}.hero-core{width:140px!important;height:140px!important;top:57%!important}.ring-one{width:282px!important;height:282px!important}.ring-two{width:334px!important;height:334px!important}
  .hero-media-timer{width:calc(100% - 12px)!important}.countdown-compact b{font-size:16px!important}.countdown-compact span{font-size:7px!important}
  .campaign-stage,.ecosystem-item,.platform-v5-rail article{padding:20px!important}
  .join-card{padding:20px!important}
}

@media (max-width:360px){
  .client-logo-frame img{width:158px!important}
  .hero-copy h1{font-size:40px!important}
  .hero-media{height:390px!important;min-height:390px!important}.orbit-system{width:292px!important;height:292px!important}.orbit-large{width:276px!important;height:276px!important}.orbit-small{width:198px!important;height:198px!important}.hero-core{width:134px!important;height:134px!important}.ring-one{width:266px!important;height:266px!important}.ring-two{width:316px!important;height:316px!important}
  .btn,.btn-lg,.btn-lead,.btn-premium{font-size:15px!important;padding-left:16px!important;padding-right:16px!important}
}

@media (min-width:601px) and (max-width:760px){
  .mobile-cta{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .signal-track,.orbit,.join::before,.join-card::after{animation:none!important}
}

/* Grid-area reset: prevents legacy desktop named areas from creating implicit columns on tablet/mobile. */
@media (max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "media"!important}
  .hero-copy{grid-area:copy!important}
  .hero-media{grid-area:media!important}
  .countdown-panel{grid-area:auto!important;display:none!important}
}

/* Keep the mobile CTA in the document flow so it never covers section content. */
@media (max-width:600px){
  body{padding-bottom:0!important}
  .mobile-cta{
    position:static!important;
    display:block!important;
    margin:12px 14px 14px!important;
    width:auto!important;
    min-height:50px!important;
    padding:14px 18px!important;
    border-radius:12px!important;
    text-align:center!important;
    font-size:15px!important;
  }
}

/* Remove legacy fixed row stretching from Member Experience on responsive widths. */
@media (max-width:1100px){
  .ecosystem-stack{grid-template-rows:none!important;height:auto!important;align-items:stretch!important}
  .ecosystem-layout{align-items:start!important}
}

/* Mobile/tablet navigation must use the full available panel width. */
@media (max-width:1100px){
  .nav.open{margin:0!important;width:auto!important;max-width:none!important}
}
@media (max-width:1100px){
  .nav.open{justify-self:stretch!important;align-self:start!important}
}

/* Small-laptop Member Experience: keep the side stack vertical; switch to 3-up only after the whole section stacks. */
@media (max-width:1280px){
  .ecosystem-stack{grid-template-columns:1fr!important;grid-template-rows:none!important;height:auto!important}
}
@media (max-width:1100px){
  .ecosystem-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;height:auto!important}
}
@media (max-width:820px){
  .ecosystem-stack{grid-template-columns:1fr!important}
}

/* =========================================================
   MICRO FIX PASS — mobile header + hero-right clarity +
   interactive chart section
   ========================================================= */

@media (max-width:600px){
  /* Header: use more of the mobile width and reduce side gaps */
  .header-inner{
    padding-left:12px!important;
    padding-right:12px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .client-brand{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .client-logo-frame{
    display:flex!important;
    align-items:center!important;
    height:58px!important;
  }
  .client-logo-frame img{
    width:178px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .menu-toggle{
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
  }
  .nav.open{
    left:12px!important;
    right:12px!important;
    top:78px!important;
  }

  /* Hero right side: clearer mobile timer + orbit composition */
  .hero{
    padding-bottom:74px!important;
  }
  .hero-media{
    max-width:370px!important;
    height:440px!important;
    min-height:440px!important;
    margin-top:6px!important;
  }
  .hero-media-timer{
    top:0!important;
    width:calc(100% - 10px)!important;
    padding:8px 12px!important;
  }
  .countdown-compact{
    gap:6px!important;
  }
  .orbit-system{
    top:61%!important;
    width:330px!important;
    height:330px!important;
  }
  .orbit-large{width:312px!important;height:312px!important}
  .orbit-small{width:228px!important;height:228px!important}
  .hero-core{
    top:61%!important;
    width:154px!important;
    height:154px!important;
  }
  .ring-one{top:60.5%!important;width:304px!important;height:304px!important}
  .ring-two{top:60.5%!important;width:358px!important;height:358px!important}

  /* Markets / chart section: cleaner mobile reading width */
  .markets .shell{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .market-overview-card,
  .market-clock-card,
  .advanced-chart-card{
    border-radius:18px!important;
  }
  .widget-title{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    padding:12px 12px 10px!important;
  }
  .widget-title h3{font-size:16px!important}
  .widget-title>span{
    font-size:9px!important;
    line-height:1.45!important;
  }
  .tv-chart{
    height:390px!important;
    min-height:390px!important;
  }
  .chart-extra{
    padding:12px!important;
    gap:10px!important;
  }
  .chart-extra article{
    padding:14px!important;
  }
}

@media (max-width:390px){
  .header-inner{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .client-logo-frame img{
    width:170px!important;
    max-height:52px!important;
  }
  .hero-media{
    max-width:352px!important;
    height:430px!important;
    min-height:430px!important;
  }
  .orbit-system{width:314px!important;height:314px!important}
  .orbit-large{width:296px!important;height:296px!important}
  .orbit-small{width:214px!important;height:214px!important}
  .hero-core{width:146px!important;height:146px!important}
  .ring-one{width:288px!important;height:288px!important}
  .ring-two{width:340px!important;height:340px!important}
  .tv-chart{
    height:372px!important;
    min-height:372px!important;
  }
}

@media (max-width:360px){
  .client-logo-frame img{width:164px!important}
  .hero-media{
    max-width:340px!important;
    height:420px!important;
    min-height:420px!important;
  }
  .orbit-system{width:302px!important;height:302px!important}
  .orbit-large{width:284px!important;height:284px!important}
  .orbit-small{width:204px!important;height:204px!important}
  .hero-core{width:142px!important;height:142px!important}
  .ring-one{width:276px!important;height:276px!important}
  .ring-two{width:326px!important;height:326px!important}
  .tv-chart{
    height:360px!important;
    min-height:360px!important;
  }
}

/* =========================================================
   MOBILE POLISH PASS — orbit icon alignment, chart clarity,
   founder section cleanup, join button single-line
   ========================================================= */

@media (max-width:600px){
  /* Hero mobile: create a little more breathing room */
  .hero-media{
    height:472px!important;
    min-height:472px!important;
  }
  .hero-media-timer{
    top:2px!important;
  }
  .orbit-system{
    top:65.5%!important;
  }
  .hero-core{
    top:65.5%!important;
  }
  .ring-one,
  .ring-two{
    top:65%!important;
  }

  /* Put the small orbit tokens directly on the orbit line */
  .orbit-small .token-badge:nth-child(1){
    top:-4px!important;
    left:calc(50% - 20px)!important;
    right:auto!important;
    bottom:auto!important;
  }
  .orbit-small .token-badge:nth-child(2){
    top:calc(50% - 20px)!important;
    right:-4px!important;
    left:auto!important;
    bottom:auto!important;
  }
  .orbit-small .token-badge:nth-child(3){
    bottom:-4px!important;
    left:calc(50% - 20px)!important;
    top:auto!important;
    right:auto!important;
  }
  .orbit-small .token-badge:nth-child(4){
    top:calc(50% - 20px)!important;
    left:-4px!important;
    right:auto!important;
    bottom:auto!important;
  }

  /* Lift the metrics box slightly so the bottom border never feels clipped */
  .hero-metrics{
    transform:translateY(-6px)!important;
    margin-bottom:10px!important;
  }

  /* Trading chart area: a bit larger and less cramped on mobile */
  .advanced-chart-card{
    overflow:visible!important;
  }
  .tv-chart{
    height:420px!important;
    min-height:420px!important;
  }
  .chart-extra{
    padding-top:14px!important;
  }

  /* Founding member section: cleaner mobile alignment */
  .founder-card{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:24px 22px!important;
    align-items:start!important;
  }
  .founder-seal{
    width:132px!important;
    height:132px!important;
    margin:0 auto 2px!important;
  }
  .founder-copy,
  .founder-progress{
    width:100%!important;
  }
  .founder-copy h2{
    font-size:clamp(34px,9.5vw,42px)!important;
    line-height:1.05!important;
  }
  .founder-copy>p{
    font-size:16px!important;
    line-height:1.68!important;
  }
  .founder-tags span{
    font-size:11px!important;
    line-height:1.35!important;
    padding:8px 10px!important;
  }
  .founder-progress{
    border-left:0!important;
    border-top:1px solid rgba(212,170,72,.15)!important;
    padding:18px 0 0!important;
  }

  /* Join form CTA: keep label on a single line */
  .lead-form .btn-block{
    font-size:14px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    padding:14px 12px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
  }
  .lead-form .btn-block span{
    font-size:16px!important;
    line-height:1!important;
    margin-left:2px!important;
  }
}

@media (max-width:390px){
  .hero-media{
    height:462px!important;
    min-height:462px!important;
  }
  .hero-media-timer{
    width:calc(100% - 8px)!important;
  }
  .orbit-system{
    top:66%!important;
  }
  .hero-core{
    top:66%!important;
  }
  .ring-one,
  .ring-two{
    top:65.5%!important;
  }
  .tv-chart{
    height:408px!important;
    min-height:408px!important;
  }
  .lead-form .btn-block{
    font-size:13px!important;
    letter-spacing:0!important;
  }
}

@media (max-width:360px){
  .hero-media{
    height:450px!important;
    min-height:450px!important;
  }
  .orbit-system{
    top:66.5%!important;
  }
  .hero-core{
    top:66.5%!important;
  }
  .ring-one,
  .ring-two{
    top:66%!important;
  }
  .tv-chart{
    height:396px!important;
    min-height:396px!important;
  }
  .founder-copy h2{
    font-size:32px!important;
  }
  .lead-form .btn-block{
    font-size:12.5px!important;
    gap:6px!important;
  }
}

/* =========================================================
   MOBILE CLEANUP PASS 2 — founder section left-align + footer clarity
   ========================================================= */
@media (max-width:600px){
  /* Founding member badge should stay left-aligned and more readable */
  .founder-card{
    padding:26px 20px!important;
    gap:20px!important;
  }
  .founder-seal{
    width:154px!important;
    height:154px!important;
    margin:0 0 8px 0!important;
    justify-self:start!important;
    align-self:start!important;
  }
  .founder-seal:before{
    inset:10px!important;
  }
  .founder-seal span,
  .founder-seal small{
    font-size:8px!important;
    letter-spacing:.15em!important;
    line-height:1.2!important;
  }
  .founder-seal b{
    font-size:14px!important;
    letter-spacing:.12em!important;
    margin:5px 0!important;
  }
  .founder-seal strong{
    font-size:40px!important;
    line-height:1!important;
  }
  .founder-copy,
  .founder-progress{
    text-align:left!important;
  }

  /* Footer: make text larger and clearer on mobile */
  .footer-v5-nav{
    gap:18px!important;
  }
  .footer-v5-nav > div{
    gap:12px!important;
  }
  .footer-v5-nav b{
    font-size:13px!important;
    letter-spacing:.11em!important;
  }
  .footer-v5-nav a{
    font-size:18px!important;
    line-height:1.45!important;
  }
  .footer-v5-signature{
    gap:8px!important;
  }
  .footer-v5-signature span{
    font-size:24px!important;
    line-height:1.15!important;
  }
  .footer-v5-signature small{
    display:block!important;
    font-size:12px!important;
    line-height:1.5!important;
    letter-spacing:.08em!important;
    max-width:100%!important;
  }
  .footer-v5-signature i{
    width:90px!important;
    margin-top:10px!important;
  }
  .footer-v5-bottom{
    font-size:15px!important;
    line-height:1.5!important;
    gap:8px!important;
    padding-top:20px!important;
    padding-bottom:24px!important;
  }
}

@media (max-width:390px){
  .founder-seal{
    width:148px!important;
    height:148px!important;
  }
  .founder-seal strong{
    font-size:38px!important;
  }
  .footer-v5-nav a{
    font-size:17px!important;
  }
  .footer-v5-signature span{
    font-size:22px!important;
  }
}

@media (max-width:360px){
  .founder-seal{
    width:142px!important;
    height:142px!important;
  }
  .founder-seal strong{
    font-size:36px!important;
  }
  .footer-v5-nav a{
    font-size:16px!important;
  }
  .footer-v5-signature span{
    font-size:20px!important;
  }
  .footer-v5-bottom{
    font-size:14px!important;
  }
}