:root{
  --brand:#0b3d34; --brand2:#0f6a57; --mint:#84dfc4;
  --ink:#14201d; --muted:#6b7773; --line:#e1e8e5;
  --bg:#f7f9f8; --surface:#fff; --soft:#eef5f2;
  --shadow:0 18px 50px rgba(10,50,43,.08); --danger:#9e3a3a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:76px}
a{color:inherit}
.topbar{position:sticky;top:0;z-index:60;height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:42px;height:42px;object-fit:contain}
.brand span{display:flex;flex-direction:column}
.brand strong{font-size:14px;letter-spacing:-.01em}.brand small{font-size:10px;color:var(--muted)}
.top-actions{display:flex;gap:8px;align-items:center}
.call-link,.install-button{border:1px solid #d4e1dc;background:white;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:850;text-decoration:none;color:var(--brand)}
.install-button{cursor:pointer}
.hero{background:linear-gradient(180deg,#ffffff,#f1f7f4);border-bottom:1px solid var(--line)}
.hero-inner{max-width:1120px;margin:0 auto;padding:74px 24px 64px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{font-size:10.5px;font-weight:950;letter-spacing:.12em;color:var(--brand2)}
.hero h1{font-size:clamp(46px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px;max-width:720px}
.hero h1 span{color:var(--brand2)}
.hero p{font-size:16px;line-height:1.65;color:var(--muted);max-width:630px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:0;border-radius:14px;font:inherit;font-weight:850;cursor:pointer;text-decoration:none}
.primary{background:var(--brand);color:white;box-shadow:0 10px 22px rgba(11,61,52,.16)}
.secondary{background:#eef3f1;color:var(--brand)}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:650px}
.trust-strip div{padding:13px 14px;background:white;border:1px solid var(--line);border-radius:16px}
.trust-strip b{display:block;font-size:12px}.trust-strip span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.hero-brand-card{background:white;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}
.logo-panel{height:250px;border-radius:22px;background:linear-gradient(145deg,#f0f6f3,#e9f2ee);display:grid;place-items:center}
.logo-panel img{width:76%;max-width:280px;height:auto}
.brand-card-copy{padding:17px 4px 3px}.brand-card-copy span{font-size:9px;letter-spacing:.14em;color:var(--brand2);font-weight:900}.brand-card-copy strong{display:block;font-size:18px;margin-top:5px}.brand-card-copy p{font-size:12px;margin:5px 0 0}
.section{max-width:1080px;margin:0 auto;padding:68px 24px}
.section-heading{max-width:700px;margin-bottom:28px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.section-heading h2{font-size:clamp(32px,4.8vw,48px);line-height:1.05;letter-spacing:-.045em;margin:8px 0}.section-heading p{color:var(--muted);line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.steps article{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}
.steps span{font-size:10px;color:var(--brand2);font-weight:900}.steps h3{font-size:17px;margin:18px 0 7px}.steps p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
.request-section{max-width:900px}
.wizard-shell,.confirmation{background:white;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}
.wizard-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-header small{display:block;font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.08em}.wizard-header>span{font-size:11px;color:var(--brand2);font-weight:900}
.pending{display:block;color:#7b6324;font-size:11.5px;margin-top:3px}.pending i,.pending-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e2b336;margin-right:5px}
.progress{height:6px;border-radius:999px;background:#e8efec;overflow:hidden;margin:15px 0 24px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:.25s}
.wizard-step h3{font-size:26px;letter-spacing:-.035em;margin:0 0 6px}.wizard-step>p{font-size:12.5px;color:var(--muted);margin:0 0 20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wide{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:850;color:#34413d}
input,select,textarea{width:100%;border:1px solid #d5dfdb;background:#fbfdfc;border-radius:13px;padding:13px 14px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:#529780;box-shadow:0 0 0 4px rgba(15,106,87,.08);background:white}
fieldset{border:0;padding:0;margin:22px 0}legend{font-size:12px;font-weight:900;margin-bottom:10px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:flex;flex-direction:column;gap:4px;padding:13px;min-height:72px;border:1px solid #dce5e1;border-radius:14px;background:#fbfcfc;cursor:pointer}.choice b{font-size:12.5px}.choice small{font-size:10.5px;color:var(--muted);font-weight:550}.choice input:checked+span{border-color:#3d8f75;background:#edf8f4;box-shadow:0 0 0 2px rgba(61,143,117,.07)}
.textarea-label span{font-weight:550;color:var(--muted)}
.upload-box{margin-top:20px;border:1.5px dashed #bdd0c8;border-radius:16px;padding:15px;background:#f8fbfa;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.upload-box strong{display:block;font-size:12.5px}.upload-box span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.upload-button{background:#e9f3ef;border-radius:11px;padding:9px 11px;font-size:10.5px;color:var(--brand);cursor:pointer}.upload-button input{display:none}.photo-list{grid-column:1/-1;font-size:10.5px;color:var(--muted)}
.schedule-box{background:#f0f6f3;border:1px solid #dbe8e2;border-radius:18px;padding:17px;margin-bottom:18px}.schedule-box small{font-size:9.5px;color:var(--muted)}
.consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;background:#f7faf9;border:1px solid #e0e8e4;border-radius:14px;padding:13px;margin-top:18px}.consent input{width:17px;flex:0 0 auto;margin-top:1px}.consent span{font-size:10.5px;line-height:1.5;color:#52605c;font-weight:600}
.review-box{background:#f5f8f7;border:1px solid #e1e7e4;border-radius:15px;padding:13px;margin:18px 0;font-size:11px;line-height:1.65;color:#45524e}
.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.wizard-actions.end{justify-content:flex-end}.error{font-size:10.5px;color:var(--danger);font-weight:800}.disclaimer{text-align:center!important;font-size:10px!important;color:var(--muted)}
.hidden{display:none!important}
.confirmation{text-align:center}.check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#dff4ec;color:var(--brand2);font-size:27px;font-weight:950}.confirmation h2{font-size:32px;letter-spacing:-.04em;margin:8px 0}.confirmation>p{color:var(--muted);line-height:1.6}.pending-pill{display:inline-flex;align-items:center;background:#fff7dc;border:1px solid #ead899;border-radius:999px;padding:8px 11px;color:#7b6322;font-size:11px;font-weight:900}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.contact-grid div{text-align:left;background:#f6f9f8;border-radius:13px;padding:13px}.contact-grid span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:850}.contact-grid strong{display:block;font-size:12px;margin-top:3px}
.final-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:24px;padding:22px 24px;margin-bottom:34px}.final-card img{width:68px;height:68px;object-fit:contain}.final-card h2{margin:0 0 4px;font-size:22px}.final-card p{margin:0;color:var(--muted);font-size:12px}
footer{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:4px 20px 92px;font-size:10.5px;color:var(--muted)}footer a{text-decoration:none;font-weight:800;color:var(--brand)}
.bottom-nav{display:none}
.ios-tip{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100;display:grid;place-items:end center;padding:18px}.ios-card{max-width:420px;width:100%;background:white;border-radius:20px;padding:20px;position:relative}.ios-card button{position:absolute;right:11px;top:8px;border:0;background:transparent;font-size:24px}
@media(max-width:720px){
 body{padding-bottom:82px}.topbar{height:62px;padding:0 13px}.brand img{width:38px;height:38px}.brand small{display:none}.call-link{display:none}.install-button{font-size:10px;padding:8px 10px}
 .hero-inner{display:block;padding:40px 16px 34px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-strip{grid-template-columns:1fr;gap:7px;margin-top:20px}
 .hero-brand-card{margin-top:28px;padding:13px;border-radius:21px}.logo-panel{height:190px}.logo-panel img{width:68%;max-width:220px}
 .section{padding:48px 15px}.section-heading h2{font-size:34px}.steps,.form-grid,.choice-grid,.contact-grid{grid-template-columns:1fr}.wide{grid-column:auto}
 .wizard-shell,.confirmation{padding:17px 14px;border-radius:20px}.wizard-step h3{font-size:23px}.wizard-actions{flex-direction:column-reverse}.wizard-actions .button{width:100%}.wizard-actions.end{display:block}.wizard-actions.end .button{width:100%}
 .upload-box{grid-template-columns:1fr}.upload-button{width:max-content}.final-card{margin:0 14px 24px;padding:17px;grid-template-columns:auto 1fr}.final-card img{width:58px;height:58px}.final-card .button{grid-column:1/-1;width:100%}
 .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;height:70px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
 .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:9px;color:#67756f;font-weight:850}.bottom-nav span{font-size:18px}.bottom-nav .request-nav{margin:-12px 5px 6px;background:var(--brand);color:white;border-radius:17px;box-shadow:0 9px 20px rgba(11,61,52,.22)}
}


.free-delivery-note{
  margin:18px 0 14px;
  padding:14px;
  background:#eef7f3;
  border:1px solid #d7e7e0;
  border-radius:14px;
  text-align:left;
}
.free-delivery-note strong{
  display:block;
  color:var(--brand);
  font-size:12px;
}
.free-delivery-note p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.5;
}
.text-button{
  width:100%;
  margin-bottom:10px;
}