:root { --pssr-ink:#1d3158; --pssr-blue:#245aa6; --pssr-action:#f39b24; --pssr-sky:#edf5ff; --pssr-paper:#ffffff; --pssr-line:#d8e4f2; --pssr-muted:#526479; }
/* The generated marketing pages use the Divi shell, but should not inherit its legacy title/sidebar layout. */
body.pssr-page #sidebar { display:none; }
body.pssr-page.et_right_sidebar #left-area { float:none; padding-right:0; width:100%; }
body.pssr-page #main-content .container:before { display:none; }
body.pssr-page .entry-title.main_title { display:none; }
.pssr-architecture-nav { align-items:center; border-bottom:1px solid var(--pssr-line); display:flex; gap:1rem; margin:0 auto; max-width:1200px; overflow-x:auto; padding:1rem clamp(1.25rem,4vw,4.5rem); }
.pssr-architecture-nav > span { color:var(--pssr-muted); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.pssr-architecture-nav > div { display:flex; gap:1rem; white-space:nowrap; }
.pssr-architecture-nav a { color:var(--pssr-blue); font-size:.95rem; font-weight:800; text-decoration:none; }
.pssr-architecture-nav a:focus-visible { outline:3px solid var(--pssr-ink); outline-offset:3px; }
.pssr-site { color:var(--pssr-ink); font-family:inherit; line-height:1.55; }
.pssr-site * { box-sizing:border-box; }
.pssr-hero, .pssr-section { margin:0 auto; max-width:1200px; padding:clamp(3.5rem,8vw,7rem) clamp(1.25rem,4vw,4.5rem); }
.pssr-hero { background:linear-gradient(135deg,#f8fbff 0%,var(--pssr-sky) 100%); border-radius:1.25rem; margin-top:1.5rem; }
.pssr-hero--page { border-radius:0; max-width:none; }
.pssr-hero--with-art { align-items:center; display:grid; gap:clamp(1.5rem,4vw,4rem); grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); overflow:hidden; }
.pssr-hero__art { margin:0; }
.pssr-hero__art img { background:var(--pssr-paper); border:1px solid rgba(36,90,166,.12); border-radius:1rem; box-shadow:0 1.25rem 3rem rgba(29,49,88,.12); display:block; height:auto; max-width:100%; width:100%; }
.pssr-hero__art figcaption { color:#536274; font-size:.825rem; margin-top:.7rem; text-align:center; }
.pssr-eyebrow { color:var(--pssr-blue); font-size:.78rem; font-weight:800; letter-spacing:.12em; margin:0 0 1rem; text-transform:uppercase; }
.pssr-site h1 { font-size:clamp(2.45rem,6vw,5.25rem); letter-spacing:-.045em; line-height:1.03; margin:0; max-width:900px; }
.pssr-site h2 { font-size:clamp(1.85rem,3.6vw,3.35rem); letter-spacing:-.03em; line-height:1.1; margin:0 0 1.25rem; }
.pssr-site h3 { font-size:1.2rem; margin:0 0 .5rem; }
.pssr-lede { color:var(--pssr-muted); font-size:clamp(1.15rem,2vw,1.45rem); margin:1.4rem 0 2rem; max-width:780px; }
.pssr-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin:0; }
.pssr-button { background:var(--pssr-action); border:1px solid var(--pssr-action); border-radius:.65rem; color:var(--pssr-ink) !important; display:inline-block; font-weight:800; padding:.85rem 1.15rem; text-decoration:none !important; }
.pssr-button:focus,.pssr-button:hover { background:#e98b12; border-color:#e98b12; color:var(--pssr-ink) !important; }
.pssr-button:focus-visible,.pssr-text-link:focus-visible { outline:3px solid var(--pssr-ink); outline-offset:3px; }
.pssr-button--secondary { background:var(--pssr-paper); border:1px solid var(--pssr-blue); color:var(--pssr-blue) !important; }
.pssr-button--secondary:focus,.pssr-button--secondary:hover { background:var(--pssr-sky); border-color:var(--pssr-blue); color:var(--pssr-ink) !important; }
.pssr-grid { display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); }
.pssr-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pssr-grid--five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.pssr-grid article { background:var(--pssr-paper); border:1px solid var(--pssr-line); border-radius:.85rem; padding:1.25rem; }
.pssr-grid ul { margin:0; padding-left:1.15rem; }
.pssr-grid li { margin:.55rem 0; }
.pssr-section--problem { border-bottom:1px solid var(--pssr-line); }
.pssr-section--workflow { background:var(--pssr-paper); }
.pssr-steps { counter-reset:pssr-step; display:grid; gap:1rem; list-style:none; margin:0; max-width:960px; padding:0; }
.pssr-steps li { background:var(--pssr-paper); border-left:4px solid var(--pssr-action); border-radius:0 .85rem .85rem 0; box-shadow:0 .5rem 1.5rem rgba(29,49,88,.05); padding:1rem 1.15rem 1rem 3.5rem; position:relative; }
.pssr-steps li:before { background:var(--pssr-ink); border-radius:50%; color:var(--pssr-paper); content:counter(pssr-step); counter-increment:pssr-step; font-size:.8rem; font-weight:800; height:1.6rem; left:1.05rem; line-height:1.6rem; position:absolute; text-align:center; top:1rem; width:1.6rem; }
.pssr-steps strong { display:block; margin-bottom:.2rem; }
.pssr-section--proof { background:#fbfdff; }
.pssr-section--accent { background:linear-gradient(135deg,#f8fbff 0%,var(--pssr-sky) 100%); border-bottom:1px solid var(--pssr-line); border-top:1px solid var(--pssr-line); max-width:none; }
.pssr-section--accent > * { max-width:1200px; margin-left:auto; margin-right:auto; }
.pssr-text-link { color:var(--pssr-blue); font-weight:800; }
@media (max-width:720px) { .pssr-architecture-nav { align-items:flex-start; gap:.7rem; overflow-x:visible; padding-bottom:.9rem; padding-top:.9rem; } .pssr-architecture-nav > div { flex-wrap:wrap; gap:.55rem .8rem; white-space:normal; } .pssr-architecture-nav a { font-size:.9rem; } .pssr-grid,.pssr-grid--two,.pssr-grid--five,.pssr-hero--with-art { grid-template-columns:1fr; } .pssr-hero { border-radius:0; margin-top:0; } .pssr-hero__art { max-width:34rem; } }