/* Public Secure Links surface aligned to the approved ECT system. */
html[data-public-surface="true"]{--secure-canvas:#f7f8fa;--secure-line:#e1e6eb;--secure-blue:#2f45ff;--secure-ink:#182126;--secure-muted:#64717c;background:var(--secure-canvas)}
html[data-public-surface="true"] body{background:var(--secure-canvas)!important;color:var(--secure-ink)}
html[data-public-surface="true"] :is(.site-nav,.page,.footer){background:var(--secure-canvas)!important;background-image:none!important}
html[data-public-surface="true"] .page::before,html[data-public-surface="true"] .page::after{display:none!important}
html[data-public-surface="true"] .site-nav{border-bottom:1px solid var(--secure-line);box-shadow:none!important}
html[data-public-surface="true"] :is(.signup,.card-link,.chat){border-radius:6px!important;box-shadow:none!important}
html[data-public-surface="true"] .page-shell{width:min(1760px,calc(100% - 80px));margin-inline:auto}
html[data-public-surface="true"] .page-hero{min-height:260px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.52fr);align-items:end;gap:56px;padding:54px 0 36px;border-bottom:1px solid var(--secure-line)}
html[data-public-surface="true"] .page-hero::before,html[data-public-surface="true"] .page-hero::after{display:none!important}
html[data-public-surface="true"] .hero-copy h1{max-width:900px;font-family:Sora,Inter,sans-serif!important;font-size:48px!important;line-height:1.08!important;font-weight:700!important}
html[data-public-surface="true"] .hero-copy p{max-width:760px;color:var(--secure-muted);font-size:15px;line-height:1.65}
html[data-public-surface="true"] .hero-panel{border:1px solid var(--secure-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html[data-public-surface="true"] .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:28px 0 52px}
html[data-public-surface="true"] .card{min-height:210px;border:1px solid var(--secure-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;transform:none!important;transition:background-color .16s ease,border-color .16s ease!important}
html[data-public-surface="true"] .card:hover{border-color:#b9c5f9!important;background:#f9faff!important;transform:none!important}
html[data-public-surface="true"] .card h2{font-family:Sora,Inter,sans-serif!important;font-size:18px!important;font-weight:600!important}
html[data-public-surface="true"] .card p{color:var(--secure-muted);font-size:13px;line-height:1.55}
html[data-public-surface="true"] .card-link{color:var(--secure-blue)!important}
html[data-public-surface="true"] .promo-strip{border-radius:8px!important;background:var(--secure-blue)!important;box-shadow:none!important}
html[data-public-surface="true"] .footer{border-top:1px solid var(--secure-line)}
@media(max-width:1500px){html[data-public-surface="true"] .page-shell{width:min(100% - 48px,1760px)}html[data-public-surface="true"] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){html[data-public-surface="true"] .page-hero{grid-template-columns:minmax(0,1fr)}html[data-public-surface="true"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-public-surface="true"] .hero-copy h1{font-size:40px!important}}