/* =========================================================
   GOLD COLLECTOR PUBLIC — MOBILE / TABLET RESPONSIVE LAYER
   ========================================================= */

@media(max-width:1180px){

  .topbar{
    gap:18px;
    padding-inline:26px;
  }

  .desktop-nav{
    gap:18px;
  }

  .desktop-nav a{
    font-size:9px;
  }

  .hero{
    min-height:670px;
    grid-template-columns:minmax(390px,.95fr) minmax(450px,1.05fr);
    padding-inline:30px;
  }

  .hero-copy h1{
    font-size:56px;
  }

  .hero-visual{
    height:520px;
  }

  .gold-stack{
    transform:translateX(-45%) scale(.9);
  }

  .premium-metrics{
    grid-template-columns:repeat(3,1fr);
  }

  .premium-metrics article:nth-child(3){
    border-right:0;
  }

  .premium-metrics article:nth-child(-n+3){
    border-bottom:1px solid var(--border);
  }

  .feature-grid,
  .process-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .results-track>*{
    flex-basis:calc((100% - 10px)/2);
  }
}


@media(max-width:860px){

  body.mobile-menu-open{
    overflow:hidden;
  }

  .topbar{
    height:68px;
    padding:0 18px;
  }

  .brand-mark{
    width:37px;
    height:37px;
    font-size:16px;
  }

  .brand strong{
    font-size:12px;
  }

  .brand small{
    font-size:6px;
  }

  .desktop-nav,
  .private-link{
    display:none;
  }

  .top-actions{
    margin-left:auto;
  }

  .mobile-menu-btn{
    width:40px;
    height:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid var(--border);
    border-radius:9px;
    background:rgba(255,255,255,.018);
    cursor:pointer;
  }

  .mobile-menu-btn span{
    width:17px;
    height:1px;
    display:block;
    background:#d8d4ca;
    transition:.2s ease;
  }

  .mobile-menu-btn.is-open span:first-child{
    transform:translateY(3.5px) rotate(45deg);
  }

  .mobile-menu-btn.is-open span:last-child{
    transform:translateY(-3.5px) rotate(-45deg);
  }

  .mobile-nav{
    position:fixed;
    z-index:75;
    inset:68px 0 auto;
    display:block;
    padding:14px 18px 20px;
    border-bottom:1px solid var(--border);
    background:rgba(7,9,11,.97);
    backdrop-filter:blur(18px);
  }

  .mobile-nav[hidden]{
    display:none!important;
  }

  .mobile-nav nav{
    display:flex;
    flex-direction:column;
  }

  .mobile-nav a{
    display:flex;
    align-items:center;
    min-height:48px;
    border-bottom:1px solid var(--border);
    color:#b8bcba;
    text-decoration:none;
    font-size:11px;
  }

  .mobile-nav a:last-child{
    border-bottom:0;
  }

  .mobile-nav .mobile-private{
    color:var(--gold-bright);
  }

  .section{
    width:calc(100% - 30px);
  }

  .hero{
    min-height:unset;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:112px 18px 34px;
  }

  .hero-grid{
    transform:none;
    mask-image:linear-gradient(to bottom,transparent,black 44%,transparent);
    opacity:.2;
  }

  .hero-copy{
    max-width:none;
  }

  .hero-copy h1{
    max-width:680px;
    margin-top:12px;
    font-size:clamp(42px,10vw,66px);
    line-height:.96;
  }

  .hero-text{
    max-width:650px;
    margin-top:17px;
    font-size:14px;
  }

  .hero-actions{
    align-items:stretch;
    margin-top:23px;
  }

  .hero-actions .primary,
  .hero-actions .secondary{
    min-height:46px;
  }

  .hero-badges{
    margin-top:18px;
  }

  .hero-visual{
    width:100%;
    height:430px;
    margin-top:6px;
  }

  .market-grid{
    inset:0;
  }

  .hero-chart{
    inset:10px -3% auto;
    width:106%;
    height:72%;
    opacity:.8;
  }

  .gold-stack{
    left:50%;
    bottom:7%;
    transform:translateX(-50%) scale(.79);
    transform-origin:bottom center;
  }

  .gold-pedestal{
    left:10%;
    right:10%;
    bottom:-1%;
  }

  .visual-label{
    right:3%;
    bottom:8%;
  }

  .premium-metrics{
    width:calc(100% - 30px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:0;
  }

  .premium-metrics article{
    min-width:0;
    border-right:1px solid var(--border);
    border-bottom:1px solid var(--border);
  }

  .premium-metrics article:nth-child(even){
    border-right:0;
  }

  .premium-metrics article:nth-last-child(-n+2){
    border-bottom:0;
  }

  .premium-metrics article:nth-child(3){
    border-right:1px solid var(--border);
  }

  .premium-metrics strong{
    font-size:20px;
  }

  .feature-band{
    padding-top:54px;
  }

  .feature-grid,
  .process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .feature-grid article,
  .process-grid article{
    min-height:220px;
  }

  .performance,
  .ecosystem,
  .recent{
    padding-top:68px;
  }

  .section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }

  .section-heading h2{
    font-size:clamp(31px,7.3vw,45px);
  }

  .filters{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .filters button{
    padding-inline:5px;
  }

  .chart-card{
    min-height:350px;
    padding:17px 14px;
  }

  .chart-grid-bg{
    height:265px;
    background-size:100% 25%,20% 100%;
  }

  .results-heading{
    flex-direction:row;
    align-items:flex-end;
  }

  .results-heading>div:first-child{
    max-width:70%;
  }

  .carousel-shell{
    grid-template-columns:32px minmax(0,1fr) 32px;
    gap:6px;
  }

  .results-track>*{
    flex-basis:100%;
  }

  .trust-bar{
    grid-template-columns:1fr;
  }

  .trust-bar article{
    border-right:0;
    border-bottom:1px solid var(--border);
  }

  .trust-bar article:last-child{
    border-bottom:0;
  }

  .cta{
    align-items:flex-start;
    flex-direction:column;
    padding:30px 26px;
  }

  .cta-actions{
    width:100%;
  }

  .cta-actions>*{
    flex:1;
  }

  footer{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
    padding:26px 18px;
  }

  .footer-copy{
    text-align:left;
  }
}


@media(max-width:560px){

  .topbar{
    padding-inline:13px;
  }

  .brand{
    gap:9px;
  }

  .brand-mark{
    width:34px;
    height:34px;
  }

  .brand strong{
    font-size:10px;
  }

  .hero{
    padding:101px 14px 26px;
  }

  .hero-copy h1{
    font-size:clamp(39px,12vw,54px);
  }

  .hero-text{
    font-size:13px;
    line-height:1.62;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .hero-actions .primary,
  .hero-actions .secondary{
    width:100%;
  }

  .hero-badges{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .hero-badges span{
    justify-content:center;
  }

  .hero-visual{
    height:350px;
    margin-top:2px;
  }

  .gold-stack{
    bottom:1%;
    transform:translateX(-50%) scale(.63);
  }

  .gold-pedestal{
    bottom:-4%;
  }

  .visual-label{
    display:none;
  }

  .section{
    width:calc(100% - 22px);
  }

  .premium-metrics{
    width:calc(100% - 22px);
  }

  .premium-metrics article{
    padding:15px 12px;
  }

  .premium-metrics small{
    font-size:6px;
  }

  .premium-metrics strong{
    font-size:17px;
  }

  .premium-metrics span{
    font-size:7px;
  }

  .feature-grid,
  .process-grid{
    grid-template-columns:1fr;
  }

  .feature-grid article,
  .process-grid article{
    min-height:unset;
    padding:23px 20px;
  }

  .feature-icon{
    margin-bottom:18px;
  }

  .section-heading h2{
    font-size:32px;
  }

  .filters{
    gap:2px;
    padding:3px;
  }

  .filters button{
    min-height:37px;
    font-size:7px;
  }

  .chart-card{
    min-height:310px;
  }

  .chart-grid-bg{
    height:225px;
  }

  .chart-top strong{
    font-size:17px;
  }

  .results-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .results-heading>div:first-child{
    max-width:none;
  }

  .carousel-shell{
    grid-template-columns:1fr;
  }

  .results-track{
    order:1;
  }

  .carousel-arrow{
    display:none;
  }

  .results-track{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .results-track::-webkit-scrollbar{
    display:none;
  }

  .results-track>*{
    scroll-snap-align:start;
    flex-basis:90%;
  }

  .trust-bar{
    margin-top:42px;
  }

  .trust-bar article{
    padding:16px;
  }

  .cta{
    margin-top:42px;
    padding:25px 20px;
  }

  .cta h2{
    font-size:31px;
  }

  .cta-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  footer{
    margin-top:50px;
  }
}