/* Profil-Group: новий головний екран. Усі стилі обмежені #pg-home */
#pg-home{
  --pg-bg:#f2f6f1; --pg-surface:#ffffff; --pg-ink:#132519; --pg-muted:#5b6e60; --pg-line:#dce6dc;
  --pg-panel:#1d4a35; --pg-sun:#f2b33d; --pg-sun-deep:#cf8a12;
  --pg-f-display:"Unbounded","Manrope",system-ui,sans-serif;
  --pg-f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --pg-f-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  font-family:var(--pg-f-body);color:var(--pg-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased
}
#pg-home *{box-sizing:border-box}
#pg-home h2,#pg-home h3{font-family:var(--pg-f-display);margin:0;letter-spacing:-.01em;color:inherit;text-transform:none}
#pg-home p{margin:0}
#pg-home a{color:inherit}
#pg-home .pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 24px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:15px;line-height:1.2;white-space:nowrap;transition:background .2s,transform .2s}
#pg-home .pg-btn:hover{text-decoration:none;transform:translateY(-1px)}
#pg-home .pg-btn:focus-visible{outline:3px solid var(--pg-sun);outline-offset:2px}
#pg-home .pg-btn-sun{background:var(--pg-sun);color:#1b1200}
#pg-home .pg-btn-sun:hover{background:var(--pg-sun-deep);color:#1b1200}
#pg-home .pg-btn-line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
#pg-home .pg-btn-line:hover{color:inherit}
#pg-home .pg-btn-dark{background:#1b1200;color:#fff}
#pg-home .pg-btn-dark:hover{color:#fff;background:#3a2a00}
#pg-home .pg-bleed{position:relative}
#pg-home .pg-slider{position:relative;height:560px;overflow:hidden;background:#0f2a1d;touch-action:pan-y}
#pg-home .pg-slide{position:absolute;inset:0;clip-path:polygon(120% 0,140% 0,140% 100%,100% 100%);transition:clip-path 1s cubic-bezier(.75,0,.2,1);z-index:1}
#pg-home .pg-slide.pg-active{clip-path:polygon(0 0,140% 0,140% 100%,-20% 100%);z-index:3}
#pg-home .pg-slide.pg-prev{clip-path:polygon(0 0,140% 0,140% 100%,-20% 100%);z-index:2;transition:none}
#pg-home .pg-s-in{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:40px 48px 96px}
#pg-home .pg-s-txt{display:grid;gap:18px;align-content:center;min-width:0}
#pg-home .pg-s-eye{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
#pg-home .pg-kin{font-size:clamp(32px,4.8vw,62px);line-height:1;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
#pg-home .pg-kin .pg-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
#pg-home .pg-kin .pg-w i{display:inline-block;font-style:normal;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
#pg-home .pg-slide.pg-active .pg-kin .pg-w i{transform:none;transition-delay:calc(.45s + var(--pg-d))}
#pg-home .pg-s-stat{display:flex;align-items:flex-end;gap:2px;flex-wrap:wrap}
#pg-home .pg-s-stat b{font-family:var(--pg-f-display);font-size:clamp(48px,6vw,84px);line-height:.85;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#pg-home .pg-s-stat span{font-weight:700;font-size:14px;max-width:22ch;line-height:1.3;opacity:.85;margin-left:14px;align-self:center}
#pg-home .pg-s-stat,#pg-home .pg-s-cta,#pg-home .pg-s-eye{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
#pg-home .pg-slide.pg-active .pg-s-eye{opacity:.85;transform:none;transition-delay:.35s}
#pg-home .pg-slide.pg-active .pg-s-stat{opacity:1;transform:none;transition-delay:.85s}
#pg-home .pg-slide.pg-active .pg-s-cta{opacity:1;transform:none;transition-delay:1s}
#pg-home .pg-s-cta{display:flex;gap:12px;flex-wrap:wrap}
#pg-home .pg-s-art{width:100%;max-height:420px;transform:scale(.92) translateX(40px);opacity:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .8s}
#pg-home .pg-slide.pg-active .pg-s-art{transform:none;opacity:1;transition-delay:.3s}
#pg-home .pg-s1{background:radial-gradient(90% 120% at 75% 30%,#24543b 0%,#0f2a1d 60%);color:#eef6ef}
#pg-home .pg-s2{background:radial-gradient(90% 120% at 75% 30%,#ffe08a 0%,#f2b33d 45%,#e07f1f 100%);color:#2a1a00}
#pg-home .pg-s3{background:radial-gradient(90% 120% at 75% 30%,#f2fbc4 0%,#c6e77a 45%,#7cc06a 100%);color:#143320}
#pg-home .pg-s4{background:radial-gradient(90% 120% at 80% 10%,#4ea47a 0%,#1d4a35 60%,#10291e 100%);color:#eef6ef}
#pg-home .pg-s5{background:radial-gradient(90% 120% at 75% 30%,#3fbfa6 0%,#137a6c 50%,#0b3f3a 100%);color:#fff}
#pg-home .pg-slide.pg-active .pg-tw circle{animation:pg-tw 2.4s ease-in-out infinite}
#pg-home .pg-slide.pg-active .pg-tw circle:nth-child(2n){animation-delay:1.2s}
@keyframes pg-tw{50%{opacity:.2}}
#pg-home .pg-slide.pg-active .pg-pill{animation:pg-blink 1.6s steps(2,start) infinite}
@keyframes pg-blink{50%{opacity:.35}}
#pg-home .pg-slide.pg-active .pg-glow{animation:pg-pulse 3s ease-in-out infinite;transform-origin:260px 270px}
@keyframes pg-pulse{50%{opacity:.6;transform:scale(.92)}}
#pg-home .pg-slide.pg-active .pg-charge{animation:pg-charge 3.6s cubic-bezier(.4,0,.2,1) infinite;transform-origin:260px 334px}
@keyframes pg-charge{0%{transform:scaleY(.12)}80%,100%{transform:scaleY(1)}}
#pg-home .pg-slide.pg-active .pg-bolt{animation:pg-boltp 1.2s ease-in-out infinite;transform-origin:262px 205px}
@keyframes pg-boltp{50%{transform:scale(1.12)}}
#pg-home .pg-slide.pg-active .pg-orbit{animation:pg-spin 14s linear infinite;transform-origin:260px 200px}
#pg-home .pg-slide.pg-active .pg-spin{animation:pg-spin 18s linear infinite}
@keyframes pg-spin{to{transform:rotate(360deg)}}
#pg-home .pg-slide.pg-active .pg-bob{animation:pg-bob 3s ease-in-out infinite}
#pg-home .pg-slide.pg-active .pg-b2{animation-delay:.4s}
#pg-home .pg-slide.pg-active .pg-b3{animation-delay:.8s}
@keyframes pg-bob{50%{transform:translateY(-14px)}}
#pg-home .pg-drop .pg-p{opacity:0;transform:translateY(-120px)}
#pg-home .pg-slide.pg-active .pg-drop .pg-p{animation:pg-drop .6s cubic-bezier(.3,1.4,.5,1) forwards}
#pg-home .pg-slide.pg-active .pg-p1{animation-delay:.6s}
#pg-home .pg-slide.pg-active .pg-p2{animation-delay:.8s}
#pg-home .pg-slide.pg-active .pg-p3{animation-delay:1s}
#pg-home .pg-slide.pg-active .pg-p4{animation-delay:1.2s}
#pg-home .pg-slide.pg-active .pg-p5{animation-delay:1.4s}
#pg-home .pg-slide.pg-active .pg-p6{animation-delay:1.6s}
@keyframes pg-drop{to{opacity:1;transform:none}}
#pg-home .pg-slide.pg-active .pg-sh{animation:pg-shine 3s linear infinite}
@keyframes pg-shine{to{transform:skewX(-30deg) translateX(900px)}}
#pg-home .pg-slide.pg-active .pg-bolts path{animation:pg-boltp 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
#pg-home .pg-s-nav{position:absolute;left:48px;right:48px;bottom:28px;z-index:10;display:flex;align-items:flex-end;gap:24px}
#pg-home .pg-tabs{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
#pg-home .pg-tab{border:0;background:none;padding:10px 0 0;text-align:left;cursor:pointer;color:inherit;font:inherit;position:relative;color:rgba(255,255,255,.75)}
#pg-home .pg-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:2px;background:rgba(255,255,255,.28)}
#pg-home .pg-tab i{position:absolute;left:0;top:0;height:3px;width:0;border-radius:2px;background:#fff;z-index:1}
#pg-home .pg-tab.pg-on i{animation:pg-bar var(--pg-dur,6s) linear forwards}
#pg-home .pg-tab.pg-done i{width:100%}
#pg-home .pg-slider.pg-paused .pg-tab.pg-on i{animation-play-state:paused}
@keyframes pg-bar{to{width:100%}}
#pg-home .pg-tab b{font-family:var(--pg-f-mono);font-size:12px;margin-right:6px}
#pg-home .pg-tab span{font-size:13px;font-weight:700}
#pg-home .pg-tab.pg-on{color:#fff}
#pg-home .pg-slider[data-k="1"] .pg-tab,#pg-home .pg-slider[data-k="2"] .pg-tab{color:rgba(27,18,0,.7)}
#pg-home .pg-slider[data-k="1"] .pg-tab::before,#pg-home .pg-slider[data-k="2"] .pg-tab::before{background:rgba(27,18,0,.2)}
#pg-home .pg-slider[data-k="1"] .pg-tab i,#pg-home .pg-slider[data-k="2"] .pg-tab i{background:#1b1200}
#pg-home .pg-slider[data-k="1"] .pg-arrows button,#pg-home .pg-slider[data-k="2"] .pg-arrows button{color:#1b1200;border-color:rgba(27,18,0,.35)}
#pg-home .pg-arrows{display:flex;gap:8px}
#pg-home .pg-arrows button{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:background .2s,transform .2s}
#pg-home .pg-arrows button:hover{background:rgba(255,255,255,.15);transform:scale(1.06)}
#pg-home .pg-arrows button:focus-visible,#pg-home .pg-tab:focus-visible{outline:3px solid var(--pg-sun);outline-offset:3px}
#pg-home .pg-ticker{background:var(--pg-sun);color:#1b1200;overflow:hidden;white-space:nowrap;border-block:1px solid rgba(0,0,0,.08)}
#pg-home .pg-track{display:inline-flex;animation:pg-tick 32s linear infinite;padding-block:14px}
#pg-home .pg-track span{font-family:var(--pg-f-display);font-weight:700;font-size:18px;padding:0 22px;display:inline-flex;align-items:center;gap:22px}
#pg-home .pg-track span::after{content:"";width:12px;height:12px;background:#1b1200;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
@keyframes pg-tick{to{transform:translateX(-50%)}}
@media (max-width:860px){#pg-home .pg-slider{height:660px}
#pg-home .pg-s-cta .pg-btn-line{display:none}
#pg-home .pg-s-in{grid-template-columns:1fr;padding:32px 20px 110px;align-content:start}
#pg-home .pg-s-art{height:200px;max-height:none;order:-1;margin-bottom:4px}
#pg-home .pg-s-nav{left:20px;right:20px;bottom:20px}
#pg-home .pg-tab span{display:none}
#pg-home .pg-slide{position:absolute}}
@media (max-width:480px){#pg-home .pg-arrows button{width:40px;height:40px}
#pg-home .pg-s-stat span{margin-left:0;flex-basis:100%;max-width:none;margin-top:8px}}
@media (prefers-reduced-motion:reduce){#pg-home .pg-slide{transition:none}
#pg-home .pg-track{animation:none}}
#pg-home .pg-how{background:var(--pg-bg);padding:56px 24px}
#pg-home .pg-how-in{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(0,440px);gap:40px;align-items:center}
#pg-home .pg-eyebrow{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--pg-muted)}
#pg-home .pg-how-title{margin-top:8px;font-size:clamp(24px,2.8vw,34px);line-height:1.15}
#pg-home .pg-how-lead{color:var(--pg-muted);max-width:46ch;margin-top:12px}
#pg-home .pg-how-phones{display:grid;gap:6px;margin-top:20px;font-weight:800;font-size:18px}
#pg-home .pg-how-phones a{text-decoration:none}
#pg-home .pg-calc-col{display:grid;gap:16px;min-width:0}
#pg-home .pg-big-lbl{font:700 19px var(--pg-f-body);fill:#3e5c48;letter-spacing:.02em}
#pg-home .pg-scene{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#f4f9f3;box-shadow:0 20px 50px -30px rgba(20,51,38,.5)}
#pg-home .pg-scene svg{display:block;width:100%;height:auto}
#pg-home .pg-s-sky1{stop-color:#f4f9f3}
#pg-home .pg-s-sky2{stop-color:#d9ebd9}
#pg-home .pg-s-gnd{fill:#e3efe3}
#pg-home .pg-s-gline{stroke:#c3d4c6}
#pg-home .pg-s-std{stroke:#8fab97}
#pg-home .pg-s-pnl{fill:#1a4258;stroke:#557a62}
#pg-home .pg-s-cab{stroke:#8fab97}
#pg-home .pg-s-inv{fill:#fff;stroke:#8fab97}
#pg-home .pg-s-roof{stroke:#557a62}
#pg-home .pg-s-wall{fill:#557a62}
#pg-home .pg-steps-bar{background:#fff;color:#132519;border-top:1px solid #dce6dc;padding:10px 14px 12px;display:grid;gap:8px}
#pg-home .pg-steps-bar ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
#pg-home .pg-steps-bar li{font-size:0;height:0;margin:0;border-top:4px solid #dce6dc;border-radius:2px;transition:border-color .3s}
#pg-home .pg-steps-bar li.pg-on{border-color:#cf8a12}
#pg-home .pg-steps-bar p{font-weight:700;font-size:15px;min-height:1.5em;padding-right:40px}
#pg-home .pg-pp{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:10px;border:0;background:#e3efe3;color:#132519;cursor:pointer;font-size:12px;line-height:1;padding:0}
#pg-home .pg-pp:focus-visible{outline:3px solid var(--pg-sun);outline-offset:2px}
#pg-home .pg-calc{background:var(--pg-surface);border-radius:14px;padding:22px;box-shadow:0 20px 50px -30px rgba(20,51,38,.5);margin:0}
#pg-home .pg-calc h3{font-size:17px;margin-bottom:4px}
#pg-home .pg-calc .pg-sub{font-size:13px;color:var(--pg-muted);margin:0 0 16px}
#pg-home .pg-calc label{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin:0}
#pg-home .pg-calc label output{font-family:var(--pg-f-mono);color:var(--pg-sun-deep)}
#pg-home .pg-calc input[type=range]{width:100%;accent-color:var(--pg-sun-deep);margin:10px 0 16px;padding:0;height:auto;border:0;box-shadow:none}
#pg-home .pg-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#pg-home .pg-res div{background:var(--pg-bg);border-radius:10px;padding:12px}
#pg-home .pg-res b{display:block;font-family:var(--pg-f-mono);font-size:20px;font-variant-numeric:tabular-nums}
#pg-home .pg-res span{font-size:12px;color:var(--pg-muted)}
#pg-home .pg-curve{margin:14px 0 6px;width:100%;height:auto;display:block}
#pg-home .pg-calc .pg-btn{width:100%;margin-top:10px;white-space:normal}
#pg-home .pg-calc small{display:block;color:var(--pg-muted);font-size:11.5px;margin-top:8px}
@media (max-width:980px){#pg-home .pg-how-in{grid-template-columns:1fr}}
@media (max-width:420px){#pg-home .pg-res{gap:6px}
#pg-home .pg-res div{padding:10px 8px}
#pg-home .pg-res b{font-size:16px}
#pg-home .pg-how{padding:40px 16px}}
#pg-home .pg-cases-sec{background:var(--pg-surface);padding:56px 24px}
#pg-home .pg-cases-in{max-width:1170px;margin:0 auto}
#pg-home .pg-cases-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
#pg-home .pg-more{font-weight:800;color:var(--pg-sun-deep);text-decoration:none}
#pg-home .pg-more:hover{color:var(--pg-sun-deep);text-decoration:underline}
#pg-home .pg-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px;grid-auto-flow:dense}
#pg-home .pg-tile{position:relative;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px;text-decoration:none;color:#fff;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#pg-home .pg-tile:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(20,51,38,.6);text-decoration:none;color:#fff}
#pg-home .pg-tile:focus-visible{outline:3px solid var(--pg-sun);outline-offset:3px}
#pg-home .pg-big{grid-column:span 2;grid-row:span 2}
#pg-home .pg-wide{grid-column:span 2}
#pg-home .pg-photo{background:#1d4a35}
#pg-home .pg-photo::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--pg-img);background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#pg-home .pg-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,24,15,.88) 0%,rgba(8,24,15,.25) 55%,rgba(8,24,15,0) 100%)}
#pg-home .pg-photo:hover::before{transform:scale(1.06)}
#pg-home .pg-kw{position:absolute;top:16px;left:16px;background:var(--pg-sun);color:#1b1200;font-family:var(--pg-f-display);font-weight:800;font-size:20px;line-height:1;padding:8px 12px;border-radius:10px}
#pg-home .pg-big .pg-kw{font-size:30px;padding:10px 16px}
#pg-home .pg-t{display:grid;gap:3px}
#pg-home .pg-t b{font-size:16px;line-height:1.25}
#pg-home .pg-big .pg-t b{font-size:22px}
#pg-home .pg-t small{font-size:13px;opacity:.8;line-height:1.3}
#pg-home .pg-num{justify-content:space-between}
#pg-home .pg-kwbig{display:flex;flex-wrap:wrap;align-items:baseline;font-family:var(--pg-f-display);font-weight:800;font-size:56px;line-height:.9;letter-spacing:-.03em}
#pg-home .pg-kwbig small{font-size:18px;margin-left:6px;letter-spacing:0;opacity:.8}
#pg-home .pg-wide .pg-kwbig{font-size:64px}
#pg-home .pg-t-green{background:radial-gradient(120% 120% at 100% 0%,#3b8a5e 0%,#1d4a35 70%)}
#pg-home .pg-t-sun{background:radial-gradient(120% 120% at 100% 0%,#ffe08a 0%,#f2b33d 60%,#e08a22 100%);color:#2a1a00}
#pg-home .pg-t-sun:hover{color:#2a1a00}
#pg-home .pg-t-dark{background:#132519}
#pg-home .pg-t-mint{background:radial-gradient(120% 120% at 100% 0%,#4fd1b5 0%,#137a6c 70%)}
@media (max-width:980px){#pg-home .pg-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}}
@media (max-width:520px){#pg-home .pg-bento{grid-auto-rows:minmax(170px,auto);gap:10px}
#pg-home .pg-kwbig,#pg-home .pg-wide .pg-kwbig{font-size:40px}
#pg-home .pg-t b{font-size:15px}
#pg-home .pg-big .pg-t b{font-size:18px}
#pg-home .pg-big .pg-kw{font-size:24px}
#pg-home .pg-cases-sec{padding:40px 16px}
#pg-home .pg-tile{padding:14px}}