.org-info-page { background:#fff; color:#203b4e; }
.org-info { max-width:1320px; margin:auto; padding:0 40px; }
.org-info h1,.org-info h2,.org-info h3 { font-family:"Plus Jakarta Sans",sans-serif; letter-spacing:-.04em; color:#153d54; }
.org-info h1 { font-size:clamp(38px,4.4vw,62px); line-height:1.08; margin:18px 0 24px; }
.org-info h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; margin:12px 0 20px; }
.org-info p,.org-info li { font-size:17px; line-height:1.7; }
.org-info .org-info-eyebrow { text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:800; color:#0878a8; }
.org-info .org-info-lead { font-size:21px; line-height:1.5; }
.org-info-hero { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:48px; padding:72px 0 48px; }
.org-info figure { margin:0; min-width:0; }
.org-info img { display:block; width:100%; height:auto; border:1px solid #dbe5eb; border-radius:14px; box-shadow:0 18px 55px #183e5414; }
.org-info .org-info-screen { position:relative; width:100%; aspect-ratio:1280 / 900; overflow:hidden; border:1px solid #dbe5eb; border-radius:14px; box-shadow:0 18px 55px #183e5414; background:#fff; }
.org-info-screen iframe { display:block; position:absolute; top:0; left:0; width:1280px; height:900px; max-width:none; border:0; transform-origin:top left; transform:scale(var(--preview-scale, .5)); pointer-events:none; }
.org-info figcaption { font-size:13px; line-height:1.5; color:#526878; margin:14px 4px 0; }
.org-info-actions { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; margin:25px 0 18px; }
.org-info-primary,.org-info-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border-radius:10px; padding:12px 18px; font-weight:800; text-decoration:none; }
.org-info-primary { background:#0878a8; color:#fff; }
.org-info-primary:hover { background:#075c82; color:#fff; }
.org-info-secondary { color:#153d54; border:1px solid #cedde5; background:#fff; }
.org-info a:focus-visible { outline:3px solid #ef9438; outline-offset:4px; }
.org-info .org-info-note { font-size:14px; color:#526878; }
.org-info-jump { display:flex; flex-wrap:wrap; gap:18px 35px; padding:24px 0; border-top:1px solid #dbe5eb; border-bottom:1px solid #dbe5eb; }
.org-info-jump a { font-weight:800; color:#21536d; text-decoration:none; }
.org-info .org-info-preview-note { font-size:12px; color:#637583; max-width:800px; margin-top:20px; }
.org-info-feature { display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; align-items:center; padding:65px 0; }
.org-info-feature ul { padding-left:20px; }
.org-info-feature li { margin-bottom:8px; }
.org-info-feature-reverse { grid-template-columns:1.2fr .8fr; }
.org-info-feature-reverse figure { grid-column:1; grid-row:1; }
.org-info-feature-reverse > div { grid-column:2; }
.org-info-workspace { padding:50px 0 65px; border-top:1px solid #dbe5eb; }
.org-info-reporting { padding:32px; background:#f1f7fa; border:1px solid #dbe5eb; border-radius:24px; }
.org-info-reporting > p:not(.org-info-eyebrow) { max-width:720px; margin-bottom:28px; }
.org-info-reporting .org-info-screen { aspect-ratio:1280 / 1100; }
.org-info-reporting iframe { height:1100px; }
@media(max-width:600px) { .org-info-reporting { padding:18px; } }
.org-info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:35px; }
.org-info-grid article { padding:26px; background:#f1f7fa; border-radius:16px; }
.org-info-grid .material-symbols-outlined { color:#0878a8; font-size:30px; }
.org-info-grid h3 { font-size:21px; }
.org-info-start { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:center; background:#fff4e8; border-radius:24px; padding:42px; margin:10px 0 72px; }
.org-info-start .org-info-actions { flex-direction:column; align-items:stretch; text-align:center; }
@media(max-width:900px) { .org-info { padding:0 22px; } .org-info-hero,.org-info-feature,.org-info-feature-reverse,.org-info-start { grid-template-columns:1fr; gap:28px; } .org-info-hero { padding-top:40px; } .org-info-feature-reverse figure,.org-info-feature-reverse > div { grid-column:auto; grid-row:auto; } .org-info-grid { grid-template-columns:1fr; gap:16px; } .org-info-feature { padding:38px 0; } .org-info-start { padding:28px; } }