/* Ourbit FA v19.0 — isolated mobile layout. Desktop CSS is intentionally untouched. */
@media (max-width:820px), (hover:none) and (pointer:coarse) and (max-width:960px){
  body.is-mobile-layout{
    --container:calc(100% - 24px);
    --header-h:64px;
    --mobile-dock-h:76px;
    --mobile-safe-bottom:max(10px,env(safe-area-inset-bottom));
    background:radial-gradient(680px 400px at 75% -5%,rgba(84,214,154,.10),transparent 62%),#060807;
    overflow-x:clip;
    overscroll-behavior-x:none;
    -webkit-text-size-adjust:100%;
  }
  body.is-mobile-layout *{min-width:0}
  body.is-mobile-layout #app{padding-top:96px;overflow:clip}
  body.is-mobile-layout .site-header{height:64px;padding:0 12px;gap:10px;background:rgba(5,8,6,.9);backdrop-filter:blur(18px) saturate(135%);border-bottom-color:var(--line)}
  body.is-mobile-layout .site-header.is-scrolled{height:58px}
  body.is-mobile-layout .brand{gap:8px;flex:1}
  body.is-mobile-layout .brand__mark{width:30px;height:30px}
  body.is-mobile-layout .brand__en{font-size:17px;letter-spacing:.04em}
  body.is-mobile-layout .brand__divider,body.is-mobile-layout .brand__fa{display:none}
  body.is-mobile-layout .brand__independent{height:20px;padding:0 7px;font-size:8px}
  body.is-mobile-layout .header-actions{margin-right:auto}
  body.is-mobile-layout .menu-btn{display:grid;width:40px;height:40px;border-radius:12px}
  body.is-mobile-layout .icon-btn,body.is-mobile-layout .header-cta{display:none}
  body.is-mobile-layout .independent-strip{top:64px;min-height:32px;height:32px;padding:5px 12px;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.is-mobile-layout .independent-strip b{display:none}
  body.is-mobile-layout:has(.site-header.is-scrolled) .independent-strip{top:58px}

  body.is-mobile-layout .mobile-menu{z-index:95;padding:92px 20px calc(24px + env(safe-area-inset-bottom));height:calc(var(--app-vh,1vh)*100);overflow:auto}
  body.is-mobile-layout .mobile-menu nav a{padding:11px 2px;font-size:22px;line-height:1.35}
  body.is-mobile-layout .mobile-menu__foot{padding-top:24px;font-size:8px;line-height:1.6}

  body.is-mobile-layout .mobile-dock{right:8px;left:8px;bottom:var(--mobile-safe-bottom);height:66px;padding:5px;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:20px;background:rgba(7,11,8,.93);backdrop-filter:blur(22px) saturate(140%)}
  body.is-mobile-layout .mobile-dock a{gap:2px;font-size:8px;line-height:1.1;padding:5px 2px}
  body.is-mobile-layout .mobile-dock svg{width:18px;height:18px}

  body.is-mobile-layout .page{padding-bottom:calc(var(--mobile-dock-h) + var(--mobile-safe-bottom))}
  body.is-mobile-layout .container{width:var(--container)}
  body.is-mobile-layout .section{padding:58px 0}
  body.is-mobile-layout .section--tight{padding:42px 0}
  body.is-mobile-layout .section-head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:24px}
  body.is-mobile-layout .section-title{font-size:clamp(29px,9vw,40px);line-height:1.25;letter-spacing:-.035em}
  body.is-mobile-layout .lead{font-size:14px;line-height:2}
  body.is-mobile-layout .eyebrow{font-size:9px;letter-spacing:.11em}
  body.is-mobile-layout .btn{min-height:48px;height:auto;padding:12px 15px;border-radius:14px;font-size:12px;text-align:center}

  /* Home hero: rebuilt as a vertical mobile composition. */
  body.is-mobile-layout .hero{min-height:auto;padding:0;display:block;overflow:hidden}
  body.is-mobile-layout .hero__canvas{display:none!important}
  body.is-mobile-layout .hero:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 78% 16%,rgba(93,229,166,.14),transparent 29%),radial-gradient(circle at 18% 49%,rgba(115,228,219,.07),transparent 35%),linear-gradient(rgba(93,229,166,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(93,229,166,.025) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 58%,transparent 100%);animation:mobileFieldDrift 18s linear infinite}
  body.is-mobile-layout .hero:after{display:none}
  body.is-mobile-layout .hero__veil{background:linear-gradient(180deg,rgba(6,8,7,.68),rgba(6,8,7,.96) 58%,#060807 96%)}
  body.is-mobile-layout .hero__inner{width:var(--container);display:flex;flex-direction:column;gap:24px;padding:26px 0 42px}
  body.is-mobile-layout .hero__copy{width:100%;max-width:none;padding:0;text-align:right}
  body.is-mobile-layout .hero__tag{max-width:100%;padding:7px 10px;font-size:8.5px;letter-spacing:.02em;white-space:normal}
  body.is-mobile-layout .hero h1{font-size:clamp(36px,10.8vw,48px);line-height:1.24;letter-spacing:-.04em;margin:18px 0 14px;overflow-wrap:normal;word-break:normal;text-wrap:balance}
  body.is-mobile-layout .hero h1 .outline{display:inline;color:#dbe7df;-webkit-text-stroke:0;text-shadow:none}
  body.is-mobile-layout .hero h1 .accent{display:inline-block;margin-top:2px}
  body.is-mobile-layout .hero__desc{font-size:13.5px;line-height:2.05;margin:0;max-width:36rem}
  body.is-mobile-layout .independent-note{position:relative;z-index:2;margin-top:14px;padding:12px 13px;font-size:10px;line-height:1.95;background:linear-gradient(135deg,rgba(93,229,166,.055),rgba(255,255,255,.014));backdrop-filter:blur(10px)}
  body.is-mobile-layout .hero__actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
  body.is-mobile-layout .hero__actions .btn{width:100%}
  body.is-mobile-layout .hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px;padding-top:16px}
  body.is-mobile-layout .hero__proof div{padding:10px 6px;border:1px solid var(--line);border-radius:12px;text-align:center;background:rgba(255,255,255,.018)}
  body.is-mobile-layout .hero__proof b{font-size:14px}
  body.is-mobile-layout .hero__proof span{font-size:8px;line-height:1.6}
  body.is-mobile-layout .hero__instrument{width:100%;margin:2px 0 0;justify-self:auto}
  body.is-mobile-layout .instrument{padding:12px;border-radius:22px;transform:none;box-shadow:0 20px 60px rgba(0,0,0,.36);background:linear-gradient(145deg,rgba(17,27,21,.92),rgba(8,12,10,.8));backdrop-filter:blur(18px)}
  body.is-mobile-layout .instrument:hover{transform:none}
  body.is-mobile-layout .instrument__top{padding:5px 3px 12px}
  body.is-mobile-layout .instrument__top strong{font-size:10px}
  body.is-mobile-layout .instrument__price{padding:16px;border-radius:16px}
  body.is-mobile-layout .instrument__price h3{font-size:clamp(30px,10vw,40px);margin:15px 0 7px}
  body.is-mobile-layout .mini-chart{height:92px;margin-top:14px}
  body.is-mobile-layout .instrument__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  body.is-mobile-layout .instrument__metric{padding:10px 7px;border-radius:11px}
  body.is-mobile-layout .instrument__metric span{font-size:7.5px}
  body.is-mobile-layout .instrument__metric b{font-size:9.5px;overflow-wrap:anywhere}
  body.is-mobile-layout .ticker__item{padding:13px 18px}

  body.is-mobile-layout .knowledge-grid,body.is-mobile-layout .knowledge-new-grid,body.is-mobile-layout .academy-grid,body.is-mobile-layout .cards-2,body.is-mobile-layout .cards-3,body.is-mobile-layout .tools-grid,body.is-mobile-layout .about-grid{grid-template-columns:1fr;gap:12px}
  body.is-mobile-layout .knowledge-card{min-height:0;padding:22px;border-radius:20px}
  body.is-mobile-layout .knowledge-card h3{font-size:20px;line-height:1.65;margin-left:42px}
  body.is-mobile-layout .knowledge-card p{font-size:12px;line-height:1.95}
  body.is-mobile-layout .story-grid,body.is-mobile-layout .product-stage,body.is-mobile-layout .market-layout,body.is-mobile-layout .news-grid,body.is-mobile-layout .ai-showcase,body.is-mobile-layout .assistant-page,body.is-mobile-layout .academy-layout{display:grid;grid-template-columns:1fr;gap:12px}
  body.is-mobile-layout .story-card,body.is-mobile-layout .story-card--tall{min-height:390px;padding:23px;border-radius:22px}
  body.is-mobile-layout .story-card h3{font-size:29px;line-height:1.35}
  body.is-mobile-layout .stat-row{grid-template-columns:1fr 1fr;gap:0}
  body.is-mobile-layout .stat{padding:16px 6px 0;border-left:0}
  body.is-mobile-layout .product-nav{position:static;display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 8px;overscroll-behavior-inline:contain}
  body.is-mobile-layout .product-nav button{flex:0 0 auto;min-width:135px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;scroll-snap-align:start}
  body.is-mobile-layout .product-nav button.is-active{padding-right:12px;background:rgba(84,214,154,.06)}
  body.is-mobile-layout .product-card{min-height:370px;padding:23px;border-radius:22px}
  body.is-mobile-layout .product-card h3{font-size:39px;line-height:1.15}
  body.is-mobile-layout .product-card p{font-size:13px;line-height:2}
  body.is-mobile-layout .market-strip{border-radius:20px}
  body.is-mobile-layout .market-strip__head{display:grid;gap:6px;padding:15px}
  body.is-mobile-layout .market-table{min-width:560px}
  body.is-mobile-layout .market-table-wrap,body.is-mobile-layout .market-strip>div[style*="overflow"]{scrollbar-width:thin;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  body.is-mobile-layout .campaign-feature{grid-template-columns:1fr;min-height:0;border-radius:22px}
  body.is-mobile-layout .campaign-feature__visual{min-height:220px}
  body.is-mobile-layout .campaign-feature__content{padding:23px}
  body.is-mobile-layout .campaign-feature h3{font-size:38px;line-height:1.2}
  body.is-mobile-layout .countdown{gap:5px}
  body.is-mobile-layout .countdown div{padding:10px 5px}
  body.is-mobile-layout .news-lead__media{height:205px!important}
  body.is-mobile-layout .news-lead__body{padding:20px}
  body.is-mobile-layout .news-lead h3{font-size:27px;line-height:1.45}
  body.is-mobile-layout .news-stack{display:none}
  body.is-mobile-layout .ai-copy,body.is-mobile-layout .ai-chat{padding:22px;border-radius:22px}
  body.is-mobile-layout .ai-copy h3{font-size:39px}
  body.is-mobile-layout .ai-chat{min-height:490px}
  body.is-mobile-layout .track-card{min-height:220px;padding:22px}

  /* Internal pages */
  body.is-mobile-layout .page-hero{padding:34px 0 30px}
  body.is-mobile-layout .page-hero__grid{display:grid;grid-template-columns:1fr;gap:15px}
  body.is-mobile-layout .page-hero h1{font-size:clamp(35px,10.8vw,48px);line-height:1.28;margin:16px 0;text-wrap:balance}
  body.is-mobile-layout .page-hero p{font-size:14px;line-height:2}
  body.is-mobile-layout .page-hero__aside{padding:14px 0 0;border-right:0;border-top:1px solid var(--line);font-size:11px;line-height:1.95}
  body.is-mobile-layout .panel{border-radius:19px}
  body.is-mobile-layout .panel__head{padding:14px}
  body.is-mobile-layout .panel__body{padding:14px}
  body.is-mobile-layout .big-chart{height:280px}
  body.is-mobile-layout .market-side{grid-template-columns:1fr}
  body.is-mobile-layout .heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.is-mobile-layout .assistant-page{min-height:0}
  body.is-mobile-layout .assistant-main{border-radius:20px;min-height:calc(var(--app-vh,1vh)*100 - 210px)}
  body.is-mobile-layout .assistant-main .chat-messages{min-height:430px;padding:16px 12px}
  body.is-mobile-layout .message{max-width:96%;font-size:12px}
  body.is-mobile-layout .article-hero{min-height:auto;padding:36px 0 32px}
  body.is-mobile-layout .article-hero h1{font-size:clamp(38px,11vw,50px);line-height:1.25}
  body.is-mobile-layout .article-layout{padding-top:34px;padding-bottom:65px}
  body.is-mobile-layout .article-intro{padding:21px;border-radius:0 15px 15px 0}
  body.is-mobile-layout .article-intro p{font-size:15px;line-height:2.15}
  body.is-mobile-layout .article-section{padding:37px 0}
  body.is-mobile-layout .article-section h2{font-size:27px;line-height:1.45}
  body.is-mobile-layout .article-section p{font-size:14px;line-height:2.2;text-align:right}
  body.is-mobile-layout .article-section li{padding:13px 35px 13px 13px;font-size:12px}
  body.is-mobile-layout .modal{padding:0;place-items:stretch}
  body.is-mobile-layout .modal__panel{width:100%;height:calc(var(--app-vh,1vh)*100);max-height:none;border:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}
  body.is-mobile-layout .modal__head{padding:14px 15px}
  body.is-mobile-layout .modal__head b{font-size:12px;line-height:1.7;padding-left:12px}
  body.is-mobile-layout .modal__body{padding:18px 15px 42px}
  body.is-mobile-layout .modal__body h2{font-size:25px;line-height:1.55;text-wrap:balance}
  body.is-mobile-layout .modal__body h3{font-size:19px;line-height:1.6}
  body.is-mobile-layout .modal__body p,body.is-mobile-layout .modal__body li{font-size:13px;line-height:2.1}
  body.is-mobile-layout .command__panel{width:calc(100% - 16px);margin:12px auto 0;max-height:calc(var(--app-vh,1vh)*100 - 24px);border-radius:18px}
  body.is-mobile-layout .site-footer{padding:50px 0 calc(90px + env(safe-area-inset-bottom))}
  body.is-mobile-layout .footer-grid{grid-template-columns:1fr 1fr;gap:20px}
  body.is-mobile-layout .footer-brand,body.is-mobile-layout .footer-legal{grid-column:1/-1}
  body.is-mobile-layout .footer-bottom{display:grid;gap:8px;font-size:8px;line-height:1.8}
}

@media (max-width:420px){
  body.is-mobile-layout{--container:calc(100% - 18px)}
  body.is-mobile-layout .brand__independent{display:none}
  body.is-mobile-layout .hero h1{font-size:35px}
  body.is-mobile-layout .hero__proof{grid-template-columns:1fr 1fr}
  body.is-mobile-layout .hero__proof div:last-child{grid-column:1/-1}
  body.is-mobile-layout .instrument__grid{grid-template-columns:1fr 1fr}
  body.is-mobile-layout .instrument__metric:nth-child(3){grid-column:1/-1}
  body.is-mobile-layout .footer-grid{grid-template-columns:1fr}
  body.is-mobile-layout .footer-brand,body.is-mobile-layout .footer-legal{grid-column:auto}
}

@keyframes mobileFieldDrift{0%{background-position:center,center,0 0,0 0}50%{background-position:center,center,18px 12px,18px 12px}100%{background-position:center,center,36px 24px,36px 24px}}
@media (prefers-reduced-motion:reduce){body.is-mobile-layout .hero:before{animation:none!important}}

/* Compact touch landscape: mobile behavior remains active without covering the page. */
@media (orientation:landscape) and (max-height:520px) and (hover:none) and (pointer:coarse) and (max-width:960px){
  body.is-mobile-layout{--header-h:54px;--mobile-dock-h:58px;--container:calc(100% - 32px)}
  body.is-mobile-layout #app{padding-top:80px}
  body.is-mobile-layout .site-header{height:54px;padding-inline:12px}
  body.is-mobile-layout .site-header.is-scrolled{height:52px}
  body.is-mobile-layout .independent-strip{top:54px;height:26px;min-height:26px;padding:3px 12px}
  body.is-mobile-layout:has(.site-header.is-scrolled) .independent-strip{top:52px}
  body.is-mobile-layout .hero__inner{padding:16px 0 68px;gap:18px}
  body.is-mobile-layout .hero h1{font-size:clamp(34px,6vw,46px);line-height:1.18;margin:13px 0 10px}
  body.is-mobile-layout .hero__desc{font-size:12px;line-height:1.9}
  body.is-mobile-layout .independent-note{font-size:9px;padding:9px 11px}
  body.is-mobile-layout .hero__actions{grid-template-columns:1fr 1fr;margin-top:14px}
  body.is-mobile-layout .hero__proof{margin-top:14px}
  body.is-mobile-layout .mobile-dock{right:50%;left:auto;bottom:4px;width:min(430px,calc(100% - 16px));height:52px;transform:translateX(50%);border-radius:17px}
  body.is-mobile-layout .mobile-dock a{padding:4px}
  body.is-mobile-layout .mobile-dock a span{display:none}
  body.is-mobile-layout .mobile-dock svg{width:19px;height:19px}
  body.is-mobile-layout .page{padding-bottom:70px}
  body.is-mobile-layout .page-hero{padding:22px 0 70px}
  body.is-mobile-layout .page-hero h1{font-size:clamp(32px,6vw,43px)}
  body.is-mobile-layout .modal__head{padding:9px 13px}
}
@media (orientation:landscape) and (max-height:520px) and (hover:none) and (pointer:coarse) and (max-width:960px){
  body.is-mobile-layout .hero .independent-note,body.is-mobile-layout .hero__proof{display:none}
  body.is-mobile-layout .hero__actions{margin-top:12px}
}
@media (orientation:landscape) and (max-height:520px) and (hover:none) and (pointer:coarse) and (max-width:960px){
  body.is-mobile-layout #app{padding-left:62px}
  body.is-mobile-layout .mobile-dock{top:86px;bottom:auto;left:6px;right:auto;width:48px;height:auto;transform:none;grid-template-columns:1fr;grid-template-rows:repeat(5,46px);padding:4px;border-radius:16px}
  body.is-mobile-layout .mobile-dock a{min-height:42px;border-radius:12px}
}