:root{--ink:#171816;--muted:#6e6e67;--line:#dcd9d1;--paper:#f4f2ed;--warm:#e8dccb;--accent:#b68f63;--accent2:#ceb08a;--white:#fff;--black:#0e0f0f;--radius:26px;--shadow:0 16px 60px rgba(17,20,18,.09)}
.profile-section .profile-frame{background:linear-gradient(130deg,rgba(255,255,255,.2),rgba(141,177,186,.12)),url('assets/profile-window-seat.png') center/cover!important}
.quiet-section .quiet-image{background:linear-gradient(120deg,rgba(10,14,13,.05),rgba(10,14,13,.15)),url('assets/quiet-comfort.png') center/cover!important}
.solutions .split-head{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important;gap:48px!important;align-items:center!important}.solutions .section-intro{max-width:400px!important;justify-self:start!important}.solutions .image-window{background-image:url('assets/solutions-windows.png')!important}.solutions .image-door{background-image:url('assets/solutions-doors.png')!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:#e8e3da!important}.solutions .image-slide{background-image:url('assets/solutions-sliding.png')!important}.solutions .image-facade{background-image:url('assets/solutions-facade.png')!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.announcement{background:var(--black);color:#d8d2c9;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.08em}.announcement span{opacity:.5;margin:0 6px}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,242,237,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,24,18,.08)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:9px;position:relative;min-width:max-content}.brand-mark{display:inline-flex;gap:2px;align-items:flex-end;height:26px}.brand-mark span{display:block;width:7px;border-radius:2px 2px 0 0;background:var(--ink)}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:26px}.brand-word{font-weight:800;letter-spacing:.18em;font-size:18px}.brand-local{font-size:9px;letter-spacing:.24em;color:var(--muted);align-self:flex-end;margin-bottom:3px}.desktop-nav{display:flex;gap:26px;font-size:13px;color:#4f4f49}.desktop-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:16px}.phone-link{font-size:13px;font-weight:700;white-space:nowrap}.btn{border:0;border-radius:999px;padding:15px 22px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;transition:.25s ease}.btn span{font-size:17px}.btn-dark{background:var(--black);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#272926}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{transform:translateY(-2px);background:#9e774f}.btn-light{background:#ede9e2;color:var(--ink)}.btn-outline{background:transparent;border:1px solid #bcb8af;color:var(--ink)}.btn-outline:hover{background:#ece8e0}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}.btn-sm{padding:12px 16px;font-size:12px}.btn-full{width:100%}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:700px;position:relative;background:#1a1e1d;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('assets/hero-odessa.png');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,11,.9) 0%,rgba(7,11,11,.65) 34%,rgba(7,11,11,.10) 68%,rgba(7,11,11,.15) 100%)}.hero-content{position:relative;z-index:1;min-height:700px;display:flex;align-items:center}.hero-copy{max-width:700px;color:#fff;padding:65px 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.24em;font-weight:800;color:var(--accent);margin:0 0 17px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.01;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}.hero h1 em,.profile-copy em,.quiet-copy em,.calc-intro em,.advantages em,.process em,.final-cta em,.reviews em,.faq em,.modal-card em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.03em}.hero-sub{max-width:610px;color:#dedbd4;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-trust{display:flex;gap:0;margin-top:50px}.hero-trust>div{padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:3px}.hero-trust>div:last-child{border-right:0}.hero-trust strong{font-size:18px}.hero-trust span{font-size:11px;color:#b6b4ad;max-width:130px}.hero-side-note{position:absolute;right:0;bottom:56px;color:#d2cec4;font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.2;text-align:right}.quick-strip{background:#eeece6;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{display:flex;gap:12px;padding:21px 16px;border-right:1px solid var(--line)}.quick-item:last-child{border-right:0}.q-icon{font-size:26px;color:var(--accent)}.quick-item b{display:block;font-size:13px}.quick-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.section{padding:110px 0}.section-head h2,.quiet-copy h2,.profile-copy h2,.calc-intro h2,.advantages h2,.process h2,.reviews h2,.faq h2,.final-cta h2,.modal-card h2{font-size:clamp(34px,4.5vw,58px);line-height:1.06;letter-spacing:-.05em;margin:0}.split-head{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end;margin-bottom:50px}.section-intro{color:var(--muted);font-size:14px;max-width:440px;justify-self:end}.solution-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:18px}.solution-card{background:#fff;border:1px solid #e3e0d9;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}.solution-large{grid-row:span 2}.solution-image{min-height:225px;background-size:cover;background-position:center}.solution-large .solution-image{min-height:510px}.image-window{background-image:url('https://steko.ua/images/assortment/windows.png')}.image-door{background-image:url('https://steko.ua/images/assortment/doors.png')}.image-slide{background-image:url('https://steko.ua/images/assortment/move-system.png')}.image-facade{background-image:url('https://steko.ua/images/assortment/fasady.png')}.solution-body{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:19px 20px 22px}.solution-body>span{font-size:11px;color:var(--accent);font-weight:800}.solution-body h3{margin:0 0 8px;font-size:19px}.solution-body p{margin:0 0 14px;color:var(--muted);font-size:12px}.text-link{font-size:12px;font-weight:800}.quiet-section{background:#101412;color:#fff}.quiet-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.quiet-image{min-height:650px;border-radius:var(--radius);background:linear-gradient(120deg,rgba(10,14,13,.05),rgba(10,14,13,.15)),url('assets/hero-odessa.png') center/cover}.quiet-copy{padding-right:15px}.quiet-copy p{color:#aeaea7;font-size:15px;max-width:560px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:42px 0}.feature-list>div{padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}.feature-list span{font-size:10px;color:var(--accent2)}.feature-list b{display:block;margin:10px 0 4px;font-size:13px}.feature-list p{font-size:11px;line-height:1.45;margin:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.profile-copy p{color:var(--muted);max-width:570px}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px}.profile-tags span{border:1px solid #d8d2c9;border-radius:999px;padding:8px 12px;font-size:11px;background:#faf9f6}.profile-visual{min-height:620px;border-radius:var(--radius);position:relative;background:linear-gradient(145deg,#e9e4dc,#c1b7aa);overflow:hidden}.profile-frame{position:absolute;inset:50px 42px 50px 42px;border:14px solid #2d302d;box-shadow:inset 0 0 0 1px #a59f95,0 25px 60px rgba(26,25,22,.16);background:linear-gradient(130deg,rgba(255,255,255,.6),rgba(141,177,186,.20)),url('assets/hero-odessa.png') center/cover}.profile-floating{position:absolute;right:18px;bottom:18px;background:#fbfaf7;padding:18px 20px;border-radius:16px;box-shadow:var(--shadow);max-width:210px}.profile-floating small{font-size:9px;letter-spacing:.18em;color:var(--accent);font-weight:800}.profile-floating strong{display:block;font-size:20px;line-height:1.02;margin:8px 0}.profile-floating span{font-size:10px;color:var(--muted)}.calculator{background:#e6dfd5}.calc-shell{display:grid;grid-template-columns:.85fr 1.15fr;background:#fbfaf7;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.calc-intro{padding:65px 58px;background:#1a1d1a;color:#fff}.calc-intro>p{color:#a9aaa3}.calc-note{display:flex;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.calc-note span{color:var(--accent2)}.calc-note p{font-size:11px!important;color:#b7b7af!important;margin:0}.calc-form{padding:58px}.step-title{display:flex;gap:14px;align-items:center;margin-bottom:20px}.step-title span{font-size:10px;color:var(--accent);letter-spacing:.12em}.step-title b{font-size:17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.choice-3{grid-template-columns:repeat(3,1fr)}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;align-items:center;min-height:54px;padding:14px 15px;border:1px solid #d8d2c9;border-radius:16px;background:#fff;font-size:12px;font-weight:700;transition:.2s}.choice input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px rgba(182,143,99,.16);background:#fbf7f1}.form-row{display:grid;gap:9px;margin-bottom:12px}.form-row.two{grid-template-columns:1fr 1fr}.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid #d8d2c9;border-radius:14px;background:#fff;padding:14px 15px;outline:0;font-size:12px;color:var(--ink)}.lead-form textarea{min-height:92px;resize:vertical}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:#9f7c55;box-shadow:0 0 0 3px rgba(182,143,99,.12)}.form-legal{font-size:10px;color:#90908a;margin:11px 0 0}.hidden{display:none!important}.form-success{text-align:center;padding:22px 5px}.success-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1a1d1a;color:#fff;font-size:24px;margin:0 auto 16px}.form-success h3{margin:0 0 7px;font-size:22px}.form-success p{font-size:13px;color:var(--muted);margin:0 0 18px}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:46px}.adv-grid article{padding:30px 24px 25px;border-right:1px solid var(--line)}.adv-grid article:last-child{border-right:0}.adv-grid span{color:var(--accent);font-size:11px}.adv-grid h3{font-size:17px;margin:27px 0 9px}.adv-grid p{font-size:12px;color:var(--muted);margin:0}.process{background:#ded5c9}.process-top{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.process-top>p{color:#64615b;font-size:14px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px}.process-line>div{border-top:1px solid #aba195;padding-top:17px}.process-line span{font-size:10px;color:#7d715f}.process-line b{display:block;font-size:17px;margin:16px 0 6px}.process-line p{font-size:11px;color:#6a665f;margin:0;max-width:220px}.reviews{background:#f7f5ef}.reviews-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.reviews-copy p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:530px;margin:24px 0 28px}.review-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.review-placeholder{min-height:450px;background:linear-gradient(135deg,#d8d0c4,#b8b0a6);display:grid;place-items:center;color:#fff;text-align:center}.review-placeholder span{display:block;font-size:17px;font-weight:800}.review-placeholder small{display:block;font-size:10px;opacity:.8;margin-top:5px}.review-caption{padding:18px 20px;display:flex;justify-content:space-between;gap:15px}.review-caption b{font-size:13px}.review-caption span{font-size:10px;color:var(--muted)}.faq{background:#121614;color:#fff}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.faq-list{border-top:1px solid rgba(255,255,255,.16)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.16);padding:21px 0}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent2);font-size:20px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#aaa;max-width:680px;font-size:12px;margin:14px 26px 0 0}.final-cta{background:linear-gradient(135deg,#e8dfd3,#d9d0c2)}.final-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:start}.final-cta>div:first-child>p:not(.eyebrow){color:#66625b;max-width:520px;margin-top:22px}.micro-proof{font-size:11px;color:#4c4943;margin-top:15px}.micro-proof span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff;margin-right:8px;color:var(--accent)}.final-form{background:#fbfaf7;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}.final-form label,.modal-card label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#6d695f;margin-bottom:12px}.final-form input,.final-form select,.final-form textarea,.modal-card input,.modal-card textarea,.modal-card select{margin-top:8px}.footer{background:#101313;color:#fff;padding-top:52px}.footer-top{display:grid;grid-template-columns:1fr .6fr .7fr;gap:80px;padding-bottom:45px}.footer-brand{color:#fff}.footer-brand .brand-mark span{background:#fff}.footer-top p{color:#9a9a93;font-size:12px;margin-top:18px}.footer-links{display:grid;align-content:start;gap:11px;font-size:12px;color:#c6c5bf}.footer-contact{display:grid;align-content:start;gap:7px;justify-items:start}.footer-contact span{font-size:10px;color:#85877f;text-transform:uppercase;letter-spacing:.12em}.footer-contact a{font-size:16px;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;padding:17px 0 28px;color:#777a73;font-size:9px}.modal{position:fixed;inset:0;display:none;z-index:100}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(8,11,9,.64);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(530px,calc(100% - 28px));margin:7vh auto;background:#f5f2ed;border-radius:26px;padding:36px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;color:#6b6961}.modal-card h2{margin-bottom:24px}.mobile-cta{display:none}
@media(max-width:1020px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink)}.header-actions .phone-link{display:none}.mobile-menu{display:none;padding:0 24px 24px;background:rgba(244,242,237,.96)}.mobile-menu.is-open{display:grid;gap:15px}.hero,.hero-content{min-height:650px}.hero-side-note{display:none}.solution-grid{grid-template-columns:1fr 1fr}.solution-large{grid-column:1/-1;grid-row:auto}.solution-large .solution-image{min-height:420px}.quiet-grid,.profile-grid,.calc-shell,.reviews-shell,.faq-grid,.final-grid{grid-template-columns:1fr;gap:38px}.quiet-image{min-height:450px}.profile-visual{min-height:520px}.calc-intro{padding:45px 38px}.calc-form{padding:38px}.split-head,.process-top{grid-template-columns:1fr;gap:25px}.section-intro{justify-self:start}.process-line{grid-template-columns:1fr 1fr}.adv-grid{grid-template-columns:1fr 1fr}.adv-grid article:nth-child(2){border-right:0}.adv-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-top{grid-template-columns:1fr 1fr}.footer-contact{justify-items:start}.footer-bottom{flex-direction:column}.mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;box-shadow:0 -10px 40px rgba(0,0,0,.12)}.mobile-cta button,.mobile-cta a{flex:1;padding:14px;border:0;font-weight:800;font-size:12px;text-align:center}.mobile-cta button{background:var(--accent);color:white}.mobile-cta a{background:var(--black);color:white}}
@media(max-width:680px){.container{width:min(100% - 30px,1180px)}.announcement{font-size:9px}.header-inner{height:66px}.brand-word{font-size:16px}.brand-local{font-size:8px}.section{padding:78px 0}.hero,.hero-content{min-height:700px}.hero-overlay{background:linear-gradient(180deg,rgba(8,11,10,.52) 0%,rgba(8,11,10,.84) 52%,rgba(8,11,10,.96) 100%)}.hero-content{align-items:flex-end}.hero-copy{padding:35px 0 70px}.hero h1{font-size:47px}.hero-sub{font-size:14px}.hero-actions .btn{width:100%}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.hero-trust>div{border-right:0;padding-right:0;margin-right:0}.hero-trust>div:nth-child(3){grid-column:1/-1}.quick-grid{grid-template-columns:1fr 1fr}.quick-item{border-bottom:1px solid var(--line)}.quick-item:nth-child(2n){border-right:0}.quick-item:nth-child(n+3){border-bottom:0}.split-head h2{font-size:38px}.solution-grid{grid-template-columns:1fr}.solution-large{grid-column:auto}.solution-large .solution-image,.solution-image{min-height:330px}.feature-list{grid-template-columns:1fr;gap:15px}.profile-visual{min-height:430px}.profile-frame{inset:30px 22px 90px}.choice-grid,.choice-3,.form-row.two,.adv-grid,.process-line{grid-template-columns:1fr}.choice span{min-height:50px}.calc-form{padding:25px}.calc-intro{padding:36px 24px}.calc-intro h2{font-size:42px}.adv-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.adv-grid article:last-child{border-bottom:0!important}.review-placeholder{min-height:320px}.review-caption{display:grid}.modal-card{padding:28px 22px;margin:3vh auto}.final-form{padding:23px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-bottom{padding-bottom:95px}}