*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102f4e;line-height:1.5}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.header{height:72px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(8,42,70,.09)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;position:relative;color:#0b3457;gap:3px}.logo .sg{font-size:24px;font-weight:800;letter-spacing:-.08em;border-bottom:3px solid #138de1;padding:0 4px}.logo-copy{display:flex;flex-direction:column;font-size:11px;line-height:1.1;letter-spacing:.08em;margin-left:-150px}logo-copy b{font-weight:800}.roof{position:absolute;font-size:16px;left:4px;top:-10px}.nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:700}.nav-button{background:#0b456f;color:#fff;padding:12px 23px;border-radius:4px}.hamburger{display:none;background:none;border:0;font-size:25px}.hero{height:525px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,32,54,.94) 0%,rgba(4,37,61,.68) 43%,rgba(3,27,46,.12) 78%)}.hero-inner{height:100%;display:flex;align-items:center;position:relative}.hero-text{color:#fff;margin-top:-10px}.kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#b7ddf6;margin-bottom:9px}.kicker.dark{color:#178edc}.hero h1{font-size:53px;line-height:1.07;letter-spacing:-.045em;margin:0 0 19px}.hero h1 em{font-style:normal;color:#53b8f4}.hero-text>p{font-size:15px;max-width:500px;color:#edf5fa;margin:0}.actions{display:flex;gap:14px;margin-top:26px}.btn{border:0;border-radius:4px;padding:12px 20px;font:700 12px Inter;display:inline-flex;align-items:center;gap:9px}.btn.blue{background:#148fe3;color:#fff}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.9)}.btn.navy{background:#0b3455;color:#fff}.btn.light{background:#fff;color:#123c5d}.quick{background:#fff;border-bottom:1px solid #e6edf2}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.quick-item{display:flex;gap:11px;padding:0 23px;border-right:1px solid #e2e9ee}.quick-item:first-child{padding-left:0}.quick-item:last-child{border:0}.qicon{font-size:25px;color:#0a4e82}.quick-item b,.quick-item small{display:block}.quick-item b{font-size:11px}.quick-item small{font-size:10px;color:#6e8091;margin-top:3px}.section{padding:80px 0}.services{padding-top:85px}.service-layout{display:grid;grid-template-columns:250px 1fr;gap:48px}.section h2,.why h2,.process h2,.about h2{font-size:36px;line-height:1.12;letter-spacing:-.04em;margin:0 0 16px}.service-intro p,.why-intro p,.process-intro p,.about p{font-size:12px;color:#687b8e}.outline-link{display:inline-flex;gap:10px;color:#0b568d;font-weight:800;font-size:11px;border:1px solid #164d73;padding:11px 17px;border-radius:4px;margin-top:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid #e2eaf0;border-radius:4px;overflow:hidden;box-shadow:0 5px 18px rgba(18,55,80,.07)}.pic{height:128px;background-size:cover;background-position:center}.p1{background-image:url('https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=700&q=85')}.p2{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=700&q=85')}.p3{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=700&q=85')}.p4{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=700&q=85')}.p5{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=700&q=85')}.card-body{padding:12px 14px 14px}.card h3{font-size:12px;margin:0 0 4px}.card p{font-size:10px;color:#738597;margin:0}.why{background:#eff8fd;padding:76px 0}.why-layout{display:grid;grid-template-columns:310px 1fr;gap:60px}.benefits{display:grid;grid-template-columns:1fr 1fr}.benefit{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid #d8e6ef}.benefit:nth-child(odd){border-right:1px solid #d8e6ef}.benefit i{font-style:normal;width:38px;height:38px;flex:0 0 38px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#148fe3;font-weight:800}.benefit b,.benefit small{display:block}.benefit b{font-size:11px}.benefit small{font-size:9px;color:#73879a}.process-layout{display:grid;grid-template-columns:250px 1fr;gap:48px}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:0 18px;border-left:1px solid #dce5eb;position:relative}.step strong{width:23px;height:23px;border-radius:50%;background:#148fe3;color:#fff;display:grid;place-items:center;font-size:10px}.step-icon{display:block;font-size:20px;margin:7px 0;color:#123e62}.step h3{font-size:12px;line-height:1.35;margin:0 0 9px}.step p{font-size:9px;color:#708396}.audiences{display:grid;grid-template-columns:1fr 1fr}.audience{display:grid;grid-template-columns:39% 61%;min-height:390px}.audience-photo{background-position:center;background-size:cover}.owner-photo{background-image:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=1000&q=90')}.resident-photo{background-image:url('https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=1000&q=90')}.audience-copy{padding:48px 38px}.owner .audience-copy{background:#082f50;color:#fff}.resident .audience-copy{background:#fff}.audience h2{font-size:27px;line-height:1.1;margin:0 0 10px}.audience p,.audience li{font-size:11px}.owner p,.owner li{color:#d7e4ed}.resident p,.resident li{color:#62788b}.audience ul{padding-left:16px;margin:14px 0 20px}.audience li{margin:5px 0}.reviews{background:#f5f9fc}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.review-grid blockquote{margin:0;background:#fff;border:1px solid #e0e8ef;border-radius:3px;padding:20px;font-size:11px;color:#50677b;box-shadow:0 5px 16px rgba(13,48,72,.05)}.stars{color:#f2a900;letter-spacing:1px}.review-grid p{margin:10px 0 16px}.review-grid footer{font-size:9px;font-weight:800;color:#193e5c}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.city-photo{height:330px;background:url('https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?auto=format&fit=crop&w=1200&q=90') center/cover}.contact{background:#082f50;color:#fff;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px}.contact h2{font-size:36px;line-height:1.1;margin:0 0 12px}.contact-copy>p{font-size:11px;color:#cad9e4}.contact-meta{display:flex;gap:45px;margin-top:30px}.contact-meta b,.contact-meta a{display:block;font-size:11px}.contact-meta a{color:#8bd3ff;margin-top:4px}.contact form{background:#fff;color:#173a57;padding:23px;border-radius:4px}.contact label{display:block;font-size:9px;font-weight:800;margin-bottom:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact input,.contact select{width:100%;padding:9px;margin-top:4px;border:1px solid #d7e1e8;border-radius:2px;font:10px Inter}.contact form .btn{width:100%;justify-content:center;margin-top:4px}.contact form p{font-size:9px;color:#168fe3}.footer{background:#06253e;color:#bdccd7;padding:30px 0 12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px}.footer-grid>div{display:flex;flex-direction:column;gap:6px;font-size:10px}.footer-grid span{color:#849aaa}.footer-logo{color:#fff}.copyright{border-top:1px solid #23445a;padding-top:11px;margin-top:22px;font-size:8px;color:#7e95a6}@media(max-width:900px){.nav{gap:14px}.service-layout,.why-layout,.process-layout,.contact-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-item:nth-child(2){border:0}.cards{grid-template-columns:repeat(2,1fr)}.audiences{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.benefits{margin-top:20px}.about-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.header{height:65px}.hamburger{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:12px 5%;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px rgba(0,0,0,.1)}.nav.open{display:flex}.nav a{padding:9px}.hero{height:570px}.hero h1{font-size:40px}.actions{flex-direction:column;align-items:flex-start}.quick-grid,.cards,.benefits,.steps,.field-row,.footer-grid{grid-template-columns:1fr}.quick-item{border:0!important;padding:9px 0}.section{padding:62px 0}.section h2,.why h2,.process h2,.about h2,.contact h2{font-size:31px}.cards{gap:12px}.audience{grid-template-columns:1fr}.audience-photo{height:230px}.audience-copy{padding:38px 28px}.contact-meta{flex-direction:column;gap:15px}.hero-text>p{font-size:14px}.hero-shade{background:linear-gradient(90deg,rgba(3,32,54,.9),rgba(3,32,54,.55))}}

.vision-mission { background:#f7f9fc; }
.vm-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:42px; }
.vm-card { background:#fff; border:1px solid rgba(20,38,63,.10); border-radius:20px; padding:34px; box-shadow:0 12px 35px rgba(20,38,63,.07); }
.vm-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:#eaf3fb; color:#155a8a; font-weight:800; font-size:14px; margin-bottom:20px; }
.vm-card h3 { margin:0 0 12px; }
.vm-card p { line-height:1.75; }
.vm-list { margin:20px 0 0; padding-left:20px; line-height:1.8; }
.vm-list li { margin-bottom:7px; }
@media (max-width:800px) { .vm-grid { grid-template-columns:1fr; } .vm-card { padding:26px; } }

/* SGPM original-content modernization */
.commitment-strip { background:#0e2942; color:#fff; padding:22px 0; }
.commitment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.commitment-grid div { padding:8px 14px; border-left:1px solid rgba(255,255,255,.18); }
.commitment-grid strong { display:block; font-size:15px; }
.commitment-grid span { display:block; margin-top:5px; font-size:12px; opacity:.78; line-height:1.45; }

.mission-list { margin:18px 0 0; padding-left:25px; line-height:1.75; }
.mission-list li { margin-bottom:12px; padding-left:4px; }
.vm-mission { max-height:none; }

.areas-section { background:#fff; }
.areas-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px; }
.area-card { border:1px solid rgba(20,38,63,.10); border-radius:18px; padding:25px; background:#fff; box-shadow:0 10px 28px rgba(20,38,63,.055); transition:transform .2s ease, box-shadow .2s ease; }
.area-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(20,38,63,.10); }
.area-card span { font-size:12px; font-weight:800; letter-spacing:.08em; opacity:.55; }
.area-card h3 { margin:12px 0 8px; }
.area-card p { margin:0; line-height:1.65; font-size:14px; opacity:.78; }

.story-section { background:#f7f9fc; }
.story-layout { display:grid; grid-template-columns:1.4fr .8fr; gap:50px; align-items:center; }
.story-copy p { line-height:1.8; }
.story-highlight { border-radius:24px; padding:38px; background:#0e2942; color:#fff; display:flex; flex-direction:column; gap:12px; box-shadow:0 18px 45px rgba(14,41,66,.18); }
.story-highlight strong { font-size:28px; }
.story-highlight span { font-size:18px; opacity:.86; }

.legacy-cta-row { display:flex; justify-content:center; gap:14px; margin:35px auto 10px; }
.btn-secondary { border:1px solid currentColor; }

@media (max-width:900px) {
  .commitment-grid { grid-template-columns:repeat(2,1fr); }
  .areas-grid { grid-template-columns:repeat(2,1fr); }
  .story-layout { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .commitment-grid, .areas-grid { grid-template-columns:1fr; }
  .legacy-cta-row { flex-direction:column; align-items:stretch; }
}