/* B!RANDED! 9.23.15-R84B — landing presentation audit.
   Loaded last. Desktop visual language is retained; this layer only prevents clipping/overflow and normalizes narrow layouts. */
.landing-shell,.landing-shell *{box-sizing:border-box}
.landing-shell :where(section,article,aside,header,footer,div,nav){min-width:0}
.landing-shell :where(img,video,canvas,svg,iframe){max-width:100%}
.landing-shell :where(code,pre){max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Desktop hero: keep the cinematic composition but give the oversized balanced headline a real clipping-safe gutter. */
.landing-shell .landing-copy{min-width:0;padding-inline-start:clamp(6px,.55vw,11px)}
.landing-shell .landing-copy h1{max-width:100%;overflow-wrap:normal;word-break:normal}
.landing-shell .landing-kicker{max-width:100%;overflow-wrap:anywhere}
.landing-shell .command-demo{min-width:0;max-width:100%}
@media (min-width:1181px){
  .landing-shell .landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr)}
}

/* Princesa / C!OINED! containment at every size. */
.princesa-landing-grid,.coined-landing-grid,
.princesa-landing-copy,.coined-landing-copy,
.princesa-protocol-visual,.coined-ledger-visual,
.princesa-domain-node,.princesa-route-line,.princesa-mailbox-samples,
.coined-block,.coined-qr-sim,.coined-balance{min-width:0;max-width:100%}
.princesa-domain-node strong,.princesa-route-line code,.princesa-mailbox-samples span,
.coined-block strong,.coined-block small,.coined-qr-sim code{overflow-wrap:anywhere;word-break:break-word}
.princesa-protocol-visual header,.coined-ledger-visual header{flex-wrap:wrap}

@media (max-width:900px){
  .landing-shell{overflow-x:clip}
  .landing-shell .landing-copy{padding-inline-start:4px;padding-inline-end:2px}
  .princesa-coined-stage{overflow:clip}
  .princesa-landing-grid,.coined-landing-grid{width:100%;grid-template-columns:minmax(0,1fr)!important;gap:24px}
  .princesa-landing-copy,.coined-landing-copy,.princesa-protocol-visual,.coined-ledger-visual{width:100%}
  .princesa-landing-copy h2,.coined-landing-copy h2{max-width:100%;font-size:clamp(30px,8.6vw,48px);line-height:1.02;overflow-wrap:break-word}
  .princesa-landing-wordmark,.coined-landing-wordmark{max-width:100%;font-size:clamp(2.65rem,14vw,4.8rem);letter-spacing:-.06em;overflow:hidden}
  .princesa-landing-copy .eyebrow,.coined-preview-badge{max-width:100%;white-space:normal;line-height:1.45;overflow-wrap:anywhere}
  .princesa-landing-chips,.coined-preview-chips{max-width:100%;align-items:flex-start}
  .princesa-landing-chips span,.coined-preview-chips span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .princesa-landing-copy .actions,.coined-landing-copy .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;align-items:stretch}
  .princesa-landing-copy .actions .button,.coined-landing-copy .actions .button{width:100%;max-width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.25;overflow-wrap:anywhere}
  .princesa-protocol-visual,.coined-ledger-visual{padding:clamp(14px,4vw,20px)}
  .princesa-protocol-visual header span,.coined-ledger-visual header span{max-width:100%;overflow-wrap:anywhere}
  .princesa-domain-node{padding:16px}
  .princesa-domain-node strong{font-size:clamp(.78rem,3.4vw,1rem);line-height:1.35}
  .princesa-route-line{grid-template-columns:8px 52px minmax(0,1fr)!important;gap:8px;padding:11px 10px}
  .princesa-route-line code{font-size:clamp(.66rem,2.8vw,.82rem)}
  .princesa-route-line em{display:none}
  .princesa-mailbox-samples{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .princesa-mailbox-samples span{font-size:clamp(.62rem,2.7vw,.73rem)}
  .coined-separation-banner{max-width:100%;overflow-wrap:anywhere;line-height:1.45}
  .coined-balance{padding:16px}
  .coined-balance strong{font-size:clamp(1.75rem,9vw,3.2rem);overflow-wrap:anywhere}
  .coined-block{grid-template-columns:46px minmax(0,1fr);gap:9px}
  .coined-block>b{grid-column:2;justify-self:start}
  .coined-qr-sim{grid-template-columns:68px minmax(0,1fr);gap:12px}
  .coined-qr-grid{width:68px;height:68px;background-size:11px 11px}
}

@media (max-width:520px){
  .landing-shell .landing-hero{padding-inline:13px!important}
  .landing-shell .landing-copy{padding-inline-start:3px}
  .landing-shell .landing-copy h1{font-size:clamp(36px,11.6vw,54px)!important;line-height:.98!important}
  .princesa-landing-section,.coined-landing-section{max-width:100%}
  .princesa-landing-wordmark,.coined-landing-wordmark{font-size:clamp(2.45rem,15vw,4rem);margin:12px 0 20px}
  .princesa-landing-copy>p,.coined-landing-copy>p{font-size:.96rem;line-height:1.65}
  .princesa-mailbox-samples{grid-template-columns:minmax(0,1fr)}
  .princesa-route-line{grid-template-columns:8px 44px minmax(0,1fr)!important}
  .princesa-route-line b{font-size:.62rem}
  .coined-preview-badge{display:flex;width:100%;border-radius:14px}
  .coined-block{grid-template-columns:40px minmax(0,1fr);padding:10px}
  .coined-block>b{display:none}
  .coined-qr-sim{grid-template-columns:56px minmax(0,1fr);padding:11px}
  .coined-qr-grid{width:56px;height:56px;border-width:6px;background-size:9px 9px}
}

@media (max-width:360px){
  .landing-shell{width:calc(100% - 10px)!important}
  .landing-shell .landing-hero{padding-inline:10px!important}
  .princesa-protocol-visual,.coined-ledger-visual{padding:12px;border-radius:18px}
  .princesa-route-line{grid-template-columns:7px 40px minmax(0,1fr)!important;padding-inline:8px}
  .coined-qr-sim{grid-template-columns:minmax(0,1fr)}
  .coined-qr-grid{width:54px;height:54px}
}