/* MediComply AI marketing site — layout on top of DS tokens */
html{scroll-behavior:smooth}
body{margin:0}
.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}
.section{padding:var(--section-pad-y) 0}
.section-alt{background:var(--white)}
a.nav-link{color:var(--slate-600);font-weight:600;font-size:15px;text-decoration:none}
a.nav-link:hover{color:var(--accent);text-decoration:none}
a.nav-link.active{color:var(--text-heading)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-card-grid)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}
.trio-item{display:grid;grid-template-columns:44px 1fr;gap:var(--space-4);align-items:start}
.tile{display:grid;grid-template-rows:auto 1fr;gap:14px;align-content:start;text-align:left}
.trio-item p{margin:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
@media(min-width:961px){.col-flip{order:1}}
.nav-bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-desktop{display:flex;align-items:center;gap:var(--space-6)}
.nav-toggle{display:none;background:none;border:0;color:var(--navy-900);padding:8px;margin-right:-8px;cursor:pointer;line-height:0}
.nav-panel{display:none}
@media(max-width:820px){.nav-desktop{display:none}.nav-toggle{display:block}
.nav-panel{display:grid;gap:var(--space-5);padding:var(--space-5) 24px var(--space-6);border-top:1px solid var(--border-default);background:var(--white)}
.nav-panel a.nav-link{font-size:17px;min-height:44px;display:flex;align-items:center}}
@media(max-width:700px){.container{padding:0 20px}.section{padding:var(--space-8) 0}.grid-4{gap:var(--space-5)}}
@media(max-width:430px){.h-display{font-size:32px;letter-spacing:-0.005em}.lead{font-size:16px}.tile div{max-width:none}}
@media(max-width:960px){.grid-4{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr;gap:var(--space-6)}}
@media(max-width:700px){.grid-3{grid-template-columns:1fr;gap:var(--space-7)}.grid-4{grid-template-columns:1fr}}
@media(max-width:600px){.grid-4{grid-template-columns:1fr}}
@media(max-width:700px){#root input,#root textarea{font-size:16px !important;padding:13px 12px !important;min-height:46px}#root form button{width:100%}}
.h-display{font-size:clamp(32px,5vw,var(--text-display));line-height:var(--leading-tight);letter-spacing:-0.01em;text-wrap:balance}
.h-xl{font-size:clamp(26px,3.4vw,var(--text-2xl));line-height:var(--leading-tight)}
.h-lg{font-size:var(--text-xl);line-height:var(--leading-snug)}
.lead{font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-body)}
.measure{max-width:680px}
:root{--label-size:13.5px}
@media(max-width:720px){.hide-sm{display:none}}