@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@700&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Open Sans',sans-serif;line-height:1.6;background:#fff;color:#333;overflow-x:hidden;}
a{text-decoration:none;color:#DF993F;transition:0.3s;}
a:hover{color:#B87927;}
section{padding:80px 20px;}
h1,h2,h3,h4,h5{font-family:'Poppins',sans-serif;}

/* Hamburger Menu */
#hamburger{position:fixed;top:20px;left:20px;z-index:999;cursor:pointer;width:30px;height:25px;display:flex;flex-direction:column;justify-content:space-between;}
#hamburger span{display:block;height:4px;background:#DF993F;border-radius:2px;transition: all 0.3s ease;}
#hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}
#hamburger.open span:nth-child(2){opacity:0;}
#hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}

/* Side Menu */
#side-menu{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;border-right:2px solid #DF993F;transition:0.3s;padding:60px 20px;z-index:998;}
#side-menu ul{list-style:none;}
#side-menu ul li{margin-bottom:20px;}
#side-menu ul li a{color:#333;font-weight:600;display:block;}
#side-menu .menu-cta{display:block;margin-top:30px;padding:12px 25px;background:#DF993F;color:#fff;font-weight:bold;text-align:center;border-radius:5px;transition:0.3s;}
#side-menu .menu-cta:hover{background:#B87927;}

/* Hero Section */
#hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;color:#fff;background:url('../img/hero.jpg') center/cover no-repeat;position:relative;}
#hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#hero-content{position:relative;z-index:1;}
#hero h1{font-size:48px;margin-bottom:20px;}
#hero p{font-size:20px;color:#DDD;margin-bottom:40px;}
#hero .cta{padding:15px 30px;background:#DF993F;color:#fff;font-weight:bold;border-radius:5px;transition:0.3s;}
#hero .cta:hover{background:#B87927;}

/* Features Section */
#features{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:0 auto;}
.feature-card{flex:1 1 calc(33.333% - 30px);max-width:calc(33.333% - 30px);text-align:center;padding:30px;background:linear-gradient(180deg,#fff,#f9f9f9);border-radius:12px;border:1px solid #E0E0E0;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:0.3s;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.feature-icon{width:80px;height:80px;border-radius:50%;background:#DF993F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px auto;}
.feature-card h4{margin-bottom:10px;font-size:20px;}
.feature-card p{font-size:14px;color:#555;}
@media(max-width:992px){.feature-card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px);}}
@media(max-width:600px){.feature-card{flex:1 1 100%;max-width:100%;}}

/* CTA Banner */
#cta-banner{background:#fff3e0;color:#333;text-align:center;padding:80px 20px;border-radius:8px;margin:0px 0;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.cta-container{max-width:800px;margin:0 auto;text-align:center;}
#cta-banner a{color:#fff;font-weight:bold;background:#DF993F;padding:15px 35px;border-radius:5px;display:inline-block;margin-top:20px;transition:0.3s;}
#cta-banner a:hover{background:#B87927;}

/* Testimonials Section */
#testimonials{background:#f9f9f9;padding:80px 20px;text-align:center;}
.testimonial-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:1000px;margin:20px auto;}
.testimonial-wrapper{display:flex;overflow:hidden;gap:15px;scroll-behavior:smooth;}
.testimonial-card{flex:0 0 300px;max-width:300px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);text-align:center;}
.testimonial-card p{font-style:italic;color:#555;margin-bottom:10px;}
.testimonial-card h5{font-weight:bold;color:#333;font-size:16px;}


/* Scroll Buttons */
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#DF993F;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;cursor:pointer;z-index:10;transition:0.3s;}
.scroll-btn.left{left:-15px;}
.scroll-btn.right{right:-15px;}
.scroll-btn:hover{background:#B87927;}

/* Footer */
footer{background:#F5F5F5;text-align:center;padding:40px 20px;color:#333;}
footer a{color:#DF993F;}
footer a:hover{color:#B87927;}


/* ---------- Contact form styles ---------- */
.contact-wrapper{display:flex;justify-content:center;padding:0 10px;}
.contact-card{width:100%;max-width:680px;background:#ffffff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.08);padding:32px;margin:0 10px;}
.contact-card h2{font-size:26px;margin-bottom:6px;color:#222;}
.contact-card .lead{color:#555;margin-bottom:18px;font-size:15px;}

/* Form rows */
.form-row{display:flex;flex-direction:column;margin-bottom:16px;}
.form-row label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px;}
.form-row input[type="text"],
.form-row input[type="tel"],
.form-row input[type="email"],
.form-row select,
.form-row textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #e6e6e6;
  border-radius:8px;
  padding:14px 16px;             /* μεγαλύτερο ύψος */
  font-size:16px;                /* πιο ευανάγνωστο */
  line-height:1.3;
  transition:box-shadow .18s, border-color .18s;
}

/* επιπλέον styling για στενότερη εμφάνιση σε μεγάλα οθόνες */
@media(min-width:700px){
  .form-row input[type="text"],
  .form-row input[type="tel"],
  .form-row select,
  .form-row textarea{max-width:520px;}
}

/* select */
.form-row select{appearance:none;background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%); background-position: calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right:40px;}

/* textarea slightly taller */
.form-row textarea{padding-top:14px;padding-bottom:14px;min-height:140px;resize:vertical;}

/* actions */
.form-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:6px;}
.btn-primary{
  background:#DF993F;color:#fff;border:none;padding:14px 22px;border-radius:10px;font-weight:700;cursor:pointer;font-size:16px;box-shadow:0 8px 20px rgba(223,153,63,0.12);
}
.btn-primary:hover{background:#B87927;transform:translateY(-1px);}

/* form message */
.form-message{margin-top:12px;padding:10px;border-radius:8px;background:#f8f8f8;color:#333;font-size:14px;}



/* ===============================
   General content styling
   =============================== */
section#privacy {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  background-color: #fff;
  line-height: 1.8;
  font-size: 16px;
}

section#privacy h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  color: #DF993F;
  margin-top: 40px;
  margin-bottom: 15px;
  border-bottom: 2px solid #DF993F;
  padding-bottom: 5px;
}

section#privacy h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #B87927;
  margin-top: 30px;
  margin-bottom: 10px;
}

section#privacy p {
  margin-bottom: 20px;
}

section#privacy a {
  color: #DF993F;
  text-decoration: underline;
  transition: 0.3s;
}

section#privacy a:hover {
  color: #B87927;
}

/* ===============================
   Highlighted boxes (optional)
   =============================== */
.privacy-box {
  background-color: #fff3e0;
  border-left: 5px solid #DF993F;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* ===============================
   Responsive spacing
   =============================== */
@media(max-width: 768px) {
  section#privacy {
    padding: 30px 15px;
    font-size: 15px;
  }
  section#privacy h2 {
    font-size: 22px;
  }
  section#privacy h3 {
    font-size: 18px;
  }
}

#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  background-color: #DF993F;
  color: #fff;
  border: none;
  padding: 12px 16px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  transition: background 0.3s, transform 0.3s;
}
#backToTop:hover {
  background-color: #B87927;
  transform: translateY(-2px);
}
.hidden {
  display: none;
}

/* Portfolio carousel: arrows, keyboard, responsive scroll-snap */
#portfolio{padding:85px 20px 95px;background:#f5f8fb;color:#152536;}
.portfolio-intro{text-align:center;max-width:650px;margin:0 auto 38px;}
.portfolio-eyebrow{display:block;color:#bb7525;font-size:12px;letter-spacing:2.5px;font-weight:800;margin-bottom:10px;}
#portfolio h2{font-size:clamp(29px,4vw,40px);line-height:1.15;margin:0 0 14px;}
.portfolio-intro p{color:#637181;font-size:15px;line-height:1.7;margin:0;}
.portfolio-carousel{max-width:1120px;margin:auto;position:relative;padding:0 44px;}
.portfolio-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;}
.portfolio-viewport::-webkit-scrollbar{display:none;}
.portfolio-track{display:flex;gap:20px;align-items:stretch;}
.portfolio-card{display:block;flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;overflow:hidden;background:#fff;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(23,40,60,.09);transition:transform .25s ease,box-shadow .25s ease;}
.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px);box-shadow:0 13px 26px rgba(23,40,60,.15);}
.portfolio-card:focus-visible{outline:3px solid #DF993F;outline-offset:-3px;}
.portfolio-preview{--preview-height:360px;height:var(--preview-height);position:relative;overflow:hidden;background:#e3edf3;}
.portfolio-preview img{display:block;width:100%;height:auto;max-width:none;transform:translateY(0);transition:transform .65s ease-out;will-change:transform;}

.portfolio-info{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;}
.portfolio-number{font-size:10px;font-weight:800;color:#bb7525;letter-spacing:1.4px;}
.portfolio-info h3{font-size:16px;line-height:1.3;margin:5px 0;color:#152536;}
.portfolio-info p{font-size:12px;color:#697889;margin:0;}
.portfolio-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f4e7d7;color:#ac671b;font-size:20px;flex-shrink:0;}
.portfolio-nav{position:absolute;top:40%;z-index:3;transform:translateY(-50%);width:39px;height:48px;border:1px solid #dfebf1;border-radius:10px;background:white;color:#152536;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.portfolio-nav:hover{background:#152536;color:white;}
.portfolio-nav:disabled{opacity:.3;cursor:default;}
.portfolio-nav-prev{left:0;}.portfolio-nav-next{right:0;}
.portfolio-hint{text-align:center;font-size:12px;margin:15px 0 0;color:#6b7b8a;}
@media(max-width:1050px){.portfolio-carousel{max-width:760px;}.portfolio-card{flex-basis:calc((100% - 20px)/2);}.portfolio-preview{--preview-height:350px;}}
@media(max-width:570px){#portfolio{padding:60px 10px 70px;}.portfolio-carousel{max-width:100%;padding:0 32px;}.portfolio-card{flex-basis:100%;}.portfolio-preview{--preview-height:360px;}.portfolio-nav{width:28px;height:42px;font-size:25px;}}
@media(prefers-reduced-motion:reduce){.portfolio-preview img,.portfolio-card{transition:none;}.portfolio-viewport{scroll-behavior:auto;}}

html{scroll-behavior:smooth}#contact{scroll-margin-top:28px}
.contact-section{padding:80px 20px;background:#eef7fc;color:#132b3c}
.contact-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:start}
.contact-description h2{font-size:clamp(29px,4vw,43px);line-height:1.1;margin:10px 0 18px}
.contact-description p{font-size:16px;line-height:1.7;color:#536778}
.contact-description a{color:#168abf}
.contact-panel{padding:28px;background:white;border-radius:14px;box-shadow:0 10px 35px #14324a15}
.contact-panel form{display:grid;gap:14px}.contact-panel label{display:grid;gap:5px;font-size:13px;font-weight:700}
.contact-panel input:not([type=checkbox]),.contact-panel textarea{width:100%;border:1px solid #d1e1ec;padding:11px 12px;border-radius:7px;font:inherit;box-sizing:border-box}
.contact-panel input:focus,.contact-panel textarea:focus{outline:2px solid #25a8d9}
.contact-panel button,.error-actions a:first-child{border:0;background:#1ca8e8;color:white;padding:13px 20px;border-radius:7px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}
.contact-panel .consent{display:block;font-weight:400;font-size:12px;line-height:1.5}.contact-panel .consent input{margin-right:5px}
.contact-panel .honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-note{margin:0;color:#344d5d}
#privacyDialog{width:min(780px,calc(100vw - 28px));max-height:84vh;border:0;padding:0;border-radius:13px;box-shadow:0 20px 70px #041e3680;color:#142c3a}
#privacyDialog::backdrop{background:#041e36a8}
.privacy-dialog-header{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #dbe5eb}
.privacy-dialog-header h2{margin:0;font-size:24px}.privacy-dialog-header button{border:0;background:#e6f3f9;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:28px}
.privacy-dialog-body{padding:8px 28px 27px;max-height:calc(84vh - 83px);overflow:auto;line-height:1.7}
.privacy-dialog-body h2{font-size:18px;margin:22px 0 8px}
.error-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f8fb;color:#152536}.error-header{padding:22px max(20px,calc((100vw - 1120px)/2))}.error-header img{width:210px;max-width:70vw}.error-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 16px}.error-main h1{font-size:clamp(100px,15vw,190px);line-height:1;color:#1ca8e8;margin:0}.error-main h2{font-size:clamp(25px,4vw,39px);margin:7px 0}.error-main p{color:#657582}.error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.error-actions a:last-child{padding:13px 20px;border:1px solid #cbdce7;border-radius:7px;background:white;color:#152536;text-decoration:none}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr;gap:18px}.contact-section{padding:55px 14px}.contact-panel{padding:20px}}

/* 2026 EcoHostLine visual consistency: orange-led palette */
:root{--eh-orange:#DF993F;--eh-darkorange:#B87927;--eh-ink:#252628;--eh-cream:#fff8ef}
#portfolio{background:#f9f7f4;color:var(--eh-ink)}
#portfolio h2,.portfolio-info h3,.portfolio-nav{color:var(--eh-ink)}
.portfolio-nav:hover{background:var(--eh-orange);border-color:var(--eh-orange);color:#fff}
.portfolio-preview{background:#f4eee6}
.contact-section{background:#fff6eb;color:var(--eh-ink)}
.contact-description p{color:#5d5d5d}.contact-description a{color:var(--eh-darkorange)}
.contact-panel{box-shadow:0 12px 35px rgba(77,52,22,.09)}
.contact-panel input:not([type=checkbox]),.contact-panel textarea{border-color:#e8ded0}
.contact-panel input:focus,.contact-panel textarea:focus{outline:2px solid var(--eh-orange)}
.contact-panel button,.error-actions a:first-child{background:var(--eh-orange)}
.contact-panel button:hover,.error-actions a:first-child:hover{background:var(--eh-darkorange)}
#privacyDialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(790px,calc(100vw - 32px));max-width:none;max-height:min(82dvh,780px);height:auto;overflow:hidden;border-radius:18px;border:1px solid #eadfd1;box-shadow:0 24px 85px rgba(31,24,15,.32);color:var(--eh-ink)}
#privacyDialog::backdrop{background:rgba(24,22,20,.66)}
#privacyDialog .privacy-dialog-header{z-index:1;position:relative;top:auto;padding:18px 25px;border-bottom:1px solid #eee2d3;background:var(--eh-cream)}
#privacyDialog .privacy-dialog-header h2{color:var(--eh-ink)}
#privacyDialog .privacy-dialog-header button{background:#f5e4ca;color:#603907;outline-offset:3px}
#privacyDialog .privacy-dialog-header button:hover{background:var(--eh-orange);color:white}
#privacyDialog .privacy-dialog-body{max-height:calc(min(82dvh,780px) - 80px);overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 32px}
#privacyDialog .privacy-dialog-body section{padding:4px 0}
#privacyDialog:focus{outline:none}
.error-page{background:#fffaf4;color:var(--eh-ink)}.error-main h1{color:var(--eh-orange)}.error-main p{color:#68615c}
.error-actions a:last-child{border-color:#ebd7bc;color:var(--eh-ink)}
/* Three opt-in concepts below testimonials */
.premium-section{padding:100px 24px;overflow:hidden}
.premium-wrap{max-width:1090px;margin:0 auto}
.premium-kicker{display:inline-block;font-weight:800;color:var(--eh-darkorange);letter-spacing:2px;font-size:11px;margin-bottom:18px}
.premium-section h2{font-size:clamp(32px,4.2vw,55px);line-height:1.14;letter-spacing:-1.4px;max-width:700px;margin:0 0 22px;color:var(--eh-ink)}
.premium-section h2 em{color:var(--eh-darkorange);font-style:normal}
.premium-section p{color:#66615c;line-height:1.8;font-size:15px}
.premium-value{background:#fff}
.premium-value-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}
.premium-value-grid>div:first-child>p{max-width:430px}
.premium-link{display:inline-flex;gap:15px;font-weight:800;color:var(--eh-darkorange);margin-top:26px;border-bottom:2px solid #e7b36e;padding-bottom:8px}
.premium-value-cards{display:grid;gap:12px}
.premium-value-cards article{display:grid;grid-template-columns:55px 1fr;column-gap:14px;padding:20px 22px;background:#fffaf4;border:1px solid #efe0ce;border-radius:12px;transition:transform .25s,box-shadow .25s}
.premium-value-cards article:hover{transform:translateX(-5px);box-shadow:0 12px 28px rgba(90,65,36,.09)}
.premium-value-cards h3{margin:0 0 3px;font-size:17px}
.premium-value-cards p{grid-column:2;font-size:13px;margin:0}
.premium-icon{width:48px;height:48px;display:grid;place-items:center;background:#f2dbb9;border-radius:12px;color:#9b5e14;font-size:23px;grid-row:span 2}
.premium-process{background:#231f1b;color:white}
.premium-process h2{color:white}.premium-process h2 em{color:#f5b85f}
.premium-process .premium-kicker{color:#f5b85f}.premium-process .premium-lead{color:#d0c3b4;margin-bottom:34px}
.premium-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.premium-process-grid article{padding:30px 20px 34px;border:1px solid #5c5042;background:#2f2924;border-radius:12px;position:relative;min-height:240px}
.premium-process-grid article:before{content:'';position:absolute;top:0;left:20px;right:20px;height:3px;background:var(--eh-orange)}
.premium-process-grid span{display:block;font-size:39px;font-weight:800;color:#dda659;line-height:1;margin-bottom:28px}
.premium-process-grid h3{font-size:18px;margin-bottom:10px;color:#fff}
.premium-process-grid p{color:#d0c3b4;font-size:13px}
.premium-deliverables{background:#fbf2e6}
.premium-deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.premium-deliverables-grid>div:first-child>p{max-width:450px}
.premium-button{display:inline-flex;align-items:center;gap:16px;margin-top:24px;padding:15px 23px;background:var(--eh-orange);color:white;border-radius:7px;font-weight:700}
.premium-button:hover{background:var(--eh-darkorange);color:white}
.premium-checks{background:white;padding:18px 32px;box-shadow:0 18px 50px rgba(100,68,30,.09);border-radius:17px}
.premium-checks>div{display:grid;grid-template-columns:48px 1fr;column-gap:13px;padding:23px 0;border-bottom:1px solid #f0e8df}
.premium-checks>div:last-child{border:0}
.premium-checks span{color:#bc7d2c;font-size:13px;font-weight:800;grid-row:span 2}
.premium-checks strong{font-size:17px}.premium-checks small{color:#77716b;font-size:13px;margin-top:4px}
@media(max-width:850px){.premium-value-grid,.premium-deliverables-grid{grid-template-columns:1fr;gap:35px}.premium-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.premium-section{padding:65px 18px}.premium-process-grid{grid-template-columns:1fr}.premium-process-grid article{min-height:0}.premium-checks{padding:10px 20px}.premium-section h2{letter-spacing:-.6px}#privacyDialog .privacy-dialog-body{padding:14px 18px 24px}}

/* Contact information cards and section-only navigation */
#side-menu{overflow-y:auto;max-height:100dvh;box-sizing:border-box}
#side-menu a:focus-visible,#hamburger:focus-visible{outline:2px solid #DF993F;outline-offset:3px}
.contact-description{align-self:stretch;display:flex;flex-direction:column}
.contact-benefits{margin-top:32px;display:grid;gap:13px}
.contact-strapline{font-size:13px!important;text-transform:uppercase;letter-spacing:1.2px;color:#b67425!important;font-weight:700}
.contact-benefit{display:flex;gap:17px;align-items:flex-start;padding:19px 20px;background:rgba(255,255,255,.79);border:1px solid #eadccb;border-radius:12px;box-shadow:0 8px 25px rgba(44,30,15,.035)}
.contact-benefit .benefit-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;background:#f8e6cc;border-radius:10px;color:#a76416;font-weight:800;font-size:12px}
.contact-benefit strong{display:block;font-size:15px;color:#162a34;margin:0 0 5px}
.contact-benefit p{font-size:13px;line-height:1.55;margin:0!important}
.contact-minicallout{margin-top:10px;background:#172a33;color:#fff;border-radius:12px;padding:23px 24px;display:flex;flex-direction:column;gap:8px}
.contact-minicallout strong{font-size:16px}.contact-minicallout span{font-size:13px;line-height:1.7;color:#f4e7d8}
@media(max-width:720px){.contact-benefits{margin-top:24px}.contact-benefit{padding:15px}.contact-minicallout{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final visual consistency and clear project proof */
.proof-section{padding:72px 22px;background:#faf9f7;text-align:center;color:#252628}
.proof-inner{max-width:780px;margin:auto}.proof-inner h2{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:12px 0}.proof-inner p{color:#5d5b58;line-height:1.8;margin:0 auto 23px;max-width:640px}
.proof-inner .premium-button{display:inline-flex;align-items:center;background:#DF993F;color:#241c14;text-decoration:none;font-weight:700}
.contact-panel input:focus-visible,.contact-panel textarea:focus-visible{outline:2px solid #B87927;outline-offset:2px}
#side-menu a:focus-visible,.cta:focus-visible,.premium-button:focus-visible{outline:3px solid #DF993F;outline-offset:3px}

/* Contact desktop balance and one extra optional enquiry field */
.contact-grid{max-width:1190px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.contact-panel{min-width:0;padding:34px 36px}
.contact-panel select{width:100%;border:1px solid #e8ded0;padding:12px;border-radius:7px;background:#fff;font:inherit;color:#252628;box-sizing:border-box}
.contact-panel select:focus-visible{outline:2px solid #B87927;outline-offset:2px}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;max-width:680px;gap:26px}.contact-panel{padding:27px}}
@media(max-width:480px){.contact-panel{padding:20px}.contact-grid{gap:20px}}

/* Optional GA4 privacy choices, kept within the site's orange / charcoal palette. */
.analytics-consent[hidden],.analytics-settings[hidden]{display:none!important}
.analytics-consent{position:fixed;z-index:20000;bottom:18px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 28px));padding:18px 20px;background:#fff;color:#252628;box-shadow:0 8px 40px #0003;border:1px solid #e4d4bd;border-radius:14px;display:flex;align-items:center;gap:16px}
.analytics-consent p{margin:0;flex:1;font-size:14px;line-height:1.5}
.analytics-consent>div{display:flex;gap:8px}
.analytics-consent button{border:1px solid #DF993F;padding:10px 13px;cursor:pointer;border-radius:7px;background:white;color:#252628;font-weight:600}
.analytics-consent [data-analytics-accept]{background:#DF993F;color:#161616}
@media(max-width:650px){.analytics-consent{display:block}.analytics-consent>div{margin-top:12px;justify-content:flex-end}}

/* Clearly visible form submission feedback */
.contact-feedback{padding:16px 20px;margin:0 0 20px;border:1px solid;border-radius:12px;line-height:1.5;font-size:15px;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.contact-feedback strong{display:block;margin-bottom:4px;font-size:17px}
.contact-feedback p{margin:0}
.contact-feedback-ok{background:#ecf9f0;border-color:#67af7d;color:#17472b}
.contact-feedback-error{background:#fff0ee;border-color:#d6847d;color:#7e2621}