/* NECESSO V16 — fluid layout. Existing content, brand assets and scripts retained.
   The page composition expands; paragraphs keep a readable measure.
   All changes below 768px are deliberately avoided to preserve the approved mobile UI. */
@media screen and (min-width:768px){
  :root{--width:1600px}
  .section-wrap,.hero-flow>*,.hero-copy>*,.contact-body>*,.document-columns>*{min-width:0}
  .home-page .hero{padding-top:clamp(46px,4vw,72px)}
  .home-page .hero h1.hero-audience{font-size:clamp(44px,5.8vw,88px);max-width:none}
  .home-page .hero-top{margin-bottom:clamp(28px,2.5vw,42px)}
  .home-page .hero-flow{
    display:grid;
    grid-template-columns:minmax(0,44fr) minmax(0,56fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:clamp(28px,4vw,80px);
    row-gap:clamp(30px,3vw,48px)
  }
  .home-page .hero-message{grid-column:1;grid-row:1;align-self:center;max-width:620px;gap:clamp(24px,2vw,32px)}
  .home-page .hero-promise{font-size:clamp(30px,2.8vw,46px);line-height:1.2;max-width:24ch}
  .home-page .hero-motto{max-width:48ch}
  .home-page .hero-hammer{
    grid-column:2;grid-row:1;align-self:center;justify-self:stretch;
    width:100%;max-width:none;margin:0
  }
  .home-page .hero-hammer__visual{min-height:0;width:100%;aspect-ratio:1448 / 1086}
  .home-page .hero-hammer__visual img{width:100%;max-width:100%;height:auto}
  .home-page .hero-copy{
    grid-column:1 / -1;grid-row:2;display:grid;
    grid-template-columns:minmax(0,44fr) minmax(0,56fr);
    column-gap:clamp(28px,4vw,80px);row-gap:22px;align-items:start;max-width:none
  }
  .home-page .hero-copy>p{grid-column:1;grid-row:1;max-width:620px;font-size:18px;line-height:1.72}
  .home-page .hero-copy>.hero-contact{grid-column:1;grid-row:2;justify-self:start;align-self:start}
  .home-page .hero-copy>.voice-teaser{grid-column:2;grid-row:1 / span 2;max-width:620px;margin:0}
  .home-page .hero-copy .voice-teaser h3{max-width:30ch}
  .home-page .hero-copy .voice-teaser p{max-width:62ch}
  .home-page .launch-markets{margin-top:clamp(32px,3vw,48px)}
  main:not(.legal-page) :is(.subhero-copy,.solutions-opening>p,.solutions-teaser>p){max-width:68ch}
  .product-detail .disclosure-body{max-width:76ch}
  .document-columns article p{max-width:65ch}
  .product-trust dd{max-width:70ch}
  .legal-page.section-wrap{max-width:1240px}
}
/* Tablet: no fixed 340/420px media minimum that can squeeze the text column.
   A single reading column below the hero is calmer on narrower tablets. */
@media screen and (min-width:768px) and (max-width:1100px){
  .home-page .hero-promise{font-size:clamp(30px,3.4vw,38px)}
  .home-page .hero-copy{grid-template-columns:minmax(0,1fr);row-gap:22px}
  .home-page .hero-copy>p{max-width:68ch}
  .home-page .hero-copy>.voice-teaser{grid-column:1;grid-row:3;max-width:68ch}
  .home-page .hero-copy .voice-teaser h3{max-width:none}
  .home-page .hero-copy .voice-teaser p{max-width:68ch}
}
/* Wider editorial compositions; no full-width 1600px lines of body copy. */
@media screen and (min-width:1101px){
  .home-page .home-lead{
    display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);
    align-items:start;gap:clamp(40px,4vw,80px)
  }
  .home-page .home-lead h2{max-width:19ch;margin-bottom:0}
  .home-page .home-lead .reading{margin-top:0;max-width:65ch}
  .home-page .home-bridge{
    display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);
    column-gap:clamp(40px,4vw,80px);row-gap:22px;align-items:start
  }
  .home-page .home-bridge h2{grid-column:1;grid-row:1 / span 2;margin:0}
  .home-page .home-bridge p{grid-column:2;grid-row:1;max-width:65ch;margin:0}
  .home-page .home-bridge .text-link{grid-column:2;grid-row:2}
  .company-story{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:clamp(40px,4vw,80px);align-items:start}
  .company-story h2{margin-bottom:0;max-width:20ch}
  .company-story>div{max-width:65ch}
  .founder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:clamp(40px,5vw,96px)}
  .founder-list article>p{max-width:60ch}
  .contact-body{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:clamp(40px,4vw,80px);align-items:start}
  .contact-body>div{max-width:65ch}
  .contact-body>div>p:first-child{max-width:65ch}
  main:not(.legal-page) .investors p{max-width:65ch}
}