*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#18324a;font:16px/1.6 "Segoe UI",Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 25px}.top{background:white;border-bottom:1px solid #e7edf3;position:sticky;top:0;z-index:10}.top-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:26px;font-weight:800;letter-spacing:.5px}.brand span{color:#1682b9}nav{display:flex;gap:27px;align-items:center;font-size:14px;font-weight:600}nav a:hover{color:#1682b9}.outline{border:1px solid #1677a9;padding:9px 18px;border-radius:8px;color:#176c9b}.hero{background:linear-gradient(130deg,#f0f7fc,#fff 63%,#eaf5fb);padding:100px 0}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#1584b9}.hero h1{font-size:clamp(35px,4.3vw,58px);line-height:1.13;letter-spacing:-1.8px;margin:20px 0}.hero h1 em{color:#147bad;font-style:normal}.lead{font-size:18px;color:#53687a;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.primary,.secondary{display:inline-block;padding:14px 21px;border-radius:9px;font-weight:700}.primary{background:#147bac;color:white;box-shadow:0 6px 20px #147bac28}.secondary{background:white;border:1px solid #d9e4ec;color:#23465e}.small,.demo-note{font-size:12px;color:#718293}.mock{background:white;border:1px solid #e1e9f0;border-radius:17px;box-shadow:0 20px 65px #173b5b20;padding:25px}.mock-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.mock-top span{font-size:12px;color:#738699}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.stat-grid>div{padding:17px;background:#f3f8fc;border-radius:9px}.stat-grid small{display:block;color:#6c8294}.stat-grid b{display:block;font-size:27px;margin-top:3px}.bars{background:#f8fafc;padding:18px;border-radius:9px}.bars div{margin-bottom:18px}.bars div:last-child{margin-bottom:0}.bars span{display:block;font-size:12px;color:#546d81;margin-bottom:7px}.bars i{display:block;background:linear-gradient(90deg,#1684b7,#71c0df);height:10px;border-radius:20px}.section{padding:90px 0}.section h2{font-size:35px;line-height:1.25;margin:12px 0 34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article,.plan-grid>div{border:1px solid #e4eaf0;border-radius:13px;padding:27px;background:#fff}.cards h3,.steps h3{margin:12px 0 8px}.cards p,.steps p,.center>p{color:#607487}.symbol{display:grid;place-items:center;width:44px;height:44px;background:#e7f5fb;color:#147ba9;border-radius:10px;font-size:25px;font-weight:700}.muted{background:#f5f8fb}.steps,.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps b{font-size:30px;color:#1787ba}.center{text-align:center}.plan-grid{text-align:left;margin-top:35px}.cta{background:#153b59;color:white;padding:65px 0;text-align:center}.cta h2{font-size:33px;margin:0}.cta p{color:#d4e7f5}.light{background:white;color:#145078;margin-top:15px}.foot{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;color:#6e8293;font-size:13px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 0}}@media(max-width:580px){.top-inner{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px}nav{flex-wrap:wrap;gap:12px}.cards,.steps,.plan-grid{grid-template-columns:1fr}.section{padding:60px 0}.foot{flex-direction:column}.hero h1{letter-spacing:-.7px}}

.hero-photo{height:240px;background:url(../Assets/hero-building.png) center center / contain no-repeat;margin:-10px auto 10px}.hero{background:linear-gradient(115deg,#14385c,#397caf,#b1d1eb)}

/* V1.0.6: kontrast, tutarlı hero, gerçek responsive yerleşim */
.hero{background:linear-gradient(115deg,#102d4c 0%,#1e527c 52%,#397ca8 100%);padding:76px 0 85px;overflow:hidden}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.hero h1{color:#fff;font-size:clamp(36px,4vw,62px);text-shadow:0 2px 12px #001c3022}
.hero h1 em{color:#7de0f1}.hero .lead{color:#e3f2fa;font-size:19px}.hero .eyebrow{color:#80d8f0}
.hero .small{color:#c9e6f5}.hero .secondary{color:#153d5c}
.mock{padding:18px 22px 23px;min-width:0;overflow:hidden;border-color:#ffffff80;box-shadow:0 24px 65px #061d3450}
.hero-photo{height:245px;background-size:contain;background-position:center;background-color:#e8f2f9;border-radius:12px;margin:0 0 17px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:48px 0}.mock{max-width:700px}}

/* V1.0.7: Strict grid containment and clean photo */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}
.hero-grid>div{min-width:0}.hero h1{font-size:clamp(34px,3.7vw,54px);overflow-wrap:break-word}
.mock{min-width:0;width:100%;overflow:hidden}.hero-photo{height:255px;width:100%;background-image:url(../Assets/building-clean.jpg);background-size:cover;background-position:center 42%;border-radius:12px}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(34px,6vw,52px)}}