:root{--light:#6A8FC3;--mid:#455681;--navy:#2A3D5B;--ink:#222222;--sand:#F4EEE3;--deep:#1E2C45;--text:#2E3440}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,system-ui,Arial,sans-serif;color:var(--text);line-height:1.65}
h1,h2,h3{font-weight:600;letter-spacing:.04em;color:var(--navy)}h2{text-transform:uppercase;letter-spacing:.14em;font-size:1.45rem}
a{color:var(--mid)}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #2A3D5B14;z-index:9}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.lw{display:flex;flex-direction:column;line-height:1.1}
.lw b{font-weight:500;letter-spacing:.32em;font-size:1.15rem}.lw small{letter-spacing:.12em;font-size:.62rem;margin-top:3px}
nav a{margin-left:20px;text-decoration:none;color:var(--navy);font-weight:500;font-size:.9rem;letter-spacing:.06em}nav a:hover{color:var(--light)}
.btn{display:inline-block;background:var(--mid);color:#fff!important;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase}
.btn:hover{background:var(--navy)}.btn.alt{background:#fff;color:var(--navy)!important}.btn.alt:hover{background:var(--sand)}
.hero{background:linear-gradient(120deg,var(--navy),var(--mid));background-size:cover;background-position:center 15%;color:#fff;padding:130px 0}
.hero h1{font-size:2.7rem;margin:0 0 12px;color:#fff;letter-spacing:.05em}
.ph{background:#E6ECF5;border:2px dashed var(--light);color:var(--mid);padding:40px;text-align:center;border-radius:8px}
section{padding:72px 0}.sand{background:var(--sand)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;align-items:center}
.grid:has(.card){align-items:stretch}
.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 18px #2A3D5B14;border-top:4px solid var(--light)}.card h3{margin:14px 0 6px;font-size:1.05rem}
.cimg{width:100%;height:240px;object-fit:cover;border-radius:6px}.simg{width:100%;max-height:520px;object-fit:cover;border-radius:8px}
.cta{background:var(--navy);color:#fff;text-align:center}.cta h2{color:#fff}
.tags span{display:inline-block;background:#fff;border:1px solid #D5DEEC;color:var(--navy);border-radius:4px;padding:6px 14px;margin:4px;font-size:.9rem}
footer{background:var(--deep);color:#C9D3E3;padding:44px 0}footer a{color:#C9D3E3}.flogo{display:block;margin-bottom:8px}.sr{position:absolute;left:-9999px}
form label{display:block;margin:12px 0 4px;font-weight:600;color:var(--navy)}form input,form select,form textarea{width:100%;padding:10px;border:1px solid #C5D0E0;border-radius:4px;font:inherit}
details{background:#fff;border-radius:6px;padding:14px;margin:10px 0;border-left:3px solid var(--light)}summary{font-weight:600;color:var(--navy);cursor:pointer}
.topbar{background:var(--navy);color:#DCE4F0;font-size:.8rem;letter-spacing:.04em}.topbar .wrap{display:flex;justify-content:space-between;padding:7px 20px;flex-wrap:wrap;gap:6px}.topbar a{color:#fff;font-weight:600;text-decoration:none}.topbar strong{color:var(--sand)}
.ps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.why{list-style:none;padding:0}.why li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid #E3E8F0}.why li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:var(--light)}

.reviews h2,.reviews .rsum,.rbtns{text-align:center}.rsum{font-size:1.05rem;color:var(--navy)}.stars{color:#E8A317;letter-spacing:.12em}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:30px 0}
.review{margin:0;background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 18px #2A3D5B14;border-top:4px solid var(--light);display:flex;flex-direction:column}
.review blockquote{margin:10px 0 16px;font-size:.95rem;flex:1}.review figcaption{font-weight:600;color:var(--navy)}.review figcaption span{display:block;font-weight:400;font-size:.8rem;color:var(--mid)}
.rbtns .btn{margin:6px}.btn.ghost{background:transparent;color:var(--mid)!important;border:2px solid var(--mid);padding:10px 22px}.btn.ghost:hover{background:var(--mid);color:#fff!important}
@media(max-width:600px){.rbtns .btn{display:block;margin:10px auto;max-width:320px}}