:root{--ui-focus:#2e70e8;--ui-focus-ring:rgba(46,112,232,.24)}
html{scroll-padding-top:88px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button,[role="button"],a{touch-action:manipulation}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus-ring);outline-offset:3px}
:where(input,select,textarea):focus-visible{outline-color:rgba(46,112,232,.16)}
.ui-skip-link{position:fixed;left:16px;top:12px;z-index:5000;padding:11px 15px;border-radius:10px;background:#fff;color:#101a2c;font-size:13px;font-weight:800;box-shadow:0 12px 35px rgba(8,18,38,.22);transform:translateY(-160%);transition:transform .18s ease}
.ui-skip-link:focus{transform:translateY(0)}
.ui-nav-backdrop{position:fixed;inset:0;z-index:35;border:0;background:rgba(10,17,35,.42);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.ui-nav-open{overflow:hidden}
body.ui-nav-open .ui-nav-backdrop{opacity:1;pointer-events:auto}

/* Readable corporate UI type scale. Email-canvas content is intentionally excluded. */
:where(.ev-side-nav,.pf-nav,.dc-nav,.ci-nav,.eg-nav,.cm-nav) b{font-size:13px!important}
:where(.ev-side-nav,.pf-nav,.dc-nav,.ci-nav,.eg-nav,.cm-nav) small{font-size:10px!important;line-height:1.35;color:#687489!important}
:where(.ev-metrics,.pf-metrics,.dc-metrics,.ci-metrics,.eg-metrics,.cm-kpis,.sa-metrics) small{font-size:10px!important;line-height:1.35}
:where(.ev-metrics,.pf-metrics,.dc-metrics,.ci-metrics,.eg-metrics,.cm-kpis,.sa-metrics) em{font-size:9px!important;line-height:1.35}
:where(.ev-card-head,.pf-card>header,.dc-card>header,.ci-card>header,.eg-card>header,.cm-panel-head) p{font-size:10px!important;line-height:1.45}
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.sa-shell,.app-shell) small{font-size:10px;line-height:1.4}
.ev-app :where(.input-guidance,.bulk-foot,.verify-alert,.processing-state>div:first-child){font-size:10px}
.ev-app :where(.run-verification,.results-heading>button,.result-controls input,.result-controls select){font-size:11px}
.ev-app .ev-check-row span{font-size:9px}
.dc-app :where(.dc-form-card label>span,.dc-upload label>span){font-size:11px}.dc-app :where(button,.dc-message){font-size:10px}
.ci-app button,.eg-app button{font-size:max(10px,.68rem)}
.sa-shell :where(button,input,select,textarea){font-size:12px}
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell) select,
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell) textarea{font-size:12px}
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell) button{letter-spacing:0}

/* Compact hero system keeps actionable content above the fold. */
@media(min-width:851px){
  .ev-hero{min-height:238px;padding:29px 38px}.ev-hero h1{font-size:clamp(34px,3.2vw,46px);margin:13px 0 10px}.ev-hero-visual{height:188px}.ev-hero-pills{margin-top:15px}
  .pf-hero{min-height:250px;padding:31px 40px;border-radius:22px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.pf-hero h1{font-size:clamp(34px,3.2vw,44px)}.pf-hero>div:first-child>p:not(.pf-eyebrow){font-size:13px;line-height:1.55}.pf-hero-pills{margin-top:17px}.pf-hero-art{height:205px;transform:scale(.84)}
  .eg-hero{min-height:245px!important;padding:25px 34px!important}.eg-hero h2{font-size:clamp(32px,3vw,42px)!important;margin:11px 0 8px!important}
  .cm-hero{min-height:230px;padding:27px 36px}.cm-hero h2{font-size:clamp(33px,3vw,44px)}
}

.ev-menu,.cm-menu{display:none;border:0;background:#f1f3f8;color:#39445b;width:40px;height:40px;border-radius:11px;place-items:center;font-size:19px;cursor:pointer}
.ev-menu::before,.cm-menu::before{content:'☰';font-size:19px;line-height:1}
.eb-mobile-panel{display:none!important}

@media(min-width:761px) and (max-width:1100px){
  .landing-nav{grid-template-columns:1fr auto auto!important;gap:12px}
  .landing-menu-button{display:block!important}
  .landing-nav nav{position:absolute;display:none!important;top:76px;right:clamp(28px,5vw,72px);width:250px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#fff;color:#24372d;box-shadow:0 22px 50px rgba(2,28,19,.22);flex-direction:column;align-items:stretch;gap:0}
  .landing-nav nav.open{display:flex!important}
  .landing-nav nav a{padding:12px;border-bottom:1px solid #edf0ed}
  .landing-nav nav a:last-child{border-bottom:0}
}

@media(min-width:721px) and (max-width:1000px){
  .corp-nav{grid-template-columns:1fr auto auto!important;gap:12px}
  .corp-menu{display:block!important}
  .corp-nav nav{position:absolute;display:none!important;top:74px;right:clamp(24px,4vw,55px);width:250px;padding:10px;border:1px solid #e2e6eb;border-radius:13px;background:#fff;color:#172033;box-shadow:0 22px 50px rgba(8,18,38,.18);flex-direction:column;align-items:stretch;gap:0}
  .corp-nav nav.open{display:flex!important}
  .corp-nav nav a{padding:12px;border-bottom:1px solid #e9ecef}
  .corp-nav nav a:last-child{border-bottom:0}
}

@media(max-width:900px){
  .pf-hero{min-height:auto!important;padding:28px 24px!important}
  .ci-hero{min-height:auto!important}
}

@media(max-width:850px){
  .ui-nav-backdrop{background:rgba(10,17,35,.5);-webkit-backdrop-filter:none;backdrop-filter:none}
  #sidebar.open,#ci-sidebar.open,#eg-sidebar.open,#dc-sidebar.open,.ev-sidebar.open,.cm-sidebar.open{z-index:60!important;-webkit-filter:none!important;filter:none!important}
  .ev-menu,.cm-menu{display:grid;flex:0 0 auto;font-size:0}
  .ev-topbar{gap:10px}.ev-mobile-brand{margin-right:auto}.ev-top-actions{margin-left:auto}
  .cm-topbar{gap:10px}.cm-topbar>div:first-of-type{margin-right:auto}
  .ev-sidebar,.cm-sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(310px,86vw)!important;height:100dvh!important;z-index:60!important;transform:translateX(-105%);transition:transform .24s ease,box-shadow .24s ease;box-shadow:none;overflow-y:auto}
  .ev-sidebar.open,.cm-sidebar.open{transform:translateX(0);box-shadow:24px 0 55px rgba(8,18,38,.22)}
  .ev-hero,.cm-hero,.eg-hero,.ci-hero,.dc-hero,.pf-hero{min-height:auto!important;padding:25px 22px!important}
  :where(.ev-hero h1,.pf-hero h1,.cm-hero h2,.eg-hero h2,.ci-hero h2,.dc-hero h2){font-size:clamp(29px,8.5vw,37px)!important;line-height:1.08!important}
}

@media(max-width:760px){
  .eb-workspace{position:relative}
  .eb-mobile-panel{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}
  .eb-studio.mobile-panel-tools .eb-toolbox,
  .eb-studio.mobile-panel-properties .eb-inspector{display:block!important;position:absolute;inset:0;z-index:30;width:100%;max-width:none;background:#fff;overflow:auto}
  .eb-studio.mobile-panel-tools .eb-toolbox{padding-bottom:50px}
  .eb-studio.mobile-panel-properties .eb-inspector{padding-bottom:50px}
  .eb-studio.mobile-panel-tools .eb-stage,
  .eb-studio.mobile-panel-properties .eb-stage{visibility:hidden}
  .eb-actions{max-width:calc(100vw - 72px);overflow-x:auto;justify-content:flex-start;padding-bottom:2px}
}

@media(max-width:620px){
  :where(.ev-metrics,.pf-metrics,.dc-metrics,.ci-metrics,.eg-metrics,.cm-kpis,.sa-metrics){gap:10px}
  :where(.ev-metrics,.dc-metrics,.ci-metrics,.eg-metrics,.cm-kpis){grid-template-columns:1fr 1fr!important}
  :where(.ev-metrics,.pf-metrics,.dc-metrics,.ci-metrics,.eg-metrics,.cm-kpis,.sa-metrics) article{min-height:86px!important;padding:13px!important}
}

@media(prefers-reduced-motion:reduce){.ui-skip-link,.ui-nav-backdrop,.ev-sidebar,.cm-sidebar{transition:none!important}}

/* Accessibility floor: meaningful application text must remain readable at zoom. */
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell,.app-shell,.cookie-notice) :where(p,li,dt,dd,label,small,em,span){font-size:max(12px,.75rem)!important}
:where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell,.app-shell,.cookie-notice) :where(button,input,select,textarea,a){font-size:max(14px,.875rem)!important}

@media(max-width:850px){
  :where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell,.app-shell) :where(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px!important}
  :where(.ev-app,.pf-app,.dc-app,.ci-app,.eg-app,.cm-app,.sa-shell,.app-shell) :where(button,[role="button"]){min-width:44px!important}
}