
:root{--blue:#123b70;--navy:#082b4d;--orange:#f28c22;--green:#70c52b;--text:#26384a;--muted:#68798a;--light:#f5f7fa}
.psw-painter{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65}.psw-painter *{box-sizing:border-box}.wrap{max-width:1180px;margin:auto;padding:0 24px}
.hero{min-height:690px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,31,55,.94),rgba(5,31,55,.68),rgba(5,31,55,.25)),url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=2000&q=90') center/cover no-repeat;color:#fff}
.hero-inner{width:100%}.hero-copy{max-width:700px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.eyebrow.blue{color:var(--blue)}
h1{font-size:clamp(38px,4.7vw,60px);line-height:1.05;margin:14px 0;color:#fff}h2{font-size:clamp(29px,3.2vw,44px);line-height:1.12;margin:12px 0 18px;color:var(--navy)}.hero h2,.band h2,.dark h2{color:#fff}.hero p{font-size:19px;max-width:650px}.hero ul{list-style:none;padding:0;margin:22px 0}.hero li{margin:8px 0}.hero li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;background:#fff;color:#1478e8;border-radius:50%;margin-right:10px;font-weight:900}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 24px;border-radius:9px;text-decoration:none;font-weight:800}.primary{background:#1478e8;color:#fff}.ghost{border:1px solid #fff;color:#fff}.outline{border:1px solid var(--blue);color:var(--blue)}.white{background:#fff;color:var(--navy)}
.section{padding:86px 0}.light{background:var(--light)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.feature-img{width:100%;height:520px;object-fit:cover;border-radius:18px;box-shadow:0 20px 55px rgba(8,43,77,.13)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.mini-grid div{padding:18px;border-left:4px solid #1478e8;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06)}.mini-grid b,.mini-grid span{display:block}.mini-grid span{font-size:14px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.cards article{background:#fff;padding:28px;border-radius:15px;box-shadow:0 10px 35px rgba(8,43,77,.08)}.cards article>span{font-size:13px;font-weight:900;color:#1478e8}.cards h3{color:var(--navy);font-size:21px;margin:8px 0}
.checks p{margin:9px 0;font-weight:700;color:var(--navy)}.band{background:linear-gradient(110deg,#082b4d,#064e8b);color:#fff;padding:58px 0}.band-grid{display:grid;grid-template-columns:1.4fr .8fr auto;gap:35px;align-items:center}.band h2{font-size:32px}.band p{margin:6px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.steps div{background:#fff;padding:25px;border-radius:14px}.steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1478e8;color:#fff}.steps h3{color:var(--navy)}
.examples{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.examples a{background:#fff;border:1px solid #dce5ee;border-radius:13px;padding:25px;text-decoration:none;color:var(--navy);min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.examples span{color:#1478e8;font-size:14px}.center{text-align:center;margin-top:25px}
.dark{background:var(--navy);color:#fff}.types{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.types span{padding:11px 17px;border:1px solid rgba(255,255,255,.3);border-radius:30px;background:rgba(255,255,255,.06)}
.narrow{max-width:900px}.faq details{border-bottom:1px solid #d9e1e9;padding:18px 0}.faq summary{font-weight:800;color:var(--navy);cursor:pointer;font-size:18px}.final{text-align:center;padding:80px 0;background:#eef6ff}.final h2{font-size:40px}.centerbtn{justify-content:center}
@media(max-width:1000px){.split,.split.reverse{grid-template-columns:1fr}.feature-img{height:420px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.examples{grid-template-columns:repeat(2,1fr)}.band-grid{grid-template-columns:1fr}.hero{min-height:650px}}
@media(max-width:650px){.wrap{padding:0 18px}.hero{min-height:650px;background-position:60% center}.hero-copy{padding:50px 0}h1{font-size:35px}.hero h2{font-size:25px}.section{padding:60px 0}.mini-grid,.cards,.steps,.examples{grid-template-columns:1fr}.feature-img{height:330px}.buttons .btn{width:100%;text-align:center}.final h2{font-size:31px}}
