/* CODAPLY: consolidated final responsive layer, scoped to narrow viewports. */
@media (max-width: 1000px) {
  html,body { max-width:100%; }
  *,*::before,*::after { box-sizing:border-box; }
  img,svg,video,canvas { max-width:100%; }
  .wrap,.section-space,.hero,.main-header,main,section,footer { min-width:0; }
  .main-header { grid-template-columns:minmax(0,1fr) auto; }
  .menu-toggle { display:flex; }
  .primary-nav,.nav-contact { display:none; }
  .mobile-menu { max-height:min(78dvh,720px);overflow-y:auto;overscroll-behavior:contain; }
  .mobile-services { flex-wrap:wrap; }
  .section-nav-links { min-width:0;overflow-x:auto;scrollbar-width:none; }
  .section-nav-links::-webkit-scrollbar { display:none; }
  .section-nav { max-width:calc(100% - 24px); }
  .footer-top,.footer-nav,.footer-bottom { min-width:0; }
  .hero-visual,.hero-art,.hero-media { min-width:0; }
  .pillar-panels { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pillar-panels > * { min-width:0; }
}
@media (max-width: 699px) {
  :root { --gutter:20px; }
  html { scroll-padding-top:88px; }
  body { min-width:0; }
  .main-header { height:86px; padding:10px var(--gutter); gap:12px; }
  .logo { width:76px;max-width:100%; }
  .menu-toggle { min-height:44px;padding:10px 17px;gap:10px; }
  .mobile-menu { left:12px;right:12px;top:calc(100% - 3px);padding:18px;max-height:calc(100dvh - 100px); }
  .hero,.section-space,.intro { min-width:0; }
  h1,h2,h3,h4,p,li { overflow-wrap:break-word; }
  .hero h1 { font-size:clamp(2.6rem,10.3vw,4.5rem);line-height:1.05; }
  .hero { min-height:0; }
  .hero-actions { flex-wrap:wrap; }
  .hero-actions .button { max-width:100%;white-space:normal;text-align:center; }
  .hero-baseline { margin-top:22px; }
  .editorial,.intro-main,.split-intro { display:block; }
  .editorial > .section-label { margin-bottom:18px; }
  .intro-body { margin-top:20px; }
  .pillar-panels { display:grid;grid-template-columns:minmax(0,1fr);gap:16px; }
  .pillar-panels .pillar { padding:24px; }
  .panel-motif { width:58px;height:58px; }
  .section-nav { left:8px;right:8px;max-width:calc(100% - 16px);gap:4px; }
  .section-nav a { white-space:nowrap; }
  .section-nav-actions { flex-shrink:0; }
  .footer-top,.footer-bottom { display:flex;flex-direction:column;align-items:flex-start;gap:20px; }
  .footer-nav { display:flex;flex-wrap:wrap;gap:12px 20px; }
  .footer-bottom { gap:10px; }
  .audience-row { grid-template-columns:minmax(0,1fr);gap:15px; }
  .audience-row > .button { width:fit-content;max-width:100%; }
  .shape-tile { max-width:100%; }
  .way-bottom { flex-wrap:wrap; }
  input,textarea,select { max-width:100%;min-width:0; }
  button,a { touch-action:manipulation; }
  #the-codaply-way .way-intro { display:flex; flex-direction:column; align-items:stretch; gap:14px; margin-top:18px; min-height:0; }
  #the-codaply-way .way-intro > h2 { width:100%;max-width:100%; }
  #the-codaply-way .way-engagement { color:var(--ink-soft,#44586f);max-width:100%;margin:0; }
  #the-codaply-way .way-neural { width:100%;height:clamp(235px,72vw,360px);min-height:235px;max-height:360px;margin:0;align-self:center; }
  #the-codaply-way .way-neural-canvas {width:100%;height:100%;}
}
@media (max-width: 380px) {
  :root { --gutter:16px; }
  .main-header { padding-inline:16px; }
  .section-nav a { padding:9px 10px; }
  .pillar-panels .pillar { padding:20px; }
}