/* One Gate System V14 — landing readability & locale control */
@media screen {
  .og-nav{font-size:14px}.og-brand span strong{font-size:15px}.og-brand span small{font-size:12.5px}
  .og-nav-links a{font-size:13.5px}.og-btn{font-size:14px}.og-btn-lg{font-size:15px}
  .og-hero-copy p,.og-section-head p,.og-bento-card p,.og-v12-solutions-copy>p,.og-v11-company p,.og-contact p,.og-footer p{font-size:16px;line-height:1.72}
  .og-section-head h2,.og-v12-solutions-copy h2,.og-contact h2{font-size:clamp(34px,4vw,54px);line-height:1.08}
  .og-bento-card h3{font-size:clamp(22px,2.2vw,31px);line-height:1.2}
  .og-proof-grid small,.og-card-index,.og-eyebrow,.og-v12-kicker,.og-v11-chip-list span,.og-tracking-steps span,.og-v11-tracking-benefits span,.og-v11-footer-col a,.og-v11-footer-col p,.og-v11-trust-strip small,.og-v11-footer-bottom{font-size:max(13px,.82rem)}
  .og-proof-grid strong{font-size:clamp(26px,2.4vw,36px)}
  [class^="og-"] small,[class*=" og-"] small{font-size:13px;line-height:1.55}
  [class^="og-"] p,[class*=" og-"] p{line-height:1.65}
  .og-locale-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(145,174,236,.22);border-radius:12px;background:rgba(6,19,45,.64);backdrop-filter:blur(14px)}
  .og-locale-switch a{min-width:34px;min-height:32px;display:grid;place-items:center;border-radius:9px;color:#aabbd6;text-decoration:none;font-size:12px;font-weight:850;letter-spacing:.04em;transition:.2s}
  .og-locale-switch a:hover{color:#fff;background:rgba(81,127,255,.14)}.og-locale-switch a.active{color:#fff;background:linear-gradient(135deg,#377aff,#7651ff);box-shadow:0 6px 16px rgba(66,94,235,.24)}
  @media(max-width:980px){.og-locale-switch{order:-1;margin-left:auto}}
  @media(max-width:600px){.og-hero-copy p,.og-section-head p,.og-bento-card p,.og-v12-solutions-copy>p,.og-v11-company p,.og-contact p,.og-footer p{font-size:15px}.og-nav-links a{font-size:14px}}
}
@media screen {
  .og-v14-message-enter{animation:ogV14MessageIn .42s ease both}
  @keyframes ogV14MessageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* V14 removes the micro-copy sizing introduced in V13 landing components. */
@media screen {
  .og-v13-history article>span{font-size:13px!important}
  .og-v13-history small,.og-founder-panel>small,.og-v13-enterprise-standards>div small,.og-v13-enterprise-standards>span small{font-size:13px!important;line-height:1.5}
  .og-v13-history p,.og-founder-panel>p{font-size:15px!important;line-height:1.65}
  .og-founder-panel>a{font-size:14px!important}
  .og-v13-enterprise-standards>span b{font-size:14px!important}
  .og-v13-payment-brands figcaption{font-size:13px!important;line-height:1.4}
  .og-v11-footer-brand .og-brand small,.og-v11-footer-brand>small,.og-v11-trust-strip small,.og-v11-trust-strip>span,.og-v11-footer-bottom,.og-v11-footer-bottom a{font-size:13px!important;line-height:1.5}
  .og-v13-founder-tags span{font-size:13px!important;line-height:1.45}
  [class^="og-"] small,[class*=" og-"] small{font-size:13px!important;line-height:1.55}
}

/* V14 documentation visual preview — richer than icon-only cards. */
@media screen {
  .og-v14-doc-preview{margin-top:26px;padding:24px;border:1px solid rgba(105,142,221,.17);border-radius:24px;background:linear-gradient(145deg,rgba(7,24,52,.9),rgba(5,17,39,.88));box-shadow:0 24px 70px rgba(0,0,0,.12);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:22px;align-items:center;overflow:hidden;position:relative}
  .og-v14-doc-preview:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-160px;top:-160px;background:radial-gradient(circle,rgba(86,111,255,.18),transparent 70%);pointer-events:none}
  .og-v14-doc-copy{position:relative;z-index:1}.og-v14-doc-copy h3{margin:9px 0 12px;color:#f5f8ff;font-size:clamp(25px,2.5vw,37px);line-height:1.12;letter-spacing:-.03em}.og-v14-doc-copy p{margin:0;color:#a7bad8;font-size:15.5px;line-height:1.7}.og-v14-doc-copy .og-actions{margin-top:18px}
  .og-v14-doc-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .og-v14-doc-card{display:block;min-width:0;text-decoration:none;border:1px solid rgba(99,140,219,.16);border-radius:17px;overflow:hidden;background:rgba(4,16,36,.72);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
  .og-v14-doc-card:hover{transform:translateY(-4px);border-color:rgba(102,129,255,.45);box-shadow:0 18px 38px rgba(0,0,0,.2)}
  .og-v14-doc-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#081b38}
  .og-v14-doc-card>span{display:block;padding:12px 13px 13px}.og-v14-doc-card b{display:block;color:#f1f6ff;font-size:15px;line-height:1.35}.og-v14-doc-card small{display:block;margin-top:4px;color:#8fa5c7;font-size:13px!important;line-height:1.45}
  @media(max-width:980px){.og-v14-doc-preview{grid-template-columns:1fr}.og-v14-doc-copy{max-width:760px}}
  @media(max-width:620px){.og-v14-doc-preview{padding:17px;border-radius:19px}.og-v14-doc-grid{grid-template-columns:1fr}.og-v14-doc-copy p{font-size:15px}.og-v14-doc-card>span{padding:11px 12px}}
}

/* V14.1 layout guard: prevent enlarged text from escaping cards on every breakpoint. */
@media screen {
  body{overflow-x:hidden}
  .og-shell,.og-nav,.og-nav-inner,.og-hero,.og-section,.og-bento-card,.og-v14-doc-preview,.og-v14-doc-grid,.og-v14-doc-card{min-width:0;max-width:100%}
  .og-nav-inner>* , .og-hero>* , .og-bento-grid>* , .og-v14-doc-grid>*{min-width:0}
  .og-brand{min-width:0}.og-brand span{min-width:0}.og-brand span strong{font-size:15px!important}.og-brand span small{font-size:10.5px!important;white-space:nowrap}
  .og-nav-links a{font-size:12.5px!important;white-space:nowrap}
  .og-btn{font-size:13px!important;white-space:nowrap}
  .og-hero-copy h1{overflow-wrap:normal}.og-hero-copy p,.og-section-head p,.og-bento-card p,.og-v12-solutions-copy>p,.og-v11-company p,.og-contact p,.og-footer p{font-size:15px!important;line-height:1.68!important}
  [class^="og-"] small,[class*=" og-"] small{font-size:11.5px!important;line-height:1.48!important;overflow-wrap:anywhere}
  .og-v13-history p,.og-founder-panel>p{font-size:14px!important}
  .og-v13-founder-tags span{font-size:11.5px!important;overflow-wrap:anywhere}
  .og-v14-doc-copy p{font-size:14.5px!important}.og-v14-doc-card b{font-size:14px!important}.og-v14-doc-card small{font-size:11.5px!important}
}
@media(max-width:1080px){.og-nav-links{gap:12px!important}.og-nav-links a{font-size:12px!important}.og-nav-actions{gap:7px!important}}
@media(max-width:760px){
  .og-brand span small{display:none}.og-hero-copy p,.og-section-head p,.og-bento-card p,.og-v12-solutions-copy>p,.og-v11-company p,.og-contact p,.og-footer p{font-size:14.5px!important}
  .og-v14-doc-preview{padding:18px!important}.og-v14-doc-grid{grid-template-columns:1fr!important}
}
