body{
  font-family:system-ui,-apple-system,sans-serif;
  margin:0;
  background:linear-gradient(135deg,#FFFDF7,#F8F4E7);
  color:#222;
  line-height:1.6;
  position:relative;
}
body::after{
  content:"KRUMEX";
  position:fixed;
  bottom:8%;
  right:5%;
  font-size:14vw; /* slightly larger ~60% width */
  font-weight:900;
  letter-spacing:0.25em;
  background:linear-gradient(90deg,#F4C300,#006D3F);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:0.18;
  pointer-events:none;
  z-index:999;
  animation:krumexFadeIn 3s ease-in-out forwards;
}
a{color:#006D3F;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px;position:relative;z-index:1}
.nav{display:flex;align-items:center;justify-content:space-between}
.menu a{margin-left:16px;font-weight:600;color:#006D3F}
.btn{
  background:#006D3F;
  color:#F4C300;
  padding:10px 16px;
  border-radius:24px;
  font-weight:600;
  transition:0.3s;
}
.btn:hover{background:#F4C300;color:#111}
.btn.ghost{background:none;border:2px solid #006D3F;color:#006D3F}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}
.card{background:#fff;padding:20px;border-radius:16px;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:20px}
.card.highlight{background:#F9FAEF}
.card.accent{background:#FFF8E1}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spec-grid{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spec-grid li{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eee}
.site-footer{background:#f2f2ed;margin-top:40px;padding:20px 0;color:#333;z-index:1;position:relative}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.muted{color:#666}
.checklist{list-style:none;padding:0}
.checklist li::before{content:"✓ ";color:#006D3F}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}
.gallery-grid img{width:100%;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,0.15);transition:transform 0.3s ease,box-shadow 0.3s ease}
.gallery-grid img:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.25)}
@media(max-width:800px){.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}body::after{
  content:"KRUMEX";
  position:fixed;
  bottom:8%;
  right:5%;
  font-size:14vw; /* slightly larger ~60% width */
  font-weight:900;
  letter-spacing:0.25em;
  background:linear-gradient(90deg,#F4C300,#006D3F);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:0.18;
  pointer-events:none;
  z-index:999;
  animation:krumexFadeIn 3s ease-in-out forwards;
}}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.form label{color:#F4C300;font-weight:600;display:block;margin-top:10px;}
.form input:focus,.form textarea:focus,.form select:focus{
  outline:none;
  border-color:#F4C300;
  box-shadow:0 0 4px rgba(244,195,0,0.5);
}
.contact-info p svg{vertical-align:middle;margin-right:6px;}
.contact-info p{color:#F4C300;font-weight:600;margin:5px 0;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:800px){.form-grid{grid-template-columns:1fr}}
.form input,.form textarea,.form select{
  width:100%;
  padding:10px;
  margin-top:5px;
  margin-bottom:12px;
  border:1px solid #ccc;
  border-radius:8px;
  font-size:15px;
}
.form input[type=file]{padding:6px;background:#fff8e1;border:1px solid #f4c300;color:#444;}
.form input:focus,.form textarea:focus{
  border-color:#F4C300;
  box-shadow:0 0 6px rgba(244,195,0,0.5);
  outline:none;
}
.form label{color:#F4C300;font-weight:600;display:block;margin-top:8px;}
.form button.btn{margin-top:12px;font-size:16px;}