@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Russo+One&display=swap');

:root{
  --page:#fbfcfa;
  --page-soft:#f3f8f0;
  --paper:#ffffff;
  --paper-2:#f7faf5;
  --ink:#071b14;
  --text:#46524c;
  --muted:#707b74;
  --green:#52ba2c;
  --green-2:#8ee55b;
  --green-3:#2f851b;
  --line:rgba(22,50,35,.12);
  --line-strong:rgba(22,50,35,.2);
  --shadow:0 26px 80px rgba(32,50,39,.12);
  --shadow-soft:0 18px 50px rgba(32,50,39,.08);
  --wrap:min(1510px,calc(100vw - 80px));
  --wide:min(1640px,calc(100vw - 52px));
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{
  margin:0;
  color:var(--ink);
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at -7% 42%,rgba(82,186,44,.15),transparent 30vw),
    radial-gradient(circle at 83% 9%,rgba(82,186,44,.10),transparent 28vw),
    linear-gradient(180deg,#fbfcfa 0%,#f6faf3 45%,#eff6ec 100%);
  overflow-x:hidden;
  letter-spacing:-.018em;
}
a{text-decoration:none;color:inherit}
img,video{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{cursor:pointer}
.wrap{width:var(--wrap);margin-inline:auto}
.wrap-wide{width:var(--wide);margin-inline:auto}

.site-header{
  position:sticky;top:18px;z-index:100;
  width:var(--wrap);height:92px;margin:22px auto 0;
  padding:14px 24px 14px 34px;
  display:flex;align-items:center;gap:28px;
  border-radius:22px;background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 24px 64px rgba(31,45,37,.10);
  backdrop-filter:blur(18px);
}
.brand{min-width:286px;display:flex;align-items:center}
.brand img{height:66px;width:auto;object-fit:contain}
.main-nav{flex:1;display:flex;justify-content:center;gap:38px;font-weight:800;color:#232b27;font-size:16px}
.main-nav a{opacity:.86;transition:.18s ease}
.main-nav a:hover{opacity:1;color:var(--green-3)}
.header-actions{display:flex;align-items:center;gap:20px}
.phone{font-size:19px;font-weight:900;white-space:nowrap;color:#0f1813}

.btn{
  min-height:58px;border-radius:18px;padding:0 28px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  border:0;font-weight:900;letter-spacing:-.025em;line-height:1;
  position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(180deg,#93e85d 0%,#68c93b 54%,#49a923 100%);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 15px 34px rgba(77,172,37,.28),0 0 34px rgba(98,205,58,.34),inset 0 1px 0 rgba(255,255,255,.45);
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.btn-primary::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-42%;width:34%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transition:left .62s ease}
.btn-primary:hover::after{left:116%}
.btn-secondary{background:rgba(255,255,255,.72);border:1px solid rgba(70,160,34,.42);color:var(--ink);box-shadow:0 14px 34px rgba(38,53,44,.07)}
.btn-secondary span{font-size:24px;color:var(--green-3);line-height:1}
.btn-header{min-height:62px;padding-inline:26px;border-radius:18px}
.btn-icon{width:24px;height:24px;display:grid;place-items:center;position:relative;color:#eaffdf;font-size:0;border-radius:7px;border:1px solid rgba(255,255,255,.45)}
.btn-icon::before{content:"";width:13px;height:10px;border:2px solid currentColor;border-radius:3px;position:absolute;left:5px;top:8px}
.btn-icon::after{content:"";width:5px;height:5px;border:2px solid currentColor;border-radius:50%;position:absolute;left:8px;top:10px;box-shadow:0 -6px 0 -3px currentColor}
.btn-full{width:100%}

.section{position:relative;padding:94px 0 84px;scroll-margin-top:116px}
.eyebrow{margin:0 0 16px;color:var(--green);font-size:14px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:"Russo One","Arial Black",Manrope,sans-serif;font-weight:400;color:var(--ink);letter-spacing:-.045em}
h1{font-size:clamp(48px,4.05vw,66px);line-height:1.04;margin:0 0 24px;max-width:660px}
h1 span{display:block}
h2{font-size:clamp(38px,3.25vw,58px);line-height:1.06;margin:0 0 22px}
h3{font-size:24px;line-height:1.15;margin:0 0 18px;font-weight:900}
p{font-size:18px;line-height:1.55;color:var(--text)}

.hero{min-height:calc(100svh - 124px);display:flex;align-items:flex-start;padding:42px 0 38px}
.hero-grid{display:grid;grid-template-columns:minmax(520px,.82fr) minmax(640px,1.18fr);gap:clamp(42px,4.5vw,72px);align-items:center}
.hero-copy{min-width:0;max-width:700px}
.hero-text{font-size:20px;line-height:1.48;max-width:650px;color:#5a625e;margin-bottom:0}
.hero-buttons{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0 28px}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:690px}
.hero-facts article{min-height:122px;padding:20px 20px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(21,48,34,.08);box-shadow:0 20px 52px rgba(36,54,43,.08)}
.hero-facts span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f6e2;color:var(--green-3);font-size:23px;margin-bottom:14px}
.hero-facts b{display:block;font-size:21px;line-height:1.1;color:#101c17}
.hero-facts small{display:block;margin-top:7px;color:#68716c;font-size:14px;line-height:1.32}
.before-after{position:relative;height:min(63svh,640px);min-height:500px;display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:#dde2dc;border:1px solid rgba(10,25,19,.18);box-shadow:var(--shadow)}
.ba-side{position:relative;overflow:hidden}.ba-side img{width:100%;height:100%;object-fit:cover;object-position:center}.ba-before img{filter:saturate(.72) contrast(.96);object-position:center}.ba-after img{object-position:center}.ba-side em{position:absolute;top:24px;left:24px;min-width:66px;padding:12px 18px;border-radius:14px;background:#2a2f2b;color:#fff;font-style:normal;font-weight:900;text-align:center}.ba-after em{background:linear-gradient(180deg,#69c941,#4ca625)}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:rgba(255,255,255,.82)}.ba-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-3);box-shadow:0 14px 38px rgba(0,0,0,.14);font-weight:900;font-size:22px}.ba-note{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:min(520px,70%);padding:20px 28px;border-radius:20px;background:rgba(16,22,18,.86);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.ba-note strong{font-size:22px}.ba-note small{display:block;margin-top:4px;color:rgba(255,255,255,.82);font-size:16px}

.section-title{margin:0 auto 34px}.section-title.center{text-align:center;max-width:900px}.section-title.compact{max-width:1060px}.section-copy{min-width:0}.section-copy p,.section-title p{max-width:760px}.process,.works,.materials,.price,.reviews,.final{background:linear-gradient(180deg,#fbfcfa,#f1f7ef)}
.process-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(250px,.38fr);gap:42px;align-items:center}.steps-line{display:grid;gap:12px;margin-top:30px;max-width:720px;position:relative}.steps-line article{display:flex;align-items:center;gap:18px;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid var(--line);box-shadow:0 14px 34px rgba(34,50,41,.06)}.steps-line b{font-size:14px;color:var(--green-3);letter-spacing:.08em}.steps-line span{font-weight:800;color:#1d2a24}.video-phone{position:relative;justify-self:center;width:320px;padding:10px;border-radius:42px;background:linear-gradient(180deg,#29312c,#111512);box-shadow:0 28px 70px rgba(25,37,30,.26)}.video-phone video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:32px;background:#000}.video-phone span{position:absolute;top:26px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-weight:900;font-size:14px;white-space:nowrap}.process-cards{display:grid;gap:16px}.process-cards article{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(34,50,41,.08)}.process-cards small{display:block;color:var(--green-3);font-weight:900;margin-bottom:8px}.process-cards b{font-size:22px;line-height:1.18}

.flip-carousel{position:relative;height:540px;margin-top:12px}.flip-stage{height:100%;position:relative;perspective:1300px;overflow:hidden}.work-slide{position:absolute;left:50%;top:50%;width:min(440px,32vw);height:500px;margin:0;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 28px 70px rgba(34,50,41,.16);transition:transform .45s ease,opacity .45s ease,filter .45s ease}.work-slide img{width:100%;height:100%;object-fit:contain;background:#fff}.work-slide.active{transform:translate(-50%,-50%) scale(1);z-index:10;opacity:1}.work-slide.prev1{transform:translate(-50%,-50%) translateX(-340px) scale(.84) rotateY(26deg);z-index:6;opacity:.76}.work-slide.next1{transform:translate(-50%,-50%) translateX(340px) scale(.84) rotateY(-26deg);z-index:6;opacity:.76}.work-slide.prev2{transform:translate(-50%,-50%) translateX(-575px) scale(.68) rotateY(36deg);z-index:3;opacity:.36;filter:brightness(.9)}.work-slide.next2{transform:translate(-50%,-50%) translateX(575px) scale(.68) rotateY(-36deg);z-index:3;opacity:.36;filter:brightness(.9)}.work-slide.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.45)}.flip-arrow,.book-arrow{position:absolute;top:50%;z-index:20;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;border:1px solid rgba(40,70,50,.14);background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(34,50,41,.14);font-size:42px;line-height:1;color:var(--green-3)}.flip-arrow.prev{left:18px}.flip-arrow.next{right:18px}.block-cta{text-align:center;margin-top:20px}

.material-panel{padding:52px;border-radius:32px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-grid article{padding:25px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(34,50,41,.06)}.material-grid b{display:block;font-size:22px;margin-bottom:10px}.material-grid span{display:block;line-height:1.5;color:#5c6660}.result-note{margin:18px auto 0;max-width:980px;padding:24px 28px;border-radius:20px;background:#12221a;color:#fff;display:grid;grid-template-columns:180px 1fr;gap:20px}.result-note span{color:rgba(255,255,255,.78);line-height:1.48}
.price-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.9fr);gap:50px;align-items:center}.price h2 span{color:var(--green-3)}.quality-list{display:grid;gap:12px;margin-top:26px}.quality-list article{padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 32px rgba(34,50,41,.055)}.quality-list b{display:block;font-size:19px;margin-bottom:5px}.quality-list span{display:block;color:#5c6660;line-height:1.4}.book{position:relative;min-height:520px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}.book-stage{position:relative;height:480px;overflow:hidden;border-radius:22px;background:#f1f4ee}.book-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .25s ease}.book-slide.active{opacity:1;pointer-events:auto}.book-slide img,.book-slide video{width:100%;height:100%;object-fit:cover}.book-slide figcaption{position:absolute;left:22px;right:22px;bottom:18px;padding:14px 18px;border-radius:16px;background:rgba(8,13,9,.82);color:#fff;font-weight:900}.book-arrow.prev{left:-18px}.book-arrow.next{right:-18px}.book-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.book-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#cdd7c8}.book-dots button.active{background:var(--green)}
.reviews-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(580px,1fr);gap:50px;align-items:center}.rating{display:inline-flex;align-items:center;gap:20px;margin:18px 0 22px;padding:18px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(34,50,41,.06)}.rating strong{font-size:46px;color:var(--green-3);font-family:"Russo One"}.rating span{color:#5c6660}.review-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-cards article{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(34,50,41,.055)}.review-cards b{font-size:17px}.review-cards small{float:right;color:#f0a400;letter-spacing:0}.review-cards p{font-size:15px;line-height:1.4;margin:9px 0 0}.map-column{display:grid;gap:16px}.map{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--line);background:#fff}.map img{width:100%;height:385px;object-fit:cover;object-position:center}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.office-grid article{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(34,50,41,.05)}.office-grid b{display:block;margin-bottom:6px}.office-grid span{color:#5c6660;line-height:1.4}.map-actions{display:flex;gap:12px}.map-actions .btn:first-child{flex:1}
.final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.52fr);gap:54px;align-items:center}.final-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.final-points article{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(34,50,41,.055)}.final-points b{display:block;color:var(--green-3);font-size:25px}.final-points span{display:block;margin-top:6px;color:#5c6660;line-height:1.35}.lead-form{padding:30px;border-radius:28px;background:linear-gradient(180deg,#16231c,#0d1410);box-shadow:0 28px 70px rgba(22,35,28,.22);border:1px solid rgba(255,255,255,.13);color:#fff}.lead-form label{display:block;margin-bottom:14px}.lead-form label span{display:block;margin-bottom:7px;color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.lead-form input,.lead-form textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;outline:none}.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(255,255,255,.43)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-field em{display:block;font-style:normal;margin-top:8px;color:rgba(255,255,255,.58);font-size:13px}.trap{position:absolute;left:-9999px}.form-status{font-size:14px;color:rgba(255,255,255,.68);margin:12px 0 0}.form-status.error{color:#ffb6a8}.form-status.ok{color:#96ee69}.lead-form input[type="file"]::file-selector-button{border:0;border-radius:12px;background:#fff;color:#142018;font-weight:900;padding:10px 12px;margin-right:10px;cursor:pointer}
.site-footer{padding:38px var(--wrap) 110px;display:flex;align-items:center;justify-content:space-between;background:#eef4ec}.site-footer img{height:54px}.site-footer span{color:#5d675f}.site-footer a{font-weight:900}.thanks-modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;background:rgba(8,12,9,.62);backdrop-filter:blur(10px);padding:20px}.thanks-modal.open{display:grid}.thanks-card{position:relative;width:min(620px,100%);padding:34px;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.34)}.thanks-card p{color:#58625c}.modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:28px}.mobile-bar{display:none}

@media(max-height:820px) and (min-width:1040px){.site-header{height:82px;top:10px;margin-top:12px}.brand img{height:58px}.hero{padding-top:24px}.hero-grid{gap:42px}.hero h1{font-size:clamp(42px,3.65vw,58px);line-height:1.03;margin-bottom:18px}.hero-text{font-size:18px;line-height:1.42}.hero-buttons{margin:24px 0 20px}.hero-facts article{min-height:104px;padding:16px 17px}.hero-facts span{width:34px;height:34px;font-size:19px;margin-bottom:10px}.hero-facts b{font-size:19px}.hero-facts small{font-size:12px}.before-after{height:min(57svh,550px);min-height:440px}.ba-note{bottom:20px;padding:16px 22px}.ba-note strong{font-size:19px}.ba-note small{font-size:14px}}
@media(max-width:1200px){:root{--wrap:min(1060px,calc(100vw - 40px));--wide:min(1120px,calc(100vw - 40px))}.brand{min-width:210px}.brand img{height:58px}.main-nav{gap:20px}.hero-grid,.process-grid,.price-grid,.reviews-grid,.final-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.before-after{height:600px}.process-cards{grid-template-columns:repeat(3,1fr)}.book{max-width:760px;width:100%;margin-inline:auto}.reviews-grid{gap:32px}.material-grid{grid-template-columns:1fr 1fr}.site-footer{padding-left:20px;padding-right:20px}}
@media(max-width:840px){body{background:#fbfcfa}.site-header{top:8px;width:calc(100vw - 18px);height:64px;margin-top:8px;border-radius:20px;padding:8px 10px 8px 14px}.brand{min-width:0}.brand img{height:42px}.main-nav,.phone{display:none}.btn-header{min-height:46px;border-radius:14px;padding:0 14px;font-size:13px}.btn-header .btn-icon{display:none}.section{padding:68px 0 56px;scroll-margin-top:84px}.hero{min-height:auto;padding:18px 0 34px}.hero-grid{display:flex;flex-direction:column;gap:26px}.hero-copy{width:100%}h1{font-size:36px;line-height:1.04}h2{font-size:34px}.hero-text,p{font-size:16px}.hero-buttons{gap:12px;margin:24px 0}.hero-buttons .btn{width:100%}.hero-facts{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.hero-facts article{min-width:180px;min-height:124px;padding:17px}.before-after{width:100%;height:auto;min-height:0;aspect-ratio:4/5;border-radius:24px}.ba-note{width:auto;left:18px;right:18px;transform:none;bottom:18px}.ba-note strong{font-size:18px}.process-grid{display:block}.steps-line article{padding:13px 14px}.video-phone{margin:28px auto}.process-cards{grid-template-columns:1fr;margin-top:22px}.flip-carousel{height:420px}.work-slide{height:370px;width:min(310px,72vw)}.work-slide.prev1{transform:translate(-50%,-50%) translateX(-205px) scale(.78) rotateY(24deg)}.work-slide.next1{transform:translate(-50%,-50%) translateX(205px) scale(.78) rotateY(-24deg)}.work-slide.prev2,.work-slide.next2{opacity:0}.flip-arrow,.book-arrow{width:50px;height:50px;font-size:34px}.material-panel{padding:26px;border-radius:26px}.material-grid{grid-template-columns:1fr}.result-note{grid-template-columns:1fr}.book{min-height:auto}.book-stage{height:430px}.reviews-grid{display:block}.review-cards{grid-template-columns:1fr}.map-column{margin-top:24px}.map img{height:300px}.office-grid{grid-template-columns:1fr}.map-actions{display:grid}.final-grid{display:block}.final-points{grid-template-columns:1fr}.lead-form{margin-top:28px;padding:22px}.form-row{grid-template-columns:1fr}.site-footer{display:block;padding-bottom:96px}.site-footer span,.site-footer a{display:block;margin-top:10px}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:250;padding:8px;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 16px 44px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.mobile-bar a{display:grid;place-items:center;min-height:44px;border-radius:13px;background:#fff;font-weight:900}.mobile-bar a:last-child{background:linear-gradient(180deg,#8ee35a,#4da724);color:#fff}}
@media(max-width:460px){:root{--wrap:calc(100vw - 22px);--wide:calc(100vw - 22px)}.brand img{height:36px}.btn-header{font-size:12px;padding-inline:11px}.section{padding:56px 0 46px}.hero{padding-top:12px}.eyebrow{font-size:11px;letter-spacing:.065em}h1{font-size:30px;line-height:1.08}h2{font-size:30px;line-height:1.06}.btn{min-height:52px;padding-inline:18px}.before-after{aspect-ratio:3/4}.ba-side em{top:14px;left:14px;min-width:54px;padding:9px 12px;border-radius:12px}.ba-line span{width:44px;height:44px;font-size:16px}.ba-note{padding:14px 16px}.hero-facts article{min-width:160px}.hero-facts b{font-size:18px}.flip-carousel{height:365px}.work-slide{height:320px}.book-stage{height:380px}.section-copy p,.section-title p{max-width:none}}


/* === v6.4: hero rebuilt to match approved render === */
:root{
  --wrap:min(1508px,calc(100vw - 92px));
  --wide:min(1600px,calc(100vw - 70px));
  --hero-ink:#071b14;
  --v64-green:#58bf2d;
  --v64-green-light:#91e45c;
  --v64-button-dark:#101c15;
}
html{background:#fbfcfa;}
body{
  background:
    radial-gradient(circle at -7% 45%,rgba(90,190,48,.16),transparent 31vw),
    radial-gradient(circle at 83% 10%,rgba(90,190,48,.08),transparent 28vw),
    linear-gradient(180deg,#fbfcfa 0%,#f8fbf6 42%,#f1f7ef 100%);
}
.site-header{
  width:var(--wrap);
  height:104px;
  margin-top:28px;
  top:14px;
  padding:16px 24px 16px 32px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 24px 64px rgba(28,44,35,.105), inset 0 1px 0 rgba(255,255,255,.96);
  gap:30px;
}
.brand{min-width:326px;}
.brand img{height:78px;width:auto;object-fit:contain;}
.main-nav{gap:40px;font-size:16px;font-weight:700;color:#1d2521;}
.header-actions{gap:22px;}
.phone{font-size:18px;font-weight:900;color:#0b1510;}
.btn-primary{
  color:#fff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#8ee256 0%,#62c936 52%,#43a01e 100%);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 16px 36px rgba(82,190,45,.32),0 0 38px rgba(105,210,62,.34),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -14px 24px rgba(28,90,12,.08);
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.btn-primary:hover{filter:saturate(1.04) brightness(1.01);}
.btn-header{
  min-height:64px;
  padding-inline:28px;
  border-radius:18px;
}
.btn-icon{width:25px;height:25px;color:#eaffdf;border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.04);}
.btn-secondary{
  min-height:58px;
  border-radius:18px;
  padding-inline:34px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(78,169,36,.50);
  box-shadow:0 14px 34px rgba(38,53,44,.055), inset 0 1px 0 rgba(255,255,255,.9);
}
.section{scroll-margin-top:128px;}
.hero{
  min-height:calc(100svh - 132px);
  padding:46px 0 30px;
  align-items:flex-start;
  background:transparent;
}
.hero-grid{
  width:var(--wrap);
  grid-template-columns:minmax(590px,645px) minmax(760px,1fr);
  gap:clamp(46px,4.5vw,78px);
  align-items:center;
}
.hero-copy{max-width:650px;}
.eyebrow{font-size:14px;letter-spacing:.08em;margin-bottom:18px;}
.hero .eyebrow{margin-bottom:20px;}
h1{
  max-width:650px;
  font-size:clamp(56px,4.18vw,68px);
  line-height:1.075;
  letter-spacing:-.05em;
  margin-bottom:26px;
  color:var(--hero-ink);
}
h1 span{display:block;white-space:nowrap;}
.hero-text{
  max-width:560px;
  font-size:19px;
  line-height:1.48;
  color:#5e6762;
}
.hero-buttons{margin:30px 0 30px;gap:24px;}
.hero-buttons .btn{min-width:280px;}
.hero-buttons .btn-secondary{min-width:245px;}
.hero-facts{
  max-width:660px;
  gap:16px;
}
.hero-facts article{
  min-height:128px;
  border-radius:20px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(24,50,36,.075);
  box-shadow:0 22px 52px rgba(33,49,40,.08), inset 0 1px 0 rgba(255,255,255,.9);
  padding:20px 20px 18px;
}
.hero-facts span{
  width:42px;height:42px;
  margin-bottom:14px;
  background:#e9f7e3;
  color:#3a941d;
}
.hero-facts b{font-size:21px;line-height:1.08;}
.hero-facts small{font-size:13px;line-height:1.32;color:#6a746e;}
.before-after{
  height:min(70svh,680px);
  min-height:620px;
  border-radius:28px;
  border:1px solid rgba(6,22,15,.16);
  box-shadow:0 28px 76px rgba(31,45,37,.12),0 0 0 1px rgba(255,255,255,.55) inset;
  background:#e7ebe5;
}
.ba-side img{width:100%;height:100%;object-fit:cover;}
.ba-before img{filter:saturate(.78) contrast(.96) brightness(1.02);object-position:center center;}
.ba-after img{object-position:center center;}
.ba-side em{
  top:22px;left:22px;
  min-width:62px;
  padding:12px 17px;
  border-radius:14px;
  background:rgba(38,43,39,.92);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.ba-after em{background:linear-gradient(180deg,#66c83d,#4ca825);}
.ba-line{width:3px;background:rgba(255,255,255,.86);}
.ba-line span{
  width:56px;height:56px;
  color:#4dad22;
  font-size:20px;
  box-shadow:0 15px 38px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.95);
}
.ba-note{
  width:min(520px,68%);
  bottom:28px;
  padding:20px 28px;
  border-radius:20px;
  background:rgba(16,22,18,.86);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.ba-note strong{font-size:22px;line-height:1.1;}
.ba-note small{font-size:16px;}
@media(max-height:860px) and (min-width:1040px){
  .site-header{height:88px;margin-top:14px;top:8px;padding-top:12px;padding-bottom:12px;}
  .brand{min-width:285px;}
  .brand img{height:64px;}
  .main-nav{gap:32px;font-size:15px;}
  .btn-header{min-height:58px;}
  .hero{min-height:calc(100svh - 102px);padding:24px 0 24px;}
  .hero-grid{grid-template-columns:minmax(520px,610px) minmax(640px,1fr);gap:clamp(38px,4vw,62px);}
  h1{font-size:clamp(48px,3.7vw,59px);line-height:1.06;margin-bottom:22px;}
  .hero-text{font-size:18px;line-height:1.43;max-width:560px;}
  .hero-buttons{margin:26px 0 22px;}
  .hero-buttons .btn{min-width:230px;min-height:55px;}
  .hero-buttons .btn-secondary{min-width:205px;}
  .hero-facts article{min-height:104px;padding:16px 17px;}
  .hero-facts span{width:35px;height:35px;font-size:19px;margin-bottom:10px;}
  .hero-facts b{font-size:19px;}
  .hero-facts small{font-size:12px;}
  .before-after{height:min(62svh,555px);min-height:470px;border-radius:26px;}
  .ba-note{bottom:20px;padding:16px 22px;width:min(500px,70%);}
  .ba-note strong{font-size:19px;}.ba-note small{font-size:14px;}
}
@media(max-width:1200px){
  :root{--wrap:min(1080px,calc(100vw - 40px));--wide:min(1120px,calc(100vw - 40px));}
  .site-header{height:78px;margin-top:12px;top:8px;padding:10px 16px 10px 24px;}
  .brand{min-width:210px;}.brand img{height:58px;}
  .hero{min-height:auto;padding:24px 0 36px;}
  .hero-grid{grid-template-columns:1fr;gap:30px;}
  .hero-copy{max-width:760px;}
  h1 span{white-space:normal;}
  .before-after{height:580px;min-height:0;}
}
@media(max-width:840px){
  .site-header{width:calc(100vw - 18px);height:64px;margin-top:8px;top:8px;border-radius:20px;padding:8px 10px 8px 14px;}
  .brand{min-width:0;}.brand img{height:42px;}
  .hero{padding:18px 0 34px;}
  .hero-grid{display:flex;flex-direction:column;gap:26px;}
  h1{font-size:36px;line-height:1.04;max-width:none;}
  h1 span{white-space:normal;}
  .hero-text{font-size:16px;line-height:1.45;max-width:none;}
  .hero-buttons{gap:12px;margin:24px 0;}
  .hero-buttons .btn,.hero-buttons .btn-secondary{width:100%;min-width:0;}
  .hero-facts{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;}
  .hero-facts article{min-width:180px;min-height:124px;}
  .before-after{width:100%;height:auto;aspect-ratio:4/5;border-radius:24px;}
  .ba-note{width:auto;left:18px;right:18px;transform:none;bottom:18px;}
}
@media(max-width:460px){
  .brand img{height:36px;}.btn-header{font-size:12px;padding-inline:11px;}
  .hero{padding-top:12px;}
  .hero .eyebrow{font-size:11px;letter-spacing:.065em;margin-bottom:14px;}
  h1{font-size:30px;line-height:1.08;letter-spacing:-.043em;}
  .before-after{aspect-ratio:3/4;}
}


/* v6.5 premium icon + plaque system */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{display:block}
.btn-icon.svg-camera{border:0;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.btn-icon.svg-camera::before,.btn-icon.svg-camera::after{display:none}
.btn-icon.svg-camera svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}

.icon-badge,
.fact-icon,
.step-icon,
.summary-icon,
.card-icon,
.quality-icon,
.rating-icon,
.review-icon,
.office-icon,
.final-icon,
.result-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  color:var(--green-3);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),rgba(255,255,255,.22) 45%,rgba(142,229,91,.16) 100%),
    linear-gradient(145deg,#f2faee,#e5f5dd);
  border:1px solid rgba(82,186,44,.22);
  box-shadow:
    0 14px 30px rgba(82,186,44,.10),
    inset 0 1px 0 rgba(255,255,255,.76);
}
.icon-badge svg,
.fact-icon svg,
.step-icon svg,
.summary-icon svg,
.card-icon svg,
.quality-icon svg,
.rating-icon svg,
.review-icon svg,
.office-icon svg,
.final-icon svg,
.result-icon svg{
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.75;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-facts article{position:relative;overflow:hidden}
.hero-facts article::after,
.material-grid article::after,
.quality-list article::after,
.review-cards article::after,
.office-grid article::after,
.final-points article::after,
.process-cards article::after{
  content:"";
  position:absolute;
  inset:auto -22px -40px auto;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(82,186,44,.12),transparent 64%);
  pointer-events:none;
}
.hero-facts .fact-icon{margin-bottom:13px}
.hero-facts .fact-icon svg{width:22px;height:22px}
.hero-facts span.fact-icon{font-size:0}

.steps-line article{
  position:relative;
  display:grid;
  grid-template-columns:42px 42px 1fr;
  min-height:62px;
  padding:11px 18px 11px 13px;
  overflow:hidden;
}
.steps-line .step-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(145deg,#f5fbf2,#e5f4dd);
}
.steps-line .step-icon svg{width:21px;height:21px}
.steps-line b{align-self:center;text-align:center}
.steps-line span{align-self:center}

.process-cards article,
.office-grid article,
.final-points article{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:center;
  overflow:hidden;
}
.process-cards article small,
.process-cards article b{display:block}
.process-cards .summary-icon{width:52px;height:52px;border-radius:18px}
.process-cards .summary-icon svg{width:25px;height:25px}

.material-grid article{
  position:relative;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  align-items:start;
  min-height:160px;
  overflow:hidden;
}
.material-grid .card-icon{width:56px;height:56px;border-radius:18px}
.material-grid .card-icon svg{width:29px;height:29px}
.material-grid .card-copy{min-width:0}
.material-grid b{margin-bottom:9px}
.material-grid article:hover,
.quality-list article:hover,
.review-cards article:hover,
.office-grid article:hover,
.final-points article:hover,
.hero-facts article:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 58px rgba(34,50,41,.09);
}
.material-grid article,
.quality-list article,
.review-cards article,
.office-grid article,
.final-points article,
.hero-facts article{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.result-note{
  grid-template-columns:58px 180px 1fr;
  align-items:center;
}
.result-note .result-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  background:linear-gradient(145deg,#72d340,#348b18);
  color:#fff;
  box-shadow:0 16px 36px rgba(70,160,34,.28),inset 0 1px 0 rgba(255,255,255,.34);
}
.result-note .result-icon svg{width:30px;height:30px;stroke-width:2}

.quality-list article{
  position:relative;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  align-items:center;
  overflow:hidden;
  padding:16px 18px;
}
.quality-list .quality-icon{width:52px;height:52px;border-radius:18px}
.quality-list .quality-icon svg{width:26px;height:26px}

.rating{
  display:grid;
  grid-template-columns:58px auto 1fr;
  align-items:center;
}
.rating .rating-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(145deg,#70cf3b,#348b18);
  box-shadow:0 18px 40px rgba(82,186,44,.22),inset 0 1px 0 rgba(255,255,255,.35);
}
.rating .rating-icon svg{width:29px;height:29px;stroke-width:1.9}
.review-cards article{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  overflow:hidden;
}
.review-cards .review-icon{width:42px;height:42px;border-radius:15px}
.review-cards .review-icon svg{width:20px;height:20px}
.review-cards .review-copy{min-width:0}
.review-cards small{float:none;display:inline-block;margin-left:8px;color:#f1a900;letter-spacing:.04em}

.office-grid .office-icon,
.final-points .final-icon{
  width:52px;
  height:52px;
  border-radius:18px;
}
.office-grid .office-icon svg,
.final-points .final-icon svg{width:25px;height:25px}

.final-points article{align-items:start}
.final-points b{margin-top:2px}
.lead-form .btn .btn-icon.svg-camera,
.btn-full .btn-icon.svg-camera{display:none}

@media (max-width:980px){
  .material-grid article{grid-template-columns:48px 1fr;min-height:auto}
  .material-grid .card-icon{width:48px;height:48px}
  .result-note{grid-template-columns:52px 1fr}
  .result-note strong{grid-column:auto}
  .result-note span{grid-column:1 / -1}
}
@media (max-width:620px){
  .steps-line article{grid-template-columns:38px 36px 1fr;gap:10px}
  .steps-line .step-icon{width:38px;height:38px}
  .process-cards article,
  .office-grid article,
  .final-points article,
  .quality-list article,
  .review-cards article{
    grid-template-columns:44px 1fr;
  }
  .icon-badge,.quality-icon,.office-icon,.final-icon,.summary-icon{width:44px;height:44px;border-radius:15px}
  .material-grid article{grid-template-columns:1fr}
  .material-grid .card-icon{margin-bottom:2px}
  .rating{grid-template-columns:50px auto;gap:14px}
  .rating span{grid-column:2}
}


/* v6.6: render-matched hero note and journey path */
.ba-note{
  display:grid;
  grid-template-columns:50px 1fr;
  align-items:center;
  gap:16px;
}
.ba-note .ba-note-icon{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#9cf069;
  background:linear-gradient(145deg,rgba(82,186,44,.30),rgba(20,34,25,.78));
  border:1px solid rgba(142,229,91,.28);
  box-shadow:0 14px 34px rgba(82,186,44,.18), inset 0 1px 0 rgba(255,255,255,.14);
}
.ba-note .ba-note-icon svg{
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.85;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Convert the "how we work" list into a guided route */
.journey-map{
  position:relative;
  max-width:730px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 18px;
  margin-top:30px;
  padding:16px;
  border-radius:30px;
  background:
    radial-gradient(circle at 10% 0%,rgba(82,186,44,.10),transparent 34%),
    rgba(255,255,255,.38);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 22px 62px rgba(34,50,41,.08);
  backdrop-filter:blur(12px);
}
.journey-map::before{
  content:"";
  position:absolute;
  left:66px;
  right:66px;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(82,186,44,.22),rgba(82,186,44,.72),rgba(82,186,44,.18));
  z-index:0;
}
.journey-map::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.5%,rgba(82,186,44,.14) 49.5%,rgba(82,186,44,.14) 50.5%,transparent 50.5%);
  z-index:0;
}
.journey-map article{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:48px 38px 1fr 26px;
  gap:12px;
  align-items:center;
  min-height:86px;
  padding:14px 13px 14px 14px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,253,248,.88));
  border:1px solid rgba(22,50,35,.12);
  box-shadow:0 18px 42px rgba(34,50,41,.07), inset 0 1px 0 rgba(255,255,255,.76);
  overflow:hidden;
}
.journey-map article:nth-child(5){
  grid-column:1 / -1;
  width:min(380px,100%);
  justify-self:center;
}
.journey-map article::before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -80%;
  width:70%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.08),transparent);
  transition:left .45s ease;
}
.journey-map article::after{
  content:"›";
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  color:var(--green-3);
  background:#ecf8e6;
  border:1px solid rgba(82,186,44,.18);
}
.journey-map article:nth-child(2)::after,
.journey-map article:nth-child(4)::after{
  content:"⌄";
}
.journey-map article:nth-child(5)::after{
  content:"✓";
  font-size:16px;
  font-weight:900;
}
.journey-map article:hover::before,
.journey-map article.is-active::before{
  left:112%;
}
.journey-map article:hover,
.journey-map article.is-active{
  border-color:rgba(82,186,44,.34);
  box-shadow:0 24px 58px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.9);
}
.journey-map .step-icon{
  width:48px;
  height:48px;
  border-radius:17px;
  color:var(--green-3);
  background:
    radial-gradient(circle at 30% 20%,#ffffff,rgba(255,255,255,.42) 46%,rgba(142,229,91,.20) 100%),
    linear-gradient(145deg,#f3fbef,#def2d4);
  border:1px solid rgba(82,186,44,.24);
  box-shadow:0 14px 30px rgba(82,186,44,.11), inset 0 1px 0 rgba(255,255,255,.84);
}
.journey-map .step-icon svg{
  width:25px;
  height:25px;
  stroke-width:1.8;
}
.journey-map b{
  align-self:center;
  justify-self:center;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#6bcf36,#2f8619);
  font-size:12px;
  letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(82,186,44,.18);
}
.journey-map span{
  display:block;
  min-width:0;
}
.journey-map span strong{
  display:block;
  font-size:16px;
  line-height:1.12;
  color:#0d1d15;
  margin-bottom:4px;
}
.journey-map span em{
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:1.18;
  color:#657168;
}
@media (max-width:1180px){
  .journey-map{grid-template-columns:1fr;max-width:100%}
  .journey-map::before,.journey-map::after{display:none}
  .journey-map article:nth-child(5){grid-column:auto;width:100%}
}
@media (max-width:620px){
  .ba-note{grid-template-columns:42px 1fr;gap:12px}
  .ba-note .ba-note-icon{width:42px;height:42px;border-radius:15px}
  .journey-map{padding:10px;border-radius:24px}
  .journey-map article{grid-template-columns:42px 30px 1fr 24px;min-height:76px;padding:12px}
  .journey-map .step-icon{width:42px;height:42px}
  .journey-map .step-icon svg{width:22px;height:22px}
  .journey-map span strong{font-size:15px}
  .journey-map span em{font-size:11px}
}


/* v6.8 — corrected route flow, fixed hero note, stable deploy version */
.ba-note{
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:16px;
}
.ba-note .ba-note-icon{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#9cf069;
  background:linear-gradient(145deg,rgba(82,186,44,.32),rgba(18,33,24,.82));
  border:1px solid rgba(142,229,91,.31);
  box-shadow:0 14px 34px rgba(82,186,44,.18), inset 0 1px 0 rgba(255,255,255,.14);
}
.ba-note .ba-note-icon svg{
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.85;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* reset previous step layouts */
.steps-line.route-flow,
.steps-line.route-flow *{
  box-sizing:border-box;
}
.steps-line.route-flow{
  position:relative;
  max-width:760px;
  margin-top:30px;
  padding:18px;
  border-radius:32px;
  display:grid;
  grid-template-columns:minmax(260px,1fr) 46px minmax(260px,1fr);
  grid-template-rows:auto 38px auto 38px auto;
  grid-template-areas:
    "s1 a12 s2"
    ".  a23 ."
    "s3 a34 s4"
    ".  a45 ."
    "s5 s5 s5";
  gap:0;
  background:
    radial-gradient(circle at 8% 0%,rgba(82,186,44,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(245,250,243,.56));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 22px 62px rgba(34,50,41,.08);
  backdrop-filter:blur(12px);
}
.steps-line.route-flow::before,
.steps-line.route-flow::after{
  display:none !important;
}
.route-card{
  z-index:2;
  position:relative;
  display:grid !important;
  grid-template-columns:54px 34px 1fr;
  align-items:center;
  column-gap:14px;
  min-height:88px;
  padding:15px 18px 15px 15px !important;
  border-radius:25px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,248,.92)) !important;
  border:1px solid rgba(22,50,35,.13) !important;
  box-shadow:0 18px 44px rgba(34,50,41,.075), inset 0 1px 0 rgba(255,255,255,.76) !important;
  overflow:hidden;
}
.route-card.step-1{grid-area:s1;margin:0 8px 0 0}
.route-card.step-2{grid-area:s2;margin:0 0 0 8px}
.route-card.step-3{grid-area:s3;margin:0 8px 0 0}
.route-card.step-4{grid-area:s4;margin:0 0 0 8px}
.route-card.step-5{grid-area:s5;width:min(430px,100%);justify-self:center;margin-top:0}
.route-card::before{
  content:"";
  position:absolute;
  inset:-50% auto -50% -70%;
  width:64%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.10),transparent);
  transition:left .45s ease;
}
.route-card:hover,
.route-card.is-active{
  border-color:rgba(82,186,44,.34) !important;
  box-shadow:0 24px 58px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.route-card:hover::before,
.route-card.is-active::before{left:112%}
.route-card .step-icon{
  width:54px !important;
  height:54px !important;
  border-radius:19px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--green-3);
  background:
    radial-gradient(circle at 30% 20%,#fff,rgba(255,255,255,.48) 48%,rgba(142,229,91,.24) 100%),
    linear-gradient(145deg,#f5fbf1,#def2d4) !important;
  border:1px solid rgba(82,186,44,.25) !important;
  box-shadow:0 14px 30px rgba(82,186,44,.11), inset 0 1px 0 rgba(255,255,255,.84) !important;
  margin:0 !important;
}
.route-card .step-icon svg{
  width:28px !important;
  height:28px !important;
  display:block;
  stroke:currentColor;
  stroke-width:1.85;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.route-card b{
  width:31px;
  height:31px;
  border-radius:50%;
  display:grid !important;
  place-items:center;
  align-self:center;
  justify-self:center;
  color:#fff !important;
  background:linear-gradient(145deg,#6bcf36,#2f8619);
  font-size:12px !important;
  letter-spacing:.02em !important;
  box-shadow:0 10px 22px rgba(82,186,44,.18);
}
.route-card span{
  display:block !important;
  min-width:0;
}
.route-card span strong{
  display:block;
  font-size:17px;
  line-height:1.12;
  color:#0d1d15;
  margin-bottom:4px;
}
.route-card span em{
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:1.18;
  color:#657168;
}
.route-arrow{
  z-index:4;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:center;
  color:var(--green-3);
  background:linear-gradient(180deg,#f5fcf1,#e4f5dc);
  border:1px solid rgba(82,186,44,.28);
  box-shadow:0 12px 26px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.92);
  font-family:Arial, sans-serif;
  font-size:24px;
  line-height:1;
  font-weight:800;
}
.route-arrow.arrow-12{grid-area:a12}
.route-arrow.arrow-23{grid-area:a23}
.route-arrow.arrow-34{grid-area:a34}
.route-arrow.arrow-45{grid-area:a45}
@media (max-width:1180px){
  .steps-line.route-flow{
    grid-template-columns:1fr 42px;
    grid-template-rows:auto 28px auto 28px auto 28px auto 28px auto;
    grid-template-areas:
      "s1 a12"
      ".  a12"
      "s2 a23"
      ".  a23"
      "s3 a34"
      ".  a34"
      "s4 a45"
      ".  a45"
      "s5 s5";
    gap:0;
  }
  .route-card.step-1,.route-card.step-2,.route-card.step-3,.route-card.step-4,.route-card.step-5{margin:0 10px 0 0;width:auto}
  .route-card.step-5{width:100%}
  .route-arrow{width:30px;height:30px;font-size:22px}
  .route-arrow.arrow-12::before,
  .route-arrow.arrow-23::before,
  .route-arrow.arrow-34::before,
  .route-arrow.arrow-45::before{content:"↓"}
  .route-arrow{font-size:0}
  .route-arrow::before{font-size:22px}
}
@media (max-width:620px){
  .ba-note{grid-template-columns:42px 1fr;gap:12px}
  .ba-note .ba-note-icon{width:42px;height:42px;border-radius:15px}
  .steps-line.route-flow{padding:10px;border-radius:24px;grid-template-columns:1fr 34px}
  .route-card{
    grid-template-columns:44px 30px 1fr;
    min-height:78px;
    padding:12px !important;
    border-radius:20px !important;
  }
  .route-card .step-icon{width:44px !important;height:44px !important;border-radius:16px !important}
  .route-card .step-icon svg{width:24px !important;height:24px !important}
  .route-card span strong{font-size:15px}
  .route-card span em{font-size:11px}
}


/* v6.9: process route without arrows + clearer drill/hammer icons */
.route-flow.no-arrows{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "s1 s2"
    "s3 s4"
    "s5 s5";
  gap:18px 20px;
  max-width:760px;
  margin-top:30px;
  padding:18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 0%,rgba(82,186,44,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.64),rgba(245,250,243,.56));
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 22px 62px rgba(34,50,41,.08);
  backdrop-filter:blur(12px);
}
.route-flow.no-arrows::before,
.route-flow.no-arrows::after,
.route-flow.no-arrows .route-arrow,
.route-flow.no-arrows .flow-arrow{
  display:none !important;
}
.route-flow.no-arrows .route-card{
  position:relative;
  display:grid !important;
  grid-template-columns:58px 34px 1fr;
  gap:14px;
  align-items:center;
  min-height:90px;
  padding:16px 18px 16px 16px !important;
  border-radius:26px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,248,.92)) !important;
  border:1px solid rgba(22,50,35,.13) !important;
  box-shadow:0 18px 44px rgba(34,50,41,.075), inset 0 1px 0 rgba(255,255,255,.82) !important;
  overflow:hidden;
}
.route-flow.no-arrows .step-1{grid-area:s1}
.route-flow.no-arrows .step-2{grid-area:s2}
.route-flow.no-arrows .step-3{grid-area:s3}
.route-flow.no-arrows .step-4{grid-area:s4}
.route-flow.no-arrows .step-5{
  grid-area:s5;
  width:min(440px,100%);
  justify-self:center;
}
.route-flow.no-arrows .route-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(82,186,44,.28),rgba(82,186,44,.88));
  opacity:.55;
}
.route-flow.no-arrows .route-card::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -70%;
  width:62%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.10),transparent);
  transition:left .45s ease;
}
.route-flow.no-arrows .route-card:hover,
.route-flow.no-arrows .route-card.is-active{
  border-color:rgba(82,186,44,.35) !important;
  box-shadow:0 24px 58px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.route-flow.no-arrows .route-card:hover::after,
.route-flow.no-arrows .route-card.is-active::after{left:112%}
.route-flow.no-arrows .step-icon{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  display:grid;
  place-items:center;
  color:var(--green-3);
  background:
    radial-gradient(circle at 30% 20%,#fff,rgba(255,255,255,.44) 48%,rgba(142,229,91,.24) 100%),
    linear-gradient(145deg,#f5fcf1,#def2d4) !important;
  border:1px solid rgba(82,186,44,.26) !important;
  box-shadow:0 14px 30px rgba(82,186,44,.12), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.route-flow.no-arrows .step-icon svg{
  width:34px !important;
  height:34px !important;
  stroke:currentColor;
  stroke-width:2.05;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.route-flow.no-arrows .route-card.step-4 .step-icon svg,
.route-flow.no-arrows .route-card.step-5 .step-icon svg{
  width:36px !important;
  height:36px !important;
  stroke-width:2.15;
}
.route-flow.no-arrows b{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid !important;
  place-items:center;
  color:#fff !important;
  background:linear-gradient(145deg,#6bcf36,#2f8619);
  font-size:12px !important;
  letter-spacing:.02em !important;
  box-shadow:0 10px 22px rgba(82,186,44,.18);
}
.route-flow.no-arrows span{
  display:block !important;
  min-width:0;
}
.route-flow.no-arrows span strong{
  display:block;
  font-size:17px;
  line-height:1.12;
  color:#0d1d15;
  margin-bottom:5px;
}
.route-flow.no-arrows span em{
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:1.18;
  color:#657168;
}
@media (max-width:1180px){
  .route-flow.no-arrows{
    grid-template-columns:1fr;
    grid-template-areas:"s1" "s2" "s3" "s4" "s5";
    gap:12px;
  }
  .route-flow.no-arrows .step-5{width:100%}
}
@media (max-width:620px){
  .route-flow.no-arrows{padding:10px;border-radius:24px}
  .route-flow.no-arrows .route-card{
    grid-template-columns:48px 30px 1fr;
    min-height:78px;
    padding:12px !important;
  }
  .route-flow.no-arrows .step-icon{width:48px !important;height:48px !important;border-radius:17px !important}
  .route-flow.no-arrows .step-icon svg{width:27px !important;height:27px !important}
  .route-flow.no-arrows .route-card.step-4 .step-icon svg,
  .route-flow.no-arrows .route-card.step-5 .step-icon svg{width:29px !important;height:29px !important}
  .route-flow.no-arrows span strong{font-size:15px}
  .route-flow.no-arrows span em{font-size:11px}
}


/* v6.10: non-overlapping stage cards and clearer tool icons */
.stage-board{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "s1 s2"
    "s3 s4"
    "s5 s5";
  gap:18px 28px;
  max-width:780px;
  margin-top:30px;
  padding:20px;
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 0%,rgba(82,186,44,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.66),rgba(245,250,243,.58));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 22px 62px rgba(34,50,41,.08);
  backdrop-filter:blur(12px);
}
.stage-board::before,
.stage-board::after,
.stage-board .route-arrow,
.stage-board .flow-arrow{
  display:none !important;
}
.stage-board .stage-card{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:58px 34px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:94px;
  padding:16px 20px 16px 16px !important;
  border-radius:27px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,248,.93)) !important;
  border:1px solid rgba(22,50,35,.13) !important;
  box-shadow:0 18px 44px rgba(34,50,41,.075), inset 0 1px 0 rgba(255,255,255,.84) !important;
  overflow:hidden;
}
.stage-board .step-1{grid-area:s1}
.stage-board .step-2{grid-area:s2}
.stage-board .step-3{grid-area:s3}
.stage-board .step-4{grid-area:s4}
.stage-board .step-5{
  grid-area:s5;
  width:min(460px,100%);
  justify-self:center;
}
.stage-board .stage-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(82,186,44,.28),rgba(82,186,44,.88));
  opacity:.62;
}
.stage-board .stage-card::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -70%;
  width:62%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.10),transparent);
  transition:left .45s ease;
}
.stage-board .stage-card:hover,
.stage-board .stage-card.is-active{
  border-color:rgba(82,186,44,.35) !important;
  box-shadow:0 24px 58px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.stage-board .stage-card:hover::after,
.stage-board .stage-card.is-active::after{
  left:112%;
}
.stage-board .step-icon{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  display:grid;
  place-items:center;
  color:var(--green-3);
  background:
    radial-gradient(circle at 30% 20%,#fff,rgba(255,255,255,.44) 48%,rgba(142,229,91,.24) 100%),
    linear-gradient(145deg,#f5fcf1,#def2d4) !important;
  border:1px solid rgba(82,186,44,.26) !important;
  box-shadow:0 14px 30px rgba(82,186,44,.12), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.stage-board .step-icon svg{
  width:34px !important;
  height:34px !important;
  stroke:currentColor;
  stroke-width:2.05;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.stage-board .step-4 .step-icon svg,
.stage-board .step-5 .step-icon svg{
  width:38px !important;
  height:38px !important;
  stroke-width:2.25;
}
.stage-board b{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid !important;
  place-items:center;
  color:#fff !important;
  background:linear-gradient(145deg,#6bcf36,#2f8619);
  font-size:12px !important;
  letter-spacing:.02em !important;
  box-shadow:0 10px 22px rgba(82,186,44,.18);
}
.stage-board span{
  display:block !important;
  min-width:0;
}
.stage-board span strong{
  display:block;
  font-size:17px;
  line-height:1.12;
  color:#0d1d15;
  margin-bottom:5px;
}
.stage-board span em{
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:1.18;
  color:#657168;
}
@media (max-width:1180px){
  .stage-board{
    grid-template-columns:1fr;
    grid-template-areas:"s1" "s2" "s3" "s4" "s5";
    gap:12px;
  }
  .stage-board .step-5{width:100%}
}
@media (max-width:620px){
  .stage-board{padding:10px;border-radius:24px}
  .stage-board .stage-card{
    grid-template-columns:48px 30px 1fr;
    min-height:80px;
    padding:12px !important;
  }
  .stage-board .step-icon{
    width:48px !important;
    height:48px !important;
    border-radius:17px !important;
  }
  .stage-board .step-icon svg{
    width:27px !important;
    height:27px !important;
  }
  .stage-board .step-4 .step-icon svg,
  .stage-board .step-5 .step-icon svg{
    width:31px !important;
    height:31px !important;
  }
  .stage-board span strong{font-size:15px}
  .stage-board span em{font-size:11px}
}


/* v6.11: process icons polished, no left stripes, no arrows */
.process-stage-board,
.stage-board.process-stage-board{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "s1 s2"
    "s3 s4"
    "s5 s5";
  gap:18px 28px;
  max-width:780px;
  margin-top:30px;
  padding:20px;
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 0%,rgba(82,186,44,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.68),rgba(245,250,243,.58));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 22px 62px rgba(34,50,41,.08);
  backdrop-filter:blur(12px);
}
.process-stage-board::before,
.process-stage-board::after,
.process-stage-board .route-arrow,
.process-stage-board .flow-arrow{
  display:none !important;
}
.process-stage-board .stage-card{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:66px 34px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:98px;
  padding:16px 20px 16px 16px !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,253,248,.94)) !important;
  border:1px solid rgba(22,50,35,.13) !important;
  box-shadow:0 18px 44px rgba(34,50,41,.075), inset 0 1px 0 rgba(255,255,255,.84) !important;
  overflow:hidden;
}
.process-stage-board .stage-card::before{
  display:none !important;
  content:none !important;
}
.process-stage-board .stage-card::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -72%;
  width:62%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.10),transparent);
  transition:left .45s ease;
}
.process-stage-board .stage-card:hover,
.process-stage-board .stage-card.is-active{
  border-color:rgba(82,186,44,.36) !important;
  box-shadow:0 24px 58px rgba(82,186,44,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.process-stage-board .stage-card:hover::after,
.process-stage-board .stage-card.is-active::after{
  left:112%;
}
.process-stage-board .step-1{grid-area:s1}
.process-stage-board .step-2{grid-area:s2}
.process-stage-board .step-3{grid-area:s3}
.process-stage-board .step-4{grid-area:s4}
.process-stage-board .step-5{
  grid-area:s5;
  width:min(470px,100%);
  justify-self:center;
}
.process-stage-board .step-icon{
  width:66px !important;
  height:66px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--green-3);
  background:
    radial-gradient(circle at 34% 22%,#fff 0%,rgba(255,255,255,.64) 45%,rgba(142,229,91,.26) 100%),
    linear-gradient(145deg,#f5fcf1,#def2d4) !important;
  border:1px solid rgba(82,186,44,.27) !important;
  box-shadow:0 14px 30px rgba(82,186,44,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
  padding:0 !important;
  line-height:1 !important;
}
.process-stage-board .step-icon svg{
  width:39px !important;
  height:39px !important;
  display:block !important;
  margin:0 !important;
  transform:none !important;
  stroke:currentColor;
  stroke-width:2.15;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.process-stage-board .step-4 .step-icon svg{
  width:49px !important;
  height:49px !important;
  stroke-width:2.35;
}
.process-stage-board .step-5 .step-icon svg{
  width:48px !important;
  height:48px !important;
  stroke-width:2.35;
}
.process-stage-board b{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid !important;
  place-items:center;
  color:#fff !important;
  background:linear-gradient(145deg,#6bcf36,#2f8619);
  font-size:12px !important;
  letter-spacing:.02em !important;
  box-shadow:0 10px 22px rgba(82,186,44,.18);
}
.process-stage-board span{
  display:block !important;
  min-width:0;
}
.process-stage-board span strong{
  display:block;
  font-size:17px;
  line-height:1.12;
  color:#0d1d15;
  margin-bottom:5px;
}
.process-stage-board span em{
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:1.18;
  color:#657168;
}
@media (max-width:1180px){
  .process-stage-board{
    grid-template-columns:1fr;
    grid-template-areas:"s1" "s2" "s3" "s4" "s5";
    gap:12px;
  }
  .process-stage-board .step-5{width:100%}
}
@media (max-width:620px){
  .process-stage-board{padding:10px;border-radius:24px}
  .process-stage-board .stage-card{
    grid-template-columns:54px 30px 1fr;
    min-height:82px;
    padding:12px !important;
  }
  .process-stage-board .step-icon{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
  }
  .process-stage-board .step-icon svg{
    width:31px !important;
    height:31px !important;
  }
  .process-stage-board .step-4 .step-icon svg,
  .process-stage-board .step-5 .step-icon svg{
    width:37px !important;
    height:37px !important;
  }
  .process-stage-board span strong{font-size:15px}
  .process-stage-board span em{font-size:11px}
}


/* v6.12: final process icons from approved references */
.process-stage-board .stage-card::before{
  display:none !important;
  content:none !important;
}
.process-stage-board .stage-card::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -72%;
  width:62%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(82,186,44,.10),transparent);
  transition:left .45s ease;
}
.process-stage-board .step-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
}
.process-stage-board .step-icon svg{
  display:block !important;
  margin:0 !important;
  transform:none !important;
}
.process-stage-board .step-icon-tool img{
  display:block;
  width:86%;
  height:86%;
  object-fit:contain;
  object-position:center;
  margin:0;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.35));
}
.process-stage-board .step-4 .step-icon-tool img{
  width:92%;
  height:92%;
}
.process-stage-board .step-5 .step-icon-tool img{
  width:94%;
  height:94%;
}
/* Hide any legacy connector arrows in this block */
.process-stage-board .route-arrow,
.process-stage-board .flow-arrow,
.stage-board .route-arrow,
.stage-board .flow-arrow{
  display:none !important;
}
@media (max-width:620px){
  .process-stage-board .step-icon-tool img{width:90%;height:90%}
}

/* final polish for first two process icons */
.steps-line .step-1 .step-icon svg,
.steps-line .step-2 .step-icon svg,
.process-stage-board .step-1 .step-icon svg,
.process-stage-board .step-2 .step-icon svg,
.stage-board .step-1 .step-icon svg,
.stage-board .step-2 .step-icon svg {
  width: 45px !important;
  height: 45px !important;
  stroke-width: 2.25 !important;
  display: block !important;
  margin: 0 !important;
  transform: none !important;
}

/* v6.16: exact image-based icons for process steps 1 and 2 */
.steps-line .step-1 .step-icon img,
.steps-line .step-2 .step-icon img,
.process-stage-board .step-1 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-1 .step-icon img,
.stage-board .step-2 .step-icon img {
  display: block !important;
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
}
.steps-line .step-2 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-2 .step-icon img {
  width: 58px !important;
  height: 58px !important;
}

/* v6.17: process icons 1 and 2 matched to icons 3-5 style */
.steps-line .step-1 .step-icon img,
.process-stage-board .step-1 .step-icon img,
.stage-board .step-1 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-2 .step-icon img,
.steps-line .step-2 .step-icon img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
}

.steps-line .step-2 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-2 .step-icon img {
  width: 46px !important;
  height: 46px !important;
}

/* v6.18: clean process icons 1 and 2, matched to 3-5 */
.steps-line .step-1 .step-icon img,
.process-stage-board .step-1 .step-icon img,
.stage-board .step-1 .step-icon img,
.steps-line .step-2 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-2 .step-icon img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
}

.steps-line .step-2 .step-icon img,
.process-stage-board .step-2 .step-icon img,
.stage-board .step-2 .step-icon img {
  width: 50px !important;
  height: 50px !important;
}

/* v6.23: align compact process with video and redraw icons closer to render */
.section.process{
  padding:46px 0 56px;
  background:linear-gradient(180deg,#fbfcfa,#f1f7ef);
}

.process-layout-v23{
  width:min(1760px,calc(100vw - 40px));
  margin-inline:auto;
  padding:44px 48px 36px;
  border-radius:34px;
  background:
    radial-gradient(circle at 52% 58%,rgba(82,186,44,.15),transparent 31%),
    radial-gradient(circle at 8% 13%,rgba(82,186,44,.06),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.985),rgba(252,253,250,.94));
  border:1px solid rgba(22,50,35,.12);
  box-shadow:0 24px 70px rgba(34,50,41,.10), inset 0 1px 0 rgba(255,255,255,.95);
  display:grid;
  grid-template-columns:minmax(520px,.92fr) minmax(360px,.54fr) minmax(260px,.38fr);
  grid-template-areas:
    "intro video summary"
    "steps video summary";
  gap:18px 48px;
  align-items:stretch;
}

.process-intro-v23{
  grid-area:intro;
  align-self:end;
}

.process-intro-v23 .eyebrow{
  margin-bottom:14px;
}

.process-intro-v23 h2{
  max-width:680px;
  font-size:clamp(40px,3.05vw,58px);
  line-height:1.04;
  letter-spacing:-.052em;
  margin-bottom:20px;
}

.process-intro-v23 p{
  max-width:680px;
  font-size:16px;
  line-height:1.45;
  margin:0;
  color:#46524C;
}

.process-mini-steps-v23{
  grid-area:steps;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 26px;
  align-self:end;
  max-width:720px;
}

.process-mini-step-v23{
  min-height:72px;
  padding:8px 16px 8px 10px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:14px;
  align-items:center;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,253,248,.94));
  border:1px solid rgba(22,50,35,.105);
  box-shadow:0 13px 32px rgba(34,50,41,.06), inset 0 1px 0 rgba(255,255,255,.92);
  overflow:hidden;
}

.process-mini-icon-v23{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#2f851b;
  background:
    radial-gradient(circle at 34% 20%,#fff,rgba(255,255,255,.48) 48%,rgba(142,229,91,.20) 100%),
    linear-gradient(145deg,#f7fcf3,#e5f5dd);
  border:1px solid rgba(82,186,44,.24);
  box-shadow:0 11px 24px rgba(82,186,44,.10), inset 0 1px 0 rgba(255,255,255,.88);
}

.process-mini-icon-v23 svg{
  width:39px;
  height:39px;
  display:block;
  overflow:visible;
}

.process-mini-icon-v23 svg *{
  vector-effect:non-scaling-stroke;
}

.process-mini-icon-v23 .line{
  stroke:#2f851b;
  stroke-width:1.55;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.process-mini-icon-v23 .fine{
  stroke:#2f851b;
  stroke-width:1.05;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.72;
}

.process-mini-icon-v23 .dash{
  stroke-dasharray:3 3;
}

.process-mini-icon-v23 .soft-fill{
  fill:#edf6e7;
}

.process-mini-icon-v23 .paper-fill{
  fill:#fbfbf6;
}

.process-mini-icon-v23 .mint-fill{
  fill:#dfe9d8;
}

.process-mini-icon-v23 .wood-fill{
  fill:#d9c5a5;
}

.process-mini-icon-v23 .heart-fill{
  fill:#f1dec2;
}

.process-mini-icon-v23 .cone{
  fill:#dfe9d8;
  opacity:.62;
  stroke:none;
}

.process-mini-icon-v23 .icon-text{
  font-family:Manrope,Arial,sans-serif;
  font-size:6px;
  font-weight:900;
  fill:#2f851b;
  stroke:none;
}

.process-mini-copy-v23{
  display:grid;
  gap:5px;
  min-width:0;
}

.process-mini-copy-v23 b{
  display:block;
  color:#2f851b;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}

.process-mini-copy-v23 strong{
  display:block;
  color:#071b14;
  font-size:15.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.035em;
}

.process-video-v23{
  grid-area:video;
  width:clamp(360px,24vw,430px);
  justify-self:center;
  align-self:end;
  padding:10px;
  border-radius:45px;
  box-shadow:0 28px 72px rgba(25,37,30,.26);
}

.process-video-v23 video{
  border-radius:35px;
}

.process-summary-v23{
  grid-area:summary;
  justify-self:stretch;
  align-self:center;
  display:grid;
  gap:18px;
}

.process-summary-v23 article{
  min-height:130px;
  padding:23px 24px;
  border-radius:24px;
  gap:18px;
}

.process-summary-v23 .summary-icon{
  width:62px;
  height:62px;
  border-radius:19px;
}

.process-summary-v23 .summary-icon svg{
  width:32px;
  height:32px;
}

.process-summary-v23 small{
  font-size:14px;
  margin-bottom:9px;
}

.process-summary-v23 b{
  font-size:23px;
  line-height:1.13;
}

@media(max-width:1500px){
  .section.process{
    padding-top:42px;
  }

  .process-layout-v23{
    grid-template-columns:minmax(490px,.92fr) minmax(330px,.50fr) minmax(230px,.36fr);
    gap:16px 32px;
    padding:38px 36px 34px;
  }

  .process-intro-v23 h2{
    font-size:clamp(36px,2.85vw,52px);
    max-width:620px;
    margin-bottom:18px;
  }

  .process-intro-v23 p{
    max-width:620px;
    font-size:15px;
  }

  .process-mini-steps-v23{
    gap:7px 20px;
  }

  .process-mini-step-v23{
    min-height:68px;
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    padding:7px 13px 7px 9px;
  }

  .process-mini-icon-v23{
    width:52px;
    height:52px;
    border-radius:15px;
  }

  .process-mini-icon-v23 svg{
    width:36px;
    height:36px;
  }

  .process-mini-copy-v23 strong{
    font-size:14.5px;
  }

  .process-video-v23{
    width:clamp(330px,23vw,395px);
  }

  .process-summary-v23{
    gap:14px;
  }

  .process-summary-v23 article{
    min-height:116px;
    padding:20px;
  }

  .process-summary-v23 .summary-icon{
    width:56px;
    height:56px;
  }

  .process-summary-v23 b{
    font-size:21px;
  }
}

@media(max-width:1200px){
  .process-layout-v23{
    width:min(1080px,calc(100vw - 40px));
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "steps"
      "video"
      "summary";
    gap:24px;
  }

  .process-intro-v23 h2,
  .process-intro-v23 p{
    max-width:780px;
  }

  .process-mini-steps-v23{
    max-width:none;
  }

  .process-video-v23{
    width:320px;
    align-self:center;
  }

  .process-summary-v23{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:840px){
  .section.process{
    padding:42px 0 50px;
  }

  .process-layout-v23{
    width:calc(100vw - 22px);
    padding:26px 18px 24px;
    border-radius:26px;
  }

  .process-intro-v23 h2{
    font-size:32px;
    margin-bottom:18px;
  }

  .process-intro-v23 p{
    font-size:15px;
  }

  .process-mini-steps-v23{
    grid-template-columns:1fr;
    gap:10px;
  }

  .process-mini-step-v23{
    min-height:76px;
  }

  .process-summary-v23{
    grid-template-columns:1fr;
  }

  .process-summary-v23 article{
    min-height:auto;
  }
}

@media(max-width:460px){
  .process-intro-v23 h2{
    font-size:28px;
  }

  .process-video-v23{
    width:min(300px,100%);
  }

  .process-mini-step-v23{
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    padding:8px 12px;
  }

  .process-mini-icon-v23{
    width:52px;
    height:52px;
  }

  .process-mini-icon-v23 svg{
    width:34px;
    height:34px;
  }

  .process-mini-copy-v23 strong{
    font-size:15px;
  }
}
/* /v6.23 */

/* v6.28: restore old works carousel with 39 photos */
.works{
  padding:46px 0 54px;
}

.works .section-title.center{
  max-width:820px;
  margin-bottom:18px;
}

.works .section-title h2{
  font-size:clamp(34px,2.65vw,48px);
  line-height:1.05;
  margin-bottom:12px;
}

.works .section-title p{
  max-width:720px;
  font-size:16px;
  line-height:1.45;
  margin-bottom:0;
}

.works .flip-carousel{
  height:clamp(360px,42svh,430px);
  margin-top:8px;
}

.works .work-slide{
  width:min(360px,28vw);
  height:clamp(320px,38svh,390px);
}

.works .work-slide img{
  object-fit:contain;
  background:#fff;
}

.works .work-slide.prev1{
  transform:translate(-50%,-50%) translateX(-300px) scale(.84) rotateY(26deg);
}

.works .work-slide.next1{
  transform:translate(-50%,-50%) translateX(300px) scale(.84) rotateY(-26deg);
}

.works .work-slide.prev2{
  transform:translate(-50%,-50%) translateX(-505px) scale(.68) rotateY(36deg);
}

.works .work-slide.next2{
  transform:translate(-50%,-50%) translateX(505px) scale(.68) rotateY(-36deg);
}

.works .block-cta{
  margin-top:14px;
}

@media(max-height:820px) and (min-width:1040px){
  .works{
    padding:38px 0 44px;
  }

  .works .section-title.center{
    margin-bottom:14px;
  }

  .works .section-title h2{
    font-size:clamp(32px,2.35vw,42px);
    margin-bottom:10px;
  }

  .works .section-title p{
    font-size:15px;
  }

  .works .flip-carousel{
    height:360px;
  }

  .works .work-slide{
    width:min(330px,27vw);
    height:330px;
  }

  .works .work-slide.prev1{
    transform:translate(-50%,-50%) translateX(-270px) scale(.84) rotateY(26deg);
  }

  .works .work-slide.next1{
    transform:translate(-50%,-50%) translateX(270px) scale(.84) rotateY(-26deg);
  }

  .works .work-slide.prev2{
    transform:translate(-50%,-50%) translateX(-455px) scale(.68) rotateY(36deg);
  }

  .works .work-slide.next2{
    transform:translate(-50%,-50%) translateX(455px) scale(.68) rotateY(-36deg);
  }
}

@media(max-width:840px){
  .works{
    padding:56px 0 48px;
  }

  .works .flip-carousel{
    height:400px;
  }

  .works .work-slide{
    height:360px;
    width:min(310px,72vw);
  }

  .works .work-slide.prev1{
    transform:translate(-50%,-50%) translateX(-205px) scale(.78) rotateY(24deg);
  }

  .works .work-slide.next1{
    transform:translate(-50%,-50%) translateX(205px) scale(.78) rotateY(-24deg);
  }
}

@media(max-width:460px){
  .works .flip-carousel{
    height:350px;
  }

  .works .work-slide{
    height:310px;
  }
}
/* /v6.28 */

/* v6.34 works fixes + work lead modal */
.works .section-title.center{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.works .section-title.center .eyebrow{
  display:none !important;
}
.works .section-title.center h2,
.works .section-title.center p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.modal-open{overflow:hidden}
.work-slide.active{cursor:pointer}
.work-lead-modal{
  position:fixed;
  inset:0;
  z-index:700;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(8,12,9,.62);
  backdrop-filter:blur(10px);
}
.work-lead-modal.open{display:grid}
.work-lead-card{
  position:relative;
  width:min(960px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(330px,.78fr);
  gap:28px;
  padding:34px;
  border-radius:30px;
  background:radial-gradient(circle at 14% 8%,rgba(82,186,44,.10),transparent 36%),#fff;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 34px 100px rgba(0,0,0,.34);
}
.work-lead-close{top:18px;right:18px;z-index:2}
.work-lead-copy .eyebrow{margin-bottom:12px}
.work-lead-copy h2{
  font-size:clamp(34px,3vw,48px);
  line-height:1.05;
  margin-bottom:16px;
}
.work-lead-copy p{
  max-width:520px;
  font-size:17px;
  line-height:1.5;
}
.work-lead-preview{
  margin:22px 0 0;
  position:relative;
  height:260px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 18px 48px rgba(34,50,41,.09);
}
.work-lead-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
}
.work-lead-preview figcaption{
  position:absolute;
  left:16px;
  bottom:14px;
  padding:9px 13px;
  border-radius:999px;
  color:#fff;
  background:rgba(16,22,18,.82);
  font-size:13px;
  font-weight:900;
}
.work-lead-form{
  padding:28px;
  border-radius:26px;
  background:linear-gradient(180deg,#14231b,#0b1510);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 60px rgba(22,35,28,.24);
}
.work-lead-form h3{
  color:#fff;
  font-size:25px;
  margin-bottom:18px;
}
.work-lead-form label{display:block;margin-bottom:13px}
.work-lead-form label span{
  display:block;
  margin-bottom:7px;
  color:rgba(255,255,255,.70);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
}
.work-lead-form input,
.work-lead-form textarea{
  width:100%;
  padding:15px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
  outline:none;
}
.work-lead-form input::placeholder,
.work-lead-form textarea::placeholder{color:rgba(255,255,255,.43)}
.work-lead-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.work-lead-form .form-status{font-size:14px;color:rgba(255,255,255,.72);margin:12px 0 0}
.work-lead-form .form-status.error{color:#ffb6a8}
.work-lead-form .form-status.ok{color:#96ee69}
@media(max-width:840px){
  .work-lead-card{grid-template-columns:1fr;max-height:92vh;overflow:auto;padding:24px}
  .work-lead-preview{height:220px}
  .work-lead-form{padding:22px}
}
@media(max-width:520px){
  .work-lead-modal{padding:12px}
  .work-lead-card{padding:20px;border-radius:24px}
  .work-lead-form .form-row{grid-template-columns:1fr}
}
/* /v6.34 works fixes + work lead modal */

/* v6.36 size field hint */
.mm-hint{
  display:block;
  margin-top:6px;
  font-style:normal;
  font-size:12px;
  line-height:1.35;
  color:#2f851b;
}
.lead-form .mm-hint,
.work-lead-form .mm-hint,
.work-lead-card .mm-hint,
.work-lead-modal .mm-hint{
  color:#bff0a8;
}
input[data-mm-field]{
  -moz-appearance:textfield;
}
input[data-mm-field]::-webkit-outer-spin-button,
input[data-mm-field]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
/* /v6.36 size field hint */

/* === MATERIALS_V7_FIT_START === */
.materials-v7-fit {
  position: relative;
  scroll-margin-top: 120px;
  padding: clamp(34px, 4vw, 54px) 20px clamp(44px, 4.5vw, 62px);
  background:
    radial-gradient(circle at 16% 20%, rgba(92, 196, 52, .10), transparent 34%),
    radial-gradient(circle at 86% 76%, rgba(92, 196, 52, .13), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f4fbf2 100%);
}

.materials-v7-shell {
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(30px, 3vw, 42px) clamp(28px, 3vw, 46px) clamp(30px, 3vw, 40px);
  border: 1px solid rgba(14, 38, 28, .10);
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 26%, rgba(92, 196, 52, .08), transparent 28%),
    radial-gradient(circle at 88% 88%, rgba(92, 196, 52, .10), transparent 26%),
    rgba(255, 255, 255, .88);
  box-shadow: 0 28px 80px rgba(17, 48, 31, .08);
}

.materials-v7-head {
  max-width: 790px;
  margin: 0 auto 26px;
  text-align: center;
}

.materials-v7-eyebrow {
  margin: 0 0 10px;
  color: #4fb833;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.materials-v7-head h2 {
  margin: 0;
  color: #09261a;
  font-size: clamp(34px, 3.1vw, 56px);
  line-height: .96;
  letter-spacing: -.035em;
}

.materials-v7-head p {
  max-width: 720px;
  margin: 22px auto 0;
  color: rgba(9, 38, 26, .68);
  font-size: 17px;
  line-height: 1.55;
}

.materials-v7-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  max-width: 1060px;
  margin: 0 auto 18px;
}

.materials-v7-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-height: 116px;
  padding: 18px 20px;
  border: 1px solid rgba(14, 38, 28, .12);
  border-radius: 20px;
  background:
    radial-gradient(circle at 86% 78%, rgba(91, 196, 52, .12), transparent 30%),
    #ffffff;
  box-shadow: 0 18px 42px rgba(17, 48, 31, .06);
}

.materials-v7-card:nth-child(-n+3) {
  grid-column: span 2;
}

.materials-v7-card:nth-child(4) {
  grid-column: 2 / span 2;
}

.materials-v7-card:nth-child(5) {
  grid-column: 4 / span 2;
}

.materials-v7-icon {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #4a9f33;
  border: 1px solid rgba(88, 191, 54, .30);
  border-radius: 16px;
  background: linear-gradient(180deg, #f7fff3 0%, #e9f9df 100%);
  box-shadow: 0 14px 28px rgba(88, 191, 54, .16);
}

.materials-v7-icon svg {
  width: 35px;
  height: 35px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.materials-v7-card h3 {
  margin: 1px 0 7px;
  color: #09261a;
  font-size: 18px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.01em;
}

.materials-v7-card p {
  margin: 0;
  color: rgba(9, 38, 26, .64);
  font-size: 14.5px;
  line-height: 1.42;
}

.materials-v7-result {
  max-width: 930px;
  margin: 18px auto 0;
  display: grid;
  grid-template-columns: .62fr 2.05fr 1.25fr 1.32fr;
  gap: 22px;
  align-items: center;
  padding: 22px 26px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(102, 214, 60, .22), transparent 38%),
    linear-gradient(135deg, #082419 0%, #0e3224 100%);
  color: #ffffff;
  box-shadow: 0 24px 60px rgba(8, 36, 25, .22);
}

.materials-v7-result-label {
  color: #c9ffb8;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.materials-v7-result-text h3 {
  margin: 0 0 9px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.materials-v7-result-text p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 14.5px;
  line-height: 1.45;
}

.materials-v7-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.materials-v7-points li {
  position: relative;
  padding-left: 17px;
  color: rgba(255, 255, 255, .88);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
}

.materials-v7-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6de544;
  box-shadow: 0 0 0 4px rgba(109, 229, 68, .12);
}

.materials-v7-action {
  display: grid;
  gap: 9px;
}

.materials-v7-btn {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  color: #ffffff;
  background: linear-gradient(180deg, #7eea4c 0%, #38b91f 100%);
  box-shadow: 0 16px 34px rgba(76, 205, 45, .36), inset 0 1px 0 rgba(255,255,255,.36);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}

.materials-v7-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 19px 38px rgba(76, 205, 45, .42), inset 0 1px 0 rgba(255,255,255,.36);
}

.materials-v7-action span {
  color: rgba(255, 255, 255, .67);
  font-size: 12.5px;
  line-height: 1.35;
}

@media (max-width: 1100px) {
  .materials-v7-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .materials-v7-card,
  .materials-v7-card:nth-child(-n+3),
  .materials-v7-card:nth-child(4),
  .materials-v7-card:nth-child(5) {
    grid-column: auto;
  }

  .materials-v7-result {
    grid-template-columns: 1fr 2fr;
  }
}

@media (max-width: 720px) {
  .materials-v7-fit {
    padding: 28px 12px 38px;
  }

  .materials-v7-shell {
    padding: 26px 16px;
    border-radius: 26px;
  }

  .materials-v7-head h2 {
    font-size: 32px;
  }

  .materials-v7-head p {
    font-size: 15px;
  }

  .materials-v7-grid {
    grid-template-columns: 1fr;
  }

  .materials-v7-card {
    min-height: auto;
  }

  .materials-v7-result {
    grid-template-columns: 1fr;
    padding: 22px;
  }
}
/* === MATERIALS_V7_FIT_END === */


/* === v6.45 materials compact form START === */
.materials-v645 {
  position: relative;
  scroll-margin-top: 150px;
  padding: 22px 0 34px;
  background:
    radial-gradient(circle at 8% 18%, rgba(103, 214, 68, .12), transparent 28%),
    radial-gradient(circle at 92% 70%, rgba(103, 214, 68, .12), transparent 30%),
    linear-gradient(180deg, #f8fcf7 0%, #ffffff 50%, #f4fbf2 100%);
  overflow: hidden;
}

.materials-v645__inner {
  width: min(1190px, calc(100% - 40px));
  margin: 0 auto;
  text-align: center;
}

.materials-v645__kicker {
  margin: 0 auto 7px;
  color: #45b733;
  font-weight: 950;
  font-size: 14px;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.materials-v645__title {
  max-width: 980px;
  margin: 0 auto 12px;
  color: #09251b;
  font-size: clamp(36px, 3.8vw, 58px);
  line-height: .94;
  letter-spacing: -.045em;
}

.materials-v645__lead {
  max-width: 820px;
  margin: 0 auto 26px;
  color: rgba(9, 37, 27, .64);
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.38;
}

.materials-v645__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  margin: 0 auto 22px;
}

.materials-v645__steps::before {
  content: "";
  position: absolute;
  left: 5.5%;
  right: 5.5%;
  top: 19px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(71, 195, 53, .44), transparent);
  pointer-events: none;
}

.materials-v645__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 214px;
  padding: 14px 12px 14px;
  border: 1px solid rgba(15, 43, 31, .11);
  border-radius: 18px;
  background:
    radial-gradient(circle at 86% 88%, rgba(103, 214, 68, .14), transparent 38%),
    rgba(255, 255, 255, .88);
  box-shadow: 0 16px 38px rgba(9, 37, 27, .075);
  color: #09251b;
  text-align: left;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.materials-v645__card:hover {
  transform: translateY(-4px);
  border-color: rgba(74, 193, 51, .38);
  box-shadow: 0 22px 52px rgba(9, 37, 27, .12);
}

.materials-v645__card:focus-visible {
  outline: 3px solid rgba(74, 193, 51, .42);
  outline-offset: 4px;
}

.materials-v645__num {
  position: absolute;
  z-index: 2;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 3px solid #4ac133;
  border-radius: 999px;
  background: #f7fff4;
  color: #32ad24;
  font-weight: 950;
  font-size: 15px;
  box-shadow: 0 10px 24px rgba(74, 193, 51, .18);
}

.materials-v645__photo {
  display: grid;
  width: 100%;
  height: 72px;
  margin: 0 0 11px;
  overflow: hidden;
  border-radius: 13px;
  background: #f6f8f5;
  border: 1px solid rgba(9, 37, 27, .08);
}

.materials-v645__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.materials-v645__photo--duo {
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}

.materials-v645__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.materials-v645__card-title {
  font-weight: 950;
  color: #09251b;
  font-size: 18px;
  line-height: 1.03;
  letter-spacing: -.025em;
}

.materials-v645__text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgba(9, 37, 27, .64);
  font-size: 13.8px;
  line-height: 1.25;
}

.materials-v645__promise {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) minmax(210px, 250px) minmax(210px, 240px);
  gap: 22px;
  align-items: center;
  max-width: 1040px;
  min-height: 148px;
  margin: 0 auto;
  padding: 22px 30px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 32%, rgba(71, 195, 53, .45), transparent 35%),
    linear-gradient(135deg, #06281b 0%, #0a3421 54%, #0f6f25 100%);
  color: #fff;
  text-align: left;
  box-shadow: 0 28px 68px rgba(9, 37, 27, .18);
}

.materials-v645__binocular {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 22px;
  background: rgba(255,255,255,.08);
  color: #8df06d;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 18px 42px rgba(0,0,0,.14);
}

.materials-v645__binocular svg {
  width: 56px;
  height: 56px;
}

.materials-v645__small {
  margin: 0 0 7px;
  color: #95f278;
  font-weight: 950;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.materials-v645__promise h3 {
  margin: 0 0 8px;
  max-width: 470px;
  color: #fff;
  font-size: clamp(26px, 2.1vw, 34px);
  line-height: .98;
  letter-spacing: -.035em;
}

.materials-v645__promise p {
  margin: 0;
  max-width: 610px;
  color: rgba(255,255,255,.78);
  font-size: 14.6px;
  line-height: 1.34;
}

.materials-v645__bullets {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.materials-v645__bullets li {
  position: relative;
  padding-left: 23px;
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.18;
}

.materials-v645__bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .12em;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #60df42;
  box-shadow: 0 0 0 6px rgba(96, 223, 66, .16);
}

.materials-v645__action {
  display: grid;
  gap: 9px;
  justify-items: stretch;
}

.materials-v645__cta {
  width: 100%;
  min-height: 50px;
  border: 0;
  cursor: pointer;
}

.materials-v645__action p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 12.5px;
  line-height: 1.22;
}

.materials-viewer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.materials-viewer.is-open {
  display: flex;
}

.materials-viewer__shade {
  position: absolute;
  inset: 0;
  background: rgba(3, 17, 12, .72);
  backdrop-filter: blur(8px);
}

.materials-viewer__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(390px, 690px) minmax(330px, 410px);
  gap: 28px;
  width: min(1120px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  padding: 26px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 16% 18%, rgba(103,214,68,.12), transparent 36%),
    #fff;
  box-shadow: 0 38px 100px rgba(0,0,0,.38);
  overflow: hidden;
}

.materials-viewer__close {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(9,37,27,.11);
  border-radius: 999px;
  background: #fff;
  color: #09251b;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}

.materials-viewer__arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(9,37,27,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #2ead22;
  font-size: 44px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 14px 38px rgba(9,37,27,.14);
}

.materials-viewer__arrow--prev {
  left: 16px;
}

.materials-viewer__arrow--next {
  right: 16px;
}

.materials-viewer__media {
  display: grid;
  gap: 8px;
  min-height: 430px;
  max-height: 660px;
  overflow: hidden;
  border-radius: 24px;
  background: #f5f7f4;
  border: 1px solid rgba(9,37,27,.09);
}

.materials-viewer__media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  background: #fff;
}

.materials-viewer__media.is-grid {
  grid-template-columns: 1fr 1fr;
}

.materials-viewer__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 8px 18px 0;
  text-align: left;
}

.materials-viewer__counter {
  margin: 0 0 10px;
  color: #42ba30;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.materials-viewer__content h3 {
  margin: 0 0 12px;
  color: #09251b;
  font-size: clamp(31px, 3vw, 46px);
  line-height: .98;
  letter-spacing: -.035em;
}

.materials-viewer__content p {
  margin: 0 0 18px;
  color: rgba(9,37,27,.68);
  font-size: 17px;
  line-height: 1.42;
}

.materials-viewer__form {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 85% 20%, rgba(103,214,68,.18), transparent 34%),
    #0a2419;
  color: #fff;
  box-shadow: 0 22px 54px rgba(9, 37, 27, .18);
}

.materials-viewer__form-title {
  font-weight: 950;
  font-size: 20px;
  line-height: 1.1;
}

.materials-viewer__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.materials-viewer__fields label {
  display: grid;
  gap: 6px;
}

.materials-viewer__fields span {
  color: rgba(255,255,255,.68);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.materials-viewer__fields input {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font: inherit;
  outline: none;
}

.materials-viewer__fields input::placeholder {
  color: rgba(255,255,255,.46);
}

.materials-viewer__fields input:focus {
  border-color: rgba(113, 229, 76, .7);
  box-shadow: 0 0 0 4px rgba(113, 229, 76, .13);
}

.materials-viewer__submit {
  width: 100%;
  min-height: 52px;
  border: 0;
  cursor: pointer;
}

.materials-viewer__submit[disabled] {
  opacity: .7;
  cursor: progress;
}

.materials-viewer__status {
  min-height: 18px;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.25;
}

.materials-viewer__status.is-error {
  color: #ffd6c9;
}

.materials-viewer__status.is-success {
  color: #b8ff9f;
  font-weight: 800;
}

body.materials-viewer-lock {
  overflow: hidden;
}

@media (max-width: 1280px) {
  .materials-v645__inner {
    width: min(1120px, calc(100% - 34px));
  }

  .materials-v645__steps {
    gap: 10px;
  }

  .materials-v645__card {
    min-height: 205px;
    padding: 13px 10px 13px;
  }

  .materials-v645__photo {
    height: 66px;
  }

  .materials-v645__card-title {
    font-size: 17px;
  }

  .materials-v645__text {
    font-size: 13px;
  }

  .materials-v645__promise {
    max-width: 980px;
    grid-template-columns: 68px minmax(0, 1fr) minmax(190px, 235px) minmax(190px, 225px);
    gap: 18px;
    padding: 20px 26px;
  }
}

@media (max-width: 980px) {
  .materials-v645 {
    padding: 34px 0 44px;
  }

  .materials-v645__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .materials-v645__steps::before {
    display: none;
  }

  .materials-v645__card {
    min-height: auto;
  }

  .materials-v645__photo {
    height: 150px;
  }

  .materials-v645__promise {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .materials-viewer__dialog {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .materials-viewer__media {
    min-height: 300px;
  }
}

@media (max-width: 620px) {
  .materials-v645__inner {
    width: min(100% - 24px, 520px);
  }

  .materials-v645__title {
    font-size: 35px;
  }

  .materials-v645__steps {
    grid-template-columns: 1fr;
  }

  .materials-v645__photo {
    height: 180px;
  }

  .materials-v645__promise {
    padding: 22px;
    border-radius: 24px;
  }

  .materials-viewer {
    padding: 10px;
  }

  .materials-viewer__dialog {
    padding: 16px;
    border-radius: 24px;
  }

  .materials-viewer__arrow {
    width: 42px;
    height: 42px;
    font-size: 34px;
  }

  .materials-viewer__media.is-grid,
  .materials-viewer__fields {
    grid-template-columns: 1fr;
  }
}
/* === v6.45 materials compact form END === */

/* === v6.45 materials compact START === */
.materials-stage-v645{
  position:relative;
  padding:58px 0 46px;
  scroll-margin-top:132px;
  background:
    radial-gradient(circle at 10% 42%, rgba(82,205,62,.10), transparent 30%),
    radial-gradient(circle at 88% 68%, rgba(82,205,62,.13), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,252,246,.78));
  overflow:hidden;
}

.materials-stage-v645 .mat45-wrap{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
}

.materials-stage-v645 .mat45-head{
  text-align:center;
  max-width:900px;
  margin:0 auto 22px;
}

.materials-stage-v645 .mat45-eyebrow{
  color:#38bd34;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:9px;
}

.materials-stage-v645 .mat45-title{
  margin:0;
  color:#09291d;
  font-family:inherit;
  font-size:clamp(36px, 4.15vw, 58px);
  line-height:.95;
  letter-spacing:-.035em;
}

.materials-stage-v645 .mat45-subtitle{
  max-width:820px;
  margin:18px auto 0;
  color:#65746f;
  font-size:17px;
  line-height:1.43;
}

.materials-stage-v645 .mat45-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:13px;
  max-width:1120px;
  margin:36px auto 22px;
}

.materials-stage-v645 .mat45-flow:before{
  content:"";
  position:absolute;
  top:-17px;
  left:7%;
  right:7%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(63,200,51,.35), transparent);
}

.materials-stage-v645 .mat45-card{
  position:relative;
  appearance:none;
  border:1px solid rgba(15,60,40,.13);
  background:
    radial-gradient(circle at 100% 100%, rgba(87,221,64,.13), transparent 48%),
    rgba(255,255,255,.82);
  border-radius:18px;
  padding:15px 12px 13px;
  min-height:205px;
  text-align:left;
  box-shadow:0 16px 36px rgba(10,45,29,.06);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex;
  flex-direction:column;
}

.materials-stage-v645 .mat45-card:hover{
  transform:translateY(-4px);
  border-color:rgba(58,196,49,.35);
  box-shadow:0 20px 42px rgba(10,45,29,.10);
}

.materials-stage-v645 .mat45-num{
  position:absolute;
  left:50%;
  top:-29px;
  transform:translateX(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f5fff3;
  color:#37bf34;
  border:4px solid #fff;
  box-shadow:0 0 0 3px rgba(62,205,48,.88);
  font-size:15px;
  font-weight:900;
  line-height:1;
}

.materials-stage-v645 .mat45-photo{
  height:88px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(12,54,34,.10);
  display:grid;
  margin-bottom:12px;
}

.materials-stage-v645 .mat45-photo-split{
  grid-template-columns:1fr 1fr;
  gap:1px;
}

.materials-stage-v645 .mat45-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.materials-stage-v645 .mat45-card-ready .mat45-photo img{
  object-position:center 66%;
}

.materials-stage-v645 .mat45-card-title{
  display:block;
  color:#082719;
  font-weight:900;
  font-size:18px;
  line-height:1.03;
  letter-spacing:-.02em;
  margin-bottom:7px;
}

.materials-stage-v645 .mat45-card-text{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#64746e;
  font-size:14px;
  line-height:1.26;
}

.materials-stage-v645 .mat45-proof{
  max-width:1030px;
  min-height:134px;
  margin:0 auto;
  border-radius:28px;
  padding:24px 30px;
  display:grid;
  grid-template-columns:76px minmax(270px, 1.15fr) minmax(210px, .76fr) 230px;
  gap:22px;
  align-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 100% 50%, rgba(68,214,43,.72), transparent 44%),
    linear-gradient(135deg, #06291b, #0d3a25 55%, #126529);
  box-shadow:0 25px 55px rgba(5,41,23,.18);
  overflow:hidden;
}

.materials-stage-v645 .mat45-proof-icon{
  width:68px;
  height:68px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  display:grid;
  place-items:center;
}

.materials-stage-v645 .mat45-proof-icon img{
  width:58px;
  height:58px;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(59,213,45,.18));
}

.materials-stage-v645 .mat45-proof-label{
  color:#96ff83;
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.materials-stage-v645 .mat45-proof-copy h3{
  margin:0 0 9px;
  color:#fff;
  font-size:31px;
  line-height:.98;
  letter-spacing:-.035em;
}

.materials-stage-v645 .mat45-proof-copy h3 span{
  display:block;
}

.materials-stage-v645 .mat45-proof-copy p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.34;
}

.materials-stage-v645 .mat45-proof-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}

.materials-stage-v645 .mat45-proof-list li{
  position:relative;
  padding-left:22px;
  color:#fff;
  font-size:14px;
  line-height:1.22;
  font-weight:850;
}

.materials-stage-v645 .mat45-proof-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.12em;
  width:13px;
  height:13px;
  border-radius:50%;
  background:linear-gradient(180deg, #7cff52, #35bf2d);
  box-shadow:0 0 0 4px rgba(83,214,64,.16);
}

.materials-stage-v645 .mat45-proof-action{
  display:grid;
  gap:9px;
}

.materials-stage-v645 .mat45-proof-btn{
  appearance:none;
  border:0;
  min-height:52px;
  border-radius:16px;
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  background:linear-gradient(180deg, #86ef52, #34bc21);
  box-shadow:0 14px 30px rgba(57,207,34,.30), inset 0 1px 0 rgba(255,255,255,.35);
}

.materials-stage-v645 .mat45-proof-action p{
  margin:0;
  color:rgba(255,255,255,.73);
  font-size:12px;
  line-height:1.32;
}

.mat45-no-scroll{
  overflow:hidden;
}

.mat45-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  padding:34px;
  background:rgba(6,22,16,.72);
  backdrop-filter:blur(12px);
}

.mat45-lightbox.is-open{
  display:grid;
}

.mat45-lb-card{
  position:relative;
  width:min(1120px, calc(100vw - 68px));
  max-height:calc(100vh - 68px);
  display:grid;
  grid-template-columns:minmax(0, 1.42fr) minmax(330px, .82fr);
  gap:28px;
  align-items:center;
  padding:26px;
  border-radius:32px;
  background:#fff;
  box-shadow:0 28px 72px rgba(0,0,0,.28);
}

.mat45-lb-close{
  position:absolute;
  right:18px;
  top:18px;
  z-index:5;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(10,45,31,.12);
  background:#fff;
  color:#08271a;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.mat45-lb-media-wrap{
  position:relative;
  min-width:0;
}

.mat45-lb-media{
  min-height:390px;
  max-height:calc(100vh - 150px);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(10,45,31,.10);
  display:grid;
}

.mat45-lb-media.is-split{
  grid-template-columns:1fr 1fr;
  gap:3px;
}

.mat45-lb-media img{
  width:100%;
  height:100%;
  min-height:390px;
  max-height:calc(100vh - 150px);
  display:block;
  object-fit:contain;
  background:#fff;
}

.mat45-lb-media.is-split img{
  object-fit:cover;
}

.mat45-lb-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#30b72b;
  font-size:42px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}

.mat45-lb-prev{
  left:14px;
}

.mat45-lb-next{
  right:14px;
}

.mat45-lb-side{
  min-width:0;
  padding-right:8px;
}

.mat45-lb-count{
  color:#38bd34;
  font-weight:900;
  letter-spacing:.16em;
  font-size:16px;
  margin-bottom:12px;
}

.mat45-lb-title{
  margin:0 0 14px;
  color:#08291b;
  font-size:clamp(34px, 3.4vw, 52px);
  line-height:.96;
  letter-spacing:-.04em;
}

.mat45-lb-text{
  margin:0;
  color:#66756f;
  font-size:19px;
  line-height:1.38;
}

.mat45-lb-form{
  margin-top:22px;
  padding:18px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 100%, rgba(63,214,42,.34), transparent 50%),
    linear-gradient(135deg, #06291b, #0a2418);
}

.mat45-lb-form h4{
  margin:0 0 14px;
  color:#fff;
  font-size:22px;
  line-height:1.05;
}

.mat45-lb-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.mat45-lb-form label{
  display:grid;
  gap:6px;
}

.mat45-lb-form label span{
  color:rgba(255,255,255,.70);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}

.mat45-lb-form input{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:0 14px;
  font-size:16px;
  outline:none;
}

.mat45-lb-form input:focus{
  border-color:rgba(113,236,78,.78);
  box-shadow:0 0 0 3px rgba(82,214,45,.16);
}

.mat45-lb-form input::placeholder{
  color:rgba(255,255,255,.50);
}

.mat45-lb-form button[type="submit"]{
  width:100%;
  min-height:52px;
  border-radius:15px;
  border:0;
  margin-top:12px;
  color:#fff;
  font-weight:900;
  font-size:17px;
  cursor:pointer;
  background:linear-gradient(180deg, #86ef52, #34bc21);
  box-shadow:0 14px 30px rgba(57,207,34,.30), inset 0 1px 0 rgba(255,255,255,.35);
}

.mat45-lb-status{
  min-height:18px;
  margin-top:10px;
  color:#ffd9c7;
  font-size:13px;
  line-height:1.3;
}

.mat45-lb-status.is-ok{
  color:#a8ff91;
}

@media (max-width:1180px){
  .materials-stage-v645 .mat45-wrap{width:min(1080px, calc(100% - 36px));}
  .materials-stage-v645 .mat45-flow{gap:10px;}
  .materials-stage-v645 .mat45-card{padding:13px 10px; min-height:196px;}
  .materials-stage-v645 .mat45-photo{height:78px;}
  .materials-stage-v645 .mat45-card-title{font-size:16px;}
  .materials-stage-v645 .mat45-card-text{font-size:13px;}
  .materials-stage-v645 .mat45-proof{grid-template-columns:70px 1fr 230px 210px; padding:22px 26px;}
}

@media (max-width:980px){
  .materials-stage-v645{padding:44px 0;}
  .materials-stage-v645 .mat45-flow{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px 12px;}
  .materials-stage-v645 .mat45-flow:before{display:none;}
  .materials-stage-v645 .mat45-proof{grid-template-columns:1fr; text-align:left;}
  .mat45-lb-card{grid-template-columns:1fr; overflow:auto;}
  .mat45-lb-media,.mat45-lb-media img{min-height:280px;}
}

@media (max-width:620px){
  .materials-stage-v645 .mat45-flow{grid-template-columns:1fr;}
  .mat45-lb-fields{grid-template-columns:1fr;}
  .mat45-lightbox{padding:14px;}
  .mat45-lb-card{width:calc(100vw - 28px); padding:18px; border-radius:24px;}
}
/* === v6.45 materials compact END === */

/* === v6.46 materials tune START === */
.materials-stage-v645 .mat45-head{
  margin:0 auto 18px;
}

.materials-stage-v645 .mat45-subtitle{
  max-width:860px;
  margin:14px auto 0;
  font-size:16px;
  line-height:1.34;
}

.materials-stage-v645 .mat45-flow{
  max-width:1110px;
  gap:11px;
  margin:30px auto 18px;
}

.materials-stage-v645 .mat45-card{
  padding:11px 10px 11px;
  min-height:186px;
  border-radius:17px;
}

.materials-stage-v645 .mat45-num{
  width:36px;
  height:36px;
  top:-26px;
  font-size:14px;
}

.materials-stage-v645 .mat45-photo{
  height:98px;
  margin-bottom:9px;
  border-radius:12px;
}

.materials-stage-v645 .mat45-card-title{
  font-size:15px;
  line-height:1.02;
  margin-bottom:5px;
}

.materials-stage-v645 .mat45-card-text{
  font-size:11px;
  line-height:1.17;
  -webkit-line-clamp:4;
}

.materials-stage-v645 .mat45-proof{
  max-width:1030px;
  min-height:118px;
  padding:18px 26px;
  gap:18px;
  border-radius:24px;
}

.materials-stage-v645 .mat45-proof-icon{
  width:62px;
  height:62px;
  border-radius:18px;
}

.materials-stage-v645 .mat45-proof-icon img{
  width:54px;
  height:54px;
}

.materials-stage-v645 .mat45-proof-label{
  margin-bottom:4px;
  font-size:11px;
}

.materials-stage-v645 .mat45-proof-copy h3{
  margin:0 0 7px;
  font-size:27px;
  line-height:.95;
}

.materials-stage-v645 .mat45-proof-copy p{
  font-size:13px;
  line-height:1.28;
}

.materials-stage-v645 .mat45-proof-list{
  gap:7px;
}

.materials-stage-v645 .mat45-proof-list li{
  font-size:13px;
  line-height:1.16;
}

.materials-stage-v645 .mat45-proof-btn{
  min-height:48px;
  font-size:15px;
  border-radius:14px;
}

.materials-stage-v645 .mat45-proof-action p{
  font-size:11px;
  line-height:1.24;
}

@media (max-width: 1180px){
  .materials-stage-v645 .mat45-flow{
    gap:10px;
  }
  .materials-stage-v645 .mat45-card{
    min-height:180px;
    padding:10px 9px 10px;
  }
  .materials-stage-v645 .mat45-photo{
    height:90px;
  }
  .materials-stage-v645 .mat45-card-title{
    font-size:14px;
  }
  .materials-stage-v645 .mat45-card-text{
    font-size:10.5px;
  }
}
/* === v6.46 materials tune END === */

/* === v6.50 blocks 4-5 START === */
.materials-stage-v650{position:relative;padding:54px 0 44px;background:radial-gradient(circle at 8% 25%,rgba(90,210,70,.15),transparent 30%),radial-gradient(circle at 92% 78%,rgba(90,210,70,.18),transparent 34%),linear-gradient(180deg,#fff 0%,#f6fff4 100%);overflow:hidden}.materials-shell-v650{width:min(1180px,calc(100% - 44px));margin:0 auto}.materials-head-v650{text-align:center;max-width:930px;margin:0 auto 24px}.materials-eyebrow-v650{font-weight:900;font-size:14px;letter-spacing:.1em;color:#36bf2a;margin-bottom:8px}.materials-head-v650 h2{margin:0;color:#09291d;font-size:clamp(36px,4.15vw,64px);line-height:.94;letter-spacing:-.035em}.materials-head-v650 p{margin:16px auto 0;max-width:780px;color:#5f7069;font-size:18px;line-height:1.38}.materials-flow-v650{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;align-items:stretch;position:relative}.materials-flow-v650:before{content:"";position:absolute;left:5%;right:5%;top:24px;height:1px;background:linear-gradient(90deg,transparent,#8ee27b,transparent);z-index:0}.materials-step-card-v650{position:relative;z-index:1;appearance:none;border:1px solid rgba(22,73,49,.13);background:linear-gradient(145deg,#fff 0%,#fff 58%,#efffe9 100%);border-radius:16px;padding:14px 13px 13px;text-align:left;box-shadow:0 14px 34px rgba(20,60,35,.08);min-height:214px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.materials-step-card-v650:hover{transform:translateY(-4px);border-color:rgba(54,191,42,.36);box-shadow:0 20px 42px rgba(20,60,35,.14)}.materials-step-num-v650{position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#efffe9;border:3px solid #39c831;color:#19a71c;font-weight:900;font-size:16px}.materials-step-img-v650{display:block;height:82px;border-radius:11px;overflow:hidden;background:#f3f7f2;margin-bottom:10px}.materials-step-img-v650 img{width:100%;height:100%;object-fit:cover;display:block}.materials-step-title-v650{display:block;color:#09291d;font-weight:900;font-size:19px;line-height:1.04;margin-bottom:7px}.materials-step-text-v650{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#65746d;font-size:14px;line-height:1.25}.materials-cta-v650{margin:22px auto 0;width:min(1010px,100%);min-height:150px;border-radius:24px;background:radial-gradient(circle at 86% 50%,#27c826 0,#106525 42%,#062c20 100%);color:#fff;display:grid;grid-template-columns:88px 1.35fr .9fr .95fr;gap:24px;align-items:center;padding:22px 32px;box-shadow:0 26px 60px rgba(5,44,30,.22)}.materials-cta-icon-v650{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);display:grid;place-items:center}.materials-cta-icon-v650 img{width:56px;height:56px;object-fit:contain}.materials-cta-kicker-v650{font-size:12px;color:#a8ff8d;font-weight:900;letter-spacing:.08em;margin-bottom:4px}.materials-cta-copy-v650 h3{margin:0 0 8px;font-size:32px;line-height:.96;letter-spacing:-.03em;color:#fff}.materials-cta-copy-v650 p,.materials-cta-action-v650 p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.32}.materials-cta-list-v650{list-style:none;margin:0;padding:0;display:grid;gap:9px}.materials-cta-list-v650 li{position:relative;padding-left:26px;font-weight:900;font-size:15px;line-height:1.15}.materials-cta-list-v650 li:before{content:"";position:absolute;left:0;top:.08em;width:16px;height:16px;border-radius:50%;background:#62e643;box-shadow:0 0 0 5px rgba(98,230,67,.13)}.materials-cta-action-v650{display:grid;gap:10px}.materials-cta-button-v650{width:100%;justify-content:center;min-height:52px}.materials-gallery-modal-v650{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:24px}.materials-gallery-modal-v650.is-open{display:flex}.materials-gallery-backdrop-v650{position:absolute;inset:0;background:rgba(7,25,19,.74);backdrop-filter:blur(9px)}.materials-gallery-dialog-v650{position:relative;width:min(1120px,calc(100vw - 52px));min-height:520px;background:#fff;border-radius:26px;box-shadow:0 32px 80px rgba(0,0,0,.32);display:grid;grid-template-columns:1.35fr .85fr;gap:28px;padding:26px}.materials-gallery-close-v650{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(9,41,29,.12);background:#fff;color:#09291d;font-size:26px;cursor:pointer;z-index:3}.materials-gallery-photo-v650{border-radius:20px;overflow:hidden;background:#f6f8f5;border:1px solid rgba(9,41,29,.12);min-height:466px}.materials-gallery-photo-v650 img{width:100%;height:100%;object-fit:contain;display:block}.materials-gallery-side-v650{align-self:center;padding:14px 8px}.materials-gallery-count-v650{font-size:18px;font-weight:900;color:#35bd2b;letter-spacing:.12em;margin-bottom:10px}.materials-gallery-side-v650 h3{font-size:44px;line-height:.96;margin:0 0 14px;color:#09291d;letter-spacing:-.035em}.materials-gallery-side-v650 p{font-size:18px;line-height:1.4;color:#617269;margin:0 0 18px}.materials-gallery-form-v650{background:linear-gradient(180deg,#0b2a1e,#071b14);border-radius:22px;padding:18px;color:#fff;box-shadow:0 18px 42px rgba(2,28,16,.26)}.materials-gallery-form-title-v650{font-weight:900;font-size:22px;margin-bottom:12px}.materials-gallery-fields-v650{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.materials-gallery-fields-v650 label{font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:900;letter-spacing:.04em}.materials-gallery-fields-v650 input{display:block;width:100%;height:52px;border-radius:13px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#fff;padding:0 14px;font-size:16px;margin-top:6px;outline:none}.materials-gallery-fields-v650 input:focus{border-color:#64df44;box-shadow:0 0 0 4px rgba(100,223,68,.18)}.materials-gallery-submit-v650{width:100%;height:54px;justify-content:center}.materials-gallery-message-v650{min-height:18px;margin-top:10px;color:#ffefc8;font-size:13px}.materials-gallery-arrow-v650{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:#20a817;font-size:42px;line-height:1;box-shadow:0 12px 28px rgba(0,0,0,.13);cursor:pointer;z-index:2}.materials-gallery-arrow-prev-v650{left:-24px}.materials-gallery-arrow-next-v650{right:-24px}.production-stage-v650{padding:74px 0 70px;background:linear-gradient(180deg,#fff 0%,#f6fff3 100%)}.production-shell-v650{width:min(1180px,calc(100% - 44px));margin:0 auto}.production-head-v650{text-align:center;max-width:900px;margin:0 auto 30px}.production-eyebrow-v650{font-weight:900;font-size:14px;letter-spacing:.1em;color:#36bf2a;margin-bottom:8px}.production-head-v650 h2{margin:0;color:#09291d;font-size:clamp(34px,3.8vw,58px);line-height:.96;letter-spacing:-.035em}.production-head-v650 p{margin:15px auto 0;color:#607169;font-size:18px;line-height:1.42;max-width:780px}.production-grid-v650{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.production-card-v650{border:1px solid rgba(22,73,49,.13);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 42px rgba(20,60,35,.09)}.production-img-v650{height:174px;overflow:hidden;background:#f4f7f4}.production-img-v650 img{width:100%;height:100%;object-fit:cover;display:block}.production-card-body-v650{padding:18px}.production-card-body-v650 span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#efffe9;border:2px solid #58d84b;color:#21a719;font-weight:900;margin-bottom:10px}.production-card-body-v650 h3{margin:0 0 9px;color:#09291d;font-size:22px;line-height:1.04}.production-card-body-v650 p{margin:0 0 12px;color:#65746d;font-size:15px;line-height:1.35}.production-card-body-v650 strong{display:block;color:#198c1b;font-size:14px;line-height:1.2}.production-cta-v650{margin:24px auto 0;width:min(1040px,100%);border-radius:24px;background:radial-gradient(circle at 86% 50%,#27c826 0,#106525 42%,#062c20 100%);color:#fff;display:grid;grid-template-columns:1.4fr .9fr .75fr;gap:28px;align-items:center;padding:28px 34px;box-shadow:0 26px 60px rgba(5,44,30,.22)}.production-cta-kicker-v650{font-size:12px;color:#a8ff8d;font-weight:900;letter-spacing:.08em;margin-bottom:5px}.production-cta-v650 h3{margin:0 0 9px;font-size:32px;line-height:.98;color:#fff}.production-cta-v650 p{margin:0;color:rgba(255,255,255,.83);font-size:15px;line-height:1.35}.production-cta-v650 ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.production-cta-v650 li{position:relative;padding-left:25px;font-weight:900}.production-cta-v650 li:before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:#62e643;box-shadow:0 0 0 5px rgba(98,230,67,.13)}.production-cta-v650 .btn{justify-content:center;min-height:54px}@media (max-width:1100px){.materials-flow-v650{grid-template-columns:repeat(3,1fr);row-gap:30px}.materials-cta-v650{grid-template-columns:80px 1fr}.materials-cta-list-v650,.materials-cta-action-v650{grid-column:auto}.production-grid-v650{grid-template-columns:repeat(2,1fr)}.materials-gallery-dialog-v650{grid-template-columns:1fr;max-height:calc(100vh - 40px);overflow:auto}.materials-gallery-photo-v650{min-height:360px}.materials-gallery-arrow-prev-v650{left:12px}.materials-gallery-arrow-next-v650{right:12px}}@media (max-width:680px){.materials-stage-v650{padding:44px 0}.materials-shell-v650,.production-shell-v650{width:min(100% - 24px,1180px)}.materials-head-v650 h2,.production-head-v650 h2{font-size:34px}.materials-head-v650 p,.production-head-v650 p{font-size:16px}.materials-flow-v650{grid-template-columns:1fr;gap:28px}.materials-step-card-v650{min-height:auto}.materials-step-img-v650{height:160px}.materials-cta-v650,.production-cta-v650{grid-template-columns:1fr;padding:24px}.production-grid-v650{grid-template-columns:1fr}.materials-gallery-modal-v650{padding:10px}.materials-gallery-dialog-v650{width:calc(100vw - 20px);padding:16px;border-radius:20px}.materials-gallery-side-v650 h3{font-size:32px}.materials-gallery-fields-v650{grid-template-columns:1fr}.materials-gallery-photo-v650{min-height:260px}}
/* === v6.50 blocks 4-5 END === */


/* === v6.52 compact 4-5 START === */

/* block 4 compact */
.materials-stage-v650{
  padding:34px 0 34px!important;
}
.materials-shell-v650{
  width:min(1160px,calc(100% - 44px))!important;
}
.materials-head-v650{
  margin:0 auto 18px!important;
  max-width:880px!important;
}
.materials-eyebrow-v650{
  font-size:12px!important;
  margin-bottom:6px!important;
}
.materials-head-v650 h2{
  font-size:clamp(32px,3.25vw,52px)!important;
  line-height:.94!important;
}
.materials-head-v650 p{
  margin-top:10px!important;
  max-width:760px!important;
  font-size:15.5px!important;
  line-height:1.3!important;
}
.materials-flow-v650{
  gap:10px!important;
}
.materials-flow-v650:before{
  top:20px!important;
}
.materials-step-card-v650{
  min-height:184px!important;
  padding:10px 10px 10px!important;
  border-radius:15px!important;
}
.materials-step-num-v650{
  width:36px!important;
  height:36px!important;
  top:-20px!important;
  font-size:14px!important;
}
.materials-step-img-v650{
  height:104px!important;
  margin-bottom:7px!important;
  border-radius:10px!important;
}
.materials-step-img-v650 img{
  object-fit:cover!important;
}
.materials-step-card-v650[data-stage-index="5"] .materials-step-img-v650 img{
  object-position:center 72%!important;
}
.materials-step-title-v650{
  font-size:16.5px!important;
  line-height:1!important;
  margin-bottom:4px!important;
}
.materials-step-text-v650{
  font-size:12px!important;
  line-height:1.14!important;
  -webkit-line-clamp:3!important;
}

/* block 4 bottom plate without binocular */
.materials-cta-v650{
  width:min(970px,100%)!important;
  min-height:0!important;
  margin-top:18px!important;
  padding:20px 30px!important;
  gap:22px!important;
  grid-template-columns:1.35fr .85fr .72fr!important;
  align-items:center!important;
  border-radius:22px!important;
}
.materials-cta-icon-v650{
  display:none!important;
}
.materials-cta-copy-v650 h3{
  font-size:30px!important;
  line-height:1!important;
  margin-bottom:7px!important;
}
.materials-cta-copy-v650 p,
.materials-cta-action-v650 p{
  font-size:13.5px!important;
  line-height:1.28!important;
}
.materials-cta-list-v650{
  gap:8px!important;
}
.materials-cta-list-v650 li{
  font-size:13.5px!important;
  line-height:1.12!important;
}
.materials-cta-button-v650{
  min-height:50px!important;
}

/* block 5 compact, photos keep size */
.production-stage-v650{
  padding:42px 0 40px!important;
}
.production-shell-v650{
  width:min(1160px,calc(100% - 44px))!important;
}
.production-head-v650{
  max-width:820px!important;
  margin:0 auto 20px!important;
}
.production-eyebrow-v650{
  font-size:12px!important;
  margin-bottom:6px!important;
}
.production-head-v650 h2{
  font-size:clamp(30px,3.1vw,48px)!important;
  line-height:.95!important;
}
.production-head-v650 p{
  margin-top:10px!important;
  max-width:720px!important;
  font-size:15.5px!important;
  line-height:1.28!important;
}
.production-grid-v650{
  gap:14px!important;
  align-items:stretch!important;
}
.production-card-v650{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  border-radius:20px!important;
}
.production-img-v650{
  height:174px!important;
  min-height:174px!important;
  flex:0 0 174px!important;
}
.production-card-body-v650{
  padding:12px 15px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
.production-card-body-v650 span{
  width:31px!important;
  height:31px!important;
  font-size:13.5px!important;
  margin-bottom:7px!important;
}
.production-card-body-v650 h3{
  font-size:19px!important;
  line-height:.98!important;
  margin:0 0 6px!important;
}
.production-card-body-v650 p{
  font-size:12.8px!important;
  line-height:1.2!important;
  margin:0 0 8px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.production-card-body-v650 strong{
  margin-top:auto!important;
  padding-top:8px!important;
  font-size:12.8px!important;
  line-height:1.12!important;
  display:block!important;
  align-self:flex-start!important;
}
.production-cta-v650{
  width:min(1000px,100%)!important;
  margin-top:18px!important;
  padding:21px 30px!important;
  gap:22px!important;
  grid-template-columns:1.35fr .85fr .72fr!important;
  min-height:0!important;
  border-radius:22px!important;
}
.production-cta-kicker-v650{
  font-size:11.5px!important;
  margin-bottom:5px!important;
}
.production-cta-v650 h3{
  font-size:28px!important;
  line-height:1!important;
  margin-bottom:7px!important;
}
.production-cta-v650 p{
  font-size:13.5px!important;
  line-height:1.28!important;
}
.production-cta-v650 ul{
  gap:8px!important;
}
.production-cta-v650 li{
  font-size:13.5px!important;
  line-height:1.12!important;
}
.production-cta-v650 .btn{
  min-height:50px!important;
}

/* laptop / small desktop */
@media (max-height:820px) and (min-width:1000px){
  .production-stage-v650{
    padding:34px 0 34px!important;
  }
  .production-head-v650{
    margin-bottom:16px!important;
  }
  .production-head-v650 h2{
    font-size:clamp(28px,2.8vw,44px)!important;
  }
  .production-head-v650 p{
    font-size:14.5px!important;
    line-height:1.24!important;
  }
  .production-card-body-v650{
    padding:10px 14px 12px!important;
  }
  .production-card-body-v650 h3{
    font-size:18px!important;
  }
  .production-card-body-v650 p{
    font-size:12.2px!important;
    line-height:1.16!important;
    -webkit-line-clamp:5!important;
  }
  .production-card-body-v650 strong{
    font-size:12.2px!important;
  }
  .production-cta-v650{
    margin-top:16px!important;
    padding:18px 28px!important;
  }
  .production-cta-v650 h3{
    font-size:26px!important;
  }
}

/* mobile safety */
@media (max-width:1100px){
  .materials-cta-v650,
  .production-cta-v650{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:680px){
  .production-img-v650{
    height:170px!important;
    min-height:170px!important;
    flex-basis:170px!important;
  }
}

/* === v6.52 compact 4-5 END === */


/* === v6.53 office production START === */

/* production block compact */
.production-stage-v650{
  padding:28px 0 30px!important;
}
.production-shell-v650{
  width:min(1160px,calc(100% - 44px))!important;
}
.production-head-v650{
  max-width:820px!important;
  margin:0 auto 16px!important;
}
.production-eyebrow-v650{
  font-size:12px!important;
  line-height:1!important;
  margin-bottom:6px!important;
}
.production-head-v650 h2{
  font-size:clamp(30px,2.9vw,44px)!important;
  line-height:.94!important;
  letter-spacing:-.02em!important;
}
.production-head-v650 p{
  margin-top:9px!important;
  max-width:720px!important;
  font-size:14.5px!important;
  line-height:1.25!important;
}
.production-grid-v650{
  gap:14px!important;
  align-items:stretch!important;
}
.production-card-v650{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  border-radius:20px!important;
}
.production-img-v650{
  height:178px!important;
  min-height:178px!important;
  flex:0 0 178px!important;
}
.production-card-body-v650{
  padding:10px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
.production-card-body-v650 span{
  width:31px!important;
  height:31px!important;
  font-size:13px!important;
  margin-bottom:7px!important;
}
.production-card-body-v650 h3{
  font-size:18px!important;
  line-height:.98!important;
  letter-spacing:-.015em!important;
  margin:0 0 6px!important;
}
.production-card-body-v650 p{
  font-size:12.1px!important;
  line-height:1.16!important;
  margin:0 0 7px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.production-card-body-v650 strong{
  margin-top:auto!important;
  padding-top:8px!important;
  font-size:12.1px!important;
  line-height:1.1!important;
  display:block!important;
  align-self:flex-start!important;
}
.production-cta-v650{
  width:min(970px,100%)!important;
  margin-top:16px!important;
  padding:18px 30px!important;
  gap:20px!important;
  grid-template-columns:1.35fr .8fr .68fr!important;
  min-height:0!important;
  border-radius:22px!important;
  align-items:center!important;
}
.production-cta-kicker-v650{
  font-size:11px!important;
  line-height:1!important;
  margin-bottom:5px!important;
}
.production-cta-v650 h3{
  font-size:25px!important;
  line-height:1.02!important;
  margin-bottom:6px!important;
}
.production-cta-v650 p{
  font-size:12.8px!important;
  line-height:1.24!important;
}
.production-cta-v650 ul{
  gap:7px!important;
}
.production-cta-v650 li{
  font-size:12.8px!important;
  line-height:1.1!important;
}
.production-cta-v650 .btn,
.production-cta-v650 a,
.production-cta-v650 button{
  min-height:48px!important;
  cursor:pointer!important;
}

/* block 4: remove binocular completely */
.materials-cta-icon-v650,
.materials-cta-v650 .materials-cta-icon-v650{
  display:none!important;
}
.materials-cta-v650{
  grid-template-columns:1.35fr .85fr .72fr!important;
}

/* production lead modal */
.production-lead-overlay-v653{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,28,22,.72);
  backdrop-filter:blur(10px);
}
.production-lead-overlay-v653.is-open{
  display:flex;
}
.production-lead-modal-v653{
  position:relative;
  width:min(920px,100%);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 90px rgba(4,22,14,.34);
}
.production-lead-info-v653{
  padding:40px 38px;
  background:linear-gradient(145deg,#ffffff 0%,#f7fff6 100%);
}
.production-lead-info-v653 span{
  display:block;
  margin-bottom:12px;
  color:#39b82e;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.production-lead-info-v653 h3{
  margin:0 0 14px;
  color:#08251c;
  font-size:42px;
  line-height:.94;
  letter-spacing:-.03em;
}
.production-lead-info-v653 p{
  margin:0;
  color:#60706a;
  font-size:17px;
  line-height:1.42;
}
.production-lead-form-v653{
  padding:34px;
  background:#09241a;
  color:#fff;
}
.production-lead-form-v653 label{
  display:block;
  margin:0 0 12px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.production-lead-form-v653 input,
.production-lead-form-v653 textarea{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#fff;
  padding:14px 15px;
  font:inherit;
  outline:none;
}
.production-lead-form-v653 input:focus,
.production-lead-form-v653 textarea:focus{
  border-color:#58d642;
  box-shadow:0 0 0 3px rgba(88,214,66,.18);
}
.production-lead-form-v653 textarea{
  min-height:88px;
  resize:vertical;
}
.production-lead-row-v653{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.production-lead-file-v653 input{
  padding:12px;
  cursor:pointer;
}
.production-lead-hint-v653{
  min-height:20px;
  margin:2px 0 12px;
  color:#ffd4b0;
  font-size:12px;
  line-height:1.25;
}
.production-lead-submit-v653{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#80ec4b,#31bf20);
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(72,210,48,.35);
}
.production-lead-close-v653{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border:1px solid rgba(8,37,28,.12);
  border-radius:50%;
  background:#fff;
  color:#08251c;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.production-lead-success-v653{
  display:none;
  padding:44px;
  grid-column:1/-1;
}
.production-lead-modal-v653.is-success .production-lead-info-v653,
.production-lead-modal-v653.is-success .production-lead-form-v653{
  display:none;
}
.production-lead-modal-v653.is-success .production-lead-success-v653{
  display:block;
}
.production-lead-success-v653 h3{
  margin:0 0 14px;
  color:#08251c;
  font-size:42px;
  line-height:.95;
}
.production-lead-success-v653 p{
  margin:0 0 18px;
  color:#60706a;
  font-size:17px;
  line-height:1.45;
}

/* office / reviews block */
.office-section-v653{
  position:relative;
  padding:72px 0 70px;
  background:
    radial-gradient(circle at 9% 20%,rgba(114,230,86,.18),transparent 22%),
    radial-gradient(circle at 91% 65%,rgba(114,230,86,.13),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f6fff6 100%);
}
.office-shell-v653{
  width:min(1320px,calc(100% - 56px));
  margin:0 auto;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:42px;
  align-items:center;
}
.office-eyebrow-v653{
  margin-bottom:16px;
  color:#35b72a;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.office-copy-v653 h2{
  margin:0 0 20px;
  color:#08251c;
  font-size:clamp(40px,3.8vw,64px);
  line-height:.95;
  letter-spacing:-.035em;
}
.office-lead-v653{
  max-width:640px;
  margin:0 0 20px;
  color:#52645f;
  font-size:18px;
  line-height:1.45;
}
.office-rating-v653{
  display:flex;
  align-items:center;
  gap:16px;
  width:min(590px,100%);
  margin:0 0 16px;
  padding:16px 22px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 44px rgba(8,37,28,.07);
}
.office-star-v653{
  position:relative;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#6fe445,#26b819);
  box-shadow:0 12px 28px rgba(62,203,42,.32);
  overflow:hidden;
}
.office-star-v653:after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.95) 48%,transparent 62%);
  transform:translateX(-120%) rotate(12deg);
  animation:officeStarShine 2.4s ease-in-out infinite;
}
.office-star-v653 svg{
  width:30px;
  height:30px;
  fill:#fff;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));
}
@keyframes officeStarShine{
  0%,48%{transform:translateX(-120%) rotate(12deg);}
  70%,100%{transform:translateX(120%) rotate(12deg);}
}
.office-score-v653{
  color:#2e9e22;
  font-size:45px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.office-score-note-v653{
  color:#60706a;
  font-size:16px;
  line-height:1.2;
}
.office-reviews-v653{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.office-reviews-v653 article{
  min-height:118px;
  padding:16px 17px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 34px rgba(8,37,28,.055);
}
.office-reviews-v653 b{
  display:inline-block;
  margin-right:8px;
  color:#08251c;
  font-size:16px;
  line-height:1;
}
.office-reviews-v653 span{
  color:#ffb21b;
  font-size:13px;
  letter-spacing:.03em;
}
.office-reviews-v653 p{
  margin:9px 0 0;
  color:#53655f;
  font-size:14px;
  line-height:1.32;
}
.office-map-side-v653{
  min-width:0;
}
.office-map-v653{
  position:relative;
  height:365px;
  overflow:hidden;
  border:1px solid rgba(8,37,28,.1);
  border-radius:24px;
  background:#eef8ee;
  box-shadow:0 22px 60px rgba(8,37,28,.1);
}
.office-map-v653 iframe,
.office-map-v653 > div,
.office-map-v653 .dg-widget-wrapper{
  width:100%!important;
  height:100%!important;
}
.office-map-v653 .dg-widget-link{
  position:absolute;
  left:-9999px;
  top:-9999px;
}
.office-info-v653{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px;
}
.office-info-v653 article{
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:12px;
  align-items:center;
  min-height:104px;
  padding:15px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(8,37,28,.055);
}
.office-info-v653 span{
  grid-row:1/3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#f3fff0,#e4fbdd);
  border:1px solid rgba(58,190,40,.2);
}
.office-info-v653 svg{
  width:25px;
  height:25px;
  fill:#4ab83d;
}
.office-info-v653 b{
  color:#08251c;
  font-size:16px;
  line-height:1.1;
}
.office-info-v653 p{
  margin:4px 0 0;
  color:#5d6c67;
  font-size:14px;
  line-height:1.22;
}
.office-actions-v653{
  display:grid;
  grid-template-columns:1fr .54fr;
  gap:12px;
  margin-top:14px;
}
.office-actions-v653 .btn{
  min-height:58px;
  border-radius:17px;
  font-weight:900;
}
.office-actions-v653 .btn-outline{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#08251c;
  border:1px solid rgba(58,190,40,.35);
  text-decoration:none;
}

@media (max-height:820px) and (min-width:1000px){
  .production-stage-v650{padding:24px 0 26px!important;}
  .production-head-v650{margin-bottom:14px!important;}
  .production-head-v650 h2{font-size:clamp(28px,2.6vw,40px)!important;}
  .production-head-v650 p{font-size:13.8px!important;line-height:1.22!important;}
  .production-img-v650{height:176px!important;min-height:176px!important;flex-basis:176px!important;}
  .production-card-body-v650{padding:9px 13px 11px!important;}
  .production-card-body-v650 h3{font-size:17px!important;}
  .production-card-body-v650 p{font-size:11.7px!important;line-height:1.14!important;}
  .production-card-body-v650 strong{font-size:11.7px!important;}
  .production-cta-v650{margin-top:14px!important;padding:16px 28px!important;}
  .production-cta-v650 h3{font-size:23px!important;}
  .production-cta-v650 p,.production-cta-v650 li{font-size:12.2px!important;}
}
@media (max-width:1100px){
  .production-cta-v650{grid-template-columns:1fr!important;}
  .office-shell-v653{grid-template-columns:1fr;}
}
@media (max-width:780px){
  .production-lead-modal-v653{grid-template-columns:1fr;}
  .production-lead-info-v653,.production-lead-form-v653{padding:28px 22px;}
  .production-lead-info-v653 h3{font-size:32px;}
  .production-lead-row-v653{grid-template-columns:1fr;}
  .office-section-v653{padding:46px 0;}
  .office-shell-v653{width:min(100% - 28px,1320px);}
  .office-reviews-v653,.office-info-v653,.office-actions-v653{grid-template-columns:1fr;}
  .office-map-v653{height:330px;}
}

/* === v6.53 office production END === */


/* === v6.54 office meeting START === */

.production-cta-v650 h3{
  line-height:1.02!important;
}

.office-section-v653{
  padding:66px 0 66px!important;
}

.office-shell-v653{
  align-items:start!important;
}

.office-map-v653{
  height:420px!important;
}

.office-reviews-v653 article,
.office-info-v653 article{
  height:112px!important;
  min-height:112px!important;
  box-sizing:border-box!important;
}

.office-info-v653{
  margin-top:14px!important;
}

.office-info-v653 article{
  padding:14px!important;
}

.office-info-v653 p{
  font-size:13.5px!important;
  line-height:1.18!important;
}

.office-actions-v653{
  grid-template-columns:1fr!important;
  margin-top:14px!important;
}

.office-2gis-v653{
  display:none!important;
}

.office-meeting-v653{
  width:100%!important;
  min-height:58px!important;
  cursor:pointer!important;
}

.office-meeting-overlay-v654{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,28,22,.72);
  backdrop-filter:blur(10px);
}

.office-meeting-overlay-v654.is-open{
  display:flex;
}

.office-meeting-modal-v654{
  position:relative;
  width:min(860px,100%);
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 90px rgba(4,22,14,.34);
}

.office-meeting-info-v654{
  padding:42px 38px;
  background:
    radial-gradient(circle at 12% 24%,rgba(95,224,64,.18),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#f7fff6 100%);
}

.office-meeting-info-v654 span{
  display:block;
  margin-bottom:12px;
  color:#39b82e;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.office-meeting-info-v654 h3{
  margin:0 0 14px;
  color:#08251c;
  font-size:42px;
  line-height:.94;
  letter-spacing:-.03em;
}

.office-meeting-info-v654 p{
  margin:0;
  color:#60706a;
  font-size:17px;
  line-height:1.42;
}

.office-meeting-form-v654{
  padding:34px;
  background:#09241a;
  color:#fff;
}

.office-meeting-form-v654 label{
  display:block;
  margin:0 0 13px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.office-meeting-form-v654 input,
.office-meeting-form-v654 textarea{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#fff;
  padding:14px 15px;
  font:inherit;
  outline:none;
  box-sizing:border-box;
}

.office-meeting-form-v654 input:focus,
.office-meeting-form-v654 textarea:focus{
  border-color:#58d642;
  box-shadow:0 0 0 3px rgba(88,214,66,.18);
}

.office-meeting-form-v654 textarea{
  min-height:90px;
  resize:vertical;
}

.office-meeting-row-v654{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.office-meeting-hint-v654{
  min-height:20px;
  margin:2px 0 12px;
  color:#ffd4b0;
  font-size:12px;
  line-height:1.25;
}

.office-meeting-submit-v654{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#80ec4b,#31bf20);
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(72,210,48,.35);
}

.office-meeting-close-v654{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border:1px solid rgba(8,37,28,.12);
  border-radius:50%;
  background:#fff;
  color:#08251c;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.office-meeting-success-v654{
  display:none;
  padding:44px;
  grid-column:1/-1;
}

.office-meeting-modal-v654.is-success .office-meeting-info-v654,
.office-meeting-modal-v654.is-success .office-meeting-form-v654{
  display:none;
}

.office-meeting-modal-v654.is-success .office-meeting-success-v654{
  display:block;
}

.office-meeting-success-v654 h3{
  margin:0 0 14px;
  color:#08251c;
  font-size:42px;
  line-height:.95;
}

.office-meeting-success-v654 p{
  margin:0 0 18px;
  color:#60706a;
  font-size:17px;
  line-height:1.45;
}

@media (max-height:820px) and (min-width:1000px){
  .office-section-v653{
    padding:54px 0 56px!important;
  }

  .office-copy-v653 h2{
    font-size:clamp(38px,3.5vw,58px)!important;
  }

  .office-lead-v653{
    font-size:16px!important;
    line-height:1.36!important;
    margin-bottom:16px!important;
  }

  .office-rating-v653{
    padding:14px 20px!important;
    margin-bottom:14px!important;
  }

  .office-reviews-v653{
    gap:10px!important;
  }

  .office-reviews-v653 article,
  .office-info-v653 article{
    height:106px!important;
    min-height:106px!important;
  }

  .office-reviews-v653 p{
    font-size:13px!important;
    line-height:1.25!important;
  }

  .office-map-v653{
    height:390px!important;
  }
}

@media (max-width:900px){
  .office-meeting-modal-v654{
    grid-template-columns:1fr;
  }

  .office-meeting-info-v654,
  .office-meeting-form-v654{
    padding:28px 22px;
  }

  .office-meeting-info-v654 h3{
    font-size:32px;
  }

  .office-meeting-row-v654{
    grid-template-columns:1fr;
  }

  .office-map-v653{
    height:350px!important;
  }
}

/* === v6.54 office meeting END === */


/* === v6.55 office map START === */

.office-map-v653{
  height:472px !important;
  min-height:472px !important;
}

.office-map-v653 > div,
.office-map-v653 iframe{
  height:100% !important;
  min-height:100% !important;
}

.office-actions-v653{
  margin-top:16px !important;
  align-items:stretch !important;
}

.office-actions-v653 .office-meeting-v653{
  min-height:62px !important;
  height:62px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
}

.office-info-v653{
  margin-top:16px !important;
}

.office-info-v653 article{
  height:112px !important;
  min-height:112px !important;
}

@media (max-height:820px) and (min-width:1000px){
  .office-map-v653{
    height:500px !important;
    min-height:500px !important;
  }
}

@media (max-width:900px){
  .office-map-v653{
    height:380px !important;
    min-height:380px !important;
  }

  .office-actions-v653 .office-meeting-v653{
    min-height:58px !important;
    height:58px !important;
  }
}

/* === v6.55 office map END === */


/* === v6.56 office final START === */

/* reviews / office fine tune */
.office-map-v653{
  height:470px !important;
  min-height:470px !important;
}

.office-info-v653{
  margin-top:14px !important;
}

.office-info-v653 article{
  height:112px !important;
  min-height:112px !important;
}

.office-actions-v653{
  margin-top:14px !important;
}

.office-actions-v653 .office-meeting-v653{
  height:58px !important;
  min-height:58px !important;
  white-space:nowrap !important;
}

.office-info-v653 p{
  font-size:13px !important;
  line-height:1.12 !important;
}

.office-info-v653 b{
  font-size:15.5px !important;
}

/* production button one line */
.production-cta-v650 .btn,
.production-cta-v650 a,
.production-cta-v650 button{
  white-space:nowrap !important;
  min-width:220px !important;
  padding-left:22px !important;
  padding-right:22px !important;
  font-size:14px !important;
}

/* final lead compact */
.final-lead-v656{
  position:relative;
  padding:58px 0 62px;
  background:
    radial-gradient(circle at 14% 26%,rgba(116,231,87,.16),transparent 22%),
    radial-gradient(circle at 86% 70%,rgba(116,231,87,.12),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f7fff7 100%);
}

.final-lead-shell-v656{
  width:min(1120px,calc(100% - 52px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:46px;
  align-items:stretch;
}

.final-lead-left-v656{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:604px;
  padding:16px 0;
}

.final-lead-eyebrow-v656{
  margin-bottom:16px;
  color:#35b72a;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.final-lead-copy-v656 h2{
  max-width:700px;
  margin:0 0 20px;
  color:#08251c;
  font-size:clamp(38px,3.6vw,58px);
  line-height:.95;
  letter-spacing:-.035em;
}

.final-lead-copy-v656 p{
  max-width:690px;
  margin:0;
  color:#53645f;
  font-size:17px;
  line-height:1.45;
}

.final-lead-benefits-v656{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}

.final-lead-benefits-v656 article{
  min-height:126px;
  padding:18px 18px 16px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 42px rgba(8,37,28,.06);
}

.final-lead-benefits-v656 span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:15px;
  background:linear-gradient(180deg,#f3fff0,#e4fbdd);
  border:1px solid rgba(58,190,40,.2);
  box-shadow:0 10px 24px rgba(73,196,52,.12);
}

.final-lead-benefits-v656 svg{
  width:24px;
  height:24px;
  fill:#4ab83d;
}

.final-lead-benefits-v656 b{
  display:block;
  margin-bottom:6px;
  color:#2f9f23;
  font-size:23px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
}

.final-lead-benefits-v656 p{
  margin:0;
  color:#5e6d68;
  font-size:14px;
  line-height:1.25;
}

.final-lead-form-v656{
  min-height:604px;
  padding:30px 28px 28px;
  border-radius:30px;
  background:
    radial-gradient(circle at 80% 78%,rgba(82,217,48,.18),transparent 32%),
    #09241a;
  box-shadow:0 24px 70px rgba(4,22,14,.28);
  color:#fff;
  box-sizing:border-box;
}

.final-lead-form-v656 h3{
  margin:0 0 18px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.02em;
}

.final-lead-form-v656 label{
  display:block;
  margin:0 0 12px;
  color:rgba(255,255,255,.74);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.final-lead-form-v656 input,
.final-lead-form-v656 textarea{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#fff;
  padding:13px 14px;
  font:inherit;
  outline:none;
  box-sizing:border-box;
}

.final-lead-form-v656 input:focus,
.final-lead-form-v656 textarea:focus{
  border-color:#58d642;
  box-shadow:0 0 0 3px rgba(88,214,66,.18);
}

.final-lead-row-v656{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.final-lead-form-v656 textarea{
  min-height:92px;
  resize:vertical;
}

.final-lead-file-v656 input{
  padding:11px;
  cursor:pointer;
}

.final-lead-note-v656{
  margin:-4px 0 10px;
  color:rgba(255,255,255,.64);
  font-size:12px;
  line-height:1.25;
}

.final-lead-status-v656{
  min-height:19px;
  margin:0 0 10px;
  color:#ffd4b0;
  font-size:12px;
  line-height:1.25;
}

.final-lead-status-v656.is-success{
  color:#98ff84;
}

.final-lead-submit-v656{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#80ec4b,#31bf20);
  color:#fff;
  font-weight:900;
  font-size:15.5px;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(72,210,48,.35);
}

@media (max-height:820px) and (min-width:1000px){
  .office-map-v653{
    height:462px !important;
    min-height:462px !important;
  }

  .final-lead-v656{
    padding:46px 0 50px;
  }

  .final-lead-left-v656,
  .final-lead-form-v656{
    min-height:570px;
  }

  .final-lead-copy-v656 h2{
    font-size:clamp(36px,3.25vw,52px);
  }

  .final-lead-copy-v656 p{
    font-size:16px;
    line-height:1.38;
  }

  .final-lead-benefits-v656 article{
    min-height:116px;
    padding:16px;
  }

  .final-lead-form-v656{
    padding:26px;
  }
}

@media (max-width:980px){
  .final-lead-shell-v656{
    grid-template-columns:1fr;
  }

  .final-lead-left-v656,
  .final-lead-form-v656{
    min-height:0;
  }

  .final-lead-benefits-v656{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .final-lead-shell-v656{
    width:min(100% - 28px,1120px);
  }

  .final-lead-row-v656{
    grid-template-columns:1fr;
  }

  .final-lead-submit-v656{
    white-space:normal;
  }
}

/* === v6.56 office final END === */


/* === v6.57 final lead align START === */

.final-lead-v656{
  padding:58px 0 58px !important;
}

.final-lead-shell-v656{
  align-items:stretch !important;
  grid-template-columns:minmax(0,1fr) 430px !important;
  gap:46px !important;
}

.final-lead-left-v656{
  align-self:stretch !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  box-sizing:border-box !important;
}

.final-lead-copy-v656{
  margin:0 !important;
  padding:0 !important;
}

.final-lead-eyebrow-v656{
  margin-top:0 !important;
  padding-top:0 !important;
}

.final-lead-benefits-v656{
  margin-top:auto !important;
  align-items:stretch !important;
}

.final-lead-benefits-v656 article{
  min-height:128px !important;
  height:128px !important;
  box-sizing:border-box !important;
}

.final-lead-form-v656{
  align-self:stretch !important;
  height:100% !important;
  min-height:0 !important;
  padding:28px 28px 26px !important;
  box-sizing:border-box !important;
}

.final-lead-form-v656 h3{
  margin-bottom:16px !important;
}

.final-lead-form-v656 label{
  margin-bottom:11px !important;
}

.final-lead-form-v656 input,
.final-lead-form-v656 textarea{
  padding:12px 14px !important;
}

.final-lead-form-v656 textarea{
  min-height:84px !important;
}

.final-lead-note-v656{
  margin:-3px 0 8px !important;
}

.final-lead-status-v656{
  min-height:18px !important;
  margin-bottom:8px !important;
}

.final-lead-submit-v656{
  min-height:52px !important;
  white-space:nowrap !important;
}

@media (max-height:820px) and (min-width:1000px){
  .final-lead-v656{
    padding:46px 0 46px !important;
  }

  .final-lead-left-v656,
  .final-lead-form-v656{
    min-height:0 !important;
  }

  .final-lead-benefits-v656 article{
    min-height:122px !important;
    height:122px !important;
  }

  .final-lead-form-v656{
    padding:26px 26px 24px !important;
  }

  .final-lead-copy-v656 h2{
    margin-bottom:18px !important;
  }
}

@media (max-width:980px){
  .final-lead-left-v656,
  .final-lead-form-v656{
    height:auto !important;
  }

  .final-lead-benefits-v656 article{
    height:auto !important;
    min-height:118px !important;
  }
}

/* === v6.57 final lead align END === */


/* === v6.58 final lead fix START === */

.final-lead-left-v656{
  padding:0 !important;
  justify-content:space-between !important;
}

.final-lead-copy-v656{
  margin:0 !important;
  padding:0 !important;
}

.final-lead-eyebrow-v656{
  margin-top:0 !important;
}

.final-lead-benefits-v656{
  margin-top:auto !important;
  align-items:stretch !important;
}

.final-lead-benefits-v656 article{
  height:152px !important;
  min-height:152px !important;
  padding:15px 16px 14px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.final-lead-benefits-v656 span{
  width:40px !important;
  height:40px !important;
  margin-bottom:10px !important;
  border-radius:14px !important;
}

.final-lead-benefits-v656 svg{
  width:22px !important;
  height:22px !important;
}

.final-lead-benefits-v656 b{
  font-size:21px !important;
  line-height:1 !important;
  margin-bottom:6px !important;
}

.final-lead-benefits-v656 p{
  font-size:12.7px !important;
  line-height:1.18 !important;
  margin:0 !important;
}

.final-lead-form-v656{
  padding:28px 28px 26px !important;
}

.final-lead-file-custom-v658{
  position:relative !important;
  display:block !important;
  margin:0 0 10px !important;
  cursor:pointer !important;
}

.final-lead-file-title-v658{
  display:block !important;
  margin-bottom:7px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.final-lead-file-box-v658{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-height:44px !important;
  padding:7px 11px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.09) !important;
  box-sizing:border-box !important;
}

.final-lead-file-button-v658{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  background:#ffffff !important;
  color:#08251c !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.final-lead-file-name-v658{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.74) !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.final-lead-file-custom-v658 input[type="file"]{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:44px !important;
  opacity:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  cursor:pointer !important;
  z-index:3 !important;
}

.final-lead-submit-v656{
  white-space:nowrap !important;
}

@media (max-height:820px) and (min-width:1000px){
  .final-lead-benefits-v656 article{
    height:146px !important;
    min-height:146px !important;
    padding:14px 15px 13px !important;
  }

  .final-lead-benefits-v656 b{
    font-size:20px !important;
  }

  .final-lead-benefits-v656 p{
    font-size:12.3px !important;
    line-height:1.16 !important;
  }
}

@media (max-width:980px){
  .final-lead-benefits-v656 article{
    height:auto !important;
    min-height:128px !important;
  }
}

/* === v6.58 final lead fix END === */


/* === v6.59 cta video seo footer START === */

/* nav */
.site-header a[href="#reviews"],
.header a[href="#reviews"],
nav a[href="#reviews"]{
  white-space:nowrap;
}

/* block 2: install video trust */
.install-video-v659{
  position:relative;
  padding:58px 0 58px;
  background:
    radial-gradient(circle at 18% 28%,rgba(117,231,84,.16),transparent 28%),
    radial-gradient(circle at 82% 62%,rgba(117,231,84,.11),transparent 24%),
    linear-gradient(180deg,#fbfdfb 0%,#f4fbf2 100%);
}

.install-shell-v659{
  width:min(1420px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) 380px 300px;
  gap:44px;
  align-items:center;
  padding:46px 38px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:34px;
  background:rgba(255,255,255,.78);
  box-shadow:0 24px 70px rgba(8,37,28,.08);
}

.install-eyebrow-v659{
  margin-bottom:16px;
  color:#203d34;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.install-copy-v659 h2{
  max-width:660px;
  margin:0 0 18px;
  color:#08251c;
  font-size:clamp(38px,3.7vw,62px);
  line-height:.95;
  letter-spacing:-.035em;
}

.install-copy-v659 > p{
  max-width:690px;
  margin:0 0 26px;
  color:#4f625b;
  font-size:17px;
  line-height:1.42;
}

.install-proof-v659{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.install-proof-v659 article{
  min-height:94px;
  display:grid;
  grid-template-columns:42px 1fr;
  column-gap:12px;
  align-items:center;
  padding:13px 16px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 36px rgba(8,37,28,.055);
}

.install-proof-v659 span{
  grid-row:1/3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#2e9e22;
  background:linear-gradient(180deg,#f2ffef,#e4fbdd);
  border:1px solid rgba(58,190,40,.22);
  font-weight:900;
}

.install-proof-v659 b{
  color:#08251c;
  font-size:16px;
  line-height:1.05;
}

.install-proof-v659 p{
  margin:5px 0 0;
  color:#5b6b66;
  font-size:13px;
  line-height:1.22;
}

.install-video-wrap-v659{
  display:flex;
  justify-content:center;
}

.install-phone-v659{
  position:relative;
  width:340px;
  aspect-ratio:9/16;
  overflow:hidden;
  border:10px solid #17231f;
  border-radius:34px;
  background:#111;
  box-shadow:0 26px 60px rgba(8,37,28,.26);
}

.install-phone-v659 video,
.install-video-v659-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:24px;
}

.install-video-badge-v659{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  padding:9px 16px;
  border-radius:999px;
  color:#fff;
  background:rgba(16,22,20,.78);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
}

.install-facts-v659{
  display:grid;
  gap:18px;
}

.install-facts-v659 article{
  display:grid;
  grid-template-columns:58px 1fr;
  column-gap:16px;
  align-items:center;
  min-height:112px;
  padding:20px;
  border:1px solid rgba(8,37,28,.09);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 44px rgba(8,37,28,.07);
}

.install-facts-v659 span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(180deg,#f2ffef,#e3fbdd);
  border:1px solid rgba(58,190,40,.22);
}

.install-facts-v659 svg{
  width:30px;
  height:30px;
  fill:#45b738;
}

.install-facts-v659 small{
  display:block;
  margin-bottom:6px;
  color:#2e9e22;
  font-weight:900;
  font-size:12px;
  line-height:1;
}

.install-facts-v659 b{
  display:block;
  color:#08251c;
  font-size:22px;
  line-height:1.08;
}

/* general modal */
.general-lead-overlay-v659{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,28,22,.72);
  backdrop-filter:blur(10px);
}

.general-lead-overlay-v659.is-open{
  display:flex;
}

.general-lead-card-v659{
  position:relative;
  width:min(940px,100%);
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 90px rgba(4,22,14,.34);
}

.general-lead-info-v659{
  padding:42px 38px;
  background:
    radial-gradient(circle at 14% 26%,rgba(95,224,64,.16),transparent 32%),
    linear-gradient(145deg,#fff 0%,#f7fff6 100%);
}

.general-lead-info-v659 p,
.general-lead-success-v659 p{
  margin:0 0 12px;
  color:#39b82e;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.general-lead-info-v659 h2,
.general-lead-success-v659 h2{
  margin:0 0 16px;
  color:#08251c;
  font-size:42px;
  line-height:.94;
  letter-spacing:-.03em;
}

.general-lead-info-v659 span,
.general-lead-success-v659 span{
  display:block;
  color:#60706a;
  font-size:17px;
  line-height:1.42;
}

.general-lead-form-v659{
  padding:34px;
  background:#09241a;
  color:#fff;
}

.general-lead-form-v659 label{
  display:block;
  margin:0 0 12px;
  color:rgba(255,255,255,.74);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.general-lead-form-v659 input,
.general-lead-form-v659 textarea{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#fff;
  padding:13px 14px;
  font:inherit;
  outline:none;
  box-sizing:border-box;
}

.general-lead-form-v659 input:focus,
.general-lead-form-v659 textarea:focus{
  border-color:#58d642;
  box-shadow:0 0 0 3px rgba(88,214,66,.18);
}

.general-lead-row-v659{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.general-lead-form-v659 textarea{
  min-height:88px;
  resize:vertical;
}

.general-lead-file-v659{
  position:relative;
  cursor:pointer;
}

.general-lead-file-v659 > span:first-child{
  display:block;
  margin-bottom:7px;
}

.general-lead-filebox-v659{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  box-sizing:border-box;
}

.general-lead-filebox-v659 i{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 14px;
  border-radius:10px;
  background:#fff;
  color:#08251c;
  font-size:13px;
  line-height:1;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}

.general-lead-filebox-v659 b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.74);
  font-size:12px;
  line-height:1.1;
  font-weight:700;
}

.general-lead-file-v659 input[type="file"]{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:44px;
  opacity:0;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer;
}

.general-lead-status-v659{
  min-height:20px;
  margin:0 0 10px;
  color:#ffd4b0;
  font-size:12px;
  line-height:1.25;
}

.general-lead-status-v659.is-success{
  color:#98ff84;
}

.general-lead-submit-v659{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#80ec4b,#31bf20);
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(72,210,48,.35);
}

.general-lead-close-v659{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border:1px solid rgba(8,37,28,.12);
  border-radius:50%;
  background:#fff;
  color:#08251c;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.general-lead-success-v659{
  display:none;
  grid-column:1/-1;
  padding:48px;
}

.general-lead-card-v659.is-success .general-lead-info-v659,
.general-lead-card-v659.is-success .general-lead-form-v659{
  display:none;
}

.general-lead-card-v659.is-success .general-lead-success-v659{
  display:block;
}

/* SEO FAQ */
.seo-faq-v659{
  padding:62px 0 64px;
  background:linear-gradient(180deg,#f7fff7 0%,#fff 100%);
}

.seo-faq-shell-v659{
  width:min(1120px,calc(100% - 52px));
  margin:0 auto;
}

.seo-faq-head-v659{
  max-width:780px;
  margin:0 auto 28px;
  text-align:center;
}

.seo-faq-head-v659 p{
  margin:0 0 12px;
  color:#35b72a;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.seo-faq-head-v659 h2{
  margin:0;
  color:#08251c;
  font-size:clamp(34px,3.4vw,54px);
  line-height:.95;
  letter-spacing:-.035em;
}

.seo-faq-head-v659 span{
  display:block;
  max-width:660px;
  margin:16px auto 0;
  color:#5a6964;
  font-size:16px;
  line-height:1.45;
}

.seo-faq-grid-v659{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.seo-faq-grid-v659 details{
  border:1px solid rgba(8,37,28,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 40px rgba(8,37,28,.055);
  overflow:hidden;
}

.seo-faq-grid-v659 summary{
  cursor:pointer;
  padding:18px 20px;
  color:#08251c;
  font-size:17px;
  line-height:1.18;
  font-weight:900;
  list-style:none;
}

.seo-faq-grid-v659 summary::-webkit-details-marker{
  display:none;
}

.seo-faq-grid-v659 summary:after{
  content:"+";
  float:right;
  color:#35b72a;
  font-weight:900;
}

.seo-faq-grid-v659 details[open] summary:after{
  content:"−";
}

.seo-faq-grid-v659 p{
  margin:0;
  padding:0 20px 18px;
  color:#5b6b66;
  font-size:15px;
  line-height:1.45;
}

/* Footer */
.site-footer-v659{
  padding:46px 0 26px;
  background:#08251c;
  color:#dfeee4;
}

.site-footer-shell-v659{
  width:min(1180px,calc(100% - 52px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr 1.25fr;
  gap:34px;
}

.site-footer-v659 img{
  width:150px;
  height:auto;
  margin-bottom:18px;
  filter:brightness(0) invert(1);
}

.site-footer-v659 h3{
  margin:0 0 14px;
  color:#fff;
  font-size:18px;
  line-height:1.1;
}

.site-footer-v659 p,
.site-footer-v659 a{
  margin:0 0 8px;
  color:#dfeee4;
  font-size:14px;
  line-height:1.35;
}

.site-footer-v659 a{
  display:block;
  text-decoration:none;
}

.footer-phone-v659{
  margin-top:14px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900;
}

.site-footer-bottom-v659{
  width:min(1180px,calc(100% - 52px));
  margin:28px auto 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.35;
}

/* keep final lead compact */
.final-lead-file-custom-v658 input[type="file"],
.final-lead-file-v656 input[type="file"]{
  color:transparent;
}

/* responsive */
@media (max-width:1180px){
  .install-shell-v659{
    grid-template-columns:1fr;
  }

  .install-video-wrap-v659{
    order:2;
  }

  .install-facts-v659{
    order:3;
    grid-template-columns:repeat(3,1fr);
  }

  .install-phone-v659{
    width:min(360px,100%);
  }
}

@media (max-width:900px){
  .general-lead-card-v659{
    grid-template-columns:1fr;
  }

  .general-lead-info-v659,
  .general-lead-form-v659{
    padding:28px 22px;
  }

  .general-lead-info-v659 h2,
  .general-lead-success-v659 h2{
    font-size:32px;
  }

  .general-lead-row-v659,
  .install-proof-v659,
  .install-facts-v659,
  .seo-faq-grid-v659,
  .site-footer-shell-v659{
    grid-template-columns:1fr;
  }

  .site-footer-bottom-v659{
    flex-direction:column;
  }
}

@media (max-width:640px){
  .install-shell-v659,
  .seo-faq-shell-v659,
  .site-footer-shell-v659,
  .site-footer-bottom-v659{
    width:min(100% - 28px,1180px);
  }

  .install-copy-v659 h2{
    font-size:34px;
  }

  .install-shell-v659{
    padding:28px 18px;
  }
}

/* === v6.59 cta video seo footer END === */


/* === v6.60 forms video fix START === */

.general-lead-info-v659 h2{
  max-width:330px;
}

.general-lead-info-v659 span{
  max-width:350px;
}

.general-lead-form-v659 input,
.general-lead-form-v659 textarea{
  color:#fff!important;
}

.general-lead-form-v659 input:-webkit-autofill,
.general-lead-form-v659 input:-webkit-autofill:hover,
.general-lead-form-v659 input:-webkit-autofill:focus{
  -webkit-text-fill-color:#08251c!important;
  box-shadow:0 0 0 1000px #eaf4ff inset!important;
}

.general-lead-status-v659{
  min-height:22px!important;
}

.install-video-v660{
  padding:52px 0 52px!important;
}

.install-shell-v660{
  grid-template-columns:minmax(0,1.06fr) 360px 290px!important;
  gap:40px!important;
}

.install-copy-v660 h2{
  max-width:700px!important;
  font-size:clamp(38px,3.6vw,60px)!important;
  line-height:.94!important;
}

.install-copy-v660 > p{
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.42!important;
}

.install-proof-v660 article{
  min-height:98px!important;
}

.install-proof-v660 p{
  font-size:13px!important;
  line-height:1.22!important;
}

.install-facts-v660 article{
  min-height:108px!important;
}

.install-facts-v660 b{
  font-size:21px!important;
}

.install-phone-v659{
  width:330px!important;
}

.install-video-v660-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

@media (max-height:820px) and (min-width:1000px){
  .install-video-v660{
    padding:44px 0 44px!important;
  }

  .install-shell-v660{
    padding:38px 34px!important;
  }

  .install-copy-v660 h2{
    font-size:clamp(36px,3.4vw,56px)!important;
  }

  .install-copy-v660 > p{
    font-size:16px!important;
    line-height:1.36!important;
    margin-bottom:22px!important;
  }
}

@media (max-width:1180px){
  .install-shell-v660{
    grid-template-columns:1fr!important;
  }
}

/* === v6.60 forms video fix END === */


/* === v6.61 top form block2 START === */

/* general top modal */
.general-lead-info-v659 h2{
  max-width:360px!important;
  font-size:40px!important;
  line-height:.95!important;
}

.general-lead-info-v659 span{
  max-width:360px!important;
}

.general-lead-form-v659 input,
.general-lead-form-v659 textarea{
  color:#fff!important;
}

.general-lead-form-v659 input:-webkit-autofill,
.general-lead-form-v659 input:-webkit-autofill:hover,
.general-lead-form-v659 input:-webkit-autofill:focus{
  -webkit-text-fill-color:#08251c!important;
  box-shadow:0 0 0 1000px #eaf4ff inset!important;
}

.general-lead-status-v659{
  min-height:22px!important;
}

/* block 2 materials/trust cards */
.install-video-v661{
  padding:52px 0 52px!important;
}

.install-shell-v661{
  grid-template-columns:minmax(0,1.08fr) 360px 290px!important;
  gap:40px!important;
}

.install-copy-v661 h2{
  max-width:700px!important;
  font-size:clamp(38px,3.55vw,58px)!important;
  line-height:.94!important;
}

.install-copy-v661 > p{
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.42!important;
  margin-bottom:24px!important;
}

.install-materials-v661{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

.install-materials-v661 article{
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:15px 18px!important;
  border:1px solid rgba(8,37,28,.09)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 36px rgba(8,37,28,.055)!important;
}

.install-materials-v661 span{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#2e9e22!important;
  background:linear-gradient(180deg,#f2ffef,#e4fbdd)!important;
  border:1px solid rgba(58,190,40,.22)!important;
  box-shadow:0 10px 24px rgba(73,196,52,.12)!important;
}

.install-materials-v661 svg{
  width:29px!important;
  height:29px!important;
  fill:#45b738!important;
}

.install-materials-v661 b{
  display:block!important;
  margin:0 0 5px!important;
  color:#08251c!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

.install-materials-v661 p{
  margin:0!important;
  color:#5b6b66!important;
  font-size:13px!important;
  line-height:1.23!important;
}

.install-facts-v661 article{
  min-height:108px!important;
}

.install-facts-v661 b{
  font-size:21px!important;
}

.install-phone-v659{
  width:330px!important;
}

.install-video-v661-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

@media (max-height:820px) and (min-width:1000px){
  .install-video-v661{
    padding:44px 0 44px!important;
  }

  .install-shell-v661{
    padding:38px 34px!important;
  }

  .install-copy-v661 h2{
    font-size:clamp(36px,3.35vw,54px)!important;
  }

  .install-copy-v661 > p{
    font-size:16px!important;
    line-height:1.36!important;
    margin-bottom:22px!important;
  }

  .install-materials-v661 article{
    min-height:92px!important;
    padding:14px 16px!important;
  }

  .install-materials-v661 b{
    font-size:16px!important;
  }

  .install-materials-v661 p{
    font-size:12.5px!important;
  }
}

@media (max-width:1180px){
  .install-shell-v661{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  .install-materials-v661{
    grid-template-columns:1fr!important;
  }
}

/* === v6.61 top form block2 END === */


/* === v6.69 telegram modal safety START === */
.general-lead-overlay-v659.is-open{
  display:flex!important;
}

.general-lead-card-v659.is-success .general-lead-info-v659,
.general-lead-card-v659.is-success .general-lead-form-v659{
  display:none!important;
}

.general-lead-card-v659.is-success .general-lead-success-v659{
  display:block!important;
}

.general-lead-status-v659{
  min-height:22px!important;
}

.general-lead-status-v659.is-success{
  color:#98ff84!important;
}
/* === v6.69 telegram modal safety END === */


/* === v6.76 disciplined css START === */

/* Hero exact lines */
.hero-title-v676{
  max-width:760px!important;
  width:760px!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

.hero-title-v676 span{
  display:block!important;
  white-space:nowrap!important;
}

@media (min-width:1200px){
  .hero-title-v676{
    font-size:clamp(56px,4.7vw,78px)!important;
  }
}

/* Install block */
.install-video-v676{
  position:relative;
  padding:52px 0!important;
  background:
    radial-gradient(circle at 16% 24%,rgba(117,231,84,.14),transparent 28%),
    radial-gradient(circle at 84% 66%,rgba(117,231,84,.10),transparent 24%),
    linear-gradient(180deg,#fbfdfb 0%,#f4fbf2 100%)!important;
}

.install-shell-v676{
  width:min(1420px,calc(100% - 64px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) 360px 270px!important;
  gap:40px!important;
  align-items:center!important;
  padding:44px 38px!important;
  border:1px solid rgba(8,37,28,.09)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 24px 70px rgba(8,37,28,.08)!important;
}

.install-eyebrow-v676{
  margin-bottom:16px!important;
  color:#203d34!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.install-copy-v676 h2{
  max-width:700px!important;
  margin:0 0 18px!important;
  color:#08251c!important;
  font-size:clamp(38px,3.55vw,58px)!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
}

.install-copy-v676 > p{
  max-width:720px!important;
  margin:0 0 24px!important;
  color:#4f625b!important;
  font-size:17px!important;
  line-height:1.42!important;
}

.install-materials-v676{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

.install-materials-v676 article{
  min-height:98px!important;
  display:grid!important;
  grid-template-columns:66px 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:15px 18px!important;
  border:1px solid rgba(8,37,28,.09)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 88% 84%,rgba(112,230,83,.14),transparent 42%),
    rgba(255,255,255,.96)!important;
  box-shadow:0 14px 36px rgba(8,37,28,.055)!important;
}

.mat-icon-v676{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f4fff1,#e4fbdd)!important;
  border:1px solid rgba(58,190,40,.24)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.65),
    0 12px 26px rgba(64,185,47,.16)!important;
}

.mat-icon-v676 img{
  width:43px!important;
  height:43px!important;
  display:block!important;
  object-fit:contain!important;
}

.install-materials-v676 b{
  display:block!important;
  margin:0 0 5px!important;
  color:#08251c!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

.install-materials-v676 p{
  margin:0!important;
  color:#5b6b66!important;
  font-size:13px!important;
  line-height:1.23!important;
}

.install-video-wrap-v676{
  display:flex!important;
  justify-content:center!important;
}

.install-phone-v676{
  position:relative!important;
  width:330px!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  border:10px solid #17231f!important;
  border-radius:34px!important;
  background:#111!important;
  box-shadow:0 26px 60px rgba(8,37,28,.26)!important;
}

.install-phone-v676 video,
.install-video-v676-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:24px!important;
}

.install-video-badge-v676{
  position:absolute!important;
  top:20px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:2!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(16,22,20,.78)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  font-weight:900!important;
  font-size:13px!important;
  white-space:nowrap!important;
}

.install-facts-v676{
  display:grid!important;
  gap:18px!important;
}

.install-facts-v676 article{
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  column-gap:16px!important;
  align-items:center!important;
  min-height:112px!important;
  padding:20px!important;
  border:1px solid rgba(8,37,28,.09)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 44px rgba(8,37,28,.07)!important;
}

.install-facts-v676 article > span{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f2ffef,#e3fbdd)!important;
  border:1px solid rgba(58,190,40,.22)!important;
  color:#45b738!important;
  font-size:30px!important;
  font-weight:900!important;
}

.install-facts-v676 small{
  display:block!important;
  margin-bottom:6px!important;
  color:#2e9e22!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1!important;
}

.install-facts-v676 b{
  display:block!important;
  color:#08251c!important;
  font-size:22px!important;
  line-height:1.08!important;
}

/* Hide old material modal only while our modal is open */
html:has(.am-stage-modal-v676.is-open) [class*="materials-lightbox"]:not(.am-stage-modal-v676),
html:has(.am-stage-modal-v676.is-open) [class*="materials-modal"]:not(.am-stage-modal-v676){
  display:none!important;
}

/* Clean material stage modal */
.am-stage-modal-v676{
  position:fixed!important;
  inset:0!important;
  z-index:99990!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px!important;
  background:rgba(13,30,24,.76)!important;
  backdrop-filter:blur(10px)!important;
}

.am-stage-modal-v676.is-open{
  display:flex!important;
}

.am-stage-dialog-v676{
  position:relative!important;
  width:min(960px,calc(100vw - 90px))!important;
  max-height:82vh!important;
  display:grid!important;
  grid-template-columns:390px 1fr!important;
  gap:38px!important;
  align-items:center!important;
  overflow:visible!important;
  padding:28px!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(0,0,0,.35)!important;
  box-sizing:border-box!important;
}

.am-stage-image-v676{
  height:520px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(8,37,28,.10)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(102,225,72,.09),transparent 28%),
    #f8fbf7!important;
}

.am-stage-image-v676 img{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}

.am-stage-content-v676{
  min-width:0!important;
}

.am-stage-count-v676{
  margin-bottom:12px!important;
  color:#2dbb25!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.am-stage-content-v676 h3{
  margin:0 0 14px!important;
  color:#08251c!important;
  font-size:44px!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

.am-stage-text-v676{
  margin:0 0 22px!important;
  color:#60706b!important;
  font-size:18px!important;
  line-height:1.36!important;
}

.am-stage-form-v676{
  width:100%!important;
  max-width:390px!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#08251c,#0b3427)!important;
  box-shadow:0 24px 54px rgba(8,37,28,.26)!important;
}

.am-stage-form-v676 b{
  display:block!important;
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1.08!important;
}

.am-stage-grid-v676{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

.am-stage-form-v676 label{
  display:block!important;
  color:rgba(255,255,255,.72)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

.am-stage-form-v676 input,
.am-stage-form-v676 textarea{
  width:100%!important;
  margin-top:7px!important;
  padding:13px 14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:15px!important;
  line-height:1.25!important;
  outline:none!important;
  box-sizing:border-box!important;
}

.am-stage-comment-v676{
  margin-top:12px!important;
}

.am-stage-form-v676 textarea{
  min-height:76px!important;
  resize:none!important;
}

.am-stage-status-v676{
  min-height:18px!important;
  margin:9px 0!important;
  color:#ffd4b0!important;
  font-size:12px!important;
  line-height:1.25!important;
}

.am-stage-status-v676.is-success{
  color:#98ff84!important;
}

.am-stage-form-v676 button[type="submit"]{
  width:100%!important;
  min-height:56px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#70e84b,#35b91d)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 18px 38px rgba(57,195,31,.28)!important;
  cursor:pointer!important;
}

.am-stage-close-v676{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:3!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(8,37,28,.12)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#08251c!important;
  font-size:24px!important;
  cursor:pointer!important;
}

.am-stage-nav-v676{
  position:absolute!important;
  top:50%!important;
  z-index:3!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#2dbb25!important;
  font-size:34px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(0,0,0,.12)!important;
  cursor:pointer!important;
}

.am-stage-prev-v676{
  left:-24px!important;
}

.am-stage-next-v676{
  right:-24px!important;
}

body{
  overflow-x:hidden!important;
}

@media (max-height:820px) and (min-width:1000px){
  .install-video-v676{
    padding:44px 0!important;
  }

  .install-shell-v676{
    padding:38px 34px!important;
  }

  .install-copy-v676 h2{
    font-size:clamp(36px,3.35vw,54px)!important;
  }

  .install-copy-v676 > p{
    font-size:16px!important;
    line-height:1.36!important;
    margin-bottom:22px!important;
  }

  .am-stage-image-v676{
    height:460px!important;
  }

  .am-stage-content-v676 h3{
    font-size:40px!important;
  }
}

@media (max-width:1180px){
  .install-shell-v676{
    grid-template-columns:1fr!important;
  }

  .install-facts-v676{
    grid-template-columns:1fr 1fr!important;
  }

  .am-stage-dialog-v676{
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }

  .am-stage-image-v676{
    height:360px!important;
  }
}

@media (max-width:760px){
  .install-materials-v676,
  .install-facts-v676{
    grid-template-columns:1fr!important;
  }

  .hero-title-v676{
    width:auto!important;
  }

  .hero-title-v676 span{
    white-space:normal!important;
  }
}

/* === v6.76 disciplined css END === */



/* === v6.77 clean hero, icons, stage modal QA START === */
html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

.hero-grid{
  grid-template-columns:minmax(0,700px) minmax(0,1fr)!important;
  gap:clamp(34px,3.2vw,56px)!important;
}

.hero-copy{
  width:100%!important;
  max-width:700px!important;
  min-width:0!important;
}

.hero-title-v676{
  width:auto!important;
  max-width:100%!important;
  line-height:.99!important;
  letter-spacing:-.047em!important;
  overflow:visible!important;
}

.hero-title-v676 span{
  display:block!important;
  white-space:nowrap!important;
}

.before-after{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}

.materials-gallery-modal-v650{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.install-video-v676{
  overflow:hidden!important;
}

.install-shell-v676{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,360px) minmax(240px,270px)!important;
}

.install-materials-v676 article{
  grid-template-columns:64px minmax(0,1fr)!important;
}

.mat-icon-v676 img{
  width:44px!important;
  height:44px!important;
}

.am-stage-modal-v676{
  padding:24px!important;
  background:rgba(13,30,24,.70)!important;
}

.am-stage-dialog-v676{
  width:min(900px,calc(100vw - 64px))!important;
  max-height:82vh!important;
  display:grid!important;
  grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  padding:26px!important;
  overflow:visible!important;
  border-radius:28px!important;
}

.am-stage-image-v676{
  width:100%!important;
  height:min(430px,70vh)!important;
  max-height:430px!important;
}

.am-stage-content-v676{
  min-width:0!important;
}

.am-stage-count-v676{
  margin-bottom:10px!important;
}

.am-stage-content-v676 h3{
  font-size:clamp(34px,3.2vw,42px)!important;
  margin-bottom:12px!important;
}

.am-stage-text-v676{
  font-size:16px!important;
  line-height:1.4!important;
  margin-bottom:18px!important;
}

.am-stage-form-v676{
  width:100%!important;
  max-width:100%!important;
  padding:20px!important;
  border-radius:20px!important;
}

.am-stage-form-v676 b{
  font-size:21px!important;
  margin-bottom:13px!important;
}

.am-stage-grid-v676{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

.am-stage-form-v676 input,
.am-stage-form-v676 textarea{
  font-size:15px!important;
  padding:12px 13px!important;
}

.am-stage-form-v676 textarea{
  min-height:68px!important;
}

.am-stage-form-v676 button[type="submit"]{
  min-height:52px!important;
}

.am-stage-status-v676{
  min-height:17px!important;
  margin:8px 0!important;
}

.am-stage-prev-v676{
  left:-24px!important;
}

.am-stage-next-v676{
  right:-24px!important;
}

@media (max-width:1499px) and (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(0,clamp(590px,44vw,630px)) minmax(0,1fr)!important;
    gap:clamp(30px,2.6vw,42px)!important;
  }

  .hero-copy{
    max-width:630px!important;
  }

  .hero-title-v676{
    font-size:clamp(54px,4.25vw,64px)!important;
  }
}

@media (max-width:1200px){
  .hero-grid{
    grid-template-columns:1fr!important;
  }

  .hero-copy{
    max-width:760px!important;
  }

  .install-shell-v676{
    grid-template-columns:1fr!important;
  }

  .install-facts-v676{
    grid-template-columns:1fr 1fr!important;
  }

  .am-stage-dialog-v676{
    width:min(760px,calc(100vw - 40px))!important;
    grid-template-columns:1fr!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
  }

  .am-stage-image-v676{
    height:300px!important;
    max-height:34vh!important;
  }

  .am-stage-prev-v676{
    left:12px!important;
  }

  .am-stage-next-v676{
    right:12px!important;
  }
}

@media (max-width:760px){
  .hero-title-v676{
    width:auto!important;
    max-width:100%!important;
    font-size:clamp(30px,8.6vw,36px)!important;
    letter-spacing:-.045em!important;
  }

  .hero-title-v676 span{
    white-space:nowrap!important;
  }

  .hero-facts{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
  }

  .hero-facts article{
    min-width:0!important;
    width:100%!important;
  }

  .install-shell-v676{
    width:min(100% - 24px,1420px)!important;
    padding:24px 16px!important;
    border-radius:24px!important;
  }

  .install-materials-v676,
  .install-facts-v676{
    grid-template-columns:1fr!important;
  }

  .install-phone-v676{
    width:min(290px,86vw)!important;
  }

  .am-stage-modal-v676{
    padding:10px!important;
    align-items:flex-start!important;
    overflow:auto!important;
  }

  .am-stage-dialog-v676{
    width:calc(100vw - 20px)!important;
    max-height:none!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:16px!important;
    border-radius:22px!important;
    overflow:visible!important;
  }

  .am-stage-image-v676{
    height:220px!important;
    max-height:32vh!important;
    border-radius:18px!important;
  }

  .am-stage-content-v676 h3{
    font-size:32px!important;
  }

  .am-stage-text-v676{
    font-size:15px!important;
  }

  .am-stage-grid-v676{
    grid-template-columns:1fr!important;
  }

  .am-stage-comment-v676,
  .am-stage-form-v676 textarea{
    display:block!important;
  }

  .am-stage-close-v676{
    top:10px!important;
    right:10px!important;
  }

  .am-stage-nav-v676{
    width:42px!important;
    height:42px!important;
    font-size:28px!important;
    top:126px!important;
  }

  .am-stage-prev-v676{
    left:18px!important;
  }

  .am-stage-next-v676{
    right:18px!important;
  }

  .flip-carousel,
  .flip-stage,
  .works,
  .book-stage,
  .final-lead-section-v656,
  .final-lead-shell-v656{
    overflow:hidden!important;
    max-width:100%!important;
  }

  .work-slide.prev1,
  .work-slide.prev2,
  .work-slide.next1,
  .work-slide.next2{
    display:none!important;
  }

  .final-lead-shell-v656{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .final-lead-form-v656{
    width:100%!important;
    max-width:100%!important;
  }
}
/* === v6.77 clean hero, icons, stage modal QA END === */


/* === v6.78 hero mobile footer START === */

html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body{
  -webkit-text-size-adjust:100%;
}

img,
video{
  max-width:100%!important;
}

/* Первый экран: заголовок теперь держится в ширине блока с плашками */
@media (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(0,610px) minmax(0,1fr)!important;
    gap:clamp(48px,4.2vw,82px)!important;
    align-items:center!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:610px!important;
    min-width:0!important;
  }

  .hero-title-v676{
    width:100%!important;
    max-width:610px!important;
    margin-bottom:22px!important;
    font-size:clamp(44px,2.9vw,54px)!important;
    line-height:1.045!important;
    letter-spacing:-.043em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .hero-text{
    max-width:560px!important;
  }

  .hero-facts{
    width:100%!important;
    max-width:610px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    overflow:visible!important;
  }

  .hero-facts article{
    min-width:0!important;
  }

  .before-after{
    min-width:0!important;
    width:100%!important;
    justify-self:end!important;
  }
}

@media (min-width:1800px){
  .hero-grid{
    grid-template-columns:minmax(0,650px) minmax(0,1fr)!important;
  }

  .hero-copy,
  .hero-title-v676,
  .hero-facts{
    max-width:650px!important;
  }

  .hero-title-v676{
    font-size:clamp(54px,2.95vw,58px)!important;
  }

  .hero-text{
    max-width:600px!important;
  }
}

@media (max-width:1499px) and (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(0,575px) minmax(0,1fr)!important;
    gap:clamp(38px,3.6vw,58px)!important;
  }

  .hero-copy,
  .hero-title-v676,
  .hero-facts{
    max-width:575px!important;
  }

  .hero-title-v676{
    font-size:clamp(42px,3.05vw,48px)!important;
    line-height:1.055!important;
  }

  .hero-text{
    max-width:535px!important;
  }
}

@media (max-height:860px) and (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(0,575px) minmax(0,1fr)!important;
  }

  .hero-copy,
  .hero-title-v676,
  .hero-facts{
    max-width:575px!important;
  }

  .hero-title-v676{
    font-size:clamp(42px,3vw,49px)!important;
    line-height:1.055!important;
    margin-bottom:18px!important;
  }

  .hero-buttons{
    margin-top:22px!important;
    margin-bottom:18px!important;
  }
}

/* Модалка предварительного согласования: форма не ниже нижней линии фото */
.am-stage-modal-v676{
  overflow:auto!important;
}

@media (min-width:1001px){
  .am-stage-dialog-v676{
    width:min(880px,calc(100vw - 64px))!important;
    max-height:82vh!important;
    display:grid!important;
    grid-template-columns:minmax(290px,315px) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    padding:24px!important;
    overflow:visible!important;
    border-radius:28px!important;
  }

  .am-stage-image-v676{
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    border-radius:21px!important;
  }

  .am-stage-image-v676 img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }

  .am-stage-content-v676{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .am-stage-count-v676{
    margin-bottom:8px!important;
    font-size:15px!important;
  }

  .am-stage-content-v676 h3{
    margin-bottom:10px!important;
    font-size:clamp(34px,2.8vw,40px)!important;
    line-height:1!important;
  }

  .am-stage-text-v676{
    margin-bottom:14px!important;
    font-size:15px!important;
    line-height:1.38!important;
  }

  .am-stage-form-v676{
    width:100%!important;
    max-width:none!important;
    margin-top:auto!important;
    padding:18px!important;
    border-radius:20px!important;
  }

  .am-stage-form-v676 b{
    margin-bottom:12px!important;
    font-size:20px!important;
    line-height:1.08!important;
  }

  .am-stage-grid-v676{
    gap:9px!important;
  }

  .am-stage-form-v676 input,
  .am-stage-form-v676 textarea{
    margin-top:6px!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }

  .am-stage-form-v676 textarea{
    min-height:58px!important;
  }

  .am-stage-status-v676{
    min-height:16px!important;
    margin:7px 0!important;
  }

  .am-stage-form-v676 button[type="submit"]{
    min-height:48px!important;
    border-radius:15px!important;
    font-size:16px!important;
  }

  .am-stage-close-v676{
    top:14px!important;
    right:14px!important;
    width:38px!important;
    height:38px!important;
  }

  .am-stage-prev-v676{
    left:-22px!important;
  }

  .am-stage-next-v676{
    right:-22px!important;
  }
}

/* Блок "Сначала всё согласуем" — без вылезаний и горизонтального скролла */
.materials-stage-v650,
.materials-shell-v650,
.materials-flow-v650,
.materials-cta-v650{
  max-width:100%!important;
  overflow:visible!important;
}

.materials-step-card-v650{
  min-width:0!important;
}

.materials-cta-v650{
  align-items:center!important;
}

.materials-cta-action-v650{
  align-self:center!important;
}

/* Подвал: возвращаем аккуратный оформленный вариант */
.site-footer-v671{
  padding:50px 0 28px!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(94,220,62,.16),transparent 34%),
    linear-gradient(180deg,#0a2a20 0%,#061b14 100%)!important;
  color:#dfeee4!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.site-footer-shell-v671{
  width:min(1180px,calc(100% - 52px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.25fr!important;
  gap:34px!important;
  align-items:start!important;
}

.footer-brand-v671,
.footer-office-v671,
.footer-requisites-v671{
  min-width:0!important;
}

.footer-brand-v671 img{
  width:158px!important;
  height:auto!important;
  margin:0 0 18px!important;
  filter:brightness(0) invert(1)!important;
}

.site-footer-v671 b{
  display:block!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.15!important;
}

.site-footer-v671 span,
.site-footer-v671 a{
  display:block!important;
  margin:0 0 8px!important;
  color:#dfeee4!important;
  font-size:14px!important;
  line-height:1.38!important;
  text-decoration:none!important;
}

.site-footer-v671 a:hover{
  color:#9cff7d!important;
}

.footer-phone-v671{
  margin:4px 0 8px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
}

.site-footer-bottom-v671{
  width:min(1180px,calc(100% - 52px))!important;
  margin:28px auto 0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.site-footer-bottom-v671 span{
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
}

/* Мобильная адаптация */
@media (max-width:840px){
  :root{
    --wrap:calc(100vw - 24px)!important;
    --wide:calc(100vw - 24px)!important;
  }

  .site-header{
    position:sticky!important;
    top:8px!important;
    width:calc(100vw - 16px)!important;
    height:64px!important;
    margin:8px auto 0!important;
    padding:8px 10px 8px 12px!important;
    gap:8px!important;
    border-radius:20px!important;
  }

  .brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .brand img{
    height:40px!important;
    max-width:138px!important;
    object-fit:contain!important;
  }

  .main-nav,
  .phone{
    display:none!important;
  }

  .header-actions{
    flex:0 0 auto!important;
    gap:0!important;
  }

  .btn-header{
    min-height:44px!important;
    max-width:174px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  .btn-header .btn-icon{
    display:none!important;
  }

  .section{
    padding:54px 0 48px!important;
    scroll-margin-top:82px!important;
  }

  .hero{
    padding:18px 0 34px!important;
    min-height:auto!important;
  }

  .hero-grid{
    width:var(--wrap)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }

  .eyebrow{
    margin-bottom:12px!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.075em!important;
  }

  .hero-title-v676{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:18px!important;
    font-size:clamp(24px,7.1vw,32px)!important;
    line-height:1.09!important;
    letter-spacing:-.05em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .hero-text{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.48!important;
  }

  .hero-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:20px 0 16px!important;
  }

  .hero-buttons .btn{
    width:100%!important;
    min-height:52px!important;
  }

  .hero-facts{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
  }

  .hero-facts article{
    width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    padding:16px!important;
    border-radius:18px!important;
  }

  .before-after{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    border-radius:24px!important;
  }

  .ba-side em{
    top:14px!important;
    left:14px!important;
    min-width:56px!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  .ba-line span{
    width:44px!important;
    height:44px!important;
    font-size:15px!important;
  }

  .ba-note{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    transform:none!important;
    padding:13px 14px!important;
    border-radius:16px!important;
  }

  .ba-note strong{
    font-size:17px!important;
  }

  .ba-note small{
    font-size:12px!important;
  }

  .install-video-v676{
    padding:38px 0!important;
  }

  .install-shell-v676{
    width:var(--wrap)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:24px 16px!important;
    border-radius:24px!important;
  }

  .install-copy-v676 h2{
    max-width:100%!important;
    font-size:clamp(29px,8vw,36px)!important;
    line-height:1.02!important;
  }

  .install-copy-v676 > p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  .install-materials-v676,
  .install-facts-v676{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .install-materials-v676 article{
    grid-template-columns:56px minmax(0,1fr)!important;
    padding:14px!important;
  }

  .mat-icon-v676{
    width:50px!important;
    height:50px!important;
  }

  .mat-icon-v676 img{
    width:39px!important;
    height:39px!important;
  }

  .install-video-wrap-v676{
    order:2!important;
  }

  .install-facts-v676{
    order:3!important;
  }

  .install-phone-v676{
    width:min(300px,84vw)!important;
    margin:0 auto!important;
  }

  .materials-stage-v650{
    padding:42px 0!important;
  }

  .materials-shell-v650{
    width:var(--wrap)!important;
  }

  .materials-head-v650 h2{
    font-size:clamp(29px,8vw,36px)!important;
    line-height:1.03!important;
  }

  .materials-head-v650 p{
    font-size:15px!important;
    line-height:1.45!important;
  }

  .materials-flow-v650{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .materials-step-card-v650{
    min-height:auto!important;
    padding:16px!important;
    border-radius:18px!important;
  }

  .materials-step-img-v650{
    height:150px!important;
  }

  .materials-cta-v650{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:22px!important;
    border-radius:22px!important;
  }

  .am-stage-modal-v676{
    padding:10px!important;
    align-items:flex-start!important;
  }

  .am-stage-dialog-v676{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:15px!important;
    border-radius:22px!important;
    overflow:auto!important;
  }

  .am-stage-image-v676{
    width:100%!important;
    height:clamp(175px,31dvh,245px)!important;
    min-height:0!important;
    border-radius:17px!important;
  }

  .am-stage-count-v676{
    margin-bottom:6px!important;
    font-size:13px!important;
  }

  .am-stage-content-v676 h3{
    font-size:30px!important;
    line-height:1.02!important;
    margin-bottom:8px!important;
  }

  .am-stage-text-v676{
    font-size:14px!important;
    line-height:1.4!important;
    margin-bottom:12px!important;
  }

  .am-stage-form-v676{
    max-width:none!important;
    padding:16px!important;
    border-radius:18px!important;
  }

  .am-stage-form-v676 b{
    font-size:19px!important;
    margin-bottom:11px!important;
  }

  .am-stage-grid-v676{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .am-stage-form-v676 input,
  .am-stage-form-v676 textarea{
    padding:11px 12px!important;
    font-size:14px!important;
  }

  .am-stage-form-v676 textarea{
    min-height:58px!important;
  }

  .am-stage-form-v676 button[type="submit"]{
    min-height:48px!important;
  }

  .am-stage-close-v676{
    top:10px!important;
    right:10px!important;
    width:38px!important;
    height:38px!important;
  }

  .am-stage-nav-v676{
    width:40px!important;
    height:40px!important;
    font-size:27px!important;
    top:calc(15px + 15dvh)!important;
  }

  .am-stage-prev-v676{
    left:16px!important;
  }

  .am-stage-next-v676{
    right:16px!important;
  }

  .flip-carousel,
  .flip-stage,
  .works,
  .book-stage,
  .final-lead-section-v656,
  .final-lead-shell-v656,
  .reviews-grid,
  .price-grid,
  .process-grid{
    max-width:100%!important;
    overflow:hidden!important;
  }

  .work-slide.prev1,
  .work-slide.prev2,
  .work-slide.next1,
  .work-slide.next2{
    display:none!important;
  }

  .final-lead-shell-v656{
    width:var(--wrap)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .final-lead-form-v656,
  .lead-form{
    width:100%!important;
    max-width:100%!important;
  }

  .form-row{
    grid-template-columns:1fr!important;
  }

  .seo-faq-grid-v659,
  .faq-grid{
    grid-template-columns:1fr!important;
  }

  .site-footer-v671{
    padding:36px 0 96px!important;
  }

  .site-footer-shell-v671,
  .site-footer-bottom-v671{
    width:var(--wrap)!important;
  }

  .site-footer-shell-v671{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .footer-brand-v671 img{
    width:145px!important;
  }

  .site-footer-bottom-v671{
    margin-top:24px!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .mobile-bar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:250!important;
    padding:8px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(12px)!important;
  }

  .mobile-bar a{
    display:grid!important;
    place-items:center!important;
    min-height:44px!important;
    border-radius:13px!important;
    background:#fff!important;
    font-weight:900!important;
    font-size:13px!important;
  }

  .mobile-bar a:last-child{
    background:linear-gradient(180deg,#8ee35a,#4da724)!important;
    color:#fff!important;
  }
}

@media (max-width:380px){
  .hero-title-v676{
    font-size:clamp(23px,6.8vw,27px)!important;
    letter-spacing:-.055em!important;
  }

  .brand img{
    max-width:120px!important;
  }

  .btn-header{
    max-width:158px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  .before-after{
    aspect-ratio:3/4!important;
  }
}

/* === v6.78 hero mobile footer END === */


/* === v6.79 icons text QA START === */

/* Второй блок: иконки тоньше, спокойнее, ближе к референсам */
.install-materials-v676 article{
  grid-template-columns:58px minmax(0,1fr)!important;
  column-gap:14px!important;
  min-height:94px!important;
  padding:14px 16px!important;
}

.mat-icon-v676{
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#f7fff4,#e8fbdf)!important;
  border:1px solid rgba(57,184,46,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.11)!important;
}

.mat-icon-v676 img{
  width:38px!important;
  height:38px!important;
  display:block!important;
  object-fit:contain!important;
}

.mat-icon-v676 img[src*="profile-c"]{
  width:46px!important;
  height:46px!important;
}

.mat-icon-v676 img[src*="inserts"]{
  width:43px!important;
  height:43px!important;
}

.mat-icon-v676 img[src*="key"]{
  width:43px!important;
  height:43px!important;
}

.install-materials-v676 b{
  margin-bottom:4px!important;
  font-size:16px!important;
  line-height:1.08!important;
}

.install-materials-v676 p{
  max-width:100%!important;
  color:#5a6964!important;
  font-size:12.5px!important;
  line-height:1.24!important;
}

/* Правая колонка второго блока: рубль и срок теперь SVG, не текстовые символы */
.install-facts-v676 article > span.install-fact-icon-v679{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f2ffef,#e3fbdd)!important;
  border:1px solid rgba(58,190,40,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
  font-size:0!important;
}

.install-facts-v676 article > span.install-fact-icon-v679 img{
  width:35px!important;
  height:35px!important;
  display:block!important;
  object-fit:contain!important;
}

.install-facts-v676 article > span.install-fact-icon-v679 img[src*="time"]{
  width:37px!important;
  height:37px!important;
}

@media (max-width:840px){
  .install-materials-v676 article{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:auto!important;
    padding:14px!important;
  }

  .mat-icon-v676{
    width:50px!important;
    height:50px!important;
  }

  .mat-icon-v676 img{
    width:35px!important;
    height:35px!important;
  }

  .mat-icon-v676 img[src*="profile-c"]{
    width:43px!important;
    height:43px!important;
  }

  .mat-icon-v676 img[src*="inserts"],
  .mat-icon-v676 img[src*="key"]{
    width:40px!important;
    height:40px!important;
  }

  .install-materials-v676 p{
    font-size:12.5px!important;
    line-height:1.25!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v679{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v679 img{
    width:32px!important;
    height:32px!important;
  }
}

/* === v6.79 icons text QA END === */


/* === v6.80 icons footer QA START === */

/* Второй блок: тонкие, более проработанные иконки */
.install-materials-v676 article{
  grid-template-columns:58px minmax(0,1fr)!important;
  column-gap:14px!important;
  min-height:96px!important;
  padding:14px 16px!important;
}

.mat-icon-v676{
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#f8fff6,#e9fbdf)!important;
  border:1px solid rgba(57,184,46,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
}

.mat-icon-v676 img{
  width:38px!important;
  height:38px!important;
  display:block!important;
  object-fit:contain!important;
}

.mat-icon-v676 img[src*="profile-c"]{
  width:50px!important;
  height:50px!important;
}

.mat-icon-v676 img[src*="inserts"]{
  width:43px!important;
  height:43px!important;
}

.mat-icon-v676 img[src*="key"]{
  width:44px!important;
  height:44px!important;
}

.install-materials-v676 b{
  margin-bottom:4px!important;
  font-size:16px!important;
  line-height:1.08!important;
}

.install-materials-v676 p{
  max-width:100%!important;
  color:#5a6964!important;
  font-size:12.4px!important;
  line-height:1.23!important;
}

/* Рубль и срок — SVG в одном стиле */
.install-facts-v676 article > span.install-fact-icon-v680,
.install-facts-v676 article > span.install-fact-icon-v679{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f4fff1,#e4fbdd)!important;
  border:1px solid rgba(58,190,40,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
  font-size:0!important;
}

.install-facts-v676 article > span.install-fact-icon-v680 img,
.install-facts-v676 article > span.install-fact-icon-v679 img{
  width:35px!important;
  height:35px!important;
  display:block!important;
  object-fit:contain!important;
}

.install-facts-v676 article > span.install-fact-icon-v680 img[src*="time"],
.install-facts-v676 article > span.install-fact-icon-v679 img[src*="time"]{
  width:37px!important;
  height:37px!important;
}

/* Подвал: светлый, компактный, с таким же логотипом, как в шапке */
.site-footer-v671{
  padding:28px 0 18px!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(112,230,83,.14),transparent 34%),
    linear-gradient(180deg,#f7fcf5 0%,#edf8ec 100%)!important;
  color:#0b2a20!important;
  border-top:1px solid rgba(57,184,46,.14)!important;
}

.site-footer-shell-v671{
  width:min(1180px,calc(100% - 52px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(230px,.9fr) minmax(270px,1fr) minmax(360px,1.3fr)!important;
  gap:34px!important;
  align-items:start!important;
}

.footer-brand-v671,
.footer-office-v671,
.footer-requisites-v671{
  min-width:0!important;
}

.footer-brand-v671 img{
  width:166px!important;
  height:auto!important;
  margin:0 0 14px!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.site-footer-v671 b{
  display:block!important;
  margin:0 0 10px!important;
  color:#0b2a20!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.site-footer-v671 span,
.site-footer-v671 a{
  display:block!important;
  margin:0 0 7px!important;
  color:#344c43!important;
  font-size:13.5px!important;
  line-height:1.36!important;
  text-decoration:none!important;
}

.site-footer-v671 a:hover{
  color:#39b82e!important;
}

.footer-phone-v671{
  margin:2px 0 8px!important;
  color:#0b2a20!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:900!important;
}

.site-footer-bottom-v671{
  width:min(1180px,calc(100% - 52px))!important;
  margin:16px auto 0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(8,37,28,.10)!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  color:#65766f!important;
  font-size:13px!important;
  line-height:1.3!important;
}

.site-footer-bottom-v671 span{
  margin:0!important;
  color:#65766f!important;
}

@media (max-width:840px){
  .install-materials-v676 article{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:auto!important;
    padding:14px!important;
  }

  .mat-icon-v676{
    width:50px!important;
    height:50px!important;
  }

  .mat-icon-v676 img{
    width:35px!important;
    height:35px!important;
  }

  .mat-icon-v676 img[src*="profile-c"]{
    width:47px!important;
    height:47px!important;
  }

  .mat-icon-v676 img[src*="inserts"],
  .mat-icon-v676 img[src*="key"]{
    width:40px!important;
    height:40px!important;
  }

  .install-materials-v676 p{
    font-size:12.3px!important;
    line-height:1.25!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v680,
  .install-facts-v676 article > span.install-fact-icon-v679{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v680 img,
  .install-facts-v676 article > span.install-fact-icon-v679 img{
    width:32px!important;
    height:32px!important;
  }

  .site-footer-v671{
    padding:28px 0 94px!important;
  }

  .site-footer-shell-v671{
    width:calc(100vw - 24px)!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  .footer-brand-v671 img{
    width:148px!important;
    margin-bottom:12px!important;
  }

  .site-footer-v671 b{
    font-size:16px!important;
  }

  .site-footer-v671 span,
  .site-footer-v671 a{
    font-size:13.5px!important;
  }

  .site-footer-bottom-v671{
    width:calc(100vw - 24px)!important;
    margin-top:16px!important;
    flex-direction:column!important;
    gap:7px!important;
  }
}

/* === v6.80 icons footer QA END === */


/* === v6.81 icons polish START === */

/* Второй блок: финальная посадка иконок без изменения структуры блока */
.install-materials-v676 article{
  grid-template-columns:58px minmax(0,1fr)!important;
  column-gap:14px!important;
  min-height:96px!important;
  padding:14px 16px!important;
}

.mat-icon-v676{
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#f8fff6,#e9fbdf)!important;
  border:1px solid rgba(57,184,46,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
}

.mat-icon-v676 img{
  display:block!important;
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}

/* Профиль оставляем по форме, но уменьшаем рисунок внутри плашки */
.mat-icon-v676 img[src*="profile-c"]{
  width:42px!important;
  height:42px!important;
}

/* Веера вставок теперь без пересечения внутренних линий */
.mat-icon-v676 img[src*="inserts"]{
  width:42px!important;
  height:42px!important;
}

/* Под ключ: рука цельная, ключ читается отдельно */
.mat-icon-v676 img[src*="key"]{
  width:42px!important;
  height:42px!important;
}

.install-materials-v676 b{
  margin-bottom:4px!important;
  font-size:16px!important;
  line-height:1.08!important;
}

.install-materials-v676 p{
  max-width:100%!important;
  color:#5a6964!important;
  font-size:12.4px!important;
  line-height:1.23!important;
}

/* Рубль и часы */
.install-facts-v676 article > span.install-fact-icon-v681,
.install-facts-v676 article > span.install-fact-icon-v680,
.install-facts-v676 article > span.install-fact-icon-v679{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f4fff1,#e4fbdd)!important;
  border:1px solid rgba(58,190,40,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
  font-size:0!important;
}

.install-facts-v676 article > span.install-fact-icon-v681 img,
.install-facts-v676 article > span.install-fact-icon-v680 img,
.install-facts-v676 article > span.install-fact-icon-v679 img{
  display:block!important;
  object-fit:contain!important;
}

/* Рубль чуть крупнее и ровнее внутри круга */
.install-facts-v676 article > span.install-fact-icon-v681 img[src*="ruble"],
.install-facts-v676 article > span.install-fact-icon-v680 img[src*="ruble"],
.install-facts-v676 article > span.install-fact-icon-v679 img[src*="ruble"]{
  width:41px!important;
  height:41px!important;
}

/* Часы: стрелки внутри круга, дуга приходит в стрелку */
.install-facts-v676 article > span.install-fact-icon-v681 img[src*="time"],
.install-facts-v676 article > span.install-fact-icon-v680 img[src*="time"],
.install-facts-v676 article > span.install-fact-icon-v679 img[src*="time"]{
  width:40px!important;
  height:40px!important;
}

@media (max-width:840px){
  .install-materials-v676 article{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:auto!important;
    padding:14px!important;
  }

  .mat-icon-v676{
    width:50px!important;
    height:50px!important;
  }

  .mat-icon-v676 img{
    width:35px!important;
    height:35px!important;
  }

  .mat-icon-v676 img[src*="profile-c"]{
    width:39px!important;
    height:39px!important;
  }

  .mat-icon-v676 img[src*="inserts"],
  .mat-icon-v676 img[src*="key"]{
    width:39px!important;
    height:39px!important;
  }

  .install-materials-v676 p{
    font-size:12.3px!important;
    line-height:1.25!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v681,
  .install-facts-v676 article > span.install-fact-icon-v680,
  .install-facts-v676 article > span.install-fact-icon-v679{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v681 img[src*="ruble"],
  .install-facts-v676 article > span.install-fact-icon-v680 img[src*="ruble"],
  .install-facts-v676 article > span.install-fact-icon-v679 img[src*="ruble"]{
    width:37px!important;
    height:37px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v681 img[src*="time"],
  .install-facts-v676 article > span.install-fact-icon-v680 img[src*="time"],
  .install-facts-v676 article > span.install-fact-icon-v679 img[src*="time"]{
    width:36px!important;
    height:36px!important;
  }
}

/* === v6.81 icons polish END === */


/* === v6.83 user svg icons START === */

/* Снимаем нарисованные вручную версии. Используем исходные SVG-референсы пользователя. */
.mat-icon-v676 img[src*="ivan-v683/inserts"]{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}

.mat-icon-v676 img[src*="ivan-v683/key"]{
  width:39px!important;
  height:39px!important;
  object-fit:contain!important;
}

@media (max-width:840px){
  .mat-icon-v676 img[src*="ivan-v683/inserts"]{
    width:36px!important;
    height:36px!important;
  }

  .mat-icon-v676 img[src*="ivan-v683/key"]{
    width:37px!important;
    height:37px!important;
  }
}

/* === v6.83 user svg icons END === */


/* === v6.84 right fact icons START === */

/* Правые иконки второго блока: исходные SVG пользователя, посадка по аналогии с согласованными левыми */
.install-facts-v676 article > span.install-fact-icon-v684,
.install-facts-v676 article > span.install-fact-icon-v681,
.install-facts-v676 article > span.install-fact-icon-v680,
.install-facts-v676 article > span.install-fact-icon-v679{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f8fff6,#e9fbdf)!important;
  border:1px solid rgba(57,184,46,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(64,185,47,.10)!important;
  font-size:0!important;
}

.install-facts-v676 article > span.install-fact-icon-v684 img,
.install-facts-v676 article > span.install-fact-icon-v681 img,
.install-facts-v676 article > span.install-fact-icon-v680 img,
.install-facts-v676 article > span.install-fact-icon-v679 img{
  display:block!important;
  object-fit:contain!important;
}

/* Рубль: чуть крупнее, круг ровно внутри светло-зелёной плашки */
.install-facts-v676 article > span.install-fact-icon-v684 img[src*="ruble"]{
  width:44px!important;
  height:44px!important;
}

/* Срок: используем исходный time-past-sixty.svg, без самодельных стрелок */
.install-facts-v676 article > span.install-fact-icon-v684 img[src*="time-past-sixty"]{
  width:42px!important;
  height:42px!important;
}

@media (max-width:840px){
  .install-facts-v676 article > span.install-fact-icon-v684,
  .install-facts-v676 article > span.install-fact-icon-v681,
  .install-facts-v676 article > span.install-fact-icon-v680,
  .install-facts-v676 article > span.install-fact-icon-v679{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
    border-radius:16px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v684 img[src*="ruble"]{
    width:39px!important;
    height:39px!important;
  }

  .install-facts-v676 article > span.install-fact-icon-v684 img[src*="time-past-sixty"]{
    width:38px!important;
    height:38px!important;
  }
}

/* === v6.84 right fact icons END === */




/* === v6.85 mobile hero form START === */

/* Цена первого экрана: десктоп и мобилка */
.hero-facts article:first-child b{
  letter-spacing:-.025em!important;
}

.hero-facts article:first-child small{
  max-width:150px!important;
}

/* Мобильный первый экран: весь смысл блока помещается выше, фото не уезжает вниз */
@media (max-width:840px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .site-header{
    width:calc(100vw - 16px)!important;
    height:62px!important;
    min-height:62px!important;
    margin:8px auto 0!important;
    padding:8px 10px 8px 12px!important;
    border-radius:20px!important;
  }

  .brand img{
    height:38px!important;
    max-width:132px!important;
  }

  .btn-header{
    min-height:42px!important;
    max-width:172px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  .hero{
    padding:14px 0 22px!important;
    min-height:auto!important;
  }

  .hero-grid{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(116px,34vw,148px)!important;
    grid-template-areas:
      "eyebrow photo"
      "title photo"
      "text text"
      "buttons buttons"
      "facts facts"!important;
    column-gap:10px!important;
    row-gap:9px!important;
    align-items:start!important;
  }

  .hero-copy{
    display:contents!important;
  }

  .hero .eyebrow{
    grid-area:eyebrow!important;
    align-self:end!important;
    margin:0!important;
    color:#31b926!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    letter-spacing:.07em!important;
    white-space:normal!important;
  }

  .hero-title-v676{
    grid-area:title!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#08251c!important;
    font-size:clamp(21px,5.95vw,26px)!important;
    line-height:1.08!important;
    letter-spacing:-.052em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .before-after{
    grid-area:photo!important;
    align-self:start!important;
    justify-self:end!important;
    width:100%!important;
    height:clamp(150px,42vw,178px)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:20px!important;
    overflow:hidden!important;
    box-shadow:0 14px 34px rgba(9,37,28,.13)!important;
  }

  .ba-side img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ba-side em{
    top:8px!important;
    left:8px!important;
    min-width:auto!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .ba-line span{
    width:31px!important;
    height:31px!important;
    font-size:11px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  }

  .ba-note{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    width:auto!important;
    transform:none!important;
    padding:7px!important;
    gap:6px!important;
    border-radius:12px!important;
  }

  .ba-note-icon{
    width:23px!important;
    height:23px!important;
    border-radius:9px!important;
  }

  .ba-note strong{
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .ba-note small{
    display:none!important;
  }

  .hero-text{
    grid-area:text!important;
    max-width:100%!important;
    margin:2px 0 0!important;
    color:#53645f!important;
    font-size:13.7px!important;
    line-height:1.36!important;
  }

  .hero-buttons{
    grid-area:buttons!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
  }

  .hero-buttons .btn{
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 14px!important;
    border-radius:17px!important;
    font-size:15px!important;
    line-height:1!important;
  }

  .hero-buttons .btn-icon{
    width:29px!important;
    height:29px!important;
  }

  .hero-facts{
    grid-area:facts!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero-facts article{
    width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    padding:9px 7px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }

  .hero-facts .fact-icon{
    width:28px!important;
    height:28px!important;
    margin:0 0 5px!important;
    border-radius:11px!important;
  }

  .hero-facts .fact-icon svg{
    width:16px!important;
    height:16px!important;
  }

  .hero-facts b{
    display:block!important;
    margin:0 0 3px!important;
    font-size:clamp(12.5px,3.35vw,15px)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  .hero-facts small{
    display:block!important;
    max-width:100%!important;
    color:#66756f!important;
    font-size:9.4px!important;
    line-height:1.06!important;
  }

  .mobile-bar{
    min-height:auto!important;
    padding:6px!important;
    border-radius:17px!important;
  }

  .mobile-bar a{
    min-height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
}

@media (max-width:380px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) clamp(106px,33vw,126px)!important;
    column-gap:8px!important;
    row-gap:8px!important;
  }

  .hero-title-v676{
    font-size:clamp(19.5px,5.7vw,22.5px)!important;
    letter-spacing:-.056em!important;
  }

  .hero-text{
    font-size:13.2px!important;
    line-height:1.34!important;
  }

  .before-after{
    height:clamp(142px,41vw,162px)!important;
    border-radius:18px!important;
  }

  .hero-buttons .btn{
    height:46px!important;
    min-height:46px!important;
    font-size:14.5px!important;
  }

  .hero-facts{
    gap:6px!important;
  }

  .hero-facts article{
    min-height:74px!important;
    padding:8px 6px!important;
  }

  .hero-facts b{
    font-size:12.2px!important;
  }

  .hero-facts small{
    font-size:8.8px!important;
  }
}

/* Мобильная форма расчёта: не открываем клавиатуру автоматически и делаем карточку компактной */
@media (max-width:840px){
  .general-lead-overlay-v659{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
    overflow:auto!important;
  }

  .general-lead-card-v659{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
    border-radius:22px!important;
  }

  .general-lead-info-v659{
    padding:17px 16px 11px!important;
  }

  .general-lead-info-v659 p{
    margin:0 0 7px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .general-lead-info-v659 h2{
    max-width:calc(100% - 42px)!important;
    margin:0!important;
    font-size:24px!important;
    line-height:.98!important;
    letter-spacing:-.03em!important;
  }

  .general-lead-info-v659 span{
    display:none!important;
  }

  .general-lead-form-v659{
    padding:13px 16px 16px!important;
  }

  .general-lead-form-v659 label{
    margin:0 0 8px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .general-lead-row-v659{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .general-lead-form-v659 input,
  .general-lead-form-v659 textarea{
    margin-top:5px!important;
    padding:10px 11px!important;
    border-radius:12px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  .general-lead-form-v659 textarea{
    min-height:54px!important;
    max-height:72px!important;
    resize:none!important;
  }

  .general-lead-filebox-v659{
    min-height:40px!important;
    padding:6px 8px!important;
    gap:8px!important;
    border-radius:12px!important;
  }

  .general-lead-filebox-v659 i{
    min-height:29px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }

  .general-lead-filebox-v659 b{
    font-size:11.5px!important;
  }

  .general-lead-file-v659 input[type="file"]{
    height:40px!important;
  }

  .general-lead-status-v659{
    min-height:14px!important;
    margin:0 0 6px!important;
    font-size:11px!important;
  }

  .general-lead-submit-v659{
    position:sticky!important;
    bottom:calc(env(safe-area-inset-bottom) + 4px)!important;
    z-index:5!important;
    min-height:48px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }

  .general-lead-close-v659{
    top:9px!important;
    right:9px!important;
    width:36px!important;
    height:36px!important;
    font-size:23px!important;
  }

  .final-lead-v656{
    padding:38px 0 42px!important;
  }

  .final-lead-shell-v656{
    width:calc(100vw - 24px)!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .final-lead-left-v656{
    min-height:0!important;
    padding:0!important;
  }

  .final-lead-copy-v656 h2{
    font-size:32px!important;
    line-height:1.02!important;
  }

  .final-lead-benefits-v656{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:18px!important;
  }

  .final-lead-benefits-v656 article{
    min-height:auto!important;
    padding:13px!important;
  }

  .final-lead-form-v656{
    min-height:0!important;
    padding:17px 16px!important;
    border-radius:22px!important;
  }

  .final-lead-form-v656 h3{
    margin-bottom:13px!important;
    font-size:22px!important;
  }

  .final-lead-form-v656 label{
    margin-bottom:8px!important;
    font-size:10.5px!important;
  }

  .final-lead-row-v656{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .final-lead-form-v656 input,
  .final-lead-form-v656 textarea{
    margin-top:5px!important;
    padding:10px 11px!important;
    border-radius:12px!important;
    font-size:16px!important;
  }

  .final-lead-form-v656 textarea{
    min-height:56px!important;
    max-height:74px!important;
    resize:none!important;
  }

  .final-lead-file-box-v658{
    min-height:40px!important;
    padding:6px 8px!important;
    border-radius:12px!important;
  }

  .final-lead-file-button-v658{
    min-height:29px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }

  .final-lead-file-name-v658{
    font-size:11.5px!important;
  }

  .final-lead-note-v656{
    margin:0 0 7px!important;
    font-size:11.5px!important;
  }

  .final-lead-status-v656{
    min-height:14px!important;
    margin:0 0 6px!important;
  }

  .final-lead-submit-v656{
    min-height:48px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }
}

@media (max-width:840px) and (max-height:650px){
  .general-lead-info-v659{
    padding:12px 14px 8px!important;
  }

  .general-lead-info-v659 p{
    display:none!important;
  }

  .general-lead-info-v659 h2{
    font-size:22px!important;
  }

  .general-lead-form-v659{
    padding:10px 14px 12px!important;
  }

  .general-lead-form-v659 label{
    margin-bottom:6px!important;
  }

  .general-lead-form-v659 textarea{
    min-height:42px!important;
    max-height:56px!important;
  }
}

/* === v6.85 mobile hero form END === */


/* === v6.86 mobile screen keyboard START === */

:root{
  --am-vvh:100dvh;
  --am-vvo:0px;
}

/* Первый экран на мобилке: весь смысл блока в один экран */
@media (max-width:840px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .site-header{
    width:calc(100vw - 16px)!important;
    height:56px!important;
    min-height:56px!important;
    margin:7px auto 0!important;
    padding:7px 9px 7px 11px!important;
    border-radius:18px!important;
  }

  .brand img{
    height:34px!important;
    max-width:124px!important;
  }

  .btn-header{
    min-height:39px!important;
    max-width:166px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }

  .hero{
    padding:10px 0 14px!important;
    min-height:auto!important;
  }

  .hero-grid{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(106px,32vw,136px)!important;
    grid-template-areas:
      "eyebrow photo"
      "title photo"
      "text text"
      "buttons buttons"
      "facts facts"!important;
    column-gap:9px!important;
    row-gap:7px!important;
    align-items:start!important;
  }

  .hero-copy{
    display:contents!important;
  }

  .hero .eyebrow{
    grid-area:eyebrow!important;
    align-self:end!important;
    margin:0!important;
    font-size:9.8px!important;
    line-height:1.12!important;
    letter-spacing:.065em!important;
    white-space:normal!important;
  }

  .hero-title-v676{
    grid-area:title!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(19px,5.35vw,24px)!important;
    line-height:1.055!important;
    letter-spacing:-.055em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .before-after{
    grid-area:photo!important;
    align-self:start!important;
    justify-self:end!important;
    width:100%!important;
    height:clamp(126px,36vw,154px)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 12px 30px rgba(9,37,28,.12)!important;
  }

  .ba-side img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ba-side em{
    top:7px!important;
    left:7px!important;
    min-width:auto!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  .ba-line span{
    width:28px!important;
    height:28px!important;
    font-size:10px!important;
  }

  .ba-note{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    width:auto!important;
    transform:none!important;
    padding:6px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  .ba-note-icon{
    width:21px!important;
    height:21px!important;
    border-radius:8px!important;
  }

  .ba-note strong{
    max-width:74px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1!important;
  }

  .ba-note small{
    display:none!important;
  }

  .hero-text{
    grid-area:text!important;
    max-width:100%!important;
    margin:1px 0 0!important;
    font-size:12.7px!important;
    line-height:1.32!important;
  }

  .hero-buttons{
    grid-area:buttons!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
  }

  .hero-buttons .btn{
    width:100%!important;
    min-height:43px!important;
    height:43px!important;
    padding:0 13px!important;
    border-radius:16px!important;
    font-size:14.3px!important;
    line-height:1!important;
  }

  .hero-buttons .btn-icon{
    width:26px!important;
    height:26px!important;
    border-radius:9px!important;
  }

  .hero-facts{
    grid-area:facts!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero-facts article{
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    padding:8px 7px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  .hero-facts .fact-icon{
    width:25px!important;
    height:25px!important;
    margin:0 0 4px!important;
    border-radius:10px!important;
  }

  .hero-facts .fact-icon svg{
    width:15px!important;
    height:15px!important;
  }

  .hero-facts b{
    display:block!important;
    margin:0 0 2px!important;
    font-size:clamp(12px,3.25vw,14px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  .hero-facts small{
    display:block!important;
    max-width:100%!important;
    font-size:8.7px!important;
    line-height:1.04!important;
  }

  .mobile-bar{
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    min-height:auto!important;
    padding:6px!important;
    border-radius:17px!important;
  }

  .mobile-bar a{
    min-height:41px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
}

@media (max-width:840px) and (max-height:740px){
  .site-header{
    height:52px!important;
    min-height:52px!important;
  }

  .brand img{
    height:31px!important;
    max-width:116px!important;
  }

  .btn-header{
    min-height:36px!important;
    font-size:11px!important;
  }

  .hero{
    padding-top:7px!important;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1fr) clamp(96px,30vw,122px)!important;
    row-gap:6px!important;
  }

  .hero-title-v676{
    font-size:clamp(18px,5.05vw,22px)!important;
    line-height:1.045!important;
  }

  .before-after{
    height:clamp(112px,32vw,134px)!important;
  }

  .hero-text{
    font-size:12.1px!important;
    line-height:1.28!important;
  }

  .hero-buttons{
    gap:6px!important;
  }

  .hero-buttons .btn{
    height:39px!important;
    min-height:39px!important;
    font-size:13.6px!important;
  }

  .hero-facts article{
    min-height:58px!important;
    padding:7px 6px!important;
  }

  .hero-facts .fact-icon{
    width:22px!important;
    height:22px!important;
    margin-bottom:3px!important;
  }

  .hero-facts b{
    font-size:11.4px!important;
  }

  .hero-facts small{
    font-size:8px!important;
  }
}

@media (max-width:380px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) clamp(92px,30vw,116px)!important;
    column-gap:7px!important;
  }

  .hero-title-v676{
    font-size:clamp(17.5px,5vw,20.8px)!important;
    letter-spacing:-.058em!important;
  }

  .hero .eyebrow{
    font-size:9.2px!important;
  }

  .hero-text{
    font-size:11.8px!important;
  }

  .before-after{
    height:clamp(108px,31vw,126px)!important;
  }

  .hero-facts{
    gap:6px!important;
  }

  .hero-facts article{
    min-height:56px!important;
  }

  .hero-facts b{
    font-size:11px!important;
  }

  .hero-facts small{
    font-size:7.7px!important;
  }
}

/* Форма расчёта: полностью видимая над клавиатурой */
@media (max-width:840px){
  .general-lead-overlay-v659{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px!important;
    overflow:hidden!important;
    height:100dvh!important;
  }

  .general-lead-card-v659{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }

  .general-lead-info-v659{
    flex:0 0 auto!important;
    padding:14px 15px 9px!important;
  }

  .general-lead-info-v659 p{
    margin:0 0 6px!important;
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }

  .general-lead-info-v659 h2{
    max-width:calc(100% - 42px)!important;
    margin:0!important;
    font-size:24px!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }

  .general-lead-info-v659 span{
    display:none!important;
  }

  .general-lead-form-v659{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:12px 15px 14px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .general-lead-form-v659 label{
    margin:0 0 8px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .general-lead-row-v659{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
  }

  .general-lead-form-v659 input,
  .general-lead-form-v659 textarea{
    margin-top:5px!important;
    width:100%!important;
    min-height:40px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }

  .general-lead-form-v659 textarea{
    min-height:50px!important;
    max-height:62px!important;
    resize:none!important;
  }

  .general-lead-filebox-v659{
    min-height:38px!important;
    padding:5px 7px!important;
    gap:7px!important;
    border-radius:12px!important;
  }

  .general-lead-filebox-v659 i{
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:11.8px!important;
    white-space:nowrap!important;
  }

  .general-lead-filebox-v659 b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
  }

  .general-lead-file-v659 input[type="file"]{
    height:38px!important;
  }

  .general-lead-status-v659{
    min-height:12px!important;
    margin:0 0 5px!important;
    font-size:11px!important;
  }

  .general-lead-submit-v659{
    position:sticky!important;
    bottom:0!important;
    z-index:8!important;
    min-height:44px!important;
    margin-top:0!important;
    border-radius:14px!important;
    font-size:14.5px!important;
    box-shadow:0 -8px 18px rgba(3,22,15,.18), 0 10px 28px rgba(76,180,36,.30)!important;
  }

  .general-lead-close-v659{
    top:9px!important;
    right:9px!important;
    width:36px!important;
    height:36px!important;
    font-size:23px!important;
  }
}

@media (max-width:840px){
  body.am-keyboard-open-v686,
  body.am-lead-focus-v686{
    overflow:hidden!important;
  }

  body.am-keyboard-open-v686 .general-lead-overlay-v659,
  body.am-lead-focus-v686 .general-lead-overlay-v659{
    position:fixed!important;
    top:var(--am-vvo,0px)!important;
    left:0!important;
    right:0!important;
    height:var(--am-vvh,100dvh)!important;
    max-height:var(--am-vvh,100dvh)!important;
    padding:5px 8px!important;
    overflow:hidden!important;
  }

  body.am-keyboard-open-v686 .general-lead-card-v659,
  body.am-lead-focus-v686 .general-lead-card-v659{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(var(--am-vvh,100dvh) - 10px)!important;
    border-radius:20px!important;
  }

  body.am-keyboard-open-v686 .general-lead-info-v659,
  body.am-lead-focus-v686 .general-lead-info-v659{
    padding:9px 13px 7px!important;
  }

  body.am-keyboard-open-v686 .general-lead-info-v659 p,
  body.am-lead-focus-v686 .general-lead-info-v659 p{
    margin-bottom:5px!important;
    font-size:9.6px!important;
  }

  body.am-keyboard-open-v686 .general-lead-info-v659 h2,
  body.am-lead-focus-v686 .general-lead-info-v659 h2{
    max-width:calc(100% - 38px)!important;
    font-size:20px!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }

  body.am-keyboard-open-v686 .general-lead-close-v659,
  body.am-lead-focus-v686 .general-lead-close-v659{
    top:7px!important;
    right:7px!important;
    width:32px!important;
    height:32px!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659,
  body.am-lead-focus-v686 .general-lead-form-v659{
    flex:1 1 auto!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px 8px!important;
    padding:8px 13px 10px!important;
    overflow:hidden!important;
  }

  body.am-keyboard-open-v686 #generalLeadFormV659 > label:nth-of-type(1),
  body.am-lead-focus-v686 #generalLeadFormV659 > label:nth-of-type(1){
    grid-column:1!important;
  }

  body.am-keyboard-open-v686 #generalLeadFormV659 > label:nth-of-type(2),
  body.am-lead-focus-v686 #generalLeadFormV659 > label:nth-of-type(2){
    grid-column:2!important;
  }

  body.am-keyboard-open-v686 #generalLeadFormV659 > .general-lead-row-v659,
  body.am-lead-focus-v686 #generalLeadFormV659 > .general-lead-row-v659,
  body.am-keyboard-open-v686 #generalLeadFormV659 > label:nth-of-type(3),
  body.am-lead-focus-v686 #generalLeadFormV659 > label:nth-of-type(3),
  body.am-keyboard-open-v686 #generalLeadFormV659 > .general-lead-file-v659,
  body.am-lead-focus-v686 #generalLeadFormV659 > .general-lead-file-v659,
  body.am-keyboard-open-v686 #generalLeadFormV659 > .general-lead-status-v659,
  body.am-lead-focus-v686 #generalLeadFormV659 > .general-lead-status-v659,
  body.am-keyboard-open-v686 #generalLeadFormV659 > .general-lead-submit-v659,
  body.am-lead-focus-v686 #generalLeadFormV659 > .general-lead-submit-v659{
    grid-column:1 / -1!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659 label,
  body.am-lead-focus-v686 .general-lead-form-v659 label{
    margin:0!important;
    font-size:9.5px!important;
    line-height:1!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659 input,
  body.am-lead-focus-v686 .general-lead-form-v659 input,
  body.am-keyboard-open-v686 .general-lead-form-v659 textarea,
  body.am-lead-focus-v686 .general-lead-form-v659 textarea{
    min-height:36px!important;
    height:36px!important;
    margin-top:4px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659 textarea,
  body.am-lead-focus-v686 .general-lead-form-v659 textarea{
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
  }

  body.am-keyboard-open-v686 .general-lead-filebox-v659,
  body.am-lead-focus-v686 .general-lead-filebox-v659{
    min-height:34px!important;
    height:34px!important;
    margin-top:4px!important;
    padding:4px 6px!important;
    border-radius:11px!important;
  }

  body.am-keyboard-open-v686 .general-lead-filebox-v659 i,
  body.am-lead-focus-v686 .general-lead-filebox-v659 i{
    min-height:26px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }

  body.am-keyboard-open-v686 .general-lead-filebox-v659 b,
  body.am-lead-focus-v686 .general-lead-filebox-v659 b{
    font-size:10.8px!important;
  }

  body.am-keyboard-open-v686 .general-lead-status-v659,
  body.am-lead-focus-v686 .general-lead-status-v659{
    min-height:0!important;
    height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  body.am-keyboard-open-v686 .general-lead-submit-v659,
  body.am-lead-focus-v686 .general-lead-submit-v659{
    min-height:40px!important;
    height:40px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
}

/* Очень низкий видимый экран при клавиатуре: не теряем кнопку */
@media (max-width:840px) and (max-height:560px){
  body.am-keyboard-open-v686 .general-lead-info-v659 h2,
  body.am-lead-focus-v686 .general-lead-info-v659 h2{
    font-size:18px!important;
  }

  body.am-keyboard-open-v686 .general-lead-info-v659 p,
  body.am-lead-focus-v686 .general-lead-info-v659 p{
    display:none!important;
  }

  body.am-keyboard-open-v686 .general-lead-info-v659,
  body.am-lead-focus-v686 .general-lead-info-v659{
    padding-top:8px!important;
    padding-bottom:6px!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659,
  body.am-lead-focus-v686 .general-lead-form-v659{
    gap:5px 7px!important;
  }

  body.am-keyboard-open-v686 .general-lead-form-v659 input,
  body.am-lead-focus-v686 .general-lead-form-v659 input,
  body.am-keyboard-open-v686 .general-lead-form-v659 textarea,
  body.am-lead-focus-v686 .general-lead-form-v659 textarea{
    min-height:32px!important;
    height:32px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  body.am-keyboard-open-v686 .general-lead-filebox-v659,
  body.am-lead-focus-v686 .general-lead-filebox-v659{
    min-height:31px!important;
    height:31px!important;
  }

  body.am-keyboard-open-v686 .general-lead-submit-v659,
  body.am-lead-focus-v686 .general-lead-submit-v659{
    min-height:37px!important;
    height:37px!important;
  }
}

/* === v6.86 mobile screen keyboard END === */


/* === v6.86 mobile fullscreen form START === */

.hero-facts article:first-child b{
  letter-spacing:-.025em!important;
}

.hero-facts article:first-child small{
  max-width:150px!important;
}

/* Мобильный первый экран: плотная компоновка, чтобы весь hero помещался без потери смысла */
@media (max-width:840px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    -webkit-text-size-adjust:100%!important;
  }

  .site-header{
    width:calc(100vw - 16px)!important;
    height:58px!important;
    min-height:58px!important;
    margin:7px auto 0!important;
    padding:7px 9px 7px 11px!important;
    border-radius:19px!important;
  }

  .brand img{
    height:35px!important;
    max-width:124px!important;
    object-fit:contain!important;
  }

  .btn-header{
    min-height:40px!important;
    height:40px!important;
    max-width:166px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .btn-header .btn-icon{
    display:none!important;
  }

  .hero{
    padding:11px 0 17px!important;
    min-height:auto!important;
  }

  .hero-grid{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(104px,32vw,132px)!important;
    grid-template-areas:
      "eyebrow photo"
      "title photo"
      "text text"
      "buttons buttons"
      "facts facts"!important;
    column-gap:9px!important;
    row-gap:7px!important;
    align-items:start!important;
  }

  .hero-copy{
    display:contents!important;
  }

  .hero .eyebrow{
    grid-area:eyebrow!important;
    align-self:end!important;
    margin:0!important;
    color:#31b926!important;
    font-size:10px!important;
    line-height:1.05!important;
    letter-spacing:.065em!important;
    white-space:normal!important;
  }

  .hero-title-v676{
    grid-area:title!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#08251c!important;
    font-size:clamp(19.6px,5.45vw,24px)!important;
    line-height:1.035!important;
    letter-spacing:-.052em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .before-after{
    grid-area:photo!important;
    align-self:start!important;
    justify-self:end!important;
    width:100%!important;
    height:clamp(126px,36vw,152px)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 12px 30px rgba(9,37,28,.12)!important;
  }

  .ba-side img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ba-side em{
    top:7px!important;
    left:7px!important;
    min-width:auto!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }

  .ba-line span{
    width:29px!important;
    height:29px!important;
    font-size:10px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  }

  .ba-note{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    width:auto!important;
    transform:none!important;
    padding:6px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  .ba-note-icon{
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    flex:0 0 22px!important;
  }

  .ba-note strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.2px!important;
    line-height:1!important;
  }

  .ba-note small{
    display:none!important;
  }

  .hero-text{
    grid-area:text!important;
    max-width:100%!important;
    margin:1px 0 0!important;
    color:#53645f!important;
    font-size:13px!important;
    line-height:1.29!important;
  }

  .hero-buttons{
    grid-area:buttons!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
  }

  .hero-buttons .btn{
    width:100%!important;
    min-height:43px!important;
    height:43px!important;
    padding:0 13px!important;
    border-radius:16px!important;
    font-size:14.5px!important;
    line-height:1!important;
  }

  .hero-buttons .btn-icon{
    width:26px!important;
    height:26px!important;
  }

  .hero-buttons .btn-secondary span{
    font-size:23px!important;
    line-height:1!important;
  }

  .hero-facts{
    grid-area:facts!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero-facts article{
    width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    padding:8px 6px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  .hero-facts .fact-icon{
    width:24px!important;
    height:24px!important;
    margin:0 0 4px!important;
    border-radius:10px!important;
  }

  .hero-facts .fact-icon svg{
    width:14px!important;
    height:14px!important;
  }

  .hero-facts b{
    display:block!important;
    margin:0 0 2px!important;
    font-size:clamp(11.5px,3.05vw,13.5px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  .hero-facts small{
    display:block!important;
    max-width:100%!important;
    color:#66756f!important;
    font-size:8.2px!important;
    line-height:1.03!important;
  }

  .mobile-bar{
    min-height:auto!important;
    padding:6px!important;
    border-radius:17px!important;
  }

  .mobile-bar a{
    min-height:40px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
}

@media (max-width:380px){
  .site-header{
    height:56px!important;
    min-height:56px!important;
  }

  .brand img{
    max-width:116px!important;
  }

  .btn-header{
    max-width:154px!important;
    font-size:11px!important;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1fr) clamp(96px,31vw,118px)!important;
    column-gap:8px!important;
    row-gap:6px!important;
  }

  .hero .eyebrow{
    font-size:9.4px!important;
  }

  .hero-title-v676{
    font-size:clamp(18.4px,5.15vw,21.5px)!important;
    line-height:1.03!important;
    letter-spacing:-.056em!important;
  }

  .before-after{
    height:clamp(116px,34vw,140px)!important;
    border-radius:17px!important;
  }

  .ba-note{
    display:none!important;
  }

  .hero-text{
    font-size:12.4px!important;
    line-height:1.27!important;
  }

  .hero-buttons .btn{
    height:41px!important;
    min-height:41px!important;
    font-size:14px!important;
  }

  .hero-facts{
    gap:5px!important;
  }

  .hero-facts article{
    min-height:62px!important;
    padding:7px 5px!important;
  }

  .hero-facts .fact-icon{
    width:22px!important;
    height:22px!important;
    margin-bottom:3px!important;
  }

  .hero-facts b{
    font-size:11px!important;
  }

  .hero-facts small{
    font-size:7.8px!important;
  }
}

/* Мобильная форма: компактная карточка. Кнопка отправки видна даже с клавиатурой */
@media (max-width:840px){
  .general-lead-overlay-v659{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px!important;
    padding-top:calc(var(--am-vvtop,0px) + 8px)!important;
    overflow:auto!important;
  }

  .general-lead-card-v659{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(var(--am-vvh,100dvh) - 16px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
    border-radius:22px!important;
  }

  .general-lead-info-v659{
    padding:15px 15px 10px!important;
  }

  .general-lead-info-v659 p{
    margin:0 0 6px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }

  .general-lead-info-v659 h2{
    max-width:calc(100% - 42px)!important;
    margin:0!important;
    font-size:23px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  .general-lead-info-v659 span{
    display:none!important;
  }

  .general-lead-form-v659{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px 8px!important;
    padding:12px 15px 15px!important;
  }

  .general-lead-form-v659 > label{
    margin:0!important;
    font-size:9.8px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
  }

  .general-lead-form-v659 > label:nth-of-type(1),
  .general-lead-form-v659 > label:nth-of-type(2){
    grid-column:auto!important;
  }

  .general-lead-row-v659{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .general-lead-form-v659 > label:nth-of-type(3){
    grid-column:1 / -1!important;
  }

  .general-lead-file-v659{
    grid-column:1 / 2!important;
  }

  .general-lead-status-v659{
    display:none!important;
  }

  .general-lead-submit-v659{
    grid-column:2 / 3!important;
    align-self:end!important;
  }

  .general-lead-form-v659 input,
  .general-lead-form-v659 textarea{
    margin-top:4px!important;
    width:100%!important;
    min-height:39px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:16px!important;
    line-height:1.15!important;
  }

  .general-lead-form-v659 textarea{
    min-height:46px!important;
    max-height:54px!important;
    resize:none!important;
  }

  .general-lead-filebox-v659{
    min-height:39px!important;
    height:39px!important;
    padding:5px!important;
    gap:5px!important;
    border-radius:12px!important;
  }

  .general-lead-filebox-v659 i{
    min-height:29px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  .general-lead-filebox-v659 b{
    display:none!important;
  }

  .general-lead-file-v659 input[type="file"]{
    height:39px!important;
  }

  .general-lead-submit-v659{
    position:static!important;
    min-height:39px!important;
    height:39px!important;
    border-radius:12px!important;
    padding:0 10px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .general-lead-close-v659{
    top:9px!important;
    right:9px!important;
    width:36px!important;
    height:36px!important;
    font-size:23px!important;
  }

  .am-keyboard-open-v686 .mobile-bar{
    display:none!important;
  }

  .am-keyboard-open-v686 .general-lead-overlay-v659{
    position:fixed!important;
    inset:0!important;
    padding:6px!important;
    padding-top:calc(var(--am-vvtop,0px) + 6px)!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }

  .am-keyboard-open-v686 .general-lead-card-v659{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(var(--am-vvh,100dvh) - 12px)!important;
    border-radius:20px!important;
    overflow:auto!important;
  }

  .am-keyboard-open-v686 .general-lead-info-v659{
    padding:11px 13px 7px!important;
  }

  .am-keyboard-open-v686 .general-lead-info-v659 p{
    font-size:9px!important;
    margin-bottom:5px!important;
  }

  .am-keyboard-open-v686 .general-lead-info-v659 h2{
    font-size:19px!important;
    line-height:1!important;
    max-width:calc(100% - 38px)!important;
  }

  .am-keyboard-open-v686 .general-lead-form-v659{
    padding:9px 13px 11px!important;
    gap:6px 7px!important;
  }

  .am-keyboard-open-v686 .general-lead-form-v659 > label{
    font-size:8.8px!important;
  }

  .am-keyboard-open-v686 .general-lead-form-v659 input,
  .am-keyboard-open-v686 .general-lead-form-v659 textarea{
    min-height:34px!important;
    margin-top:3px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }

  .am-keyboard-open-v686 .general-lead-form-v659 textarea{
    min-height:38px!important;
    max-height:42px!important;
  }

  .am-keyboard-open-v686 .general-lead-filebox-v659{
    height:34px!important;
    min-height:34px!important;
    padding:4px!important;
    border-radius:11px!important;
  }

  .am-keyboard-open-v686 .general-lead-filebox-v659 i{
    min-height:26px!important;
    padding:0 7px!important;
    font-size:9.8px!important;
  }

  .am-keyboard-open-v686 .general-lead-submit-v659{
    height:34px!important;
    min-height:34px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }

  .am-keyboard-open-v686 .general-lead-close-v659{
    width:32px!important;
    height:32px!important;
    top:7px!important;
    right:7px!important;
  }
}

/* Финальная форма тоже не должна прятать кнопку с клавиатурой */
@media (max-width:840px){
  .final-lead-form-v656{
    padding:15px!important;
    border-radius:22px!important;
  }

  .final-lead-form-v656 h3{
    margin-bottom:10px!important;
    font-size:22px!important;
    line-height:1.05!important;
  }

  .final-lead-row-v656{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .final-lead-form-v656 label{
    margin-bottom:8px!important;
    font-size:9.8px!important;
    line-height:1!important;
  }

  .final-lead-form-v656 input,
  .final-lead-form-v656 textarea{
    margin-top:4px!important;
    min-height:39px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:16px!important;
  }

  .final-lead-form-v656 textarea{
    min-height:46px!important;
    max-height:54px!important;
    resize:none!important;
  }

  .final-lead-file-box-v658{
    min-height:39px!important;
    height:39px!important;
    padding:5px!important;
    border-radius:12px!important;
  }

  .final-lead-file-button-v658{
    min-height:29px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
  }

  .final-lead-file-name-v658{
    display:none!important;
  }

  .final-lead-note-v656,
  .final-lead-status-v656{
    display:none!important;
  }

  .final-lead-submit-v656{
    min-height:40px!important;
    height:40px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  .am-keyboard-open-v686 .final-lead-form-v656{
    padding:11px 12px!important;
  }

  .am-keyboard-open-v686 .final-lead-form-v656 h3{
    font-size:18px!important;
    margin-bottom:8px!important;
  }

  .am-keyboard-open-v686 .final-lead-form-v656 input,
  .am-keyboard-open-v686 .final-lead-form-v656 textarea{
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:16px!important;
  }

  .am-keyboard-open-v686 .final-lead-form-v656 textarea{
    min-height:38px!important;
    max-height:42px!important;
  }

  .am-keyboard-open-v686 .final-lead-submit-v656{
    min-height:34px!important;
    height:34px!important;
    font-size:12px!important;
  }
}

/* === v6.86 mobile fullscreen form END === */


/* === v6.87 mobile photo zone START === */

/*
  Мобилка hero:
  - фото "до/после" занимает правую половину, как в отмеченной красной зоне;
  - левая грань фото около середины экрана;
  - фото чуть ниже заголовочной строки;
  - второй блок не лезет визуально на первый;
  - нижняя липкая панель скрыта на первом экране, появляется после прокрутки.
*/
@media (max-width:840px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .site-header{
    width:calc(100vw - 16px)!important;
    height:56px!important;
    min-height:56px!important;
    margin:7px auto 0!important;
    padding:7px 9px 7px 11px!important;
    border-radius:18px!important;
  }

  .brand img{
    height:34px!important;
    max-width:122px!important;
    object-fit:contain!important;
  }

  .btn-header{
    min-height:39px!important;
    height:39px!important;
    max-width:164px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .btn-header .btn-icon{
    display:none!important;
  }

  .hero{
    box-sizing:border-box!important;
    min-height:calc(100svh - 70px)!important;
    padding:10px 0 18px!important;
    display:flex!important;
    align-items:flex-start!important;
  }

  .hero-grid{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
    grid-template-areas:
      "eyebrow eyebrow"
      "title photo"
      "text text"
      "buttons buttons"
      "facts facts"!important;
    column-gap:0!important;
    row-gap:7px!important;
    align-items:start!important;
  }

  .hero-copy{
    display:contents!important;
  }

  .hero .eyebrow{
    grid-area:eyebrow!important;
    margin:0!important;
    color:#31b926!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.065em!important;
    white-space:normal!important;
  }

  .hero-title-v676{
    grid-area:title!important;
    width:100%!important;
    max-width:100%!important;
    margin:2px 0 0!important;
    padding-right:4px!important;
    color:#08251c!important;
    font-size:clamp(18.2px,4.7vw,21.5px)!important;
    line-height:1.055!important;
    letter-spacing:-.052em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .before-after{
    grid-area:photo!important;
    align-self:start!important;
    justify-self:end!important;
    width:calc(100% + 4px)!important;
    height:clamp(174px,49vw,222px)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin-top:8px!important;
    margin-left:-2px!important;
    border-radius:19px!important;
    overflow:hidden!important;
    box-shadow:0 14px 34px rgba(9,37,28,.14)!important;
  }

  .ba-side img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ba-side em{
    top:7px!important;
    left:7px!important;
    min-width:auto!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:9.8px!important;
    line-height:1!important;
  }

  .ba-line span{
    width:30px!important;
    height:30px!important;
    font-size:10px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.11)!important;
  }

  .ba-note{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    width:auto!important;
    transform:none!important;
    padding:6px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  .ba-note-icon{
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    flex:0 0 22px!important;
  }

  .ba-note strong{
    display:block!important;
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.4px!important;
    line-height:1!important;
  }

  .ba-note small{
    display:none!important;
  }

  .hero-text{
    grid-area:text!important;
    max-width:100%!important;
    margin:2px 0 0!important;
    color:#53645f!important;
    font-size:12.8px!important;
    line-height:1.3!important;
  }

  .hero-buttons{
    grid-area:buttons!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
  }

  .hero-buttons .btn{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 13px!important;
    border-radius:16px!important;
    font-size:14.3px!important;
    line-height:1!important;
  }

  .hero-buttons .btn-icon{
    width:25px!important;
    height:25px!important;
    border-radius:9px!important;
  }

  .hero-buttons .btn-secondary span{
    font-size:23px!important;
    line-height:1!important;
  }

  .hero-facts{
    grid-area:facts!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero-facts article{
    width:100%!important;
    min-width:0!important;
    min-height:65px!important;
    padding:8px 6px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  .hero-facts .fact-icon{
    width:24px!important;
    height:24px!important;
    margin:0 0 4px!important;
    border-radius:10px!important;
  }

  .hero-facts .fact-icon svg{
    width:14px!important;
    height:14px!important;
  }

  .hero-facts b{
    display:block!important;
    margin:0 0 2px!important;
    font-size:clamp(11.5px,3.05vw,13.5px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  .hero-facts small{
    display:block!important;
    max-width:100%!important;
    color:#66756f!important;
    font-size:8.2px!important;
    line-height:1.03!important;
  }

  .install-video-v676{
    padding-top:48px!important;
  }

  body:not(.am-mobile-bar-visible-v687) .mobile-bar{
    display:none!important;
  }

  body.am-mobile-bar-visible-v687 .mobile-bar{
    display:grid!important;
  }
}

@media (max-width:380px){
  .hero-grid{
    grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
    row-gap:6px!important;
  }

  .hero .eyebrow{
    font-size:9.3px!important;
  }

  .hero-title-v676{
    font-size:clamp(17px,4.45vw,19.5px)!important;
    line-height:1.045!important;
    letter-spacing:-.057em!important;
  }

  .before-after{
    height:clamp(164px,47vw,196px)!important;
    margin-top:10px!important;
    border-radius:17px!important;
  }

  .ba-note{
    display:none!important;
  }

  .hero-text{
    font-size:12.2px!important;
    line-height:1.27!important;
  }

  .hero-buttons .btn{
    height:40px!important;
    min-height:40px!important;
    font-size:13.8px!important;
  }

  .hero-facts{
    gap:5px!important;
  }

  .hero-facts article{
    min-height:61px!important;
    padding:7px 5px!important;
  }

  .hero-facts .fact-icon{
    width:22px!important;
    height:22px!important;
    margin-bottom:3px!important;
  }

  .hero-facts b{
    font-size:10.8px!important;
  }

  .hero-facts small{
    font-size:7.6px!important;
  }
}

/* === v6.87 mobile photo zone END === */


/* === v6.88 mobile hero gap START === */

@media (max-width:840px){
  /*
    Hero mobile:
    - заголовку даём больше места слева;
    - фото остаётся справа и чуть ниже;
    - убираем искусственную высоту hero, которая создавала пустой разрыв;
    - второй блок подтягиваем ближе.
  */

  .hero{
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    display:block!important;
  }

  .hero-grid{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,56%) minmax(0,44%)!important;
    grid-template-areas:
      "eyebrow eyebrow"
      "title photo"
      "text text"
      "buttons buttons"
      "facts facts"!important;
    column-gap:0!important;
    row-gap:7px!important;
    align-items:start!important;
  }

  .hero-copy{
    display:contents!important;
  }

  .hero .eyebrow{
    grid-area:eyebrow!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.08!important;
    letter-spacing:.065em!important;
  }

  .hero-title-v676{
    grid-area:title!important;
    width:100%!important;
    max-width:100%!important;
    margin:1px 0 0!important;
    padding-right:6px!important;
    font-size:clamp(21px,5.65vw,24.4px)!important;
    line-height:1.04!important;
    letter-spacing:-.055em!important;
  }

  .hero-title-v676 span{
    display:block!important;
    white-space:nowrap!important;
  }

  .before-after{
    grid-area:photo!important;
    justify-self:end!important;
    align-self:start!important;
    width:100%!important;
    height:clamp(176px,48vw,218px)!important;
    min-height:0!important;
    margin-top:14px!important;
    border-radius:19px!important;
    overflow:hidden!important;
  }

  .ba-side img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ba-side em{
    top:7px!important;
    left:7px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:9.8px!important;
    line-height:1!important;
  }

  .ba-line span{
    width:30px!important;
    height:30px!important;
    font-size:10px!important;
  }

  .ba-note{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    padding:6px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  .ba-note-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:8px!important;
  }

  .ba-note strong{
    display:block!important;
    max-width:88px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.3px!important;
    line-height:1!important;
  }

  .ba-note small{
    display:none!important;
  }

  .hero-text{
    grid-area:text!important;
    margin:4px 0 0!important;
    max-width:100%!important;
    font-size:12.8px!important;
    line-height:1.3!important;
  }

  .hero-buttons{
    grid-area:buttons!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
  }

  .hero-buttons .btn{
    min-height:42px!important;
    height:42px!important;
    border-radius:16px!important;
    font-size:14.3px!important;
  }

  .hero-facts{
    grid-area:facts!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
  }

  .hero-facts article{
    min-height:64px!important;
    padding:8px 6px!important;
    border-radius:15px!important;
  }

  .hero-facts .fact-icon{
    width:24px!important;
    height:24px!important;
    margin-bottom:4px!important;
  }

  .hero-facts b{
    font-size:clamp(11.5px,3.05vw,13.5px)!important;
    line-height:1.02!important;
    white-space:nowrap!important;
  }

  .hero-facts small{
    font-size:8.1px!important;
    line-height:1.03!important;
  }

  .install-video-v676{
    margin-top:0!important;
    padding-top:20px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(246,253,244,.72) 42px,rgba(246,253,244,1) 100%)!important;
  }

  .install-shell-v676{
    margin-top:0!important;
  }
}

@media (max-width:380px){
  .hero-grid{
    grid-template-columns:minmax(0,57%) minmax(0,43%)!important;
    row-gap:6px!important;
  }

  .hero-title-v676{
    font-size:clamp(19.2px,5.25vw,21.8px)!important;
    line-height:1.035!important;
    letter-spacing:-.058em!important;
  }

  .before-after{
    height:clamp(166px,46vw,198px)!important;
    margin-top:15px!important;
    border-radius:17px!important;
  }

  .ba-note{
    display:none!important;
  }

  .hero-text{
    font-size:12.2px!important;
    line-height:1.27!important;
  }

  .hero-buttons .btn{
    height:40px!important;
    min-height:40px!important;
    font-size:13.8px!important;
  }

  .hero-facts article{
    min-height:60px!important;
    padding:7px 5px!important;
  }

  .hero-facts .fact-icon{
    width:22px!important;
    height:22px!important;
    margin-bottom:3px!important;
  }

  .hero-facts b{
    font-size:10.8px!important;
  }

  .hero-facts small{
    font-size:7.6px!important;
  }

  .install-video-v676{
    padding-top:16px!important;
  }
}

/* === v6.88 mobile hero gap END === */

/* AM_STAGE1_MOBILE_HERO_CSS_START */
.am-step1-mobile-hero {
  display: none;
}

@media (min-width: 768px) {
  .am-step1-mobile-hero {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .am-step1-desktop-hero-source {
    display: none !important;
  }

  .am-step1-mobile-hero,
  .am-step1-mobile-hero *,
  .am-step1-mobile-hero *::before,
  .am-step1-mobile-hero *::after {
    box-sizing: border-box;
  }

  .am-step1-mobile-hero {
    display: flex !important;
    width: 100%;
    min-height: calc(100svh - 88px);
    margin: 0;
    padding: 6px 20px 14px;
    background:
      radial-gradient(circle at 50% 2%, rgba(82, 205, 61, 0.16), transparent 42%),
      linear-gradient(180deg, #ffffff 0%, #fbfffb 100%);
    overflow: hidden;
  }

  .am-step1-mobile-inner {
    width: min(100%, 540px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .am-step1-eyebrow {
    margin: 0 0 8px;
    color: #33ad27;
    font-size: clamp(11px, 2.95vw, 13px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: 0.105em;
    text-align: center;
    text-transform: uppercase;
  }

  .am-step1-title {
    margin: 0 0 10px;
    color: #073326;
    font-size: clamp(29px, 8.15vw, 38px);
    line-height: 0.91;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-align: center;
  }

  .am-step1-title span {
    display: block;
    white-space: nowrap;
  }

  .am-step1-before-after {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    height: clamp(166px, 47vw, 205px);
    min-height: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #edf3ef;
    box-shadow: 0 16px 34px rgba(7, 39, 29, 0.13);
    isolation: isolate;
  }

  .am-step1-ba-pane {
    position: relative;
    min-width: 0;
    height: 100%;
    overflow: hidden;
  }

  .am-step1-ba-pane img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .am-step1-ba-before img {
    object-position: 52% 50%;
  }

  .am-step1-ba-after img {
    object-position: 50% 50%;
  }

  .am-step1-ba-label {
    position: absolute;
    top: 12px;
    z-index: 3;
    min-width: 42px;
    padding: 7px 10px;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 8px 18px rgba(7, 39, 29, 0.16);
  }

  .am-step1-ba-label-before {
    left: 12px;
    background: rgba(17, 29, 26, 0.86);
  }

  .am-step1-ba-label-after {
    left: calc(50% + 12px);
    background: #52c83d;
  }

  .am-step1-ba-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: 2px;
    background: rgba(255, 255, 255, 0.94);
    transform: translateX(-50%);
  }

  .am-step1-ba-handle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: #36ad27;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 1.5px;
    box-shadow: 0 10px 24px rgba(7, 39, 29, 0.16);
    transform: translate(-50%, -50%);
  }

  .am-step1-ba-caption {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    z-index: 3;
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 15px;
    background: rgba(12, 29, 23, 0.94);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    backdrop-filter: blur(8px);
  }

  .am-step1-star {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(82, 200, 61, 0.52);
    border-radius: 10px;
    color: #a8f58e;
    font-size: 23px;
    line-height: 1;
  }

  .am-step1-subtitle {
    margin: 10px 0 10px;
    color: #5c6762;
    font-size: clamp(14px, 3.75vw, 16px);
    line-height: 1.25;
    letter-spacing: -0.02em;
  }

  .am-step1-actions {
    display: grid;
    width: 100%;
    gap: 8px;
    margin: 0 0 10px;
  }

  .am-step1-mobile-btn {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    border-radius: 17px !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .am-step1-mobile-primary {
    color: #fff !important;
    background: linear-gradient(180deg, #7bec4d 0%, #35b72b 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.46) !important;
    box-shadow: 0 14px 30px rgba(74, 205, 55, 0.34) !important;
  }

  .am-step1-mobile-secondary {
    color: #0b2d22 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(82, 200, 61, 0.46) !important;
    box-shadow: 0 10px 24px rgba(7, 39, 29, 0.06) !important;
  }

  .am-step1-btn-icon {
    position: relative;
    display: inline-flex;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.38);
  }

  .am-step1-btn-icon::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 10px;
    width: 15px;
    height: 11px;
    border: 2px solid currentColor;
    border-radius: 4px;
  }

  .am-step1-btn-icon::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 13px;
    width: 5px;
    height: 5px;
    border: 2px solid currentColor;
    border-radius: 999px;
  }

  .am-step1-arrow {
    color: #2aa626;
    font-size: 28px;
    line-height: 1;
    font-weight: 950;
  }

  .am-step1-facts {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
  }

  .am-step1-fact {
    display: flex;
    min-width: 0;
    min-height: 84px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 9px 8px 8px;
    border-radius: 17px;
    border: 1px solid rgba(30, 117, 72, 0.08);
    background: rgba(255, 255, 255, 0.93);
    box-shadow: 0 12px 28px rgba(7, 39, 29, 0.07);
    overflow: hidden;
  }

  .am-step1-fact-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    margin: 0 0 6px;
    border-radius: 999px;
    background: rgba(82, 200, 61, 0.13);
    border: 1px solid rgba(82, 200, 61, 0.24);
    color: #2fa923;
    font-size: 16px;
    font-weight: 950;
  }

  .am-step1-fact strong {
    display: block;
    width: 100%;
    color: #061d16;
    font-size: clamp(13px, 3.45vw, 16px);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.035em;
  }

  .am-step1-fact small {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #66716b;
    font-size: clamp(9.5px, 2.45vw, 11px);
    line-height: 1.08;
    letter-spacing: -0.025em;
  }

  body:not(.am-step1-show-sticky) .sticky-bottom,
  body:not(.am-step1-show-sticky) .bottom-sticky,
  body:not(.am-step1-show-sticky) .mobile-sticky,
  body:not(.am-step1-show-sticky) .sticky-cta,
  body:not(.am-step1-show-sticky) .bottom-cta,
  body:not(.am-step1-show-sticky) .floating-cta,
  body:not(.am-step1-show-sticky) .mobile-bottom-bar {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(130%) !important;
  }
}

@media (max-width: 380px) {
  .am-step1-mobile-hero {
    padding-left: 14px;
    padding-right: 14px;
  }

  .am-step1-title {
    font-size: clamp(28px, 7.75vw, 33px);
  }

  .am-step1-before-after {
    height: clamp(158px, 45vw, 190px);
  }

  .am-step1-mobile-btn {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  .am-step1-fact {
    min-height: 80px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
/* AM_STAGE1_MOBILE_HERO_CSS_END */

/* AM_STAGE2_MOBILE_VIDEO_CSS_START */
.am-stage2-mobile-video {
  display: none;
}

@media (min-width: 768px) {
  .am-stage2-mobile-video {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .am-stage2-desktop-video-source {
    display: none !important;
  }

  .am-stage2-mobile-video,
  .am-stage2-mobile-video *,
  .am-stage2-mobile-video *::before,
  .am-stage2-mobile-video *::after {
    box-sizing: border-box;
  }

  .am-stage2-mobile-video {
    display: flex !important;
    width: 100%;
    min-height: 100svh;
    margin: 0;
    padding: 14px 18px 20px;
    align-items: flex-start;
    justify-content: center;
    background:
      radial-gradient(circle at 50% 0%, rgba(82, 205, 61, 0.14), transparent 46%),
      linear-gradient(180deg, #fbfffb 0%, #f7fcf8 100%);
    overflow: hidden;
  }

  .am-stage2-mobile-card {
    width: min(100%, 540px);
    margin: 0 auto;
    padding: 18px 18px 18px;
    border: 1px solid rgba(6, 47, 34, 0.08);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 44px rgba(7, 39, 29, 0.08);
  }

  .am-stage2-eyebrow {
    margin: 0 0 8px;
    color: #174236;
    font-size: clamp(13px, 3.35vw, 15px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .am-stage2-title {
    margin: 0 0 12px;
    color: #073326;
    font-size: clamp(27px, 7.2vw, 34px);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.055em;
  }

  .am-stage2-video-box {
    position: relative;
    width: 100%;
    height: clamp(205px, 37svh, 278px);
    margin: 0 0 11px;
    overflow: hidden;
    border: 9px solid #0c3328;
    border-radius: 26px;
    background: #dfe7e2;
    box-shadow: 0 14px 34px rgba(7, 39, 29, 0.11);
    isolation: isolate;
  }

  .am-stage2-video-media {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: #dfe7e2 !important;
  }

  .am-stage2-video-box video.am-stage2-video-media {
    background: #dfe7e2 !important;
  }

  .am-stage2-video-label {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 3;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(12, 29, 23, 0.82);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    transform: translateX(-50%);
    backdrop-filter: blur(8px);
  }

  .am-stage2-subtitle {
    margin: 0 0 11px;
    color: #5b6761;
    font-size: clamp(13px, 3.45vw, 15px);
    line-height: 1.22;
    letter-spacing: -0.018em;
  }

  .am-stage2-facts {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
  }

  .am-stage2-fact {
    display: flex;
    min-width: 0;
    min-height: 68px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8px 7px 7px;
    border: 1px solid rgba(30, 117, 72, 0.08);
    border-radius: 16px;
    background:
      radial-gradient(circle at 80% 20%, rgba(82, 205, 61, 0.10), transparent 44%),
      rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 24px rgba(7, 39, 29, 0.06);
    overflow: hidden;
  }

  .am-stage2-fact-icon {
    display: inline-flex;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
    border-radius: 999px;
    background: rgba(82, 200, 61, 0.13);
    border: 1px solid rgba(82, 200, 61, 0.24);
    color: #2fa923;
    font-size: 14px;
    font-weight: 950;
  }

  .am-stage2-fact strong {
    display: block;
    width: 100%;
    color: #061d16;
    font-size: clamp(12.5px, 3.25vw, 15px);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.035em;
  }

  .am-stage2-fact small {
    display: block;
    width: 100%;
    margin-top: 3px;
    color: #66716b;
    font-size: clamp(9.2px, 2.35vw, 10.8px);
    line-height: 1.05;
    letter-spacing: -0.025em;
  }

  body.am-stage2-hide-sticky .sticky-bottom,
  body.am-stage2-hide-sticky .bottom-sticky,
  body.am-stage2-hide-sticky .mobile-sticky,
  body.am-stage2-hide-sticky .sticky-cta,
  body.am-stage2-hide-sticky .bottom-cta,
  body.am-stage2-hide-sticky .floating-cta,
  body.am-stage2-hide-sticky .mobile-bottom-bar {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(130%) !important;
  }
}

@media (max-width: 380px) {
  .am-stage2-mobile-video {
    padding-left: 12px;
    padding-right: 12px;
  }

  .am-stage2-mobile-card {
    padding: 15px;
    border-radius: 26px;
  }

  .am-stage2-title {
    font-size: clamp(25px, 6.85vw, 31px);
  }

  .am-stage2-video-box {
    height: clamp(190px, 35svh, 250px);
    border-width: 8px;
    border-radius: 24px;
  }

  .am-stage2-subtitle {
    font-size: 13px;
  }

  .am-stage2-fact {
    min-height: 64px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* AM_STAGE2_MOBILE_VIDEO_CSS_END */