*{box-sizing:border-box}body{margin:0;font:16px/1.65 Inter,Segoe UI,Arial,sans-serif;color:#182830;background:#f5f4ef}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #dedfd8;background:#f5f4ef}nav,.wrap{max-width:1160px;margin:auto;padding:24px 32px}nav{display:flex;align-items:center;gap:28px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;margin-right:auto}.mark{display:inline-block;width:17px;height:17px;background:var(--accent);border-radius:4px;margin-right:9px;transform:rotate(-14deg)}nav a.active{color:var(--accent)}.button{display:inline-block;padding:13px 22px;border-radius:7px;background:var(--accent);color:white;font-weight:600}.quiet{background:transparent;border:1px solid #7d8b86;color:inherit;margin-left:12px}.hero{padding:76px 0 82px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px}h1{font-size:clamp(34px,4.8vw,66px);letter-spacing:-2px;line-height:1.08;max-width:700px;margin:18px 0 24px}h2{font-size:34px;letter-spacing:-1px;line-height:1.2}h3{font-size:21px;line-height:1.3}.lead{font-size:19px;color:#526460;max-width:620px;margin-bottom:32px}.intro{padding:54px 0 36px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;background:white;border:1px solid #dde1da;border-radius:12px}.card p{color:#60716b}.card small,.number{color:var(--accent);font-weight:700}.link{color:var(--accent);font-weight:700}.section{padding:45px 0}.band{background:#e8ece3;border-radius:15px;padding:42px;margin:45px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid #bcc8bb;padding-top:18px}.art{background:#182d2a;border-radius:20px;padding:27px;box-shadow:0 24px 45px #192a2217;transform:rotate(2deg)}.art-top{display:flex;gap:7px;border-bottom:1px solid #52645e;padding-bottom:17px}.dot{width:7px;height:7px;border-radius:100%;background:#94b8a5}.art-label{font-size:11px;color:#acbfb7;margin-left:auto}.screen{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:#2b453e;padding:24px;border-radius:8px;color:#cfdfd6}.tile b{font-size:24px;display:block;color:#e2f1e8}.tile.wide{grid-column:span 2;display:flex;align-items:end;gap:8px;height:120px}.bar{width:20%;background:#8bb5a0;border-radius:4px 4px 0 0}.caption{font-size:11px;color:#97afa4;margin-top:17px}.copy{max-width:800px}.copy p{color:#536760}.copy li{margin:12px 0}footer{border-top:1px solid #d8ded5;margin-top:60px}.footer-inner{display:flex;justify-content:space-between;gap:25px;font-size:14px;color:#6c7b73}.footer-inner a{margin-left:18px}.faq details{padding:18px 0;border-bottom:1px solid #d9e0d4}summary{cursor:pointer;font-weight:600}.tag{display:inline-block;background:#e6ebe1;border-radius:25px;padding:5px 13px;font-size:12px}.dark{background:#101c29;color:#e8edf2}.dark header{background:#101c29;border-color:#314153}.dark .lead,.dark .copy p{color:#a5b2c0}.dark .card{background:#192a3b;border-color:#324556}.dark .card p{color:#aebccb}.dark .band{background:#1c3145}.dark .tag{background:#203e50}.dark footer{border-color:#334456}.dark .art{background:#1d3e51}.dark .tile{background:#2b5063}.dark .quiet{color:white}.dark .footer-inner{color:#adbbc7}@media(max-width:760px){nav{flex-wrap:wrap;gap:15px;padding:20px}.brand{width:100%}.wrap{padding:20px}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.art{transform:none}.grid,.steps{grid-template-columns:1fr}.footer-inner{flex-direction:column}h1{letter-spacing:-1px}.band{padding:25px}.quiet{margin:12px 0 0}.intro{padding-top:28px}}