:root{--sub-blue:#1674c9;--sub-navy:#123552;--sub-text:#263b4a;--sub-muted:#667985;--sub-line:#dfe7ec;--sub-paper:#f5f8fa}
html,body{width:100%;max-width:100%;overflow-x:clip}.subpage{margin:0;background:var(--sub-paper);color:var(--sub-text);font-family:Manrope,Arial,sans-serif}.subpage main,.subpage section,.subpage article,.subpage aside,.subpage div{min-width:0}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.subpage img,.subpage iframe{max-width:100%}
.sub-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#102f49 0%,#164e78 65%,#1674c9 125%);color:#fff;padding:72px 0 84px}.sub-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(142,208,255,.18);border-radius:50%;right:-190px;top:-280px;pointer-events:none}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:34px;font-size:12px;color:#c6d8e5}.breadcrumbs a{color:#eef8ff;text-decoration:none}.sub-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:58px;align-items:center}.sub-kicker{margin:0 0 10px;color:#8ed0ff;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.sub-hero h1{max-width:820px;margin:10px 0 22px;font-size:clamp(42px,5.2vw,72px);line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere}.sub-hero h1 em{color:#8ed0ff;font-style:normal}.sub-lead{max-width:680px;color:#d7e6f0;font-size:17px;line-height:1.75}.sub-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);color:#d3e0e8;font-size:12px}.sub-meta b{font-size:18px}.sub-cover{display:block;width:100%;max-height:470px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;box-shadow:14px 14px 0 rgba(100,181,246,.15)}
.listing-head{padding:72px 0 38px}.listing-head h1{margin:10px 0 15px;color:var(--sub-navy);font-size:clamp(36px,5vw,62px);line-height:1.08}.listing-head p{max-width:730px;color:var(--sub-muted);font-size:17px;line-height:1.75}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:90px}.content-card{display:flex;min-height:360px;overflow:hidden;flex-direction:column;background:#fff;border:1px solid var(--sub-line);border-radius:8px;box-shadow:0 10px 32px rgba(18,53,82,.05);transition:transform .25s,box-shadow .25s}.content-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,53,82,.11)}.content-card img,.card-placeholder{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.card-placeholder{position:relative;background:linear-gradient(135deg,#dcecf8,#edf5fa)}.card-placeholder:after{content:"";position:absolute;inset:27%;border:7px solid rgba(22,116,201,.36)}.content-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:25px}.content-card small{color:var(--sub-blue);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.content-card h2{margin:11px 0;font-size:23px;line-height:1.25;overflow-wrap:anywhere}.content-card p{color:var(--sub-muted);font-size:14px;line-height:1.65}.content-card a{margin-top:auto;color:var(--sub-blue);font-size:13px;font-weight:800;text-decoration:none}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:60px;padding:78px 0}.article-body{max-width:100%;color:#354b59;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.article-body h2,.article-body h3{color:var(--sub-navy);line-height:1.2}.article-body h2{position:relative;margin-top:44px;padding-left:17px;font-size:32px}.article-body h2:before{content:"";position:absolute;top:.15em;bottom:.15em;left:0;width:4px;background:var(--sub-blue)}.article-body h3{margin-top:34px;font-size:23px}.article-body img{height:auto;border-radius:7px}.article-body a{color:var(--sub-blue)}.answer-box{margin-bottom:38px;padding:27px 29px;background:#fff;border-left:5px solid var(--sub-blue);box-shadow:0 12px 35px rgba(18,53,82,.07)}.answer-box small{color:var(--sub-blue);font-weight:800;letter-spacing:.16em}.answer-box h2{margin:8px 0 12px;color:var(--sub-navy);font-size:26px}.answer-box p{margin:0;color:#4d6270;line-height:1.7}.answer-box ul{display:flex;flex-wrap:wrap;gap:9px 22px;margin:17px 0 0;padding:17px 0 0;border-top:1px solid var(--sub-line);list-style:none;color:#617583;font-size:12px}.answer-box li:before{content:"✓";margin-right:6px;color:var(--sub-blue);font-weight:800}.side-card{position:sticky;top:115px;padding:28px;background:#fff;border:1px solid var(--sub-line);border-top:4px solid var(--sub-blue);box-shadow:0 16px 42px rgba(18,53,82,.08)}.side-card small{color:#758692;letter-spacing:.14em}.side-card h2{margin:12px 0;font-size:26px;line-height:1.2}.side-card p{color:var(--sub-muted);line-height:1.65}.side-card a{display:flex;align-items:center;gap:9px;margin-top:10px;padding:14px 16px;background:var(--sub-navy);color:#fff;font-weight:800;text-decoration:none}.side-card a:first-of-type{background:var(--sub-blue)}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:48px;background:#d9e3e9;border:1px solid #d9e3e9}.trust-row div{padding:22px;background:#fff}.trust-row b{display:block;color:var(--sub-blue);font-size:20px}.trust-row span{color:var(--sub-muted);font-size:12px}
.related{padding:70px 0 0;background:#fff;border-top:1px solid var(--sub-line)}.related>div>h2{margin:10px 0 32px;color:var(--sub-navy);font-size:38px}.faq-list{max-width:900px;padding-bottom:90px}.faq-list details{margin-bottom:10px;padding:23px 26px;background:#fff;border:1px solid var(--sub-line);border-radius:6px}.faq-list summary{font-size:18px;font-weight:800;cursor:pointer;list-style:none}.faq-list summary span{float:right;color:var(--sub-blue)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;padding:76px 0}.contact-info h2{color:var(--sub-navy);font-size:40px}.contact-info p,.contact-info address{color:var(--sub-muted);line-height:1.7}.contact-info address{font-style:normal;margin:18px 0}.contact-info a{display:block;margin:14px 0;color:var(--sub-blue);font-size:18px;overflow-wrap:anywhere}.contact-form{padding:36px;background:#fff;border-top:4px solid var(--sub-blue);box-shadow:0 18px 50px rgba(18,53,82,.09)}.contact-form label{display:block;margin-bottom:16px;font-size:12px;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #ccd9e1;background:#fafcfd;font:inherit}.contact-form textarea{min-height:140px;resize:vertical}.contact-form button{border:0;background:var(--sub-blue);color:#fff;padding:16px 25px;font-weight:800}.notice{margin-bottom:18px;padding:14px}.notice.ok{background:#e0f2e5}.notice.err{background:#f5dfda}.map-section{padding-bottom:80px}.map-section iframe{display:block;border-radius:8px!important;box-shadow:0 18px 50px rgba(18,53,82,.12)}.map-section .section-title{margin:35px 0 22px}.map-section h2{color:var(--sub-navy);font-size:36px}
@media(max-width:980px){.sub-hero-grid,.content-layout,.contact-grid{grid-template-columns:1fr}.sub-hero-grid{gap:34px}.sub-cover{max-height:430px}.content-layout{gap:32px}.side-card{position:static}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-row{grid-template-columns:1fr}.contact-info{max-width:700px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.sub-hero{padding:42px 0 54px}.breadcrumbs{margin-bottom:24px;font-size:11px}.sub-hero h1{font-size:clamp(34px,11vw,42px)}.sub-lead{font-size:15px;line-height:1.65}.sub-meta{flex-direction:column;gap:7px}.sub-cover{max-height:320px;box-shadow:7px 7px 0 rgba(100,181,246,.14)}.listing-head{padding:48px 0 27px}.listing-head h1{font-size:36px}.listing-head p{font-size:15px}.content-grid{grid-template-columns:1fr;gap:16px;padding-bottom:65px}.content-card{min-height:310px}.content-layout{padding:50px 0}.article-body{font-size:15px}.article-body h2{font-size:26px}.article-body h3{font-size:21px}.answer-box{padding:21px;margin-bottom:28px}.answer-box h2{font-size:22px}.answer-box ul{display:grid}.side-card{padding:23px}.related{padding-top:52px}.related>div>h2{font-size:31px}.contact-grid{gap:28px;padding:50px 0}.contact-info h2{font-size:32px}.contact-form{padding:22px}.map-section{padding-bottom:60px}.map-section iframe{height:340px}.map-section h2{font-size:29px}}
.card-clickable{color:inherit;text-decoration:none}.card-action{margin-top:auto;color:var(--sub-blue);font-size:13px;font-weight:800}@media(hover:hover) and (pointer:fine){.content-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,53,82,.11)}}@media(hover:none){.content-card:hover{transform:none}}
.silent-video{position:relative;overflow:hidden;width:100%;height:330px;background:#092941;border-radius:8px;box-shadow:0 20px 55px rgba(5,24,39,.28);pointer-events:none;user-select:none}.silent-video video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.silent-video span{position:absolute;right:14px;bottom:14px;padding:8px 11px;background:rgba(7,34,53,.78);color:#fff;border-radius:4px;font-size:10px;letter-spacing:.08em}
.service-seo{padding:85px 0;background:#fff;border-top:1px solid var(--sub-line)}.service-seo-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px}.service-seo h2{margin:8px 0;color:var(--sub-navy);font-size:clamp(34px,4vw,50px);line-height:1.12}.service-seo h3{margin-top:30px;color:var(--sub-navy);font-size:24px}.service-seo p{color:#536977;line-height:1.8}.seo-actions,.direct-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.seo-actions a,.direct-links a{display:flex;align-items:center;gap:8px;padding:14px 17px;background:var(--sub-blue);color:#fff;font-weight:800;text-decoration:none;border-radius:3px}.seo-actions a:last-child,.direct-links a:last-child{background:var(--sub-navy)}
.service-form-section{padding:85px 0;background:linear-gradient(125deg,#102f49,#155987);color:#fff}.service-form-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:65px;align-items:start}.service-form-section h2{margin:10px 0 20px;font-size:clamp(34px,4vw,50px);line-height:1.12}.service-form-section p{color:#d3e3ed;line-height:1.75}.service-lead-form{padding:32px;background:#fff;color:var(--sub-text);border-radius:7px;box-shadow:0 24px 65px rgba(3,19,31,.3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-lead-form label{display:block;margin-bottom:15px;color:#3f5563;font-size:11px;font-weight:800}.service-lead-form input,.service-lead-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d6e1e7;background:#f9fbfc;font:inherit;resize:vertical}.service-lead-form .form-consent{display:flex;gap:8px;align-items:flex-start;font-weight:500}.service-lead-form .form-consent input{width:auto;margin:2px 0}.service-lead-form button{width:100%;border:0;background:var(--sub-blue);color:#fff;padding:16px;font:inherit;font-weight:800;cursor:pointer}
.instagram-section{padding:80px 0;background:#fff}.instagram-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.instagram-head h2{margin:6px 0;color:var(--sub-navy);font-size:40px}.instagram-head a{color:var(--sub-blue);font-weight:800;text-decoration:none}.instagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.instagram-item{position:relative;overflow:hidden;aspect-ratio:1;background:#e9f0f4}.instagram-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.instagram-item span{position:absolute;inset:auto 10px 10px;padding:8px;background:rgba(11,42,64,.78);color:#fff;font-size:10px;opacity:0;transition:opacity .25s}@media(hover:hover){.instagram-item:hover img{transform:scale(1.04)}.instagram-item:hover span{opacity:1}}.integration-note{margin:18px 0 0;color:var(--sub-muted);font-size:12px}.about-video{padding:75px 0;background:#fff}.about-video>.container{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;align-items:center}.about-video h2{color:var(--sub-navy);font-size:42px}.about-video p{color:var(--sub-muted);line-height:1.75}.about-video .silent-video{height:440px}
@media(max-width:900px){.service-seo-grid,.service-form-grid,.about-video>.container{grid-template-columns:1fr}.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.silent-video{height:300px}}
@media(max-width:620px){.silent-video{height:240px}.service-seo,.service-form-section,.instagram-section,.about-video{padding:58px 0}.service-seo-grid,.service-form-grid,.about-video>.container{gap:30px}.form-row{grid-template-columns:1fr;gap:0}.service-lead-form{padding:21px}.instagram-head{display:block}.instagram-head h2{font-size:32px}.instagram-grid{gap:7px}.about-video h2{font-size:32px}.about-video .silent-video{height:280px}}
.service-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:42px}.service-gallery figure{margin:0;overflow:hidden;background:#fff;border:1px solid var(--sub-line);border-radius:7px}.service-gallery img{display:block;width:100%;height:260px;object-fit:cover}.service-gallery figcaption{padding:12px 14px;color:var(--sub-muted);font-size:11px}
.about-intro{padding:80px 0;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.88)),url('assets/cam-balkon-aluminyum.webp') center/cover}.about-values{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:70px}.about-values h2{max-width:460px;margin:10px 0;color:var(--sub-navy);font-size:clamp(38px,4vw,56px);line-height:1.12}.about-values h3{margin-top:0;color:var(--sub-navy);font-size:20px}.about-values p{color:var(--sub-muted);line-height:1.8}.about-story{padding:95px 0;background:#fff}.about-story>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:start}.about-story .silent-video{height:620px}.about-story .article-body h2{padding:0;margin:7px 0 25px;font-size:48px}.about-story .article-body h2:before{display:none}.about-story .article-body h2:not(:first-of-type){margin-top:34px;font-size:27px}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.about-actions a{padding:14px 17px;background:var(--sub-blue);color:#fff;text-decoration:none;font-weight:800}.about-actions a:last-child{background:var(--sub-navy)}
.detail-seo-article{padding:90px 0;background:linear-gradient(135deg,#eef6fb,#fff)}.detail-seo-article header{max-width:780px;margin-bottom:42px}.detail-seo-article h2{margin:8px 0 15px;color:var(--sub-navy);font-size:clamp(36px,4.5vw,56px);line-height:1.12}.detail-seo-article header>p:last-child{color:var(--sub-muted);font-size:17px;line-height:1.7}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px}.seo-columns h3{color:var(--sub-navy);font-size:23px}.seo-columns p{color:#526a78;line-height:1.85}.seo-columns a{color:var(--sub-blue);font-weight:800}.related .content-card{transform:none!important}.related .content-card:hover{transform:none!important}.answer-box{display:none!important}
.contact-hero{padding-bottom:98px}.contact-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-hero-actions a{padding:14px 20px;border:1px solid rgba(255,255,255,.45);border-radius:6px;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.contact-hero-actions a:first-child{border-color:#fff;background:#fff;color:var(--sub-blue)}.contact-promise{display:grid;grid-template-columns:44px 1fr;gap:5px 16px;padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(9px)}.contact-promise strong{grid-column:2;color:#fff;font-size:15px}.contact-promise strong:before{content:'✓';display:grid;grid-row:span 2;grid-column:1;width:34px;height:34px;place-items:center;margin-left:-50px;border-radius:50%;background:#fff;color:var(--sub-blue)}.contact-promise span{grid-column:2;margin-bottom:18px;color:#cfe1ed;font-size:12px;line-height:1.55}.contact-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:90px 0}.contact-info h2,.form-heading h2{margin:8px 0 14px;color:var(--sub-navy);font-size:clamp(30px,3.6vw,44px);line-height:1.15}.contact-info>p{max-width:560px;color:var(--sub-muted);line-height:1.75}.contact-methods{display:grid;gap:12px;margin-top:32px}.contact-methods>a,.contact-methods>div{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--sub-line);border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:.2s}.contact-methods>a:hover{border-color:#9fc9ea;box-shadow:0 12px 30px rgba(18,53,82,.08);transform:translateY(-2px)}.contact-methods>*>span{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#eaf4fc;color:var(--sub-blue);font-size:11px;font-weight:800}.contact-methods small,.contact-methods strong,.contact-methods address{display:block}.contact-methods small{margin-bottom:5px;color:#8797a2;font-size:9px;font-weight:800;letter-spacing:.14em}.contact-methods strong{color:var(--sub-navy);font-size:15px}.contact-methods address{margin:0;color:#526a78;font-size:13px;line-height:1.55}.contact-methods .route-link{display:inline-block;margin-top:7px;color:var(--sub-blue);font-size:12px;font-weight:800;text-decoration:none}.contact-shell .contact-form{padding:38px;border:1px solid #dce8f0;border-top:5px solid var(--sub-blue);border-radius:12px;box-shadow:0 24px 65px rgba(18,53,82,.11)}.form-heading{margin-bottom:28px}.form-heading p:last-child{color:var(--sub-muted);font-size:13px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-shell .contact-form input,.contact-shell .contact-form textarea,.contact-shell .contact-form select{border-radius:7px;outline:none;transition:.2s}.contact-shell .contact-form input:focus,.contact-shell .contact-form textarea:focus,.contact-shell .contact-form select:focus{border-color:var(--sub-blue);box-shadow:0 0 0 3px rgba(22,116,201,.1);background:#fff}.contact-shell .contact-form button{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:7px;cursor:pointer}.form-consent{display:flex!important;align-items:flex-start;gap:9px;color:#687b87;font-size:11px!important;line-height:1.5}.form-consent input{width:auto!important;margin:2px 0 0!important}.contact-map-wrap{padding:78px 0 90px;background:#f1f6f9}.contact-map-wrap .map-section{padding-bottom:0}.contact-map-wrap .section-title{display:flex;align-items:end;justify-content:space-between;gap:40px}.contact-map-wrap .section-title>p{max-width:440px;color:var(--sub-muted);line-height:1.65}.contact-map-wrap iframe{border:8px solid #fff!important;border-radius:12px!important}
@media(max-width:980px){.contact-shell{grid-template-columns:1fr}.contact-promise{max-width:600px}.contact-map-wrap .section-title{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:620px){.contact-hero{padding-bottom:58px}.contact-hero-actions{display:grid}.contact-promise{padding:24px}.contact-shell{gap:42px;padding:58px 0}.contact-form-row{grid-template-columns:1fr}.contact-shell .contact-form{padding:23px}.contact-map-wrap{padding:55px 0}.contact-map-wrap iframe{height:330px}}
@media(max-width:900px){.about-values{grid-template-columns:1fr;gap:25px}.about-story>.container,.seo-columns{grid-template-columns:1fr}.about-story .silent-video{height:460px}}
@media(max-width:620px){.service-gallery{grid-template-columns:1fr}.service-gallery img{height:230px}.about-intro{padding:55px 0}.about-story{padding:58px 0}.about-story>.container{gap:30px}.about-story .silent-video{height:310px}.about-story .article-body h2{font-size:36px}.detail-seo-article{padding:60px 0}.detail-seo-article header{margin-bottom:25px}.seo-columns{gap:20px}}