/* Orra mobile-first layer for product, industry and info pages.
   Loaded after each page's own styles. The Talk to Orra bar itself lives in /assets/orra-talk.js. */
@media (max-width:900px){
  header{padding-top:10px}
  .nav{height:54px;padding:0 6px 0 14px}
  .nav .gbtn{display:none}
  .crumbs{margin:18px 0 12px;font-size:12px}
  .hero{gap:22px;padding-bottom:18px}
  .hero h1,main > .wrap > h1{font-size:clamp(34px,9.4vw,52px);line-height:1.04}
  .status{margin-bottom:12px}
  .answer{font-size:16px;line-height:1.55;margin:16px 0 20px}
  .ctas .press{width:100%}
  .ctas .press-top{width:100%}
  .ctas .gbtn{display:none}
  /* industry pages: like the homepage, the live demo leads, then the headline */
  .hero:has(> .demo){display:flex;flex-direction:column;gap:0}
  .hero:has(> .demo) > div:first-child{display:contents}
  .hero:has(> .demo) > .demo{order:1;margin:4px 0 22px}
  .hero:has(> .demo) .status{display:none}
  .hero:has(> .demo) .eyebrow{order:3;align-self:flex-start;text-align:left}
  .hero:has(> .demo) h1{order:4}
  .hero:has(> .demo) .answer{order:5;margin-top:16px}
  .hero:has(> .demo) .ctas{order:6}
  .demo{padding:22px 18px 18px;text-align:center}
  .demo .dm-who{flex-direction:column;gap:10px}
  .demo .av{width:104px;height:104px;font-size:46px;animation:ring 2.2s var(--ease) infinite}
  .demo .biz{font-size:26px}
  .demo .dm-tx{min-height:0;margin:14px 0;font-size:14.5px;text-align:left}
  .demo .dm-row{justify-content:center}
  .demo .dm-row .press{flex:1 1 auto}
  .demo .dm-row .press-top{width:100%;font-size:17px;padding:17px 22px}
  .demo .clock{margin:0}
  .demo .dm-try{display:none;text-align:left}
  .demo.live .dm-try{display:grid}
  .demo .dm-note{font-size:12px}
  .hero-img{aspect-ratio:16/10;border-radius:22px}
}
@media (max-width:700px){
  section{padding-block:52px}
  h2{font-size:clamp(30px,8.6vw,42px);line-height:1.05}
  .facts{grid-template-columns:1fr 1fr!important;gap:8px}
  .facts > div{padding:12px 14px}
  .facts dd{font-size:14px}
  .pains,.jobs,.ind-grid,.feats{gap:8px}
  .faq summary{font-size:18px}
  .cta h2{font-size:clamp(32px,9vw,44px)}
}