@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--dark:#14282d;--primary:#1f3a3f;--accent:#f28c28;--accent2:#c96a16;--text:#132126;--body:#40535a;--muted:#6c7d82;--light:#f0f3ef;--border:#cbd3d0;--white:#fff;--container:1220px;--header:76px;--radius:16px;--shadow:0 12px 36px rgba(20,28,40,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--body);line-height:1.6;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 40px,var(--container));margin:auto}.section{padding:88px 0}.section-light{background:var(--light)}.section-dark{background:var(--primary);color:#fff}h1,h2,h3{font-family:'Outfit',Arial,sans-serif;color:var(--text);line-height:1.08}h1{font-size:clamp(42px,6vw,72px);font-weight:800}h2{font-size:clamp(34px,4vw,48px)}h3{font-size:28px}.eyebrow{font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:10px}.section-head{max-width:720px;margin-bottom:42px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{margin-top:12px;color:var(--muted)}.header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header);background:rgba(26,33,43,.92);backdrop-filter:blur(14px);transition:.25s}.header.scrolled{box-shadow:0 8px 24px rgba(0,0,0,.2)}.header-inner{height:var(--header);display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;flex:0 0 auto}.logo img{width:260px;height:auto}.nav{display:flex;align-items:center;gap:2px;margin-left:auto}.nav a{padding:9px 11px;color:rgba(255,255,255,.82);font-size:14px;font-weight:600;border-radius:7px}.nav a:hover{background:rgba(255,255,255,.08);color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang{display:flex;background:rgba(255,255,255,.1);border-radius:7px;padding:3px}.lang a{font-size:12px;color:rgba(255,255,255,.6);font-weight:700;padding:5px 8px;border-radius:5px}.lang a.active{color:#fff;background:rgba(255,255,255,.15)}.phone{font-weight:700;color:#fff;white-space:nowrap}.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:8px;background:rgba(255,255,255,.08)}.burger span{width:22px;height:2px;background:#fff}.mobile-nav{display:none;position:fixed;top:var(--header);left:0;right:0;z-index:999;background:var(--dark);padding:18px 20px;box-shadow:0 20px 35px rgba(0,0,0,.25)}.mobile-nav.open{display:grid;gap:5px}.mobile-nav a{color:#fff;padding:11px 12px;border-radius:7px}.mobile-nav a:hover{background:rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 25px;border-radius:7px;border:1px solid transparent;font-weight:700;line-height:1;transition:.2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(242,140,40,.28)}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(20,25,32,.12)}.btn-dark{background:var(--primary);color:#fff}.btn-light{border-color:var(--border);color:var(--text);background:#fff}.hero{min-height:760px;position:relative;display:flex;align-items:center;padding-top:var(--header);color:#fff;background:url('../img/hero/hero-main.webp') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,25,34,.94) 0%,rgba(27,34,46,.83) 37%,rgba(27,34,46,.27) 66%,rgba(27,34,46,.05) 100%)}.hero.container{position:relative;z-index:1}.hero-content{max-width:690px;padding:75px 0 55px}.hero h1{color:#fff;margin:20px 0}.hero h1 span{color:var(--accent)}.hero-sub{font-size:19px;color:rgba(255,255,255,.76);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}.trust-item strong{font-family:'Outfit',Arial,sans-serif;font-size:31px;color:#fff}.trust-item span{display:block;color:rgba(255,255,255,.55);font-size:13px}.grid{display:grid;gap:22px}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 14px rgba(20,28,40,.05);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.service-body{padding:22px}.service-body h3{font-size:25px;margin-bottom:8px}.service-body p{font-size:14px;color:var(--muted);min-height:68px}.text-link{display:inline-flex;margin-top:16px;font-weight:700;color:var(--accent)}.split{display:grid;grid-template-columns:1.1fr.9fr;gap:52px;align-items:center}.feature-list{display:grid;gap:13px;margin-top:25px}.feature{display:flex;gap:13px;align-items:flex-start}.feature b{color:var(--text)}.tick{width:26px;height:26px;border-radius:50%;background:#fff1df;color:var(--accent);display:grid;place-items:center;flex:0 0 26px;font-weight:800}.image-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.image-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.process{grid-template-columns:repeat(4,1fr)}.step{padding:26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.step-num{font-family:'Outfit',Arial,sans-serif;font-weight:800;color:var(--accent);font-size:38px}.step h3{font-size:22px;margin:6px 0}.step p{color:var(--muted);font-size:14px}.cta{padding:65px 0;background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff}.cta-grid{display:grid;grid-template-columns:1fr 480px;gap:60px;align-items:center}.cta h2{color:#fff}.cta p{color:rgba(255,255,255,.65);margin-top:12px}.form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:28px;border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:rgba(255,255,255,.65)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:12px 14px;outline:none}.field select option{color:#111}.field textarea{min-height:90px;resize:vertical}.form-status{font-size:13px;margin-top:10px;min-height:20px}.consent{font-size:12px;color:rgba(255,255,255,.48);margin-top:10px}.consent a{text-decoration:underline}.footer{background:#151b24;color:rgba(255,255,255,.58);padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer.logo img{width:280px;margin-bottom:18px}.footer h4{color:#fff;margin-bottom:13px}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:38px;font-size:13px}.page-hero{padding:145px 0 70px;background:var(--primary);color:#fff}.page-hero h1{color:#fff;max-width:850px}.page-hero p{font-size:18px;color:rgba(255,255,255,.68);max-width:720px;margin-top:18px}.breadcrumbs{font-size:13px;color:rgba(255,255,255,.52);margin-bottom:18px}.breadcrumbs a:hover{color:#fff}.content-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--border);border-radius:10px;padding:17px 20px;background:#fff}.faq summary{font-weight:700;color:var(--text);cursor:pointer}.faq p{margin-top:10px;color:var(--muted)}.notice{background:#fff6ec;border:1px solid #ffd0a3;border-radius:12px;padding:18px;color:#764316}.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 26px rgba(0,0,0,.12)}.mobile-cta a{flex:1}.center{text-align:center}.muted{color:var(--muted)}

/* Service cards: equal height and consistent content alignment */.services-grid{align-items:stretch}.service-card{display:flex;flex-direction:column;height:100%;min-width:0}.service-card>img{display:block;flex:0 0 auto;width:100%;aspect-ratio:16/10;object-fit:cover}.service-body{display:flex;flex:1;flex-direction:column;min-width:0}.service-body h3{min-height:2.4em;line-height:1.2}.service-body p{display:-webkit-box;min-height:4.8em;overflow:hidden;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.service-body.text-link{align-self:flex-start;margin-top:auto;padding-top:16px}

/* Blog and article pages */.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 14px rgba(20,28,40,.05)}.blog-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:22px}.blog-card-body h2{font-size:23px;line-height:1.15;margin:9px 0}.blog-card-body p{font-size:14px;color:var(--muted);flex:1}.article-category{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#fff1df;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(260px,1fr);gap:42px;align-items:start}.article-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:28px}.article-content p{margin:0 0 18px;color:#3f4a58;line-height:1.75}.article-content.article-lead{font-size:20px;color:var(--text)}.article-content h2{font-size:31px;margin:34px 0 15px}.article-content ul{padding-left:22px;margin:0 0 22px}.article-content li{margin:8px 0;line-height:1.55}.article-note{margin-top:30px;padding:18px;border-radius:12px;background:#f6f8fb;border:1px solid var(--border)}.article-note a{color:var(--accent);font-weight:700}.article-side{position:sticky;top:110px}.article-side h3{font-size:25px}.article-side p{color:var(--muted);margin:12px 0 18px}.article-side.btn{width:100%;text-align:center}

/* =========================================================
 STAGE 19: METROPLEX DISTINCT INDUSTRIAL BRAND SYSTEM
 Purpose: visually separate METROPLEX from consultancy brands
 ========================================================= */
:root{
 --dark:#091317;
 --primary:#10282c;
 --primary-2:#17383c;
 --accent:#f28c28;
 --accent2:#c96a16;
 --text:#132126;
 --body:#40535a;
 --muted:#6c7d82;
 --light:#f0f3ef;
 --border:#cbd3d0;
 --white:#fff;
 --radius:2px;
 --shadow:0 18px 42px rgba(7,12,18,.16);
}
body{
 background:#f7f9fb;
 background-image:linear-gradient(rgba(18,28,38,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(18,28,38,.028) 1px,transparent 1px);
 background-size:32px 32px;
}
h1,h2,h3{letter-spacing:-.025em}
h1{text-transform:uppercase;font-style:italic}
h2{font-weight:800}.section{position:relative}.section-light{background:#e9eef2}.section-dark{background:#0d1f22}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);letter-spacing:2.6px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--accent);display:block}.section-head{max-width:820px}.section-head.center{text-align:left;margin-left:0;margin-right:0}.section-head.center p{max-width:700px}.header{background:rgba(10,15,21,.97);backdrop-filter:blur(9px);border-bottom:3px solid var(--accent)}.header-inner{position:relative}.header-inner:after{content:"";position:absolute;right:0;bottom:-3px;width:120px;height:3px;background:#fff}.nav a{border-radius:0;text-transform:uppercase;letter-spacing:.055em;font-size:12px}.nav a:hover{background:var(--accent);color:#fff}.lang,.lang a,.lang a.active{border-radius:0}.lang{border:1px solid rgba(255,255,255,.19);background:transparent}.lang a.active{background:var(--accent)}.mobile-nav{background:#091317;border-bottom:3px solid var(--accent)}.mobile-nav a{border-radius:0;border-left:3px solid transparent;text-transform:uppercase;letter-spacing:.05em}.mobile-nav a:hover{border-left-color:var(--accent);background:#123036}.btn{border-radius:0;text-transform:uppercase;letter-spacing:.045em;font-size:13px;min-height:48px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary{box-shadow:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 0 rgba(242,140,40,.14)}.btn-outline{background:rgba(5,9,14,.42);border-color:rgba(255,255,255,.58)}.btn-dark{background:#10282c}.btn-light{background:#fff;border-color:#aeb8c2}.hero{min-height:780px;background-position:center;overflow:hidden}.hero:before{background:linear-gradient(90deg,rgba(8,13,19,.98) 0%,rgba(12,18,25,.93) 44%,rgba(12,18,25,.34) 71%,rgba(12,18,25,.07) 100%)}.hero:after{content:"";position:absolute;z-index:0;top:0;left:55%;width:140px;height:115%;background:rgba(242,140,40,.88);transform:skewX(-13deg);transform-origin:top;mix-blend-mode:multiply;opacity:.48}.hero-content{max-width:760px;border-left:6px solid var(--accent);padding-left:32px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.94;max-width:760px}.hero-sub{font-size:18px;max-width:700px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:0;padding-top:0}.trust-item{border-top:1px solid rgba(255,255,255,.24);border-right:1px solid rgba(255,255,255,.15);padding:18px 18px 0 0}.trust-item strong{font-size:25px;text-transform:uppercase}.services-grid{gap:16px}.service-card{border:0;border-top:5px solid #17383c;border-radius:0;box-shadow:0 8px 24px rgba(12,18,26,.08);position:relative;background:#fff}.service-card:after{content:"";position:absolute;right:0;top:0;border-top:26px solid var(--accent);border-left:26px solid transparent;opacity:0;transition:.2s}.service-card:hover{transform:translateY(-4px);border-top-color:var(--accent);box-shadow:0 18px 38px rgba(9,15,22,.16)}.service-card:hover:after{opacity:1}.service-card img{filter:saturate(.78) contrast(1.06);transition:.3s}.service-card:hover img{filter:saturate(1) contrast(1.08)}.service-body{padding:22px 20px 20px;border-left:1px solid #d7dde3;border-right:1px solid #d7dde3;border-bottom:1px solid #d7dde3}.service-body h3{text-transform:uppercase;font-size:24px}.text-link{text-transform:uppercase;font-size:12px;letter-spacing:.08em;border-bottom:2px solid var(--accent);padding-bottom:4px}.split{gap:70px}.image-card{border-radius:0;box-shadow:none;position:relative;border:8px solid #fff;outline:1px solid #bac3cc}.image-card:after{content:"";position:absolute;right:-9px;bottom:-9px;width:36%;height:9px;background:var(--accent)}.feature-list{border-top:1px solid #cbd3da}.feature{padding:15px 0;border-bottom:1px solid #cbd3da}.tick{border-radius:0;background:var(--accent);color:#fff;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.process{gap:12px}.step{border-radius:0;border:1px solid #bfc8d0;border-top:4px solid #17383c;background:#f9fbfc;position:relative;overflow:hidden}.step:before{content:"";position:absolute;right:-35px;top:-35px;width:70px;height:70px;border:10px solid rgba(242,140,40,.1);transform:rotate(45deg)}.step-num{color:var(--accent);font-size:48px;line-height:1}.step h3{text-transform:uppercase;font-size:20px}.cta{background:#091317;background-image:linear-gradient(135deg,transparent 0 62%,rgba(242,140,40,.09) 62% 100%);border-top:5px solid var(--accent)}.cta-grid{grid-template-columns:minmax(0,1fr) 520px}.form{border-radius:0;border:1px solid rgba(255,255,255,.22);background:#123036;box-shadow:14px 14px 0 rgba(242,140,40,.16)}.field input,.field select,.field textarea{border-radius:0;border-color:rgba(255,255,255,.2);background:#0b1d21}.footer{background:#071014;border-top:5px solid var(--accent)}.footer-grid{grid-template-columns:1.7fr 1fr 1fr}.footer h4{text-transform:uppercase;letter-spacing:.06em}.footer-links a:hover{color:var(--accent)}.page-hero{position:relative;overflow:hidden;background:#10282c;border-bottom:5px solid var(--accent)}.page-hero:after{content:"";position:absolute;right:-10%;top:-55%;width:48%;height:190%;background:linear-gradient(135deg,rgba(242,140,40,.22),rgba(242,140,40,0));transform:rotate(10deg)}.page-hero.container{position:relative;z-index:1}.page-hero h1{text-transform:uppercase;font-style:italic}.breadcrumbs{text-transform:uppercase;letter-spacing:.055em}.content-card{border-radius:0;border-top:4px solid var(--accent)}.faq details{border-radius:0;border-left:4px solid #17383c}.faq details[open]{border-left-color:var(--accent);background:#f4f7f9}.notice{border-radius:0;border-left:5px solid var(--accent);background:#fff4ec}.mobile-cta{border-top:3px solid var(--accent);background:#0a1a1e}.blog-card{border-radius:0;border:1px solid #cbd3da;border-top:4px solid #17383c;box-shadow:none}.blog-card:hover{border-top-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.blog-card-image{overflow:hidden}.blog-card-image img{filter:saturate(.78);transition:.35s}.blog-card:hover.blog-card-image img{transform:scale(1.03);filter:saturate(1)}.article-category{border-radius:0;background:#10282c;color:#fff;letter-spacing:.08em}.article-content{border-radius:0;border-top:5px solid var(--accent);box-shadow:0 14px 38px rgba(10,16,24,.08)}.article-cover{border-radius:0}.article-note{border-radius:0;border-left:5px solid var(--accent)}.article-side{border-top:4px solid var(--accent)}


/* =========================================================
 STAGE 20: 2026 PROFESSIONAL COLOR SYSTEM
 Deep petrol + mineral neutrals + burnished amber
 ========================================================= */
:root{
 --dark:#091317;
 --primary:#10282c;
 --primary-2:#17383c;
 --accent:#f28c28;
 --accent2:#c96a16;
 --text:#132126;
 --body:#40535a;
 --muted:#6c7d82;
 --light:#f0f3ef;
 --border:#cbd3d0;
 --white:#ffffff;
 --shadow:0 18px 42px rgba(8,28,31,.16);
}
body{background-color:#f8faf7;color:var(--body)}.header{background:rgba(7,20,24,.96);border-bottom-color:var(--accent)}.section-light{background:#edf2ee}.section-dark{background:#0d1f22}.hero:before{background:linear-gradient(90deg,rgba(5,17,20,.98) 0%,rgba(10,31,35,.93) 44%,rgba(10,31,35,.36) 72%,rgba(10,31,35,.08) 100%)}.hero:after{background:rgba(242,140,40,.84)}.page-hero{background:linear-gradient(135deg,#0b1f23 0%,#15383d 100%)}.cta{background:#091317;background-image:linear-gradient(135deg,transparent 0 62%,rgba(242,140,40,.10) 62% 100%)}.form{background:#123036;box-shadow:14px 14px 0 rgba(242,140,40,.14)}.field input,.field select,.field textarea{background:#0b1d21}.footer{background:#071014}.btn-primary{background:var(--accent);color:#101820}.btn-primary:hover{background:#ff9d3f}.article-category{background:#10282c}.notice{background:#fff6ec;border-color:#ffd0a3;color:#704014}


/* =========================================================
 STAGE 21: CONTEMPORARY ARCHITECTURAL TECH DESIGN
 Clean 2026 visual system: obsidian, cloud, signal orange
 ========================================================= */
:root{
 --dark:#080B10;
 --primary:#101720;
 --primary-2:#182330;
 --accent:#FF6A00;
 --accent2:#E85D00;
 --accent-soft:#FFF0E6;
 --text:#0E141B;
 --body:#46515E;
 --muted:#74808C;
 --light:#F4F6F8;
 --surface:#FFFFFF;
 --surface-2:#EEF2F5;
 --border:#DCE3E9;
 --white:#FFFFFF;
 --radius:22px;
 --radius-sm:14px;
 --shadow:0 20px 60px rgba(8,14,22,.10);
 --shadow-soft:0 10px 30px rgba(8,14,22,.07);
}
html{background:#fff}
body{
 font-family:'Plus Jakarta Sans',Arial,sans-serif;
 background:#fff;
 background-image:none;
 color:var(--body);
 letter-spacing:-.01em;
}
h1,h2,h3{
 font-family:'Outfit',Arial,sans-serif;
 letter-spacing:-.03em;
 font-style:normal;
 text-transform:none;
}
h1{font-weight:700;line-height:1.0}
h2{font-weight:700;line-height:1.08}
h3{font-weight:600;line-height:1.15}.container{width:min(100% - 48px,1280px)}.section{padding:108px 0}.section-light{background:var(--light)}.section-dark{background:var(--dark)}.eyebrow{
 display:inline-flex;align-items:center;gap:9px;
 padding:6px 12px;border:1px solid rgba(255,106,0,.22);
 border-radius:999px;background:var(--accent-soft);
 color:#C64E00;letter-spacing:.09em;font-size:11.5px;font-weight:700
}.eyebrow:before{display:none}.section-head{max-width:780px;margin-bottom:52px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center p{max-width:650px;margin-left:auto;margin-right:auto}.section-head p{font-size:17.5px;line-height:1.78}.header{
 top:12px;left:16px;right:16px;height:68px;
 background:rgba(9,13,19,.78);
 border:1px solid rgba(255,255,255,.11);
 border-bottom:1px solid rgba(255,255,255,.11);
 border-radius:18px;
 backdrop-filter:blur(20px) saturate(145%);
 box-shadow:0 12px 38px rgba(0,0,0,.18)
}.header.scrolled{background:rgba(9,13,19,.9);box-shadow:0 16px 45px rgba(0,0,0,.24)}.header-inner{height:68px;padding:0 16px}.header-inner:after{display:none}.logo img{width:236px}.nav{gap:4px}.nav a{
 padding:10px 12px;border-radius:10px;
 font-size:12px;text-transform:none;letter-spacing:0;
 color:rgba(255,255,255,.72)
}.nav a:hover{background:rgba(255,255,255,.09);color:#fff}.lang{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04)}.lang a,.lang a.active{border-radius:7px}.lang a.active{background:#fff;color:#0c1118}.burger{border-radius:12px;background:rgba(255,255,255,.08)}.mobile-nav{top:88px;left:16px;right:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(9,13,19,.96);padding:14px}.mobile-nav a{border:0;border-radius:11px;text-transform:none;letter-spacing:0}.btn{
 min-height:52px;padding:0 24px;border-radius:14px;
 clip-path:none;text-transform:none;letter-spacing:-.01em;
 font-size:14px;font-weight:750;
 transition:transform.2s ease,box-shadow.2s ease,background.2s ease
}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 32px rgba(255,106,0,.24)}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,106,0,.3)}.btn-outline{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}.btn-outline:hover{background:#fff;color:#111821}.btn-dark{background:var(--dark)}.btn-light{border-color:var(--border);background:#fff}.hero{
 min-height:860px;margin:0;background-position:center;
 border-radius:0 0 36px 36px;overflow:hidden
}.hero:before{
 background:linear-gradient(90deg,rgba(4,7,11,.94) 0%,rgba(5,9,14,.78) 47%,rgba(6,10,16,.26) 74%,rgba(6,10,16,.06) 100%)
}.hero:after{
 width:520px;height:520px;left:auto;right:-190px;top:110px;
 border-radius:50%;transform:none;mix-blend-mode:screen;opacity:.28;
 background:radial-gradient(circle,rgba(255,106,0,.72) 0%,rgba(255,106,0,.14) 42%,transparent 70%);
 filter:blur(5px)
}.hero-content{max-width:760px;padding:164px 0 88px;border:0}.hero h1{font-size:clamp(50px,7vw,92px);max-width:840px;margin:20px 0 28px}.hero h1 span{color:#fff}.hero-sub{max-width:680px;border:0;padding:0;font-size:19px;line-height:1.7;color:rgba(255,255,255,.73)}.hero-actions{margin-top:34px}.trust-row{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;margin-top:62px;padding:0;border:0;max-width:760px
}.trust-item{
 padding:16px 18px;border:1px solid rgba(255,255,255,.11);
 border-radius:14px;background:rgba(255,255,255,.055);
 backdrop-filter:blur(10px)
}.trust-item strong{font-family:'Outfit',Arial,sans-serif;font-size:18px;text-transform:none}.trust-item span{font-size:12px;margin-top:4px}.services-grid{gap:22px}.service-card{
 border:1px solid var(--border);border-top:1px solid var(--border);
 border-radius:20px;background:#fff;overflow:hidden;
 box-shadow:none;transition:.25s ease
}.service-card:after{display:none}.service-card:hover{transform:translateY(-6px);border-color:#C8D0D8;box-shadow:var(--shadow)}.service-card img{filter:none;transition:transform.45s ease}.service-card:hover img{filter:none;transform:scale(1.035)}.service-body{padding:24px;border:0}.service-body h3{font-size:23px;text-transform:none;min-height:auto}.service-body p{color:#64707C;line-height:1.65}.text-link{
 border:0;padding:0;margin-top:18px;
 font-size:13px;text-transform:none;letter-spacing:0;color:#111821
}.text-link:after{content:'→';margin-left:8px;color:var(--accent);transition:.2s}.text-link:hover:after{transform:translateX(4px)}.split{gap:76px}.image-card{border:0;outline:0;border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.image-card:after{display:none}.feature-list{border:0;gap:10px}.feature{padding:14px 0;border-bottom:1px solid var(--border)}.tick{width:28px;height:28px;flex-basis:28px;border-radius:9px;clip-path:none;background:var(--accent-soft);color:var(--accent)}.process{gap:18px}.step{
 padding:28px;border:1px solid var(--border);border-top:1px solid var(--border);
 border-radius:18px;background:#fff;overflow:hidden
}.step:before{display:none}.step-num{font-family:'Outfit',Arial,sans-serif;font-size:22px;line-height:1;color:var(--accent);margin-bottom:18px}.step h3{font-size:20px;text-transform:none}.step p{font-size:14px;line-height:1.65}.cta{
 margin:0 20px 20px;padding:86px 0;border:0;border-radius:32px;
 background:radial-gradient(circle at 85% 15%,rgba(255,106,0,.18),transparent 32%),linear-gradient(135deg,#0B1017,#151E29)
}.cta-grid{grid-template-columns:minmax(0,1fr) 520px;gap:72px}.form{
 padding:30px;border:1px solid rgba(255,255,255,.12);
 border-radius:22px;background:rgba(255,255,255,.065);
 backdrop-filter:blur(14px);box-shadow:none
}.field input,.field select,.field textarea{
 min-height:50px;border-radius:12px;background:rgba(255,255,255,.075);
 border-color:rgba(255,255,255,.13)
}.footer{padding:70px 0 28px;border:0;background:#080B10}.footer-grid{grid-template-columns:1.8fr 1fr 1fr}.footer h4{text-transform:none;letter-spacing:0}.page-hero{
 padding:168px 0 82px;border:0;background:radial-gradient(circle at 80% 20%,rgba(255,106,0,.14),transparent 28%),linear-gradient(135deg,#0B1017,#172231)
}.page-hero:after{display:none}.page-hero h1{text-transform:none;font-style:normal;max-width:980px}.breadcrumbs{text-transform:none;letter-spacing:0}.content-card{border:1px solid var(--border);border-top:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft)}.faq{gap:12px}.faq details{border:1px solid var(--border);border-left:1px solid var(--border);border-radius:16px;padding:19px 20px}.faq details[open]{border-color:#C9D2DA;background:#fff}.notice{border:1px solid #FFD5B8;border-left:1px solid #FFD5B8;border-radius:16px;background:#FFF8F2}.mobile-cta{background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-top:1px solid var(--border)}.blog-card{
 border:1px solid var(--border);border-top:1px solid var(--border);
 border-radius:20px;box-shadow:none;overflow:hidden
}.blog-card:hover{border-top-color:var(--border);transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card-image img{filter:none}.blog-card:hover.blog-card-image img{filter:none}.article-category{border-radius:999px;background:var(--accent-soft);color:#C64E00;letter-spacing:.06em}.article-content{border:1px solid var(--border);border-top:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-soft)}.article-cover{border-radius:18px}.article-note{border:1px solid var(--border);border-left:1px solid var(--border);border-radius:16px;background:var(--light)}.article-side{border-top:0}

/* =========================================================
 STAGE 22: 2026 EDITORIAL ARCHITECTURE SYSTEM
 Distinct from local competitors: asymmetric, spacious, technical
 ========================================================= */
:root{
 --dark:#0A0C0F;
 --primary:#11161C;
 --primary-2:#1B232C;
 --accent:#FF5A1F;
 --accent2:#D9440E;
 --accent-soft:#FFF1EB;
 --text:#101418;
 --body:#3E4954;
 --muted:#6E7984;
 --light:#F3F1EC;
 --surface:#FFFFFF;
 --surface-2:#EAE7E1;
 --border:#D4D0C9;
 --white:#FFFFFF;
 --radius:0;
 --radius-sm:0;
 --shadow:none;
}
body{background:#f8f7f3;color:var(--body)}.container{width:min(100% - 56px,1320px)}.section{padding:120px 0}.section-light{background:#eeece6}.section-dark{background:var(--dark)}

h1,h2,h3{font-family:'Outfit',Arial,sans-serif;letter-spacing:-.055em}
h1{font-size:clamp(58px,8vw,112px);line-height:.88;font-weight:700}
h2{font-size:clamp(42px,5vw,72px);line-height:.95;font-weight:700}
h3{font-size:clamp(24px,2.1vw,34px)}.eyebrow{padding:0;border:0;border-radius:0;background:transparent;color:var(--accent);font-weight:800;letter-spacing:.16em;font-size:11px}.eyebrow:before{display:block;width:46px;height:2px;background:var(--accent)}.section-head{max-width:900px;margin-bottom:64px}.section-head.center{text-align:left;margin-left:0;margin-right:0}.section-head.center p{margin-left:0;margin-right:0;max-width:720px}.section-head p{font-size:18px;line-height:1.7}.header{top:0;left:0;right:0;height:78px;border:0;border-radius:0;background:rgba(10,12,15,.94);backdrop-filter:blur(18px);box-shadow:none}.header.scrolled{box-shadow:0 1px 0 rgba(255,255,255,.08)}.header-inner{height:78px}.logo img{width:205px}.nav{gap:24px}.nav a{padding:8px 0;border-radius:0;background:none!important;font-size:12px;letter-spacing:.11em;text-transform:uppercase;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:2px;background:var(--accent);transition:.25s}.nav a:hover:after{right:0}.lang{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px}.lang a,.lang a.active{border-radius:999px}.header.btn{min-height:42px;padding:11px 18px}.btn{border-radius:999px;clip-path:none;min-height:52px;padding:15px 26px;letter-spacing:.02em;text-transform:none;font-size:14px}.btn-primary{background:var(--accent);color:#fff;box-shadow:none}.btn-primary:hover{background:#ff713f;transform:translateY(-2px)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.48)}.btn-dark{background:var(--dark)}.btn-light{border-color:var(--border)}.hero{min-height:880px;padding-top:78px;background-color:var(--dark);background-size:56% 100%;background-position:right center;background-repeat:no-repeat}.hero:before{background:linear-gradient(90deg,#0A0C0F 0%,#0A0C0F 42%,rgba(10,12,15,.9) 52%,rgba(10,12,15,.22) 78%,rgba(10,12,15,.05) 100%)}.hero:after{content:"";position:absolute;left:52%;top:0;width:1px;height:100%;background:rgba(255,255,255,.18);transform:none;mix-blend-mode:normal;opacity:1}.hero-content{max-width:760px;padding:110px 0 78px;border:0}.hero h1{margin:30px 0 26px;max-width:780px}.hero-sub{font-size:20px;line-height:1.65;max-width:690px;border:0;padding:0;color:rgba(255,255,255,.72)}.hero-actions{margin-top:38px}.trust-row{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;border-top:1px solid rgba(255,255,255,.22)}.trust-item{padding:20px 28px 0 0;border:0;border-right:1px solid rgba(255,255,255,.14)}.trust-item:last-child{border-right:0}.trust-item strong{font-family:'Outfit',Arial,sans-serif;font-size:16px;letter-spacing:-.02em;text-transform:none}.trust-item span{font-size:12px;margin-top:4px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.service-card{border:0;border-radius:0;background:#fff;box-shadow:none;display:grid;grid-template-columns:46% 54%;min-height:330px;overflow:hidden}.service-card:nth-child(4n+2),.service-card:nth-child(4n+3){grid-template-columns:54% 46%}.service-card:hover{transform:none;box-shadow:none;background:#fbfaf6}.service-card:after{display:none}.service-card>img{height:100%;aspect-ratio:auto;object-fit:cover;filter:saturate(.82) contrast(1.05)}.service-card:hover>img{transform:scale(1.025);filter:saturate(1)}.service-body{border:0;padding:34px 30px;justify-content:center}.service-body h3{font-size:30px;text-transform:none;min-height:0}.service-body p{font-size:15px;line-height:1.65;min-height:0;-webkit-line-clamp:4}.text-link{font-size:13px;text-transform:none;letter-spacing:0;border:0;padding:0;color:var(--text)}.text-link:after{content:" ↗";color:var(--accent)}.split{gap:90px;grid-template-columns:1fr 1fr}.image-card{border:0;outline:0;border-radius:0;box-shadow:none;position:relative}.image-card:after{content:"";position:absolute;right:-22px;bottom:-22px;width:42%;height:22px;background:var(--accent)}.image-card img{aspect-ratio:4/3}.feature-list{border-top:1px solid var(--border)}.feature{padding:22px 0;border-bottom:1px solid var(--border)}.tick{width:30px;height:30px;flex-basis:30px;border-radius:50%;clip-path:none;background:var(--dark);color:#fff}.process{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.step{border:0;border-radius:0;background:#fff;padding:34px;min-height:210px}.step:before{display:none}.step-num{font-family:'Outfit',Arial,sans-serif;font-size:15px;letter-spacing:.12em;color:var(--accent)}.step h3{font-size:24px;text-transform:none;margin-top:36px}.step p{font-size:14px;line-height:1.65}.cta{padding:96px 0;background:var(--dark);background-image:none;border:0}.cta-grid{grid-template-columns:1fr 520px;gap:90px}.form{border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#121820;box-shadow:none;padding:34px}.field input,.field select,.field textarea{border-radius:12px;background:#0c1117;border-color:rgba(255,255,255,.14)}.page-hero{padding:170px 0 90px;background:var(--dark);border:0}.page-hero:after{content:"";position:absolute;right:6%;top:22%;width:180px;height:180px;border:1px solid rgba(255,90,31,.5);border-radius:50%;background:transparent;transform:none}.page-hero h1{text-transform:none;font-style:normal;max-width:980px}.breadcrumbs{text-transform:none;letter-spacing:0}.content-card,.article-content{border:1px solid var(--border);border-radius:0;border-top:0;box-shadow:none}.faq{gap:0;border-top:1px solid var(--border)}.faq details{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:24px 0;background:transparent}.faq details[open]{background:transparent;border-left:0}.faq summary{font-size:18px}.notice,.article-note{border-radius:0;border:0;border-left:4px solid var(--accent)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.blog-card{border:0;border-radius:0;box-shadow:none;background:#fff}.blog-card:hover{transform:none;box-shadow:none;background:#fbfaf6}.blog-card-body{padding:30px}.blog-card-body h2{font-size:30px}.article-category{border-radius:999px;background:var(--accent-soft);color:var(--accent2)}.article-cover{border-radius:0}.article-layout{gap:64px}.article-side{border-top:0;border-left:1px solid var(--border);padding-left:28px}.footer{background:#080b0f;border:0;padding-top:80px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer h4{text-transform:none;letter-spacing:0}.footer-bottom{margin-top:60px}.mobile-cta{background:rgba(10,12,15,.94);border-top:1px solid rgba(255,255,255,.14)}

/* =========================================================
 STAGE 25: FULL-WIDTH COMBINED FLAT + PITCHED ROOF HERO
 Full banner image, no global darkening overlay.
 ========================================================= */.hero{
 min-height:760px;
 padding-top:var(--header);
 background-color:#10151b;
 background-image:url('../img/hero/hero-main.webp');
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 color:#fff;
 overflow:hidden;
}.hero:before,.hero:after{display:none}.hero.container{position:relative;z-index:2}.hero-content{
 max-width:650px;
 padding:94px 0 70px;
 border:0;
 text-shadow:0 2px 18px rgba(0,0,0,.42);
}.hero.eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:14px;color:var(--accent)}.hero h1{
 color:#fff;
 font-size:clamp(42px,4.8vw,68px);
 line-height:1.02;
 letter-spacing:-.045em;
 margin:18px 0 22px;
 max-width:680px;
}.hero h1 span{color:#fff}.hero-sub{
 max-width:610px;
 padding:0;
 border:0;
 color:rgba(255,255,255,.9);
 font-size:17px;
 line-height:1.65;
}.hero-actions{margin-top:28px;gap:10px}.hero.btn{min-height:48px;padding:13px 21px;font-size:13px;text-shadow:none}.hero.btn-outline{color:#fff;border-color:rgba(255,255,255,.68);background:rgba(10,15,20,.22);backdrop-filter:blur(5px)}.hero.btn-outline:hover{background:rgba(255,255,255,.14);border-color:#fff}.hero.trust-row{
 max-width:650px;
 margin-top:42px;
 padding-top:20px;
 border-top:1px solid rgba(255,255,255,.28);
 grid-template-columns:repeat(3,minmax(0,1fr));
}.hero.trust-item{padding:10px 18px 0 0;border-right:1px solid rgba(255,255,255,.22)}.hero.trust-item:last-child{border-right:0}.hero.trust-item strong{color:#fff;font-size:14px;line-height:1.3}.hero.trust-item span{color:rgba(255,255,255,.72);font-size:11px;margin-top:4px}


/* STAGE 28: transparent home header over hero, no black top strip */
body.home.header{
 background:transparent;
 border-bottom:0;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
body.home.header.scrolled{
 background:rgba(9,13,19,.9);
 border-bottom:1px solid rgba(255,255,255,.12);
 box-shadow:0 12px 34px rgba(0,0,0,.22);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}
body.home.header.nav a,
body.home.header.lang a,
body.home.header.burger{
 text-shadow:0 1px 10px rgba(0,0,0,.45);
}
body.home.hero-content{
 text-shadow:0 2px 16px rgba(0,0,0,.5);
}
body.home.hero.btn{
 text-shadow:none;
}

/* STAGE 29: PVC membrane hero, clean image and non-overlapping content */
body.home.hero{
 min-height:820px;
 padding-top:var(--header);
 background-image:url('../img/hero/hero-main.webp');
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 background-color:#dfe5e8;
}
body.home.hero:before,
body.home.hero:after{display:none!important}
body.home.hero-content{
 max-width:620px;
 margin:72px 0 64px;
 padding:32px 34px;
 border-radius:18px;
 background:rgba(8,14,18,.78);
 border:1px solid rgba(255,255,255,.14);
 box-shadow:0 20px 60px rgba(0,0,0,.24);
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
 text-shadow:none;
}
body.home.hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.03;margin:16px 0 18px}
body.home.hero-sub{font-size:16px;line-height:1.62;color:rgba(255,255,255,.9)}
body.home.hero.trust-row{margin-top:30px}


/* =========================================================
 STAGE 30: ANTI-TEMPLATE EDITORIAL SYSTEM
 Removes generic AI-site rhythm: fewer identical cards, asymmetric grids,
 varied hierarchy and content-led composition.
 ========================================================= */
body.anti-template{font-family:'Plus Jakarta Sans',Arial,sans-serif;background:#f7f6f2}
body.anti-template h1,body.anti-template h2,body.anti-template h3{font-family:'Outfit',Arial,sans-serif}
body.anti-template.section{position:relative}
body.anti-template.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.55fr);column-gap:64px;align-items:end;max-width:none}
body.anti-template.section-head>.eyebrow{grid-column:1/-1}
body.anti-template.section-head>h2{grid-column:1}
body.anti-template.section-head>p{grid-column:2;margin:0 0 5px}
body.anti-template.section-head.center{text-align:left}

/* Home hero: image remains the hero, content reads as authored rather than a template panel */
body.home.hero-content{border-radius:2px;background:rgba(8,14,18,.68);border-left:3px solid var(--accent);border-top:0;border-right:0;border-bottom:0;box-shadow:none;backdrop-filter:blur(3px);padding:30px 34px}
body.home.hero h1{max-width:590px}
body.home.hero-sub{max-width:560px}
body.home.trust-row{display:flex;gap:0}
body.home.trust-item{flex:1}

/* Services: editorial mosaic, not eight cloned cards */
body.home.services-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;background:transparent;border:0}
body.home.service-card{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);min-height:350px;border:1px solid var(--border);background:#fff}
body.home.service-card:nth-child(3),body.home.service-card:nth-child(6){grid-column:span 12;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);min-height:390px}
body.home.service-card:nth-child(even):not(:nth-child(6)){grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr)}
body.home.service-card:nth-child(even):not(:nth-child(6))>img{order:2}
body.home.service-card:nth-child(even):not(:nth-child(6)).service-body{order:1}
body.home.service-card>img{aspect-ratio:auto;height:100%;min-height:320px}
body.home.service-body{position:relative;padding:42px 34px 34px;justify-content:flex-end}.service-index,.article-index{display:block;font-family:'Outfit',Arial,sans-serif;font-size:11px;letter-spacing:.16em;color:var(--accent);margin-bottom:auto;padding-bottom:38px}
body.home.service-body h3{font-size:clamp(28px,2.5vw,42px);letter-spacing:-.045em}
body.home.service-card:hover{background:#fff;transform:none}
body.home.service-card:hover img{transform:none}

/* Process: continuous technical sequence instead of repeated white boxes */.process.process-editorial{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:transparent;border:0;border-top:1px solid var(--border)}.process.process-editorial.step{position:relative;min-height:250px;padding:30px 34px 26px 0;border:0;border-right:1px solid var(--border);background:transparent}.process.process-editorial.step:not(:first-child){padding-left:34px}.process.process-editorial.step:last-child{border-right:0}.process.process-editorial.step-num{font-size:12px;letter-spacing:.18em}.process.process-editorial.step h3{margin-top:72px;font-size:clamp(22px,2vw,31px)}.process.process-editorial.step p{font-size:15px;max-width:260px}

/* Brand principles: actual position, not generic “about us” copy */.principles-section{background:#0d1116;color:#fff}.principles-section h2{color:#fff;max-width:900px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.principle{padding:38px 36px 12px 0;border-right:1px solid rgba(255,255,255,.16)}.principle:not(:first-child){padding-left:36px}.principle:last-child{border-right:0}.principle>span{font-size:11px;letter-spacing:.16em;color:var(--accent)}.principle h3{color:#fff;font-size:28px;margin:48px 0 14px}.principle p{color:rgba(255,255,255,.68);max-width:340px}

/* Forms: quieter, less SaaS-template appearance */.form-editorial{border-radius:2px;background:#0c1117;border-left:3px solid var(--accent)}.form-editorial.field input,.form-editorial.field select,.form-editorial.field textarea{border-radius:2px;border-width:0 0 1px;background:transparent;padding-left:0}

/* Service pages: each page gets an editorial cadence rather than cloned card sections */.service-page.section-index{display:block;font-size:10px;letter-spacing:.18em;color:var(--accent);margin-bottom:12px}.service-page main>.section:nth-of-type(even){background:#efede7}.service-page main>.section:nth-of-type(odd){background:#f8f7f3}.service-page.content-card{background:transparent;border-width:1px 0 0;padding:28px 0}.service-page.spec-grid{gap:0;border-top:1px solid var(--border)}.service-page.spec{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:18px 0}.service-page.related{gap:1px;background:var(--border);border:1px solid var(--border)}.service-page.related.content-card{background:#fff;border:0;padding:30px}.service-page.related.content-card:nth-child(2){background:#11161c;color:#fff}.service-page.related.content-card:nth-child(2) h3{color:#fff}.service-page.related.content-card:nth-child(2) p{color:rgba(255,255,255,.64)}

/* Blog: magazine grid with deliberate scale changes */.blog-page.blog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;background:transparent;border:0}.blog-page.blog-card{grid-column:span 4;border:1px solid var(--border);background:#fff}.blog-page.blog-card:nth-child(1),.blog-page.blog-card:nth-child(8),.blog-page.blog-card:nth-child(15),.blog-page.blog-card:nth-child(22){grid-column:span 8;display:grid;grid-template-columns:1.2fr.8fr}.blog-page.blog-card:nth-child(5n){grid-column:span 6}.blog-page.blog-card-image img{height:100%;min-height:240px}.blog-page.blog-card-body{padding:28px;justify-content:flex-end}.blog-page.article-index{margin-bottom:26px;padding:0}.blog-page.blog-card h2{font-size:clamp(23px,2.2vw,36px)}.blog-page.blog-card:hover{background:#fff;transform:none}.article-page.article-content{border:0;background:transparent;padding:0}.article-page.article-cover{margin-bottom:46px}.article-page.article-lead{font-size:clamp(21px,2vw,28px);line-height:1.45;border-left:3px solid var(--accent);padding-left:24px}.article-page.article-content h2{position:relative;margin-top:62px;padding-top:16px;border-top:1px solid var(--border)}.article-page.article-content h2:before{content:attr(data-section);position:absolute;right:0;top:18px;font-size:10px;letter-spacing:.16em;color:var(--accent)}.article-page.article-contact{position:sticky;top:110px;border-top:3px solid var(--accent);background:#fff}

/* Small authoring details */.anti-template.btn{border-radius:3px}.anti-template.article-category{border-radius:2px}.anti-template.image-card:after{height:8px}.anti-template.faq summary{font-family:'Outfit',Arial,sans-serif;letter-spacing:-.02em}


/* STAGE 31: real contractor homepage */.hero-contractor{min-height:760px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(8,12,16,.78) 0%,rgba(8,12,16,.48) 38%,rgba(8,12,16,.04) 72%),url('../img/hero/hero-main.webp') center/cover no-repeat;padding:170px 0 78px;color:#fff}.hero-contractor-grid{display:grid;grid-template-columns:minmax(0,700px) 1fr}.hero-copy{max-width:690px}.hero-copy h1{font-size:clamp(42px,5.1vw,74px);line-height:1.0;letter-spacing:-.03em;margin:16px 0 24px}.hero-copy.hero-sub{font-size:18px;line-height:1.72;max-width:660px;color:rgba(255,255,255,.88)}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-meta span{padding:9px 13px;border:1px solid rgba(255,255,255,.28);font-size:13px;background:rgba(0,0,0,.12)}.narrow{max-width:760px}.scenario-section{padding-top:96px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr.72fr;gap:1px;background:#cfd3d6;border:1px solid #cfd3d6}.scenario-card{background:#fff;padding:36px;min-height:260px}.scenario-card span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#ff5a1f}.scenario-card h3{font-size:28px;margin:30px 0 14px}.scenario-card p{margin:0;line-height:1.7}.scenario-card-small{background:#11161c;color:#fff}.scenario-card-small a{display:inline-block;margin-top:24px;color:#ff7a45}.technical-focus{padding-top:40px}.technical-focus-grid{display:grid;grid-template-columns:1.15fr.85fr;gap:72px;align-items:center}.technical-media{margin:0;min-height:580px}.technical-media img{width:100%;height:100%;object-fit:cover;display:block}.technical-copy h2{font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-.04em}.plain-list{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid #d7d9dc}.plain-list li{padding:15px 0;border-bottom:1px solid #d7d9dc}.services-magazine{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.service-feature{background:#fff;border:1px solid #d9dcdf;display:grid;overflow:hidden}.service-feature img{width:100%;height:100%;object-fit:cover}.service-feature>div{padding:28px}.service-feature span{font-size:12px;color:#ff5a1f}.service-feature h3{font-size:30px;margin:18px 0 12px}.service-feature a{display:inline-block;margin-top:16px}.service-feature.large{grid-column:span 6;grid-template-rows:330px auto}.service-feature.medium{grid-column:span 4;grid-template-rows:230px auto}.service-links-compact{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd3d6;border-bottom:1px solid #cfd3d6}.service-links-compact a{padding:24px 20px;display:grid;gap:6px;border-right:1px solid #cfd3d6}.service-links-compact a:last-child{border-right:0}.service-links-compact span{font-size:14px;color:#66707a}.work-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-photo-grid article{border-top:2px solid #11161c;padding-top:14px}.work-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}.work-photo-grid span{font-size:12px;color:#ff5a1f}.work-photo-grid h3{font-size:23px;margin:10px 0}.work-photo-grid p{font-size:15px;line-height:1.6}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cfd3d6;border:1px solid #cfd3d6}.audience-grid article{background:#fff;padding:48px}.audience-grid h2{font-size:36px}.audience-grid a{display:inline-block;margin-top:18px}.principles-strip{background:#0d1116;color:#fff}.principles-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.principles-strip-grid>div{padding:42px;border-right:1px solid rgba(255,255,255,.15)}.principles-strip-grid>div:last-child{border-right:0}.principles-strip span{color:#ff5a1f;font-size:12px}.principles-strip h3{font-size:25px;margin:18px 0 0}.faq-compact{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.cta-contractor.field small{font-weight:400;color:#7a838c}
@media(max-width:900px){.hero-contractor{min-height:680px;padding:130px 0 54px;background-position:60% center}.scenario-grid,.technical-focus-grid,.audience-grid,.faq-compact{grid-template-columns:1fr}.services-magazine{grid-template-columns:1fr}.service-feature.large,.service-feature.medium{grid-column:auto}.service-links-compact{grid-column:auto;grid-template-columns:1fr}.service-links-compact a{border-right:0;border-bottom:1px solid #cfd3d6}.work-photo-grid{grid-template-columns:1fr 1fr}.principles-strip-grid{grid-template-columns:1fr}.principles-strip-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}}
@media(max-width:620px){.hero-contractor{min-height:auto;padding:420px 0 38px;background-image:url('../img/hero/hero-main-mobile.webp');background-position:center top;background-size:100% auto;background-repeat:no-repeat;background-color:#0d1116}.hero-contractor-grid{display:block}.hero-copy h1{font-size:40px}.hero-copy.hero-sub{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-meta{gap:8px}.hero-meta span{font-size:12px}.scenario-card,.audience-grid article{padding:28px}.technical-media{min-height:330px}.work-photo-grid{grid-template-columns:1fr}.service-feature.large,.service-feature.medium{grid-template-rows:220px auto}.faq-compact{gap:24px}}

/* STAGE 32: hero with workers kept in the far background */.hero-contractor{
 background-image:linear-gradient(90deg,rgba(8,12,16,.64) 0%,rgba(8,12,16,.34) 34%,rgba(8,12,16,.06) 66%,rgba(8,12,16,0) 100%),url('../img/hero/hero-main.webp');
 background-position:center center;
}
@media(max-width:900px){.hero-contractor{background-position:58% center}
}
@media(max-width:620px){.hero-contractor{
 background-image:url('../img/hero/hero-main-mobile.webp');
 background-position:center top;
 background-size:100% auto;
 background-repeat:no-repeat;
 background-color:#0d1116;
 }
}

/* =========================================================
 STAGE 33: CLEAN ROOFING TEMPLATE 2026
 Full-width photographic hero, transparent header, restrained cards
 ========================================================= */
body.template-2026{background:#f6f7f8;color:#3b4650}
body.template-2026 .header{
 top:0;left:0;right:0;height:82px;border:0;border-radius:0;
 background:linear-gradient(180deg,rgba(7,19,31,.34),rgba(7,19,31,0));
 backdrop-filter:none;box-shadow:none
}
body.template-2026 .header .scrolled{
 background:rgba(12,31,48,.94);backdrop-filter:blur(14px);
 box-shadow:0 1px 0 rgba(255,255,255,.1)
}
body.template-2026 .header-inner{height:82px}
body.template-2026 .logo img{width:220px}
body.template-2026 .nav{gap:30px}
body.template-2026 .nav a{
 color:#fff;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:14px;font-weight:600;
 letter-spacing:0;text-transform:none;padding:10px 0
}
body.template-2026 .nav a:after{bottom:2px;height:2px}
body.template-2026 .lang{background:transparent;border:0;border-radius:0;gap:4px}
body.template-2026 .lang a{font-size:13px;border-radius:0;padding:6px;color:rgba(255,255,255,.72)}
body.template-2026 .lang a.active{background:transparent;color:#fff;border-bottom:2px solid var(--accent)}
body.template-2026 .header-actions>.btn{display:none}

body.template-2026 .hero-template{
 min-height:760px;padding:82px 0 116px;align-items:center;
 background-image:url('../img/hero/hero-main.webp');
 background-position:center center;background-size:cover;background-repeat:no-repeat;
 color:#fff;position:relative;overflow:hidden
}
body.template-2026 .hero-template:before{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(10,28,44,.62) 0%,rgba(10,28,44,.42) 34%,rgba(10,28,44,.08) 67%,rgba(10,28,44,0) 100%);
 pointer-events:none
}
body.template-2026 .hero-template:after{display:none}
body.template-2026 .hero-contractor-grid{position:relative;z-index:2;display:block}
body.template-2026 .hero-copy{max-width:740px;padding-top:72px}
body.template-2026 .hero-copy .eyebrow{
 color:#ff6a1f;font-size:12px;font-weight:800;letter-spacing:.07em;margin-bottom:18px
}
body.template-2026 .hero-copy h1{
 color:#fff;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:clamp(44px,4.8vw,72px);
 line-height:1.07;letter-spacing:-.045em;font-weight:600;margin:0 0 24px;
 max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.14)
}
body.template-2026 .hero-copy .hero-sub{
 color:rgba(255,255,255,.94);font-size:17px;line-height:1.65;max-width:650px;
 text-shadow:0 1px 10px rgba(0,0,0,.18)
}
body.template-2026 .hero-actions{margin-top:32px;gap:16px}
body.template-2026 .hero-actions .btn{min-height:54px;border-radius:2px;padding:0 27px;font-size:15px}
body.template-2026 .hero-actions .btn-primary{background:#ff5b16}
body.template-2026 .hero-actions .btn-outline{background:rgba(8,25,40,.14);border-color:rgba(255,255,255,.76);backdrop-filter:blur(4px)}

body.template-2026 .hero-benefit-bar{
 position:absolute;left:0;right:0;bottom:0;z-index:3;
 background:rgba(8,26,41,.78);backdrop-filter:blur(10px);
 border-top:1px solid rgba(255,255,255,.14)
}
body.template-2026 .hero-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
body.template-2026 .hero-benefit-item{
 min-height:112px;display:flex;align-items:center;gap:18px;padding:24px 34px;
 border-right:1px solid rgba(255,255,255,.2);color:#fff
}
body.template-2026 .hero-benefit-item:last-child{border-right:0}
body.template-2026 .hero-benefit-icon{font-size:32px;color:#ff631c;line-height:1}
body.template-2026 .hero-benefit-item strong{display:block;font-size:15px;font-weight:700}
body.template-2026 .hero-benefit-item small{display:block;font-size:13px;color:rgba(255,255,255,.72);margin-top:3px}

body.template-2026 .section{padding:92px 0}
body.template-2026 .section-light{background:#f7f8f9}
body.template-2026 .section-head{margin-bottom:48px}
body.template-2026 .section-head h2{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:650;letter-spacing:-.04em}
body.template-2026 .scenario-section{background:#fff;padding-top:82px}
body.template-2026 .scenario-grid{gap:22px;background:transparent;border:0}
body.template-2026 .scenario-card{
 min-height:250px;padding:34px;border:1px solid #e2e5e8;background:#fff;
 box-shadow:0 12px 30px rgba(14,29,42,.04)
}
body.template-2026 .scenario-card-small{background:#f5f6f7;color:var(--text)}
body.template-2026 .scenario-card-small a{color:var(--accent)}
body.template-2026 .scenario-card h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:26px;letter-spacing:-.025em}
body.template-2026 .technical-focus{background:#f7f8f9}
body.template-2026 .technical-media{min-height:520px;overflow:hidden}
body.template-2026 .technical-media img{transition:transform.5s ease}
body.template-2026 .technical-media:hover img{transform:scale(1.018)}
body.template-2026 .services-editorial{background:#fff}
body.template-2026 .service-feature{border:1px solid #e1e4e7;box-shadow:0 10px 28px rgba(18,35,49,.04)}
body.template-2026 .service-feature h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.03em}
body.template-2026 .service-links-compact{border-color:#e1e4e7}
body.template-2026 .work-process-real{background:#f7f8f9}
body.template-2026 .work-photo-grid article{border-top-color:#ff5b16}
body.template-2026 .audience-split{background:#fff}
body.template-2026 .audience-grid{gap:22px;background:transparent;border:0}
body.template-2026 .audience-grid article{border:1px solid #e1e4e7;box-shadow:0 10px 28px rgba(18,35,49,.04)}
body.template-2026 .principles-strip{background:#102638}
body.template-2026 .cta{margin:0;border-radius:0;background:#102638}
body.template-2026 .form-editorial{background:#0b1e2d;border-left-color:#ff5b16}
body.template-2026 .footer{background:#091a28}

/* Inner pages inherit the same cleaner template language */
body.template-2026 .page-hero{background:#102638;padding-top:150px}
body.template-2026 .content-card,
body.template-2026 .blog-card,
body.template-2026 .article-content{box-shadow:0 12px 30px rgba(14,29,42,.04)}

/* ── CONTENT-CARD: власна типографічна шкала ──────────────────────────────
 Глобальні h2/h3 розраховані на великі секційні заголовки.
 Всередині.content-card - текстовий документ, потрібна менша шкала.
 ────────────────────────────────────────────────────────────────────── */.content-card{
 padding:40px 44px;
 line-height:1.72;
}.content-card h2{
 font-size:clamp(22px,2.4vw,28px);
 font-weight:700;
 letter-spacing:-.022em;
 line-height:1.2;
 margin:0 0 20px;
 color:var(--text);
}.content-card h3{
 font-size:clamp(16px,1.5vw,19px);
 font-weight:700;
 letter-spacing:-.01em;
 line-height:1.3;
 margin:36px 0 10px;
 color:var(--text);
 text-transform:none;
}.content-card p{
 font-size:16.5px;
 line-height:1.78;
 color:var(--body);
 margin:0 0 16px;
}.content-card p:last-child{margin-bottom:0}

/* page-hero сторінок з content-card - менший H1 для підзаголовку */.page-hero h1{
 font-size:clamp(28px,3.5vw,42px);
 line-height:1.18;
 letter-spacing:-.025em;
 font-weight:700;
}.page-hero p{
 font-size:17px;
 line-height:1.72;
 color:rgba(255,255,255,.68);
 max-width:680px;
 margin-top:14px;
}

@media(max-width:680px){.content-card{padding:26px 22px}.content-card h2{font-size:21px}.content-card h3{font-size:16px}.content-card p{font-size:15.5px}
}

/* STAGE 34: crisp responsive hero, restrained typography */
body.template-2026 .hero-template{
 position:relative;
 min-height:760px;
 padding:0;
 display:flex;
 align-items:stretch;
 background:none !important;
 overflow:hidden;
}
body.template-2026 .hero-template .hero-media{
 position:absolute;
 inset:0;
 z-index:0;
 display:block;
}
body.template-2026 .hero-template .hero-media img{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
 display:block;
 filter:none;
 transform:none;
}
body.template-2026 .hero-template:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 background:linear-gradient(90deg,rgba(7,15,23,.62) 0%,rgba(7,15,23,.43) 34%,rgba(7,15,23,.12) 58%,rgba(7,15,23,0) 78%);
 pointer-events:none;
}
body.template-2026 .hero-template .hero-contractor-grid{
 position:relative;
 z-index:2;
 display:flex;
 align-items:center;
 min-height:650px;
 padding-top:86px;
 padding-bottom:118px;
}
body.template-2026 .hero-template .hero-copy{
 max-width:650px;
 padding:0;
 background:none;
 border:0;
 box-shadow:none;
 backdrop-filter:none;
}
body.template-2026 .hero-template .hero-copy h1{
 max-width:650px;
 margin:16px 0 22px;
 font-size:clamp(42px,4.35vw,66px);
 line-height:1.02;
 letter-spacing:-.045em;
 text-shadow:0 2px 16px rgba(0,0,0,.28);
}
body.template-2026 .hero-template .hero-copy .hero-sub{
 max-width:590px;
 font-size:17px;
 line-height:1.58;
 color:rgba(255,255,255,.94);
 text-shadow:0 1px 10px rgba(0,0,0,.35);
}
body.template-2026 .hero-template .hero-copy .eyebrow{
 font-size:12px;
 letter-spacing:.12em;
 text-shadow:0 1px 8px rgba(0,0,0,.35);
}
body.template-2026 .hero-template .hero-actions{margin-top:28px}
body.template-2026 .hero-template .hero-actions .btn{
 min-height:50px;
 padding:0 24px;
 font-size:14px;
}
body.template-2026 .hero-benefit-bar{
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 z-index:3;
 min-height:108px;
 background:rgba(15,34,50,.92);
 border-top:1px solid rgba(255,255,255,.15);
 backdrop-filter:blur(8px);
}
body.template-2026 .hero-benefit-item{
 min-height:108px;
 padding:22px 28px;
}
body.template-2026 .hero-benefit-icon{font-size:27px}
body.template-2026 .hero-benefit-item strong{font-size:14px}
body.template-2026 .hero-benefit-item small{font-size:12px}

@media (max-width:900px){
 body.template-2026 .hero-template .hero-contractor-grid{padding-left:10px;padding-right:10px}
 body.template-2026 .hero-template:before{background:linear-gradient(90deg,rgba(7,15,23,.68),rgba(7,15,23,.34) 58%,rgba(7,15,23,.05))}
}
@media (max-width:620px){
 body.template-2026 .hero-template{
 min-height:auto;
 display:block;
 background:#0f2232 !important;
 padding-top:68px;
 }
 body.template-2026 .hero-template .hero-media{
 position:relative;
 inset:auto;
 height:330px;
 z-index:0;
 overflow:hidden;
 }
 body.template-2026 .hero-template .hero-media img{
 object-position:center 42%;
 }
 body.template-2026 .hero-template:before{display:none}
 body.template-2026 .hero-template .hero-contractor-grid{
 display:block;
 min-height:0;
 padding:30px 20px 34px;
 }
 body.template-2026 .hero-template .hero-copy{max-width:none}
 body.template-2026 .hero-template .hero-copy h1{
 font-size:36px;
 line-height:1.06;
 max-width:none;
 margin:12px 0 16px;
 text-shadow:none;
 }
 body.template-2026 .hero-template .hero-copy .hero-sub{
 font-size:15px;
 line-height:1.55;
 max-width:none;
 text-shadow:none;
 }
 body.template-2026 .hero-template .hero-copy .eyebrow{font-size:11px;text-shadow:none}
 body.template-2026 .hero-template .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
 body.template-2026 .hero-template .hero-actions .btn{width:100%;min-height:48px}
 body.template-2026 .hero-benefit-bar{position:relative;min-height:0;background:#142c3e;backdrop-filter:none}
 body.template-2026 .hero-benefit-grid{grid-template-columns:1fr}
 body.template-2026 .hero-benefit-item{min-height:70px;padding:16px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 body.template-2026 .hero-benefit-item:last-child{border-bottom:0}
}

/* ── ABOUT PAGE HERO - фото банер ──────────────────────────────────────── */.about-page-hero{
 position:relative;
 background:url('../img/about-hero.jpg') center 40%/cover no-repeat;
 overflow:hidden;
}.about-page-hero::before{
 content:'';
 position:absolute;
 inset:0;
 background:linear-gradient(
 100deg,
 rgba(8,22,32,.88) 0%,
 rgba(12,30,42,.78) 40%,
 rgba(10,24,36,.45) 70%,
 rgba(8,18,28,.20) 100%
 );
 z-index:0;
}.about-page-hero.container{
 position:relative;
 z-index:1;
}.about-page-hero h1{
 color:#fff;
}.about-page-hero p{
 color:rgba(255,255,255,.72);
}.about-page-hero.breadcrumbs,.about-page-hero.breadcrumbs a{
 color:rgba(255,255,255,.52);
}



/* ── PVH PAGE HERO - фото банер ── */.service-pvh-membrana-kharkiv.service-hero-media,.service-pvh-membrana-harkov.service-hero-media{
 margin-top:32px;
 border-radius:14px;
 overflow:hidden;
 box-shadow:0 16px 48px rgba(8,14,22,.22);
}.service-pvh-membrana-kharkiv.service-hero-media img,.service-pvh-membrana-harkov.service-hero-media img{
 width:100%;
 height:420px;
 object-fit:cover;
 object-position:center 42%;
 display:block;
}
@media(max-width:680px){.service-pvh-membrana-kharkiv.service-hero-media img,.service-pvh-membrana-harkov.service-hero-media img{height:240px;}
}

/* ── METALOCHEREPYTSIA PAGE HERO - фото банер ── */.service-metalocherepytsia-kharkiv.service-hero-media,.service-metallocherepitsa-harkov.service-hero-media{
 margin-top:32px;
 border-radius:14px;
 overflow:hidden;
 box-shadow:0 16px 48px rgba(8,14,22,.22);
}.service-metalocherepytsia-kharkiv.service-hero-media img,.service-metallocherepitsa-harkov.service-hero-media img{
 width:100%;
 height:420px;
 object-fit:cover;
 object-position:center 45%;
 display:block;
}
@media(max-width:680px){.service-metalocherepytsia-kharkiv.service-hero-media img,.service-metallocherepitsa-harkov.service-hero-media img{height:240px;}
}

/* ── MIAKA POKRIVLIA PAGE HERO - фото банер ── */.service-miaka-pokrivlia-kharkiv.service-hero-media,.service-myagkaya-krovlya-harkov.service-hero-media{
 margin-top:32px;
 border-radius:14px;
 overflow:hidden;
 box-shadow:0 16px 48px rgba(8,14,22,.22);
}.service-miaka-pokrivlia-kharkiv.service-hero-media img,.service-myagkaya-krovlya-harkov.service-hero-media img{
 width:100%;
 height:420px;
 object-fit:cover;
 object-position:center 38%;
 display:block;
}
@media(max-width:680px){.service-miaka-pokrivlia-kharkiv.service-hero-media img,.service-myagkaya-krovlya-harkov.service-hero-media img{height:240px;}
}

/* ── WORK PROCESS GRID - фото картки ── */.work-photo-grid{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:20px;
 margin-top:36px;
}.work-photo-grid article{
 border-radius:12px;
 overflow:hidden;
 background:var(--card-bg,#fff);
 box-shadow:0 4px 20px rgba(0,0,0,.06);
}.work-photo-grid article img{
 width:100%;
 height:260px;
 object-fit:cover;
 object-position:center 30%;
 display:block;
}.work-photo-grid article span{
 display:none;
}.work-photo-grid article h3{
 font-size:18px;
 font-weight:700;
 margin:16px 20px 8px;
 letter-spacing:-.01em;
}.work-photo-grid article p{
 font-size:14.5px;
 line-height:1.7;
 color:var(--body);
 margin:0 20px 20px;
}
@media(max-width:720px){.work-photo-grid{grid-template-columns:1fr}.work-photo-grid article img{height:220px}
}

/* ── PROCESS CARDS - clean, no conflicts ── */.work-photo-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:16px;
 margin-top:32px;
 align-items:start;
}
article.process-card-img{
 display:block;
 border-radius:12px;
 overflow:hidden;
 background:transparent;
 line-height:0;
 box-shadow:0 4px 20px rgba(0,0,0,.12);
 transition:box-shadow.3s ease, transform.3s ease;
}
article.process-card-img:hover{
 box-shadow:0 8px 32px rgba(0,0,0,.18);
 transform:translateY(-2px);
}
article.process-card-img img{
 width:100%;
 height:auto;
 display:block;
 margin:0;
 padding:0;
 border:0;
 vertical-align:bottom;
}
@media(max-width:900px){.work-photo-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-width:520px){.work-photo-grid{grid-template-columns:1fr;gap:10px}
}

/* ── PROCESS SECTION heading ── */.work-process-real.section-head h2{
 font-size:clamp(20px,2.4vw,28px);
}.work-process-real.section-head p{
 font-size:16px;
 line-height:1.72;
 max-width:620px;
}

/* ── AUDIENCE SPLIT cards ── */.audience-split article h2{
 font-size:clamp(18px,1.8vw,22px);
 line-height:1.25;
 margin-bottom:12px;
}.audience-split article p{
 font-size:15.5px;
 line-height:1.72;
}

/* ── FAQ on index - tighter ── */.section-light.faq details{
 border-bottom:1px solid rgba(255,255,255,.06);
}.section-light.faq summary{
 padding:18px 0;
 font-size:16px;
}

/* ── CONTACTS page-hero ── */.contacts-page.page-hero p{
 font-size:16.5px;
 line-height:1.72;
 color:rgba(255,255,255,.68);
 max-width:580px;
}


/* ══════════════════════════════════════════════════════════════════
 ЄДИНА ТИПОГРАФІЧНА СИСТЕМА METROPLEX
 Перекриває всі попередні конфліктуючі правила.
 Шрифти: Outfit (заголовки) + Plus Jakarta Sans (текст)
 Масштаб: Major Third (1.25)
 ══════════════════════════════════════════════════════════════════ */

/* ── Base ── */
body{
 font-family:'Plus Jakarta Sans',Arial,sans-serif;
 font-size:16px;
 line-height:1.68;
 color:var(--body);
 -webkit-font-smoothing:antialiased;
}

/* ── Heading scale ── */
h1,h2,h3,h4{
 font-family:'Outfit',Arial,sans-serif;
 font-weight:700;
 line-height:1.15;
 letter-spacing:-.02em;
 color:var(--text);
}

/* H1 - hero / page title: 40-60px */
h1{
 font-size:clamp(36px,4.5vw,60px);
 line-height:1.1;
 letter-spacing:-.025em;
}

/* H2 - section title: 26-38px */
h2{
 font-size:clamp(24px,3vw,38px);
 line-height:1.18;
 letter-spacing:-.02em;
}

/* H3 - card/subsection: 18-22px */
h3{
 font-size:clamp(17px,1.8vw,22px);
 line-height:1.25;
 letter-spacing:-.01em;
 font-weight:700;
}

/* ── Hero specific ── */.hero h1,.hero-copy h1,.hero-template.hero-copy h1{
 font-size:clamp(38px,5vw,66px);
 line-height:1.05;
 letter-spacing:-.03em;
}.hero-sub,.hero-copy.hero-sub{
 font-size:17px;
 line-height:1.7;
 color:rgba(255,255,255,.78);
}

/* ── Page hero (inner pages) ── */.page-hero h1{
 font-size:clamp(28px,3.5vw,46px);
 line-height:1.18;
 letter-spacing:-.022em;
}.page-hero p{
 font-size:16.5px;
 line-height:1.72;
 color:rgba(255,255,255,.68);
}

/* ── Section head ── */.section-head h2{
 font-size:clamp(22px,2.8vw,34px);
}.section-head p{
 font-size:16.5px;
 line-height:1.75;
 color:var(--muted);
 margin-top:14px;
}

/* ── Eyebrow ── */.eyebrow{
 font-family:'Plus Jakarta Sans',Arial,sans-serif;
 font-size:11px;
 font-weight:800;
 letter-spacing:.12em;
 text-transform:uppercase;
 color:var(--accent);
 display:block;
 margin-bottom:10px;
}

/* ── Navigation ── */.nav a{
 font-size:13px;
 font-weight:600;
 letter-spacing:.04em;
}

/* ── Buttons ── */.btn{
 font-size:13.5px;
 font-weight:700;
 letter-spacing:.02em;
}

/* ── Service cards ── */.service-body h3,.service-feature h3{
 font-size:18px;
 font-weight:700;
 letter-spacing:-.01em;
 line-height:1.25;
}.service-body p,.service-feature p{
 font-size:14.5px;
 line-height:1.68;
 color:var(--muted);
}

/* ── Process steps ── */.step-num{
 font-size:11px;
 font-weight:800;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--accent);
 margin-bottom:14px;
}.step h3{
 font-size:17px;
 font-weight:700;
 margin-bottom:8px;
}.step p{
 font-size:14.5px;
 line-height:1.68;
 color:var(--muted);
}

/* ── CTA section ── */.cta h2{
 font-size:clamp(22px,2.6vw,32px);
 color:#fff;
}.cta p{
 font-size:16px;
 line-height:1.7;
 color:rgba(255,255,255,.65);
}

/* ── Content card ── */.content-card h2{
 font-size:clamp(20px,2.2vw,26px);
 line-height:1.22;
 letter-spacing:-.018em;
 margin-bottom:18px;
}.content-card h3{
 font-size:16.5px;
 font-weight:700;
 letter-spacing:-.008em;
 margin:28px 0 10px;
}.content-card p{
 font-size:15.5px;
 line-height:1.78;
 color:var(--body);
 margin-bottom:14px;
}

/* ── FAQ ── */.faq summary{
 font-size:15.5px;
 font-weight:700;
 letter-spacing:-.005em;
 line-height:1.3;
}.faq p{
 font-size:14.5px;
 line-height:1.72;
 color:var(--muted);
 margin-top:10px;
}

/* ── Feature list ── */.feature b{
 font-size:15px;
 font-weight:700;
}.feature div{
 font-size:14.5px;
 line-height:1.65;
 color:var(--body);
}

/* ── Audience split ── */.audience-split h2{
 font-size:clamp(20px,2vw,26px);
 margin-bottom:14px;
}.audience-split p{
 font-size:15px;
 line-height:1.72;
 color:var(--body);
}

/* ── Footer ── */.footer h4{
 font-size:13px;
 font-weight:800;
 letter-spacing:.06em;
 text-transform:uppercase;
 color:#fff;
 margin-bottom:14px;
}.footer p,.footer-links a{
 font-size:13.5px;
 line-height:1.65;
 color:rgba(255,255,255,.55);
}.footer-bottom{
 font-size:12.5px;
}

/* ── Blog ── */.blog-card-body h2{
 font-size:18px;
 line-height:1.25;
 letter-spacing:-.01em;
}.blog-card-body p{
 font-size:14px;
 line-height:1.65;
 color:var(--muted);
}

/* ── Article ── */.article-content p{
 font-size:16px;
 line-height:1.8;
}.article-content h2{
 font-size:clamp(20px,2.2vw,28px);
 margin:32px 0 14px;
}.article-content.article-lead{
 font-size:18px;
 line-height:1.72;
}

/* ── Breadcrumbs ── */.breadcrumbs{
 font-size:12px;
 letter-spacing:.02em;
 color:rgba(255,255,255,.5);
}

/* ── Form ── */.field label{
 font-size:12.5px;
 font-weight:600;
 letter-spacing:.02em;
}.field input,.field select,.field textarea{
 font-size:14.5px;
 line-height:1.5;
}.form-note{
 font-size:12px;
 color:rgba(255,255,255,.38);
 margin-top:12px;
}

/* ── Spec grid (service pages) ── */.spec strong{
 font-size:13.5px;
 font-weight:700;
 display:block;
 margin-bottom:3px;
 color:var(--text);
}.spec{
 font-size:13.5px;
 line-height:1.6;
 color:var(--body);
}

/* ── Related cards ── */.related h3{
 font-size:17px;
 font-weight:700;
}.related p{
 font-size:13.5px;
 line-height:1.62;
 color:var(--muted);
}

/* ── Trust items ── */.trust-item strong{
 font-size:15px;
 font-weight:700;
 letter-spacing:-.01em;
 color:#fff;
}.trust-item span{
 font-size:11.5px;
 color:rgba(255,255,255,.58);
 margin-top:3px;
}

/* ── Mobile ── */
@media(max-width:768px){
 h1{font-size:clamp(28px,7vw,42px)}
 h2{font-size:clamp(20px,5.5vw,28px)}
 h3{font-size:16px}.hero h1,.hero-copy h1{font-size:clamp(28px,7vw,44px)}.hero-sub,.hero-copy.hero-sub{font-size:15.5px}.section-head h2{font-size:clamp(19px,5vw,25px)}
 body{font-size:15px}
}

/* ── PROCESS SECTION spacing fix ── */.work-process-real{
 padding:60px 0;
}.work-process-real.section-head{
 margin-bottom:28px;
}.work-process-real.eyebrow{
 margin-bottom:6px;
}

/* ── PROCESS CARDS v2 - image + caption below, no overlay ── */.work-photo-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:16px;
 margin-top:32px;
}.process-card-wrap{
 display:flex;
 flex-direction:column;
 gap:0;
 border-radius:12px;
 overflow:hidden;
 background:#0f1c28;
 box-shadow:0 8px 24px rgba(8,14,22,.18);
 transition:transform.25s ease, box-shadow.25s ease;
}.process-card-wrap:hover{
 transform:translateY(-3px);
 box-shadow:0 14px 36px rgba(8,14,22,.28);
}.process-card-img{
 line-height:0;
 overflow:hidden;
}.process-card-img img{
 width:100%;
 height:auto;
 display:block;
 transition:transform.35s ease;
}.process-card-wrap:hover.process-card-img img{
 transform:scale(1.03);
}.process-card-caption{
 display:flex;
 align-items:center;
 gap:12px;
 padding:14px 16px;
 background:#0f1c28;
}.process-num{
 font-family:'Outfit',Arial,sans-serif;
 font-size:22px;
 font-weight:800;
 color:var(--accent);
 line-height:1;
 flex-shrink:0;
}.process-card-caption p{
 font-size:14px;
 font-weight:700;
 color:#fff;
 line-height:1.2;
 margin:0;
 letter-spacing:-.005em;
}
@media(max-width:900px){.work-photo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){.work-photo-grid{grid-template-columns:1fr}
}

/* PROCESS CARDS HARMONY FIX v37 */.work-process-real{
 padding:72px 0;
}.work-process-real.section-head{
 margin-bottom:24px;
}.work-process-real.work-photo-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px;
 align-items:stretch;
 max-width:1180px;
 margin:28px auto 0;
}.work-process-real.process-card-wrap{
 height:100%;
 display:flex;
 flex-direction:column;
 border-radius:18px;
 overflow:hidden;
 background:#101923;
 box-shadow:0 10px 28px rgba(9,16,24,.16);
}.work-process-real.process-card-img{
 aspect-ratio:3/2;
 width:100%;
 overflow:hidden;
 background:#111923;
}.work-process-real.process-card-img img{
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 object-position:center;
}.work-process-real.process-card-caption{
 min-height:64px;
 padding:14px 15px;
 display:flex;
 align-items:center;
 gap:10px;
 background:#101923;
}.work-process-real.process-num{
 width:34px;
 height:34px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border-radius:9px;
 background:#ff5b16;
 color:#fff;
 font-size:16px;
 font-weight:800;
 line-height:1;
}.work-process-real.process-card-caption p{
 margin:0;
 color:#fff;
 font-size:14px;
 line-height:1.25;
 font-weight:700;
}
@media(max-width:1100px){.work-process-real.work-photo-grid{
 grid-template-columns:repeat(2,minmax(0,1fr));
 max-width:760px;
 }
}
@media(max-width:640px){.work-process-real{
 padding:54px 0;
 }.work-process-real.work-photo-grid{
 grid-template-columns:1fr;
 max-width:420px;
 gap:16px;
 }.work-process-real.process-card-img{
 aspect-ratio:3/2;
 }.work-process-real.process-card-caption{
 min-height:58px;
 }
}

/* PROCESS CARDS NO-CROP FIX v39 */.work-process-real.work-photo-grid{
 gap:18px;
 align-items:start;
}.work-process-real.process-card-img{
 aspect-ratio:352 / 575;
 overflow:hidden;
 background:#f3f5f7;
}.work-process-real.process-card-img img{
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center center;
 transform:none !important;
}.work-process-real.process-card-wrap:hover.process-card-img img{
 transform:none !important;
}
@media(max-width:640px){.work-process-real.process-card-img{
 aspect-ratio:352 / 575;
 }
}

/* v57: улучшение читаемости текста на баннере страницы О компании */
.about-page-hero{
  position:relative;
  min-height:360px;
  display:flex;
  align-items:center;
  background-position:center 44% !important;
  isolation:isolate;
}
.about-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,
    rgba(5,10,16,.94) 0%,
    rgba(7,14,22,.86) 42%,
    rgba(7,14,22,.58) 72%,
    rgba(7,14,22,.34) 100%) !important;
}
.about-page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:radial-gradient(circle at 18% 50%, rgba(255,106,31,.16), transparent 32%);
  pointer-events:none;
}
.about-page-hero .container{
  position:relative;
  z-index:2;
}
.about-page-hero .breadcrumbs,
.about-page-hero .breadcrumbs a{
  color:rgba(255,255,255,.88) !important;
  text-shadow:0 2px 14px rgba(0,0,0,.72);
}
.about-page-hero p{
  max-width:780px;
  color:#fff !important;
  font-size:clamp(18px,2.1vw,25px);
  line-height:1.45;
  font-weight:650;
  letter-spacing:-.02em;
  padding:22px 26px;
  margin-top:18px;
  background:linear-gradient(90deg, rgba(6,13,20,.82), rgba(6,13,20,.58));
  border-left:4px solid var(--accent);
  border-radius:18px;
  box-shadow:0 22px 70px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
  text-shadow:0 3px 18px rgba(0,0,0,.82);
}
@media(max-width:760px){
  .about-page-hero{
    min-height:350px;
    padding:130px 0 54px;
    background-position:center top !important;
  }
  .about-page-hero::before{
    background:linear-gradient(180deg,
      rgba(5,10,16,.70) 0%,
      rgba(5,10,16,.88) 38%,
      rgba(5,10,16,.98) 100%) !important;
  }
  .about-page-hero p{
    max-width:100%;
    font-size:18px;
    line-height:1.48;
    padding:18px 18px;
    border-radius:15px;
  }
}

/* Contact details */
.contact-details-section{padding-top:48px}
.contact-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.contact-detail-card h2{margin:8px 0 10px}
.contact-detail-card p,.contact-detail-card a{font-size:20px;font-weight:700;color:var(--text)}
.footer-links span{color:rgba(255,255,255,.58);line-height:1.55}
@media(max-width:780px){.contact-details-grid{grid-template-columns:1fr}.contact-detail-card p,.contact-detail-card a{font-size:18px}}

.footer-contacts{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);max-width:520px}
.footer-contacts h4{color:#fff;margin-bottom:13px}
@media(min-width:900px){.footer-contacts{max-width:none}}

/* v60: About page typography harmony fix */
body.info-page .page-hero.about-page-hero{
  min-height:320px;
  padding:138px 0 60px;
}
body.info-page .about-page-hero p{
  max-width:820px;
  font-size:clamp(17px,1.75vw,22px);
  line-height:1.5;
  font-weight:650;
  letter-spacing:-.018em;
  padding:20px 24px;
  margin-top:14px;
}
body.info-page main > .section{
  padding:70px 0 86px;
}
body.info-page .content-card{
  max-width:1120px;
  margin:0 auto;
  padding:48px 56px;
  line-height:1.74;
}
body.info-page .content-card h1{
  font-size:clamp(34px,4.1vw,56px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.055em;
  margin:0 0 16px;
  color:var(--text);
}
body.info-page .content-card p{
  font-size:16.8px;
  line-height:1.78;
  letter-spacing:-.006em;
  color:#35404c;
  max-width:1040px;
}
body.info-page .content-card h3{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.012em;
  margin:34px 0 12px;
  color:#10151d;
}
body.info-page .cta h2{
  font-size:clamp(26px,3.2vw,38px);
}
@media(max-width:780px){
  body.info-page .page-hero.about-page-hero{
    min-height:300px;
    padding:118px 0 44px;
  }
  body.info-page .about-page-hero p{
    font-size:16px;
    line-height:1.48;
    padding:16px 16px;
    border-radius:14px;
  }
  body.info-page main > .section{
    padding:42px 0 62px;
  }
  body.info-page .content-card{
    padding:30px 22px;
  }
  body.info-page .content-card h1{
    font-size:clamp(32px,10.5vw,42px);
    line-height:1.06;
    letter-spacing:-.045em;
  }
  body.info-page .content-card p{
    font-size:15.8px;
    line-height:1.72;
  }
  body.info-page .content-card h3{
    font-size:17px;
    margin-top:28px;
  }
}

/* v61: mobile process cards harmony fix */
@media (max-width: 780px){
  body.template-2026 .work-process-real{
    padding-top:44px!important;
    padding-bottom:128px!important;
  }
  body.template-2026 .work-process-real .section-head{
    margin-bottom:18px!important;
  }
  body.template-2026 .work-process-real .eyebrow{
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }
  body.template-2026 .work-process-real .work-photo-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    max-width:430px!important;
    margin:0 auto!important;
  }
  body.template-2026 .work-process-real .process-card-wrap{
    border-radius:16px!important;
    overflow:hidden!important;
    background:#0e1822!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
  }
  body.template-2026 .work-process-real .process-card-img{
    height:238px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#0e1822!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.template-2026 .work-process-real .process-card-img img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#0e1822!important;
    transform:none!important;
  }
  body.template-2026 .work-process-real .process-card-caption{
    min-height:52px!important;
    padding:12px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    background:#101923!important;
  }
  body.template-2026 .work-process-real .process-num{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  body.template-2026 .work-process-real .process-card-caption p{
    font-size:14px!important;
    line-height:1.22!important;
    font-weight:800!important;
  }
}
@media (max-width: 390px){
  body.template-2026 .work-process-real .process-card-img{
    height:218px!important;
  }
  body.template-2026 .work-process-real .work-photo-grid{
    gap:12px!important;
  }
}


/* Works / portfolio page */
.works-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.work-card{
  background:#fff;
  border:1px solid rgba(10,12,15,.08);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,12,15,.08);
}
.work-card img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
}
.work-card-body{padding:22px;}
.work-card-body h3{margin:8px 0 10px;font-size:22px;line-height:1.2;}
.work-card-body p{margin:0;color:rgba(10,12,15,.68);line-height:1.65;}
.work-tag{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,92,32,.11);
  color:#e85a1e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.works-note{
  margin-top:26px;
  padding:24px;
  border-radius:22px;
  background:#0b1724;
  color:#fff;
}
.works-note p{color:rgba(255,255,255,.78);margin-bottom:0;}
@media (max-width: 980px){.works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 640px){.works-page-grid{grid-template-columns:1fr;gap:16px}.work-card-body{padding:18px}.work-card-body h3{font-size:20px}.works-note{padding:20px}}

/* v63: final mobile process cards + about typography balance */
@media (max-width: 780px){
  body.template-2026 .work-process-real{
    padding-top:42px!important;
    padding-bottom:138px!important;
  }
  body.template-2026 .work-process-real .work-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:520px!important;
    padding:0 10px!important;
  }
  body.template-2026 .work-process-real .process-card-wrap{
    border-radius:16px!important;
    background:#0e1822!important;
    overflow:hidden!important;
  }
  body.template-2026 .work-process-real .process-card-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:353/575!important;
    background:#0e1822!important;
    display:block!important;
    overflow:hidden!important;
  }
  body.template-2026 .work-process-real .process-card-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    background:transparent!important;
  }
  body.template-2026 .work-process-real .process-card-caption{
    min-height:48px!important;
    padding:10px 11px!important;
    gap:8px!important;
  }
  body.template-2026 .work-process-real .process-num{
    width:auto!important;
    min-width:auto!important;
    height:auto!important;
    background:transparent!important;
    color:#ff5b16!important;
    font-size:12px!important;
    border-radius:0!important;
  }
  body.template-2026 .work-process-real .process-card-caption p{
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:800!important;
  }
}
@media (max-width: 380px){
  body.template-2026 .work-process-real .work-photo-grid{
    gap:10px!important;
    padding:0 8px!important;
  }
  body.template-2026 .work-process-real .process-card-caption{
    padding:9px 9px!important;
  }
  body.template-2026 .work-process-real .process-card-caption p{
    font-size:12.4px!important;
  }
}
@media (max-width: 780px){
  body.info-page .content-card{
    padding:26px 20px!important;
    border-radius:18px!important;
  }
  body.info-page .content-card h1{
    font-size:clamp(28px,8.2vw,34px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    font-weight:800!important;
    margin-bottom:16px!important;
  }
  body.info-page .content-card p{
    font-size:15.8px!important;
    line-height:1.72!important;
  }
}


/* v64 marketing, local SEO and blog linking improvements */
.trust-upgrade{background:#f6f3ee;}
.trust-upgrade .section-head p{max-width:820px;}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;}
.trust-grid>div,.local-service-box,.related-services{background:#fff;border:1px solid rgba(10,12,15,.08);border-radius:24px;box-shadow:0 18px 50px rgba(10,12,15,.06);}
.trust-grid>div{padding:28px;}
.trust-grid h3,.local-service-box h2,.related-services h3{margin:0 0 14px;color:#101820;}
.trust-grid ul{margin:0;padding-left:20px;color:#39424e;line-height:1.75;}
.local-service{background:#fff;}
.local-service-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;}
.local-service-box p{margin:0;max-width:900px;color:#4b5563;line-height:1.7;}
.related-services{padding:24px;margin:34px 0 22px;}
.related-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.related-service-links a{display:block;padding:14px 16px;border-radius:14px;background:#f6f3ee;color:#101820;text-decoration:none;font-weight:700;line-height:1.35;}
.related-service-links a:hover{background:#ff6b1a;color:#fff;}
@media(max-width:760px){.trust-grid,.related-service-links{grid-template-columns:1fr}.trust-grid>div{padding:22px}.local-service-box{display:block;padding:22px}.local-service-box .btn{margin-top:18px;width:100%}.related-services{padding:20px;margin:26px 0 18px}.related-service-links a{font-size:14px}}

/* v65 visible marketing blocks */
body.template-2026 .trust-upgrade-visible{
  background:linear-gradient(135deg,#0b121a 0%,#101820 54%,#162231 100%);
  color:#fff;
  padding:72px 0;
  position:relative;
  overflow:hidden;
}
body.template-2026 .trust-upgrade-visible:before{
  content:"";
  position:absolute;
  inset:auto -15% -45% auto;
  width:520px;
  height:520px;
  background:radial-gradient(circle,rgba(255,91,34,.22),rgba(255,91,34,0) 68%);
  pointer-events:none;
}
body.template-2026 .trust-upgrade-visible .section-head h2{color:#fff;max-width:900px;}
body.template-2026 .trust-upgrade-visible .section-head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.7;}
body.template-2026 .trust-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
body.template-2026 .trust-topline span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  background:#ff5b22;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.template-2026 .trust-topline strong{
  font-size:22px;
  line-height:1.25;
  color:#fff;
  max-width:780px;
}
body.template-2026 .trust-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;}
body.template-2026 .trust-grid-visual>div{
  position:relative;
  padding:30px 26px 28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 60px rgba(0,0,0,.2);
  backdrop-filter:blur(14px);
}
body.template-2026 .trust-grid-visual h3{color:#fff;margin-top:8px;font-size:22px;}
body.template-2026 .trust-grid-visual ul{color:rgba(255,255,255,.78);padding-left:18px;line-height:1.72;}
body.template-2026 .trust-card-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;height:42px;
  border-radius:13px;
  background:#ff5b22;
  color:#fff;
  font-weight:900;
  font-size:14px;
}
@media(max-width:900px){body.template-2026 .trust-grid-visual{grid-template-columns:1fr}body.template-2026 .trust-topline{align-items:flex-start;flex-direction:column}body.template-2026 .trust-topline strong{font-size:19px}}
@media(max-width:620px){body.template-2026 .trust-upgrade-visible{padding:42px 0}body.template-2026 .trust-upgrade-visible .section-head h2{font-size:28px;line-height:1.08}body.template-2026 .trust-upgrade-visible .section-head p{font-size:15px}body.template-2026 .trust-grid-visual>div{padding:22px 20px}body.template-2026 .trust-grid-visual h3{font-size:19px}body.template-2026 .trust-topline{padding:16px}body.template-2026 .trust-topline strong{font-size:17px}}

.work-card-link{display:block;height:100%;color:inherit;text-decoration:none}
.work-card-link:hover h3{color:var(--orange,#ff5a1f)}
.contact-detail-card a{color:inherit;text-decoration:none}
.contact-detail-card a:hover{color:var(--orange,#ff5a1f)}


/* v75: improved Our Works portfolio page */
.works-hero{
  background:linear-gradient(135deg, rgba(6,12,20,.94), rgba(12,24,36,.86)), url('../img/about-hero.jpg') center/cover no-repeat;
  color:#fff;
  border-bottom:1px solid rgba(255,92,32,.22);
}
.works-hero p{max-width:760px;color:rgba(255,255,255,.78);}
.works-hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.works-hero-stats span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;color:#fff;font-weight:800;font-size:13px;}
.works-section-head p{max-width:760px;margin:12px 0 0;color:rgba(10,12,15,.64);line-height:1.65;}
.works-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;}
.works-filter-row span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid rgba(10,12,15,.09);box-shadow:0 8px 24px rgba(10,12,15,.05);font-size:13px;font-weight:800;color:#172230;}
.works-page-grid{align-items:stretch;}
.work-card{position:relative;background:#fff;border:1px solid rgba(10,12,15,.08);border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(10,12,15,.09);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.work-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(10,12,15,.13);border-color:rgba(255,92,32,.25);}
.work-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;}
.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#101923;}
.work-card-body{display:flex;flex-direction:column;gap:12px;height:100%;padding:22px;}
.work-card-body h3{margin:0;font-size:22px;line-height:1.2;color:#111827;}
.work-card-body p{margin:0;color:rgba(17,24,39,.68);line-height:1.62;}
.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;}
.work-meta span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f4f5f6;color:#263241;font-size:12px;font-weight:800;line-height:1;}
.work-scope{display:grid;gap:7px;margin:2px 0 0;padding:0;list-style:none;}
.work-scope li{position:relative;padding-left:18px;color:rgba(17,24,39,.70);font-size:14px;line-height:1.35;}
.work-scope li:before{content:"";position:absolute;left:0;top:.56em;width:7px;height:7px;border-radius:999px;background:#ff5c20;box-shadow:0 0 0 4px rgba(255,92,32,.12);}
.work-more{margin-top:auto;display:inline-flex;align-items:center;width:max-content;color:#e85a1e;font-weight:900;font-size:14px;}
.work-more:after{content:"↗";margin-left:8px;font-weight:900;}
.works-note{margin-top:32px;padding:28px 30px;border-radius:26px;background:linear-gradient(135deg,#0b1724,#101f2d);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 54px rgba(10,12,15,.18);}
.works-note h2{margin:0 0 10px;font-size:28px;line-height:1.15;color:#fff;}
.works-note p{color:rgba(255,255,255,.78);margin:0;max-width:880px;line-height:1.65;}
@media (max-width:980px){.works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.works-hero-stats span{font-size:12px}}
@media (max-width:640px){.works-hero{padding-top:86px}.works-page-grid{grid-template-columns:1fr;gap:16px}.work-card{border-radius:20px}.work-card-body{padding:18px;gap:10px}.work-card-body h3{font-size:20px}.works-note{padding:20px}.works-note h2{font-size:22px}.works-filter-row{gap:8px}.works-filter-row span{font-size:12px;padding:8px 10px}.works-hero-stats{gap:8px}.works-hero-stats span{padding:8px 10px}}

/* v78: equal cards on Our Works page */
.works-page-grid{
  grid-auto-rows:1fr;
}
.works-page-grid .work-card{
  height:100%;
  min-height:640px;
}
.works-page-grid .work-card-link{
  height:100%;
}
.works-page-grid .work-card img{
  width:100%;
  height:260px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center center;
  flex:0 0 auto;
}
.works-page-grid .work-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:380px;
}
.works-page-grid .work-tag{
  width:max-content;
  max-width:100%;
}
.works-page-grid .work-card-body h3{
  min-height:54px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.works-page-grid .work-card-body p{
  min-height:78px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.works-page-grid .work-meta{
  min-height:58px;
  align-content:flex-start;
}
.works-page-grid .work-scope{
  min-height:92px;
}
.works-page-grid .work-more{
  margin-top:auto;
}
@media (max-width:980px){
  .works-page-grid .work-card{min-height:620px;}
  .works-page-grid .work-card img{height:240px;}
  .works-page-grid .work-card-body{min-height:360px;}
}
@media (max-width:640px){
  .works-page-grid .work-card{min-height:560px;border-radius:20px;}
  .works-page-grid .work-card img{height:220px;}
  .works-page-grid .work-card-body{min-height:320px;padding:18px;}
  .works-page-grid .work-card-body h3{min-height:48px;font-size:20px;}
  .works-page-grid .work-card-body p{min-height:68px;-webkit-line-clamp:3;}
  .works-page-grid .work-meta{min-height:52px;}
  .works-page-grid .work-scope{min-height:82px;}
}
@media (max-width:380px){
  .works-page-grid .work-card{min-height:540px;}
  .works-page-grid .work-card img{height:205px;}
  .works-page-grid .work-card-body{min-height:315px;}
}

/* v79: homepage service cards equal size - no large/medium difference */
.services-magazine{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  background:transparent !important;
  border:0 !important;
}
.services-magazine .service-feature,
.services-magazine .service-feature.large,
.services-magazine .service-feature.medium{
  grid-column:auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:560px !important;
  height:100% !important;
  border:1px solid #d9dcdf !important;
  background:#fff !important;
  overflow:hidden !important;
}
.services-magazine .service-feature img,
.services-magazine .service-feature.large img,
.services-magazine .service-feature.medium img{
  width:100% !important;
  height:270px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  flex:0 0 270px !important;
}
.services-magazine .service-feature > div{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:28px 28px 30px !important;
}
.services-magazine .service-feature h3{
  min-height:68px !important;
  margin:18px 0 12px !important;
  font-size:28px !important;
  line-height:1.12 !important;
}
.services-magazine .service-feature p{
  min-height:104px !important;
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:4 !important;
}
.services-magazine .service-feature a{
  margin-top:auto !important;
  padding-top:20px !important;
}
@media(max-width:980px){
  .services-magazine{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .services-magazine .service-feature,
  .services-magazine .service-feature.large,
  .services-magazine .service-feature.medium{min-height:520px !important;}
  .services-magazine .service-feature img,
  .services-magazine .service-feature.large img,
  .services-magazine .service-feature.medium img{height:230px !important;flex-basis:230px !important;}
  .services-magazine .service-feature h3{font-size:24px !important;min-height:58px !important;}
}
@media(max-width:640px){
  .services-magazine{grid-template-columns:1fr !important;gap:16px !important;}
  .services-magazine .service-feature,
  .services-magazine .service-feature.large,
  .services-magazine .service-feature.medium{min-height:0 !important;}
  .services-magazine .service-feature img,
  .services-magazine .service-feature.large img,
  .services-magazine .service-feature.medium img{height:220px !important;flex-basis:220px !important;}
  .services-magazine .service-feature > div{padding:22px !important;}
  .services-magazine .service-feature h3{min-height:0 !important;font-size:23px !important;}
  .services-magazine .service-feature p{min-height:0 !important;-webkit-line-clamp:5 !important;}
}

/* v80: calm H1 for About pages */
.about-main-title{
  margin:0 0 18px;
  max-width:900px;
  font-size:clamp(28px,3.2vw,44px);
  line-height:1.08;
  letter-spacing:-0.035em;
  font-weight:780;
  color:#111827;
}
.about-lead-start{margin:0 0 16px;}
@media (max-width:640px){
  .about-main-title{font-size:28px;line-height:1.12;letter-spacing:-0.03em;margin-bottom:16px;}
}

/* v84: real portfolio gallery for Posad object */
.real-work-gallery-block{margin:26px 0 34px;padding:24px;border-radius:26px;background:#111923;color:#fff;box-shadow:0 22px 55px rgba(10,12,15,.16);}
.real-work-gallery-head{max-width:850px;margin-bottom:18px;}
.real-work-gallery-head h2{margin:8px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.08;color:#fff;}
.real-work-gallery-head p{margin:0;color:rgba(255,255,255,.72);line-height:1.65;font-size:16px;}
.real-work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.real-work-gallery-item{display:block;border-radius:16px;overflow:hidden;background:#0b1118;border:1px solid rgba(255,255,255,.08);}
.real-work-gallery-item img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .25s ease,filter .25s ease;}
.real-work-gallery-item:hover img{transform:scale(1.035);filter:contrast(1.04);}
@media (max-width:980px){.real-work-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}.real-work-gallery-item img{height:170px;}}
@media (max-width:640px){.real-work-gallery-block{margin:18px 0 24px;padding:16px;border-radius:20px;}.real-work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.real-work-gallery-item{border-radius:12px;}.real-work-gallery-item img{height:128px;}.real-work-gallery-head h2{font-size:24px;}.real-work-gallery-head p{font-size:14px;}}

/* v86: Our Works photos - show full object, no close cropping */
.works-page-grid .work-card img,
.work-card img{
  width:100% !important;
  height:320px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#eef2f5 !important;
  padding:8px !important;
  box-sizing:border-box !important;
}
.works-page-grid .work-card{
  overflow:hidden !important;
}
@media (max-width:1024px){
  .works-page-grid .work-card img,
  .work-card img{height:300px !important;}
}
@media (max-width:640px){
  .works-page-grid .work-card img,
  .work-card img{height:280px !important;padding:6px !important;}
}


/* Portfolio cards with several photos of one object */
.works-page-grid .work-card-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  height:300px;
  padding:6px;
  background:#101923;
}
.works-page-grid .work-card-gallery img{
  width:100% !important;
  height:100% !important;
  min-width:0;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  background:#101923 !important;
}
@media (max-width:1024px){.works-page-grid .work-card-gallery{height:300px;}}
@media (max-width:640px){.works-page-grid .work-card-gallery{height:280px;padding:4px;gap:4px;}}


/* v98: conversion, trust and process improvements */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-hero-secondary{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(10,12,15,.18);backdrop-filter:blur(6px)}
.btn-hero-secondary:hover{background:#fff;color:#11151a;border-color:#fff}
.quality-proof{background:#11161d;color:#fff}
.quality-proof .section-head h2,.quality-proof .section-head p{color:#fff}
.quality-proof .section-head p{color:rgba(255,255,255,.68)}
.quality-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.quality-proof-grid article{background:#11161d;padding:28px 24px;min-height:210px}
.quality-proof-grid span{display:block;font-size:13px;letter-spacing:.14em;color:#f59b23;margin-bottom:30px}
.quality-proof-grid h3{font-size:20px;line-height:1.2;margin:0 0 12px;color:#fff}
.quality-proof-grid p{margin:0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.55}
.process-card-caption{align-items:flex-start!important}
.process-card-text h3{margin:0 0 8px;font-size:18px;line-height:1.2}
.process-card-text p{margin:0!important;font-size:14px;line-height:1.55;color:var(--muted,#65707c)}
@media(max-width:900px){.quality-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero-actions .btn{width:100%;justify-content:center}.quality-proof-grid{grid-template-columns:1fr}.quality-proof-grid article{min-height:0;padding:22px 20px}.quality-proof-grid span{margin-bottom:16px}.process-card-caption{gap:14px!important}}


/* v99: portfolio cards use one full-width primary image */
.works-page-grid .work-card-media,.work-card-media{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#eef1f4;overflow:hidden}
.works-page-grid .work-card-media img,.work-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;margin:0!important;border-radius:0!important}
@media(max-width:1024px){.works-page-grid .work-card-media,.work-card-media{height:280px}}
@media(max-width:640px){.works-page-grid .work-card-media,.work-card-media{height:260px}}

/* v110: definitive equal sizing for Our Works cards */
.works-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:22px;
}
.works-page-grid .work-card{
  display:flex !important;
  flex-direction:column !important;
  width:100%;
  height:100% !important;
  min-height:680px !important;
  margin:0 !important;
}
.works-page-grid .work-card-link,
.works-page-grid .work-card > .work-card-body{
  display:flex !important;
  flex-direction:column !important;
  width:100%;
  height:100% !important;
  flex:1 1 auto;
}
.works-page-grid .work-card-media{
  width:100% !important;
  height:280px !important;
  min-height:280px !important;
  max-height:280px !important;
  flex:0 0 280px !important;
  overflow:hidden !important;
  background:#eef1f4 !important;
}
.works-page-grid .work-card-media img,
.works-page-grid .work-card img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}
.works-page-grid .work-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  height:auto !important;
  min-height:400px !important;
  padding:22px !important;
  gap:12px !important;
}
.works-page-grid .work-tag{min-height:30px;display:inline-flex;align-items:center;align-self:flex-start;}
.works-page-grid .work-card-body h3{
  min-height:54px !important;
  max-height:54px !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}
.works-page-grid .work-card-body p{
  min-height:78px !important;
  max-height:78px !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}
.works-page-grid .work-meta{
  min-height:58px !important;
  max-height:58px !important;
  overflow:hidden !important;
  align-content:flex-start !important;
}
.works-page-grid .work-scope{
  min-height:96px !important;
  max-height:96px !important;
  overflow:hidden !important;
}
.works-page-grid .work-more{margin-top:auto !important;}
@media(max-width:980px){
  .works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .works-page-grid .work-card{min-height:650px !important;}
  .works-page-grid .work-card-media{height:260px !important;min-height:260px !important;max-height:260px !important;flex-basis:260px !important;}
  .works-page-grid .work-card-body{min-height:390px !important;}
}
@media(max-width:640px){
  .works-page-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;}
  .works-page-grid .work-card{height:auto !important;min-height:610px !important;}
  .works-page-grid .work-card-media{height:245px !important;min-height:245px !important;max-height:245px !important;flex-basis:245px !important;}
  .works-page-grid .work-card-body{min-height:365px !important;padding:18px !important;}
  .works-page-grid .work-card-body h3{min-height:48px !important;max-height:48px !important;}
  .works-page-grid .work-card-body p{min-height:72px !important;max-height:72px !important;}
  .works-page-grid .work-meta{min-height:54px !important;max-height:54px !important;}
  .works-page-grid .work-scope{min-height:92px !important;max-height:92px !important;}
}


/* v113: selling portfolio cards, full uncropped photos */
.works-section{background:linear-gradient(180deg,#f6f7f9 0%,#fff 100%)}
.works-sales-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:22px 0 30px;padding:24px 26px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.works-sales-intro strong{display:block;font-size:22px;line-height:1.2;color:#111827;margin-bottom:7px}
.works-sales-intro p{max-width:760px;margin:0;color:#596270;line-height:1.55}
.works-sales-intro .btn{flex:0 0 auto;white-space:nowrap}
.works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;align-items:stretch}
.works-page-grid .work-card{height:100%!important;min-height:0!important;max-height:none!important;border-radius:20px!important;border:1px solid rgba(15,23,42,.09)!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;overflow:hidden!important}
.works-page-grid .work-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 52px rgba(15,23,42,.13)!important;border-color:rgba(245,92,32,.35)!important}
.works-page-grid .work-card-link{display:flex!important;flex-direction:column!important;height:100%!important}
.works-page-grid .work-card-media{height:360px!important;min-height:360px!important;max-height:none!important;flex-basis:auto!important;padding:12px!important;background:#eef1f4!important;overflow:hidden!important}
.works-page-grid .work-card-media img,.works-page-grid .work-card img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;background:#eef1f4!important;transform:none!important}
.works-page-grid .work-card-body{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;height:auto!important;max-height:none!important;padding:24px!important}
.works-page-grid .work-tag{align-self:flex-start;margin:0!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(245,92,32,.10)!important;color:#c44214!important;font-weight:750!important;font-size:12px!important;letter-spacing:.03em!important}
.works-page-grid .work-card-body h3{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;font-size:23px!important;line-height:1.25!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.works-page-grid .work-card-body p{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;color:#5d6673!important;line-height:1.58!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.works-page-grid .work-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:2px 0 0!important}
.works-page-grid .work-meta span{padding:7px 10px!important;border-radius:10px!important;background:#f3f5f7!important;color:#374151!important;font-size:12px!important;font-weight:650!important}
.works-page-grid .work-scope-label{display:block;margin-top:2px;color:#111827;font-size:13px;font-weight:800}
.works-page-grid .work-scope{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 14px!important;margin:0!important;padding:0!important;list-style:none!important}
.works-page-grid .work-scope li{position:relative;padding-left:20px!important;color:#48515e!important;font-size:13px!important;line-height:1.4!important}
.works-page-grid .work-scope li::before{content:'✓';position:absolute;left:0;top:0;color:#f45c20;font-weight:900}
.works-page-grid .work-more{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:auto!important;padding-top:15px!important;border-top:1px solid rgba(15,23,42,.09)!important;color:#111827!important;font-size:14px!important;font-weight:800!important}
.works-page-grid .work-more::after{content:'→';font-size:20px;color:#f45c20;transition:transform .2s ease}
.works-page-grid .work-card:hover .work-more::after{transform:translateX(4px)}
@media(max-width:900px){.works-page-grid{grid-template-columns:1fr!important}.works-page-grid .work-card-media{height:420px!important;min-height:420px!important}.works-sales-intro{align-items:flex-start;flex-direction:column}.works-sales-intro .btn{width:100%;justify-content:center}}
@media(max-width:640px){.works-sales-intro{margin:16px 0 22px;padding:18px;border-radius:16px}.works-sales-intro strong{font-size:19px}.works-page-grid{gap:18px!important}.works-page-grid .work-card{border-radius:16px!important}.works-page-grid .work-card-media{height:270px!important;min-height:270px!important;padding:8px!important}.works-page-grid .work-card-body{padding:18px!important}.works-page-grid .work-card-body h3{font-size:20px!important}.works-page-grid .work-scope{grid-template-columns:1fr!important;gap:7px!important}}

/* v115: portfolio media without crop or black side bars */
.works-page-grid .work-card-media{
  position:relative!important;
  isolation:isolate;
  padding:0!important;
  background:#e8edf2!important;
  overflow:hidden!important;
}
.works-page-grid .work-card-media::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:0;
  background-image:var(--work-image);
  background-position:center;
  background-size:cover;
  filter:blur(18px) saturate(.8);
  opacity:.38;
  transform:scale(1.08);
}
.works-page-grid .work-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(15,23,42,.08));
  pointer-events:none;
}
.works-page-grid .work-card-media img,
.works-page-grid .work-card img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:0 10px 34px rgba(15,23,42,.14);
}
@media(max-width:640px){
  .works-page-grid{width:100%!important;margin-inline:auto!important;}
  .works-page-grid .work-card{width:100%!important;max-width:none!important;}
  .works-page-grid .work-card-media{
    height:360px!important;
    min-height:360px!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
  }
  .works-page-grid .work-card-media[data-orientation="landscape"]{
    height:300px!important;
    min-height:300px!important;
  }
  .works-page-grid .work-card-media[data-orientation="portrait"]{
    height:min(112vw,520px)!important;
    min-height:min(112vw,520px)!important;
  }
  .works-page-grid .work-card-body{padding:20px!important;}
  .works-page-grid .work-more{padding-bottom:4px!important;}
}

/* v121 SEO content system */
.content-trust,.content-related,.service-local-proof,.case-method,.editorial-policy{margin:28px 0;padding:24px;border:1px solid rgba(15,26,42,.1);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,26,42,.06)}
.content-trust__eyebrow,.content-related__eyebrow{display:block;color:#f36b2b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.content-trust h2,.content-related h2,.service-local-proof h2,.case-method h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0 0 12px;color:#101828}
.content-trust p,.content-related p,.service-local-proof p,.case-method p{font-size:16px;line-height:1.7;color:#475467;margin:0 0 12px}
.content-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.content-links a{display:flex;align-items:center;min-height:54px;padding:12px 14px;border-radius:12px;background:#f7f8fa;color:#101828;font-weight:700;text-decoration:none;border:1px solid rgba(15,26,42,.08)}
.content-links a:hover{border-color:#f36b2b;color:#d84e13}
.expert-note{padding:16px 18px;border-left:4px solid #f36b2b;background:#fff7f2;border-radius:0 12px 12px 0;margin:22px 0;color:#344054;line-height:1.65}
.article-content figure{margin:28px 0}.article-content figcaption,.case-gallery figcaption{font-size:14px;line-height:1.5;color:#667085;margin-top:8px}
.service-local-proof ul,.case-method ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding-left:20px}.service-local-proof li,.case-method li{line-height:1.55;color:#344054}
@media(max-width:720px){.content-trust,.content-related,.service-local-proof,.case-method,.editorial-policy{padding:18px;margin:20px 0;border-radius:14px}.content-links{grid-template-columns:1fr}.service-local-proof ul,.case-method ul{grid-template-columns:1fr}.content-trust h2,.content-related h2,.service-local-proof h2,.case-method h2{font-size:25px}}

/* v123: email contact */
.contact-detail-card a[data-contact-email]{overflow-wrap:anywhere;word-break:break-word;}
@media (min-width: 1100px){.contact-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width: 1099px) and (min-width: 700px){.contact-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* v126 semantic core internal links */
.semantic-related-services{padding-top:clamp(44px,6vw,78px);padding-bottom:clamp(44px,6vw,78px);background:#f6f7f8}.semantic-related-services .section-lead{max-width:760px}.semantic-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.semantic-link-grid a{display:flex;align-items:center;min-height:52px;padding:13px 16px;border:1px solid rgba(20,31,45,.12);border-radius:12px;background:#fff;color:inherit;font-weight:650;text-decoration:none;line-height:1.35}.semantic-link-grid a:hover{border-color:#f28a21;transform:translateY(-1px)}@media(max-width:760px){.semantic-link-grid{grid-template-columns:1fr}.semantic-link-grid a{min-height:48px}}

/* v140 legal pages */
.legal-content{max-width:900px;margin:0 auto;}
.legal-content h2{margin-top:32px;margin-bottom:12px;}
.legal-content p{max-width:78ch;}
.legal-updated{font-size:14px;opacity:.7;margin-bottom:24px;}
@media(max-width:720px){.legal-content h2{margin-top:26px}.legal-content{padding:22px 18px}}

.footer-legal-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:14px}.footer-legal-links a{color:inherit;opacity:.78}.footer-legal-links a:hover{opacity:1}