:root{--ink:#252525;--muted:#6c6c6c;--cyan:#0899b8;--cream:#f5f3ef;--line:#e2ded7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.brand img{width:205px;height:auto;display:block}.navlinks{display:flex;gap:28px;font-size:13px}.navlinks a:hover{color:var(--cyan)}.hero{min-height:600px;background-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.12)),url('../images/omada-katharismou-polykatoikion-hero.jpg');background-size:cover;background-position:center;display:flex;align-items:center;padding:80px 9%;color:#fff}.hero-inner{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.04;font-weight:400;margin:0 0 22px}.hero p{font-size:18px;max-width:590px;margin:0 0 32px;color:#f3f3f3}.btn{display:inline-block;padding:14px 24px;background:#fff;color:#222;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;border:0;cursor:pointer}.btn.dark{background:#222;color:#fff}.section{padding:88px 8%}.intro{max-width:780px;margin:auto;text-align:center}.eyebrow-dark{color:var(--cyan);text-transform:uppercase;letter-spacing:3px;font-size:10px}.intro h2{font-size:39px;font-weight:400;margin:10px 0 17px}.intro p{color:var(--muted);font-size:16px}.services{background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px auto 0;max-width:1180px}.card{background:#fff;overflow:hidden;border:1px solid #e8e3db;transition:.2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}.number{font-size:11px;color:var(--cyan);letter-spacing:2px}.card h3{font-size:22px;font-weight:400;line-height:1.25;margin:10px 0}.card p{font-size:14px;color:var(--muted);margin:0 0 22px}.more{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#222}.image-strip{height:330px;background:url('../images/epaggelmatikos-katharismos-chorou-ergasias.jpg') center center/cover fixed;position:relative}.image-strip:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:52px auto 0;max-width:1150px}.why-item{text-align:center}.why-icon{width:88px;height:88px;margin:0 auto 17px;display:flex;align-items:center;justify-content:center}.why-icon img{max-width:76px;max-height:76px}.why-item h3{font-size:12px;letter-spacing:1.4px;margin:0 0 9px}.why-item p{font-size:13px;color:var(--muted);margin:0}.contact{background:#f8f7f4}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;max-width:1120px;margin:48px auto 0}.details p{margin:0 0 20px;color:var(--muted)}.details strong{display:block;color:#222;font-size:11px;text-transform:uppercase;letter-spacing:1px}.form{background:#fff;padding:34px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field.full{grid-column:1/-1}label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #ddd;padding:13px;font:inherit;background:#fff}textarea{min-height:135px;resize:vertical}.socials{display:flex;gap:13px;margin-top:28px}.social{width:39px;height:39px;border:1px solid #d8d4cd;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;transition:.2s}.social:hover{transform:translateY(-2px);border-color:var(--cyan);color:var(--cyan)}.social svg{width:19px;height:19px;fill:currentColor}.footer{padding:28px 8%;font-size:11px;color:#777;border-top:1px solid #eee;display:flex;justify-content:space-between}.pagehero{padding:100px 8%;background:var(--cream)}.pagehero .inner{max-width:950px;margin:auto}.pagehero h1{font-size:clamp(40px,6vw,66px);font-weight:400;line-height:1.05;margin:10px 0 14px}.pagehero p{font-size:19px;color:var(--muted);max-width:760px}.service-content{max-width:900px;margin:auto}.service-content h2{font-size:30px;font-weight:400;margin:0 0 15px}.service-content p,.service-content li{color:var(--muted)}.service-content ul{padding-left:20px}.service-image{display:block;width:auto;max-width:760px;height:auto;max-height:390px;object-fit:contain;margin:0 0 42px}.back{display:inline-block;margin-top:30px;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}.success{min-height:55vh;display:flex;align-items:center;justify-content:center;text-align:center}.success h1{font-size:44px;font-weight:400}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.navlinks{gap:16px}}
@media(max-width:600px){.nav{height:70px;padding:0 5%}.brand img{width:170px}.navlinks{display:none}.hero{min-height:520px;padding:55px 7%}.hero h1{font-size:43px}.section{padding:65px 6%}.cards{grid-template-columns:1fr}.card img{height:210px}.image-strip{height:240px;background-attachment:scroll}.why-grid{grid-template-columns:1fr 1fr;gap:35px 18px}.why-icon{width:72px;height:72px}.why-icon img{max-width:62px;max-height:62px}.why-item h3{font-size:10px}.why-item p{font-size:12px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{display:block}.footer span{display:block;margin-top:8px}.pagehero{padding:70px 6%}}
