Εσύ πόσο χρόνο κάνεις για να παρκάρεις; — Χώροι στάθμευσης σε κάθε γειτονιά :root{ –paper:#F7F6F0; –blue:#1C3667; –blue-deep:#13264B; –green:#2E7D33; –green-deep:#225F27; –panel-green:#E9F1E3; –panel-blue:#E5EDF7; –ink:#1B2430; –line:#C9D2C6; –radius:14px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *{transition:none!important} } body{font-family:’Inter’,system-ui,sans-serif;background:var(–paper);color:var(–ink);line-height:1.55} img{max-width:100%;display:block} .wrap{max-width:920px;margin:0 auto;padding:0 20px} .rc{font-family:’Roboto Condensed’,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px} /* header */ header{display:flex;align-items:center;gap:18px;padding:24px 0 8px} .psign{width:88px;flex:0 0 88px} .brand .name{font-family:’Roboto Condensed’,sans-serif;font-weight:800;color:var(–green);font-size:clamp(24px,4.4vw,34px);line-height:1.05} .brand .sub{font-family:’Roboto Condensed’,sans-serif;font-weight:700;color:var(–blue);font-size:clamp(14px,2.6vw,18px);letter-spacing:2px;border-bottom:3px solid var(–green);display:inline-block;padding-bottom:2px} @media (max-width:480px){.psign{width:66px;flex-basis:66px}} /* hero */ .hero{padding:18px 0 0} h1{line-height:1.0} h1 .l1{color:var(–blue);display:block;font-size:clamp(36px,7.6vw,68px)} h1 .l2{color:var(–green);display:block;font-size:clamp(30px,6.4vw,58px)} .tagline{margin-top:14px;text-align:center;font-weight:700;font-size:clamp(16px,2.9vw,20px)} .tagline .b{color:var(–blue);display:block} .tagline .g{color:var(–green);display:block} .illu{margin:20px 0 0;border-radius:var(–radius);overflow:hidden;border:2px solid var(–line)} .claim{margin-top:20px;text-align:center;font-size:clamp(20px,4.2vw,30px);line-height:1.12} .claim .b{color:var(–green)} .claim .g{color:var(–blue)} .startfrom{ margin-top:14px;display:flex;justify-content:center;align-items:center;gap:10px; color:var(–blue);font-weight:700;font-size:clamp(15px,2.6vw,18px);text-transform:uppercase; font-family:’Roboto Condensed’,sans-serif;letter-spacing:.5px; } .pin{width:22px;height:22px;flex:0 0 22px} .cta-row{margin:26px 0 0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center} .btn{ display:inline-block;text-decoration:none;cursor:pointer;border:none; font-family:’Roboto Condensed’,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px; font-size:18px;padding:15px 30px;border-radius:999px;transition:transform .12s ease; } .btn:focus-visible{outline:3px solid var(–blue);outline-offset:3px} .btn-green{background:var(–green);color:#fff;box-shadow:0 4px 0 var(–green-deep)} .btn-green:hover{transform:translateY(-2px)} .btn-ghost{background:transparent;color:var(–blue);border:3px solid var(–blue)} .btn-ghost:hover{background:var(–panel-blue)} .strip{margin:32px 0 0;height:10px;background:repeating-linear-gradient(90deg,var(–green) 0 36px,var(–blue) 36px 72px);border-radius:999px;opacity:.85} section{padding:44px 0 6px} h2{font-family:’Roboto Condensed’,sans-serif;font-weight:800;text-transform:uppercase;color:var(–blue);font-size:clamp(26px,4.8vw,36px);margin-bottom:6px} h2 .g{color:var(–green)} .sub2{font-family:’Roboto Condensed’,sans-serif;font-weight:700;text-transform:uppercase;color:var(–green);font-size:clamp(17px,3vw,22px);margin-bottom:16px} /* protasi */ .protasi{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center} @media (max-width:700px){.protasi{grid-template-columns:1fr}} .protasi p{font-size:clamp(16px,2.6vw,18px);max-width:60ch} .protasi .pic{border-radius:var(–radius);overflow:hidden;border:2px solid var(–line)} .quote{ margin-top:24px;background:var(–panel-green);border-left:8px solid var(–green); border-radius:0 var(–radius) var(–radius) 0;padding:18px 22px; font-weight:700;color:var(–green-deep);font-size:clamp(15.5px,2.6vw,18px); } .quote .b{color:var(–blue)} /* proteinoume cards */ .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:10px} .card{ background:#fff;border:2px solid var(–line);border-radius:var(–radius); padding:20px 18px;position:relative; } .card .num{ width:38px;height:38px;border-radius:50%;background:var(–green);color:#fff; font-family:’Roboto Condensed’,sans-serif;font-weight:800;font-size:20px; display:flex;align-items:center;justify-content:center;margin-bottom:12px; } .card h3{font-family:’Roboto Condensed’,sans-serif;font-weight:800;text-transform:uppercase;color:var(–blue);font-size:17px;line-height:1.15;margin-bottom:8px} .card p{font-size:14.5px;color:#33405a} /* kerdizoume */ .gains{background:var(–panel-green);border:2px solid var(–line);border-radius:var(–radius);padding:24px 26px;margin-top:10px} .gains ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 22px;list-style:none} .gains li{position:relative;padding-left:30px;font-weight:600;color:var(–green-deep);font-size:15.5px} .gains li::before{ content:»✔»;position:absolute;left:0;top:0; color:#fff;background:var(–green);width:21px;height:21px;border-radius:50%; font-size:12px;display:flex;align-items:center;justify-content:center; } /* start here */ .starthere{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:center} @media (max-width:700px){.starthere{grid-template-columns:1fr}} .starthere p{font-size:clamp(15.5px,2.6vw,17.5px)} .starthere strong{color:var(–green)} .starthere .pic{border-radius:var(–radius);overflow:hidden;border:2px solid var(–line)} /* form */ .sign{background:var(–panel-blue);border-radius:var(–radius);border:2px solid #B9C9E2;padding:30px 28px} .formwrap{background:#fff;border:2px solid #B9C9E2;border-radius:10px;overflow:hidden} .formwrap iframe{display:block;width:100%;height:1500px;border:0} .fallback{margin-top:10px;font-size:14px;color:var(–blue-deep)} .fallback a{color:var(–blue);font-weight:700} .sign h2{margin-bottom:6px} .sign .hint{color:var(–blue-deep);margin-bottom:22px} .field{margin-bottom:16px} label{display:block;font-weight:700;color:var(–blue-deep);margin-bottom:6px;font-size:15px} input[type=text],input[type=email],select{ width:100%;padding:13px 14px;font:inherit;font-size:16px; border:2px solid #B9C9E2;border-radius:10px;background:#fff;color:var(–ink); } input:focus,select:focus{outline:3px solid var(–green);outline-offset:1px;border-color:var(–green)} .row{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media (max-width:560px){.row{grid-template-columns:1fr}} .consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0 22px;font-size:14.5px;color:var(–blue-deep)} .consent input{width:20px;height:20px;margin-top:2px;accent-color:var(–green);flex:0 0 20px} .msg{display:none;margin-top:18px;padding:14px 16px;border-radius:10px;font-weight:600} .msg.ok{display:block;background:#DDF0DC;border:2px solid var(–green);color:var(–green-deep)} .msg.err{display:block;background:#F8E3E3;border:2px solid #B23A3A;color:#7C2424} /* event */ .event{ display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center; background:var(–blue);color:#fff;border-radius:var(–radius);padding:26px 28px; } .event .mega{width:58px;height:58px;border-radius:50%;background:#fff;color:var(–blue);display:flex;align-items:center;justify-content:center;font-size:28px} .event h2{color:#fff;margin-bottom:4px} .event p{font-size:17px} .event strong{color:#CDE3C9} @media (max-width:560px){.event{grid-template-columns:1fr}} footer{margin-top:40px;border-top:4px solid var(–green);text-align:center;color:var(–blue-deep);font-size:14.5px} footer .skyline{opacity:.95} footer .txt{padding:18px 0 30px} footer a{color:var(–blue);font-weight:700}