*{box-sizing:border-box}
:root{
  --green:#91b921;
  --green-dark:#769b18;
  --text:#262626;
  --muted:#666;
  --light:#f5f5f3;
  --dark:#202526;
  --line:#dedede;
  --max:1160px;
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;background:#fff}
.site-width{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee}
.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between;position:relative}
.logo{text-decoration:none;color:#222;font-size:22px;font-weight:700}
.menu-button{border:0;background:none;font:inherit;font-weight:600;padding:10px 0;cursor:pointer}
.menu{position:absolute;right:0;top:64px;display:none;background:#fff;min-width:250px;padding:12px 0;box-shadow:0 16px 35px rgba(0,0,0,.13)}
.menu.open{display:block}
.menu a{display:block;padding:10px 18px;text-decoration:none;color:#222}
.menu a:hover{background:#f5f5f5}
.hero{height:540px;position:relative;background-image:url("https://06733523ec.clvaw-cdnwnd.com/8e5b9036c4c429978d96af0b2eda8781/200000050-927a9927ab/Schr%C3%A1nky%20hlavi%C4%8Dka.jpeg?ph=06733523ec");background-size:cover;background-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12))}
.hero-inner{height:100%;display:flex;align-items:center;position:relative}
.hero h1{margin:0;color:#fff;font-size:clamp(52px,7vw,88px);line-height:1.05;max-width:760px;font-weight:700}
.content-section{padding:86px 0}
.content-section.light{background:var(--light)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.copy h2,.content-section h2,.form-section h2{font-size:clamp(36px,4vw,54px);line-height:1.12;margin:0 0 30px;font-weight:700}
.copy p{margin:0 0 18px}
.photo{min-height:460px;background-size:cover;background-position:center}
.photo-one{background-image:url("https://06733523ec.clvaw-cdnwnd.com/8e5b9036c4c429978d96af0b2eda8781/200000054-74b3b74b3c/Post-it.jpeg?ph=06733523ec")}
.photo-two{background-image:url("https://06733523ec.clvaw-cdnwnd.com/8e5b9036c4c429978d96af0b2eda8781/200000036-a3443a3446/images-pexels-com-photos-5010877-pexels-photo-5010877-auto-compress-cs-tinysrgb-dpr-2-h-650-w-940.jpeg?ph=06733523ec")}
.intro{font-size:20px;color:#555;max-width:820px}
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 30px;margin:34px 0 36px;font-size:20px}
.areas span:before{content:"•";color:var(--green);font-weight:700;margin-right:10px}
.more-area{font-size:19px}
.uses{padding-left:22px}
.form-section{padding:88px 0;background:#24292a;color:#fff}
.form-section h3{font-size:18px;margin:0 0 10px;font-weight:500}
.form-section h2{color:#fff}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 24px}
.choice-card{text-align:left;padding:25px;border:2px solid transparent;background:#fff;color:#222;cursor:pointer;transition:.2s}
.choice-card:hover{transform:translateY(-2px)}
.choice-card.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}
.choice-title{display:block;font-size:22px;font-weight:700;margin-bottom:4px}
.choice-sub{display:block;color:#666}
.forms-wrap{background:#fff;color:#222}
.smart-form{display:none;padding:34px}
.smart-form.active{display:block}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;font-weight:600;margin-bottom:18px}
input,textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cfcfcf;background:#fff;font:inherit;color:#222;border-radius:0}
textarea{resize:vertical}
fieldset{border:0;padding:0;margin:12px 0 28px}
legend{font-size:19px;font-weight:700;margin-bottom:13px}
.radio-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #eee;font-weight:400;margin:0}
.radio-row input,.status-grid input,.gdpr input{width:auto;margin-top:6px;flex:0 0 auto}
.radio-row span{display:block}
.radio-row strong{display:block}
.radio-row small{display:block;color:#666;font-size:14px;margin-top:2px}
.conditional{display:none;background:#f6f6f3;padding:22px;margin:0 0 24px}
.conditional.open{display:block}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.status-grid label{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:0;padding:7px 0}
.gdpr{display:flex;gap:10px;font-weight:400;font-size:14px;margin-top:18px}
.gdpr a{color:#222}
.send{border:0;background:var(--green);color:#fff;padding:14px 24px;font:inherit;font-weight:700;cursor:pointer}
.send:hover{background:var(--green-dark)}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.form-message{margin-top:18px;padding:14px;background:#fff;color:#222}
.contact-line{display:flex;gap:36px;flex-wrap:wrap;margin-top:32px}
.contact-line a{font-size:22px;text-decoration:none;color:#222}
.contact-line span{color:#777;margin-right:5px}
.inline-link{display:inline-block;margin-top:10px;font-weight:700;color:#222;text-decoration:none;border-bottom:2px solid var(--green)}
footer{padding:52px 0;background:#1d2122;color:#ddd}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
footer a{color:#fff}
@media(max-width:800px){
  body{font-size:16px}
  .site-width{width:min(100% - 30px,var(--max))}
  .topbar-inner{height:70px}
  .logo{font-size:18px}
  .hero{height:430px}
  .hero h1{font-size:52px}
  .content-section,.form-section{padding:62px 0}
  .split{grid-template-columns:1fr;gap:34px}
  .reverse .photo{order:2}
  .photo{min-height:320px}
  .areas{grid-template-columns:1fr 1fr;font-size:17px}
  .choice-grid,.field-grid,.status-grid,.footer-grid{grid-template-columns:1fr}
  .smart-form{padding:22px}
  .contact-line{display:grid;gap:10px}
}