/* UmkaPro: scoped styles for KNX office landing, 2026-07-29 */

.knx-office-page{
  --bg:#0b0c0f;
  --bg-soft:#111319;
  --panel:#151820;
  --panel-2:#1a1e27;
  --text:#f3f4f6;
  --muted:#a7acb6;
  --gold:#c8a86b;
  --gold-2:#e0c184;
  --line:rgba(255,255,255,.10);
  --ok:#79c596;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:24px;
  --container:1180px;
}
.knx-office-page,.knx-office-page *{box-sizing:border-box}

.knx-office-page{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.knx-office-page a{color:inherit;text-decoration:none}
.knx-office-page img{max-width:100%;display:block}
.knx-office-page button{font:inherit}
.knx-office-page .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}










.knx-office-page .breadcrumbs{font-size:13px;color:var(--muted);padding-top:24px}.knx-office-page .breadcrumbs span{margin:0 7px;color:#60656f}
.knx-office-page .hero{position:relative;overflow:hidden;padding:62px 0 76px;background:
radial-gradient(circle at 12% 20%,rgba(200,168,107,.14),transparent 32%),
radial-gradient(circle at 86% 12%,rgba(91,107,135,.13),transparent 30%),
linear-gradient(180deg,#0d0f13 0%,#0a0b0e 100%)}
.knx-office-page .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.knx-office-page .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:54px;align-items:center}
.knx-office-page .eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-2);font-weight:750;font-size:13px;letter-spacing:.11em;text-transform:uppercase}.knx-office-page .eyebrow:before{content:"";width:36px;height:1px;background:var(--gold)}
.knx-office-page h1{font-size:clamp(42px,5.6vw,76px);line-height:.99;letter-spacing:-.055em;margin:20px 0 22px;max-width:820px}.knx-office-page .hero-lead{font-size:clamp(18px,2vw,22px);line-height:1.5;color:#c8ccd4;max-width:760px;margin:0 0 30px}.knx-office-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.knx-office-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;border-radius:14px;border:1px solid var(--line);font-weight:750;font-size:14px;transition:transform .2s,border-color .2s,background .2s}.knx-office-page .btn:hover{transform:translateY(-2px);border-color:rgba(200,168,107,.5)}.knx-office-page .btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#111;border-color:transparent}.knx-office-page .btn-secondary{background:rgba(255,255,255,.035)}
.knx-office-page .hero-tags{display:flex;flex-wrap:wrap;gap:8px}.knx-office-page .hero-tag{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#bec2ca;font-size:12px;background:rgba(255,255,255,.025)}
.knx-office-page .office-visual{min-height:500px;position:relative;border:1px solid var(--line);border-radius:32px;padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:var(--shadow);overflow:hidden}.knx-office-page .office-visual:after{content:"";position:absolute;inset:auto -20% -36% 0;height:55%;background:radial-gradient(ellipse,rgba(200,168,107,.20),transparent 68%)}
.knx-office-page .visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.knx-office-page .visual-title{font-size:14px;color:#d9dce2}.knx-office-page .visual-status{font-size:12px;color:var(--ok);display:flex;align-items:center;gap:7px}.knx-office-page .visual-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 18px rgba(121,197,150,.9)}
.knx-office-page .floorplan{position:relative;display:grid;grid-template-columns:1.3fr .9fr;grid-template-rows:1fr .82fr;gap:9px;height:330px}.knx-office-page .room{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(8,10,14,.68);border-radius:17px;padding:14px;overflow:hidden}.knx-office-page .room.large{grid-row:span 2}.knx-office-page .room h3{font-size:13px;margin:0;color:#e9eaed}.knx-office-page .room p{font-size:11px;color:#7f8590;margin:2px 0 0}.knx-office-page .room-grid{position:absolute;inset:50px 13px 13px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.knx-office-page .desk{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);position:relative}.knx-office-page .desk:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold-2);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 13px rgba(224,193,132,.85)}
.knx-office-page .meeting-table{position:absolute;left:18%;right:18%;top:48%;height:34%;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}.knx-office-page .meeting-table:before,.knx-office-page .meeting-table:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}.knx-office-page .meeting-table:before{left:-18px}.knx-office-page .meeting-table:after{right:-18px}
.knx-office-page .room-sensors{position:absolute;right:12px;top:12px;display:flex;gap:5px}.knx-office-page .sensor-dot{width:8px;height:8px;border-radius:50%;background:#6fcb95;box-shadow:0 0 13px rgba(111,203,149,.6)}.knx-office-page .sensor-dot.blue{background:#83a8dc;box-shadow:0 0 13px rgba(131,168,220,.6)}
.knx-office-page .visual-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.knx-office-page .metric{padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.knx-office-page .metric strong{display:block;font-size:16px;color:#f1f2f4}.knx-office-page .metric span{font-size:10px;color:#7f8590;text-transform:uppercase;letter-spacing:.08em}
.knx-office-page .trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1014}.knx-office-page .trust-row{display:grid;grid-template-columns:repeat(4,1fr)}.knx-office-page .trust-item{padding:22px 26px;border-right:1px solid var(--line)}.knx-office-page .trust-item:last-child{border-right:0}.knx-office-page .trust-item strong{display:block;font-size:15px}.knx-office-page .trust-item span{font-size:12px;color:var(--muted)}
.knx-office-page section{padding:96px 0}.knx-office-page .section-kicker{color:var(--gold-2);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:12px}.knx-office-page .section-title{font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.045em;margin:0;max-width:850px}.knx-office-page .section-intro{color:var(--muted);font-size:18px;max-width:820px;margin:20px 0 0}
.knx-office-page .card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.knx-office-page .feature-card{min-height:244px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.017));border-radius:20px;padding:22px;position:relative;overflow:hidden}.knx-office-page .feature-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(200,168,107,.08);right:-40px;top:-45px}.knx-office-page .icon{width:42px;height:42px;border-radius:13px;border:1px solid rgba(200,168,107,.35);display:grid;place-items:center;color:var(--gold-2);margin-bottom:22px}.knx-office-page .icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.knx-office-page .feature-card h3{font-size:19px;line-height:1.2;margin:0 0 11px}.knx-office-page .feature-card p{color:var(--muted);font-size:14px;margin:0}.knx-office-page .feature-card small{display:block;margin-top:18px;color:#d8c08e;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.knx-office-page .alt-section{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.knx-office-page .scenario-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px;align-items:start}.knx-office-page .scenario-sticky{position:sticky;top:110px}.knx-office-page .scenario-list{display:grid;gap:12px}.knx-office-page .scenario{display:grid;grid-template-columns:58px 1fr;gap:17px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.knx-office-page .scenario-num{font-size:12px;color:var(--gold-2);font-weight:800;padding-top:3px}.knx-office-page .scenario h3{margin:0 0 7px;font-size:18px}.knx-office-page .scenario p{margin:0;color:var(--muted);font-size:14px}
.knx-office-page .architecture{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.knx-office-page .arch-panel{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(150deg,#171a22,#101218);box-shadow:var(--shadow)}.knx-office-page .arch-diagram{position:relative;min-height:430px;display:grid;place-items:center}.knx-office-page .core{width:170px;height:170px;border-radius:50%;border:1px solid rgba(200,168,107,.55);display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(200,168,107,.15),rgba(200,168,107,.03));box-shadow:0 0 60px rgba(200,168,107,.09)}.knx-office-page .core strong{font-size:27px;letter-spacing:-.04em}.knx-office-page .core span{display:block;color:var(--muted);font-size:12px}.knx-office-page .node{position:absolute;width:132px;padding:13px;border:1px solid rgba(255,255,255,.10);background:#12151c;border-radius:14px;font-size:12px;text-align:center;color:#cfd2d8}.knx-office-page .node:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(200,168,107,.5),transparent);height:1px;width:90px}.knx-office-page .node.n1{top:16px;left:18px}.knx-office-page .node.n1:after{top:80px;left:104px;transform:rotate(35deg)}.knx-office-page .node.n2{top:16px;right:18px}.knx-office-page .node.n2:after{top:80px;right:104px;transform:rotate(-35deg)}.knx-office-page .node.n3{bottom:16px;left:18px}.knx-office-page .node.n3:after{bottom:80px;left:104px;transform:rotate(-35deg)}.knx-office-page .node.n4{bottom:16px;right:18px}.knx-office-page .node.n4:after{bottom:80px;right:104px;transform:rotate(35deg)}
.knx-office-page .check-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.knx-office-page .check-list li{display:flex;gap:12px;color:#d7dae0}.knx-office-page .check-list li:before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(121,197,150,.11);color:var(--ok);font-weight:900;flex:0 0 auto;margin-top:1px}
.knx-office-page .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.knx-office-page .process-card{padding:24px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.knx-office-page .process-card .num{font-size:12px;color:var(--gold-2);letter-spacing:.12em;font-weight:800}.knx-office-page .process-card h3{font-size:20px;margin:10px 0 9px}.knx-office-page .process-card p{margin:0;color:var(--muted);font-size:14px}
.knx-office-page .delivery{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:stretch}.knx-office-page .delivery-card{border:1px solid var(--line);border-radius:28px;padding:32px;background:var(--panel)}.knx-office-page .document-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.knx-office-page .doc-item{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.knx-office-page .doc-item strong{display:block;font-size:14px}.knx-office-page .doc-item span{font-size:12px;color:var(--muted)}.knx-office-page .photo-card{position:relative;overflow:hidden;min-height:460px;border:1px solid var(--line);border-radius:28px;background:#17191f}.knx-office-page .photo-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.02);opacity:.82}.knx-office-page .photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,12,.95),rgba(8,9,12,.05) 60%)}.knx-office-page .photo-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.knx-office-page .photo-caption strong{font-size:22px}.knx-office-page .photo-caption p{margin:7px 0 0;color:#c0c4cb;font-size:14px}
.knx-office-page .cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.knx-office-page .cost-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}.knx-office-page .cost-card strong{font-size:17px}.knx-office-page .cost-card p{font-size:14px;color:var(--muted);margin:8px 0 0}.knx-office-page .cost-note{margin-top:20px;padding:22px 24px;border-left:2px solid var(--gold);background:rgba(200,168,107,.055);color:#d4d7dc}
.knx-office-page .faq{max-width:940px;margin:38px auto 0}.knx-office-page .faq-item{border-bottom:1px solid var(--line)}.knx-office-page .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border:0;background:transparent;color:#fff;text-align:left;font-weight:750;font-size:18px;cursor:pointer}.knx-office-page .faq-q span:last-child{font-size:24px;color:var(--gold-2);transition:.25s}.knx-office-page .faq-a{display:none;padding:0 0 24px;color:var(--muted);max-width:820px}.knx-office-page .faq-item.open .faq-a{display:block}.knx-office-page .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.knx-office-page .cta-section{padding-top:48px}.knx-office-page .cta-box{position:relative;overflow:hidden;border:1px solid rgba(200,168,107,.25);border-radius:32px;padding:54px;background:linear-gradient(125deg,rgba(200,168,107,.14),rgba(255,255,255,.025) 55%,rgba(83,99,126,.09));box-shadow:var(--shadow)}.knx-office-page .cta-box:after{content:"KNX";position:absolute;right:38px;bottom:-50px;font-size:180px;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.025)}.knx-office-page .cta-box h2{font-size:clamp(34px,4vw,55px);line-height:1.04;letter-spacing:-.045em;max-width:760px;margin:0}.knx-office-page .cta-box p{color:#c5c8cf;font-size:18px;max-width:720px;margin:18px 0 28px}


@media(max-width:1040px){
  .knx-office-page .hero-grid{grid-template-columns:1fr}.knx-office-page .office-visual{min-height:auto}.knx-office-page .trust-row{grid-template-columns:1fr 1fr}.knx-office-page .trust-item:nth-child(2){border-right:0}.knx-office-page .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.knx-office-page .card-grid{grid-template-columns:1fr 1fr}.knx-office-page .scenario-layout,.knx-office-page .architecture,.knx-office-page .delivery{grid-template-columns:1fr}.knx-office-page .scenario-sticky{position:static}.knx-office-page .arch-panel{max-width:650px}.knx-office-page .process-grid{grid-template-columns:1fr 1fr}.knx-office-page .photo-card{min-height:420px}
}
@media(max-width:680px){
  .knx-office-page .container{width:min(100% - 26px,var(--container))}.knx-office-page .hero{padding:42px 0 56px}.knx-office-page .breadcrumbs{padding-top:14px}.knx-office-page .hero-grid{gap:32px}.knx-office-page .office-visual{padding:14px;border-radius:23px}.knx-office-page .floorplan{height:300px;grid-template-columns:1fr}.knx-office-page .room.large{grid-row:auto}.knx-office-page .room:nth-child(2),.knx-office-page .room:nth-child(3){display:none}.knx-office-page .visual-footer{grid-template-columns:1fr 1fr}.knx-office-page .visual-footer .metric:last-child{display:none}.knx-office-page .trust-row{grid-template-columns:1fr}.knx-office-page .trust-item,.knx-office-page .trust-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.knx-office-page .trust-item:last-child{border-bottom:0}.knx-office-page .hero-actions .btn{width:100%}.knx-office-page .card-grid,.knx-office-page .process-grid,.knx-office-page .cost-grid{grid-template-columns:1fr}.knx-office-page .feature-card{min-height:auto}.knx-office-page .scenario{grid-template-columns:42px 1fr;padding:18px}.knx-office-page .arch-panel{padding:14px}.knx-office-page .arch-diagram{min-height:360px}.knx-office-page .core{width:140px;height:140px}.knx-office-page .node{width:105px;font-size:10px;padding:10px}.knx-office-page .node.n1,.knx-office-page .node.n3{left:2px}.knx-office-page .node.n2,.knx-office-page .node.n4{right:2px}.knx-office-page .node:after{display:none}.knx-office-page .document-list{grid-template-columns:1fr}.knx-office-page .cta-box{padding:32px 24px}.knx-office-page .cta-box:after{display:none}.knx-office-page .section-title{font-size:36px}.knx-office-page section{padding:72px 0}
}
@media(prefers-reduced-motion:reduce){.knx-office-page,.knx-office-page *{transition:none!important}}

/* KNX OFFICE HERO — v12. Full-width background; no separate image card. */
.knx-office-page .breadcrumbs{
  padding-top:18px;
  padding-bottom:18px;
}
.knx-office-page section.hero.hero--photo{
  position:relative !important;
  isolation:isolate;
  min-height:640px;
  padding:58px 0 66px !important;
  display:flex !important;
  align-items:center;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.08);
  background-image:
    linear-gradient(90deg,rgba(6,8,12,.08) 0%,rgba(6,8,12,.13) 35%,rgba(6,8,12,.48) 54%,rgba(6,8,12,.84) 70%,rgba(6,8,12,.96) 86%,rgba(6,8,12,.98) 100%),
    linear-gradient(180deg,rgba(5,7,10,.10),rgba(5,7,10,.48)),
    url('/assets/photos/knx-office-hero-bg-v12.webp') !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
}
.knx-office-page section.hero.hero--photo::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 76% 48%,rgba(200,168,107,.055),transparent 34%);
  pointer-events:none;
}
.knx-office-page section.hero.hero--photo::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 0 0;
  height:38%;
  background:linear-gradient(180deg,transparent,rgba(8,10,13,.76));
  pointer-events:none;
}
.knx-office-page .hero--photo .hero-grid{
  position:relative;
  z-index:1;
  width:100%;
  display:flex !important;
  justify-content:flex-end;
  align-items:center;
  grid-template-columns:none !important;
}
.knx-office-page .hero--photo .hero-copy{
  width:min(700px,47%);
  margin-left:auto;
  padding:8px 0;
  text-shadow:0 3px 24px rgba(0,0,0,.5);
}
.knx-office-page .hero--photo h1{
  max-width:680px;
  margin-top:18px;
  font-size:clamp(48px,5.25vw,74px);
}
.knx-office-page .hero--photo .hero-lead{
  max-width:640px;
  color:#d9dbe0;
}
.knx-office-page .hero--photo .btn-secondary{
  background:rgba(12,14,18,.62);
  border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.knx-office-page .hero--photo .hero-tag{
  color:#d5d7dc;
  background:rgba(11,13,17,.55);
  border-color:rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:1040px){
  .knx-office-page section.hero.hero--photo{
    min-height:590px;
    padding:52px 0 60px !important;
    background-position:28% center !important;
  }
  .knx-office-page .hero--photo .hero-copy{width:min(620px,53%)}
}
@media(max-width:760px){
  .knx-office-page .breadcrumbs{padding-top:13px;padding-bottom:13px;white-space:nowrap;overflow-x:auto}
  .knx-office-page section.hero.hero--photo{
    min-height:620px;
    padding:46px 0 52px !important;
    align-items:flex-end;
    background-image:
      linear-gradient(90deg,rgba(7,9,12,.64),rgba(7,9,12,.82)),
      linear-gradient(180deg,rgba(5,7,10,.14) 0%,rgba(5,7,10,.35) 36%,rgba(5,7,10,.92) 100%),
      url('/assets/photos/knx-office-hero-bg-v12.webp') !important;
    background-position:24% center !important;
  }
  .knx-office-page .hero--photo .hero-grid{display:block !important}
  .knx-office-page .hero--photo .hero-copy{width:100%;padding:0}
  .knx-office-page .hero--photo h1{font-size:clamp(40px,12vw,58px);line-height:1.01;margin:16px 0 20px}
  .knx-office-page .hero--photo .hero-lead{font-size:17px;line-height:1.48;color:#e0e2e6}
}

/* Feature card photo backgrounds — v15 */
.knx-office-page .feature-card{
  isolation:isolate;
  background-color:#0f1318;
  background-image:
    linear-gradient(180deg, rgba(6,8,11,.08) 0%, rgba(6,8,11,.26) 18%, rgba(7,9,12,.70) 56%, rgba(7,9,12,.93) 100%),
    radial-gradient(140px 140px at 84% 14%, rgba(229,183,88,.16), rgba(229,183,88,0) 68%),
    var(--feature-card-bg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border-color:rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.18);
}
.knx-office-page .feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(8,10,14,.05) 0%, rgba(8,10,14,.08) 18%, rgba(8,10,14,.44) 42%, rgba(8,10,14,.86) 78%, rgba(8,10,14,.96) 100%);
}
.knx-office-page .feature-card::before{z-index:1}
.knx-office-page .feature-card > *{position:relative;z-index:2}
.knx-office-page .feature-card .icon{
  background:rgba(11,13,17,.56);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.knx-office-page .feature-card h3{
  max-width:16ch;
  text-wrap:balance;
  text-shadow:0 2px 16px rgba(0,0,0,.34);
}
.knx-office-page .feature-card p{
  color:#d8dbe1;
  text-wrap:pretty;
  text-shadow:0 2px 14px rgba(0,0,0,.32);
}
.knx-office-page .feature-card small{color:#f0cb7b}
.knx-office-page .card-grid .feature-card:nth-child(1){--feature-card-bg:url('/assets/photos/knx-office-card-1-v15.webp');background-position:60% 36%}
.knx-office-page .card-grid .feature-card:nth-child(2){--feature-card-bg:url('/assets/photos/knx-office-card-2-v15.webp');background-position:54% 38%}
.knx-office-page .card-grid .feature-card:nth-child(3){--feature-card-bg:url('/assets/photos/knx-office-card-3-v15.webp');background-position:52% 46%}
.knx-office-page .card-grid .feature-card:nth-child(4){--feature-card-bg:url('/assets/photos/knx-office-card-4-v15.webp');background-position:58% 34%}
.knx-office-page .card-grid .feature-card:nth-child(5){--feature-card-bg:url('/assets/photos/knx-office-card-5-v15.webp');background-position:32% 46%}
.knx-office-page .card-grid .feature-card:nth-child(6){--feature-card-bg:url('/assets/photos/knx-office-card-6-v15.webp');background-position:54% 44%}
.knx-office-page .card-grid .feature-card:nth-child(7){--feature-card-bg:url('/assets/photos/knx-office-card-7-v15.webp');background-position:68% 42%}
.knx-office-page .card-grid .feature-card:nth-child(8){--feature-card-bg:url('/assets/photos/knx-office-card-8-v15.webp');background-position:56% 42%}
@media (hover:hover){
  .knx-office-page .feature-card{transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, filter .24s ease}
  .knx-office-page .feature-card:hover{transform:translateY(-3px);border-color:rgba(200,168,107,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 44px rgba(0,0,0,.24);filter:brightness(1.03)}
}
@media(max-width:760px){
  .knx-office-page .feature-card{min-height:236px;background-position:center center}
  .knx-office-page .feature-card h3{max-width:none}
}

/* Scenario section redesign — v16 */
.knx-office-page .scenario-layout{grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}
.knx-office-page .scenario-sticky{
  position:sticky;top:108px;
  padding:28px 28px 30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 48px rgba(0,0,0,.12);
}
.knx-office-page .scenario-sticky .section-title{max-width:9ch;line-height:.97;margin-bottom:16px}
.knx-office-page .scenario-sticky .section-intro{max-width:24ch;margin:0 0 24px}
.knx-office-page .scenario-points{display:flex;flex-wrap:wrap;gap:10px}
.knx-office-page .scenario-points span{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,12,16,.45);color:#d5d9df;
  font-size:13px;line-height:1;font-weight:600;
}
.knx-office-page .scenario-points span::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-2);
  box-shadow:0 0 0 4px rgba(200,168,107,.14);
}
.knx-office-page .scenario-list{position:relative;display:grid;gap:16px}
.knx-office-page .scenario-list::before{
  content:"";position:absolute;left:27px;top:20px;bottom:20px;width:1px;
  background:linear-gradient(180deg,rgba(200,168,107,.34),rgba(255,255,255,.06));
}
.knx-office-page .scenario{
  position:relative;display:grid;grid-template-columns:74px 1fr;gap:0;
  padding:0;border:1px solid rgba(255,255,255,.09);border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 30px rgba(0,0,0,.10);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.knx-office-page .scenario::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,rgba(200,168,107,.52),rgba(200,168,107,0) 46%);
}
.knx-office-page .scenario:hover{transform:translateY(-2px);border-color:rgba(200,168,107,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 36px rgba(0,0,0,.14)}
.knx-office-page .scenario-num{
  position:relative;display:flex;align-items:flex-start;justify-content:center;
  padding:22px 12px 0;font-size:20px;line-height:1;color:#f0cb7b;font-weight:800;letter-spacing:.02em;
}
.knx-office-page .scenario-num::before{
  content:"";position:absolute;top:21px;left:50%;transform:translateX(-50%);
  width:38px;height:38px;border-radius:14px;border:1px solid rgba(200,168,107,.28);
  background:radial-gradient(circle at 30% 30%,rgba(200,168,107,.18),rgba(200,168,107,.04));
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.knx-office-page .scenario-num{z-index:1}
.knx-office-page .scenario-num{padding-top:31px}
.knx-office-page .scenario-body{padding:22px 24px 22px 16px}
.knx-office-page .scenario-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.knx-office-page .scenario h3{margin:0;font-size:18px;line-height:1.22}
.knx-office-page .scenario-tag{
  flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.11);background:rgba(11,14,18,.44);color:#e4c57a;
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.knx-office-page .scenario p{margin:0;color:#c9cdd4;font-size:15px;line-height:1.58;max-width:60ch}
@media(max-width:1040px){
  .knx-office-page .scenario-layout{grid-template-columns:1fr;gap:26px}
  .knx-office-page .scenario-sticky{position:static;max-width:none}
  .knx-office-page .scenario-sticky .section-title,.knx-office-page .scenario-sticky .section-intro{max-width:none}
}
@media(max-width:760px){
  .knx-office-page .scenario-sticky{padding:22px 18px;border-radius:22px}
  .knx-office-page .scenario-list{gap:12px}
  .knx-office-page .scenario-list::before{left:22px;top:18px;bottom:18px}
  .knx-office-page .scenario{grid-template-columns:54px 1fr;border-radius:18px}
  .knx-office-page .scenario-num{font-size:16px;padding-top:26px;padding-left:8px;padding-right:8px}
  .knx-office-page .scenario-num::before{width:30px;height:30px;border-radius:11px;top:19px}
  .knx-office-page .scenario-body{padding:18px 16px 18px 10px}
  .knx-office-page .scenario-head{display:block;margin-bottom:8px}
  .knx-office-page .scenario-tag{margin-top:10px}
  .knx-office-page .scenario p{font-size:14px;line-height:1.5}
}

/* FAQ hard fix + redesign — v17 */
.knx-office-page .faq-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(720px 420px at 17% 18%,rgba(200,168,107,.065),transparent 72%),
    linear-gradient(180deg,#12151a 0%,#101318 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.knx-office-page .faq-layout{
  display:grid !important;
  grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr) !important;
  align-items:start !important;
  gap:54px !important;
}
.knx-office-page .faq-intro{
  position:sticky;
  top:108px;
  min-width:0;
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.016));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 50px rgba(0,0,0,.14);
}
.knx-office-page .faq-intro .section-title{
  max-width:10ch;
  margin:0;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1;
  text-wrap:balance;
}
.knx-office-page .faq-lead{
  max-width:32ch;
  margin:20px 0 0;
  color:#b8bdc6;
  font-size:17px;
  line-height:1.58;
}
.knx-office-page .faq-help{
  display:grid;
  gap:7px;
  margin-top:26px;
  padding:20px;
  border:1px solid rgba(200,168,107,.17);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(200,168,107,.085),rgba(200,168,107,.025));
}
.knx-office-page .faq-help > span{
  color:#d5b66d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.knx-office-page .faq-help strong{
  color:#f0f1f3;
  font-size:15px;
  line-height:1.45;
}
.knx-office-page .faq-help-link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.09);
  color:#f0cb7b;
  font-size:14px;
  font-weight:800;
}
.knx-office-page .faq{
  width:100% !important;
  max-width:none !important;
  min-width:0;
  margin:0 !important;
  display:grid !important;
  gap:14px !important;
}
.knx-office-page .faq-item{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 12px 28px rgba(0,0,0,.10);
  transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease;
}
.knx-office-page .faq-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#edc770,#9d7835);
  opacity:0;
  transition:opacity .24s ease;
}
.knx-office-page .faq-item:hover{
  transform:translateY(-1px);
  border-color:rgba(200,168,107,.23) !important;
}
.knx-office-page .faq-item.open{
  border-color:rgba(200,168,107,.30) !important;
  background:linear-gradient(180deg,rgba(200,168,107,.065),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 38px rgba(0,0,0,.14);
}
.knx-office-page .faq-item.open::before{opacity:1}
.knx-office-page .faq-q{
  width:100% !important;
  min-width:0;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) 42px !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:16px !important;
  padding:21px 22px !important;
  border:0 !important;
  background:transparent !important;
  color:#f1f2f4 !important;
  text-align:left !important;
  cursor:pointer;
  font:inherit;
}
.knx-office-page .faq-num{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(200,168,107,.26);
  border-radius:14px;
  background:rgba(200,168,107,.055);
  color:#e9c574;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
.knx-office-page .faq-question{
  min-width:0;
  color:#f2f3f5;
  font-size:18px;
  line-height:1.35;
  font-weight:780;
  text-wrap:balance;
}
.knx-office-page .faq-toggle{
  position:relative;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  justify-self:end;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(9,11,15,.42);
  color:#edc770;
  transition:transform .24s ease,background .24s ease,border-color .24s ease;
}
.knx-office-page .faq-toggle::before,
.knx-office-page .faq-toggle::after{
  content:"";
  position:absolute;
  width:14px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.knx-office-page .faq-toggle::after{
  transform:rotate(90deg);
  transition:transform .24s ease;
}
.knx-office-page .faq-item.open .faq-toggle{
  transform:none !important;
  background:rgba(200,168,107,.10);
  border-color:rgba(200,168,107,.28);
}
.knx-office-page .faq-item.open .faq-toggle::after{transform:rotate(0deg)}
.knx-office-page .faq-a{
  display:grid !important;
  grid-template-rows:0fr;
  padding:0 !important;
  max-width:none !important;
  color:#c5cad2 !important;
  opacity:0;
  transition:grid-template-rows .28s ease,opacity .22s ease;
}
.knx-office-page .faq-item.open .faq-a{
  display:grid !important;
  grid-template-rows:1fr;
  opacity:1;
}
.knx-office-page .faq-a-inner{
  min-height:0;
  overflow:hidden;
  padding:0 82px 0 86px;
  font-size:15px;
  line-height:1.62;
}
.knx-office-page .faq-item.open .faq-a-inner{
  padding-top:0;
  padding-bottom:22px;
}
@media(max-width:1040px){
  .knx-office-page .faq-layout{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .knx-office-page .faq-intro{
    position:static;
  }
  .knx-office-page .faq-intro .section-title,
  .knx-office-page .faq-lead{
    max-width:none;
  }
}
@media(max-width:680px){
  .knx-office-page .faq-section{padding:72px 0}
  .knx-office-page .faq-intro{
    padding:22px 18px;
    border-radius:22px;
  }
  .knx-office-page .faq-intro .section-title{
    font-size:36px;
  }
  .knx-office-page .faq-lead{
    font-size:15px;
  }
  .knx-office-page .faq-help{
    padding:17px;
  }
  .knx-office-page .faq{
    gap:10px !important;
  }
  .knx-office-page .faq-item{
    border-radius:17px;
  }
  .knx-office-page .faq-q{
    grid-template-columns:38px minmax(0,1fr) 34px !important;
    gap:11px !important;
    padding:16px 14px !important;
  }
  .knx-office-page .faq-num{
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:11px;
  }
  .knx-office-page .faq-question{
    font-size:15px;
    line-height:1.38;
  }
  .knx-office-page .faq-toggle{
    width:32px;
    height:32px;
    border-radius:10px;
  }
  .knx-office-page .faq-toggle::before,
  .knx-office-page .faq-toggle::after{
    width:12px;
  }
  .knx-office-page .faq-a-inner{
    padding-left:63px;
    padding-right:50px;
    font-size:14px;
    line-height:1.55;
  }
  .knx-office-page .faq-item.open .faq-a-inner{
    padding-bottom:18px;
  }
}

/* Business value section — v18 */
.knx-office-page .business-value-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(720px 380px at 12% 12%,rgba(200,168,107,.075),transparent 68%),
    linear-gradient(180deg,#171b20 0%,#15191e 100%);
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.knx-office-page .business-value-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:54px;
  align-items:end;
  margin-bottom:38px;
}
.knx-office-page .business-value-head .section-title{max-width:760px;margin-bottom:0}
.knx-office-page .business-value-head .section-intro{margin:0;max-width:610px}
.knx-office-page .business-value-layout{
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  gap:18px;
  align-items:stretch;
}
.knx-office-page .business-value-visual{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.11);
  background-image:
    linear-gradient(180deg,rgba(6,8,11,.05) 0%,rgba(6,8,11,.20) 30%,rgba(6,8,11,.88) 100%),
    linear-gradient(90deg,rgba(6,8,11,.18),rgba(6,8,11,.06)),
    url('/assets/photos/knx-office-business-value-v18.webp');
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 54px rgba(0,0,0,.18);
}
.knx-office-page .business-value-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 260px at 74% 16%,rgba(226,181,89,.16),transparent 72%),
    linear-gradient(180deg,transparent 40%,rgba(7,9,12,.62) 72%,rgba(7,9,12,.94) 100%);
}
.knx-office-page .business-value-visual__content{
  position:absolute;
  z-index:1;
  left:0;right:0;bottom:0;
  padding:34px;
}
.knx-office-page .business-value-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  margin-bottom:18px;
  border:1px solid rgba(229,183,88,.32);
  border-radius:999px;
  background:rgba(10,12,16,.55);
  color:#efca79;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.knx-office-page .business-value-badge::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#7ee0aa;
  box-shadow:0 0 0 5px rgba(126,224,170,.11);
}
.knx-office-page .business-value-visual h3{
  max-width:560px;
  margin:0 0 14px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.03;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.knx-office-page .business-value-visual p{
  max-width:600px;
  margin:0;
  color:#d1d5db;
  font-size:15px;
  line-height:1.58;
}
.knx-office-page .business-value-audience{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.knx-office-page .business-value-audience span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(10,12,16,.48);
  color:#e4e6ea;
  font-size:12px;
  font-weight:650;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.knx-office-page .business-benefit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.knx-office-page .business-benefit{
  position:relative;
  min-height:271px;
  overflow:hidden;
  padding:25px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:24px;
  background:
    radial-gradient(180px 150px at 92% 6%,rgba(200,168,107,.095),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 15px 34px rgba(0,0,0,.10);
  transition:transform .23s ease,border-color .23s ease,background .23s ease;
}
.knx-office-page .business-benefit::after{
  content:"";
  position:absolute;
  left:25px;right:25px;bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(200,168,107,.45),transparent);
}
.knx-office-page .business-benefit__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:28px;
}
.knx-office-page .business-benefit__num{
  color:#d6b66e;
  font-size:13px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
}
.knx-office-page .business-benefit__icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(200,168,107,.30);
  border-radius:14px;
  background:rgba(12,14,18,.42);
  color:#e4be69;
}
.knx-office-page .business-benefit__icon svg{
  width:21px;height:21px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.knx-office-page .business-benefit h3{
  max-width:20ch;
  margin:0 0 12px;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.018em;
  text-wrap:balance;
}
.knx-office-page .business-benefit p{
  margin:0;
  color:#bfc4cc;
  font-size:14px;
  line-height:1.58;
  text-wrap:pretty;
}
@media(hover:hover){
  .knx-office-page .business-benefit:hover{
    transform:translateY(-3px);
    border-color:rgba(200,168,107,.28);
    background:
      radial-gradient(180px 150px at 92% 6%,rgba(200,168,107,.14),transparent 72%),
      linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
  }
}
@media(max-width:1040px){
  .knx-office-page .business-value-head{grid-template-columns:1fr;gap:16px}
  .knx-office-page .business-value-layout{grid-template-columns:1fr}
  .knx-office-page .business-value-visual{min-height:480px}
  .knx-office-page .business-benefit{min-height:240px}
}
@media(max-width:760px){
  .knx-office-page .business-value-head{margin-bottom:26px}
  .knx-office-page .business-value-visual{min-height:430px;border-radius:22px;background-position:58% center}
  .knx-office-page .business-value-visual__content{padding:24px 20px}
  .knx-office-page .business-value-visual h3{font-size:32px}
  .knx-office-page .business-benefit-grid{grid-template-columns:1fr;gap:12px}
  .knx-office-page .business-benefit{min-height:auto;padding:21px;border-radius:20px}
  .knx-office-page .business-benefit__top{margin-bottom:20px}
  .knx-office-page .business-benefit h3{max-width:none}
}

/* Final office CTA — v19 */
.knx-office-page .cta-section{padding-top:54px;padding-bottom:52px}
.knx-office-page .office-cta-v19{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:34px;
  min-height:590px;padding:54px;border-radius:34px;
  border:1px solid rgba(200,168,107,.28);
  background:#0b0e13 url('/assets/photos/knx-office-cta-v19.webp') center/cover no-repeat;
  box-shadow:0 30px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);
}
.knx-office-page .office-cta-v19::before{
  content:"";position:absolute;z-index:-2;inset:0;
  background:
    linear-gradient(90deg,rgba(6,8,11,.97) 0%,rgba(6,8,11,.92) 39%,rgba(6,8,11,.72) 65%,rgba(6,8,11,.58) 100%),
    linear-gradient(180deg,rgba(6,8,11,.16),rgba(6,8,11,.68));
}
.knx-office-page .office-cta-v19::after{
  content:"";position:absolute;z-index:-1;inset:0;
  background:radial-gradient(600px 360px at 17% 10%,rgba(200,168,107,.16),transparent 70%);
  pointer-events:none;
}
.knx-office-page .office-cta-v19__content{align-self:center;max-width:780px}
.knx-office-page .office-cta-v19 h2{
  margin:18px 0 20px;max-width:770px;
  font-size:clamp(38px,4.4vw,64px);line-height:.99;letter-spacing:-.052em;text-wrap:balance;
}
.knx-office-page .office-cta-v19__content>p{
  margin:0 0 28px;max-width:720px;color:#d0d4db;font-size:18px;line-height:1.58;text-wrap:pretty;
}
.knx-office-page .office-cta-v19__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}
.knx-office-page .office-cta-v19__actions .btn{min-height:50px}
.knx-office-page .office-cta-v19__actions .btn-secondary{
  background:rgba(10,13,17,.62);border-color:rgba(255,255,255,.17);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.knx-office-page .office-cta-v19__mail{
  display:inline-flex;align-items:center;gap:8px;padding:10px 4px;
  color:#e8cb88;font-size:14px;font-weight:750;border-bottom:1px solid rgba(232,203,136,.32)
}
.knx-office-page .office-cta-v19__formats{display:flex;flex-wrap:wrap;gap:8px}
.knx-office-page .office-cta-v19__formats span{
  padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.13);
  background:rgba(9,12,16,.48);color:#c9cdd5;font-size:12px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.knx-office-page .office-cta-v19__panel{
  align-self:stretch;display:flex;flex-direction:column;
  padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(17,21,27,.82),rgba(10,13,17,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 50px rgba(0,0,0,.20);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.knx-office-page .office-cta-v19__panel-head{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}
.knx-office-page .office-cta-v19__panel-head strong{font-size:18px}
.knx-office-page .office-cta-v19__status{width:9px;height:9px;border-radius:50%;background:#70d5a0;box-shadow:0 0 0 6px rgba(112,213,160,.10),0 0 16px rgba(112,213,160,.32)}
.knx-office-page .office-cta-v19__list{list-style:none;margin:0;padding:8px 0 0;display:grid}
.knx-office-page .office-cta-v19__list li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.knx-office-page .office-cta-v19__list li>span{color:#e6bf65;font-size:12px;font-weight:850;padding-top:3px}
.knx-office-page .office-cta-v19__list b{display:block;margin-bottom:5px;font-size:15px;line-height:1.3}
.knx-office-page .office-cta-v19__list small{display:block;color:#aeb4be;font-size:13px;line-height:1.45}
.knx-office-page .office-cta-v19__result{margin-top:18px;padding:17px;border-radius:17px;border:1px solid rgba(200,168,107,.22);background:rgba(200,168,107,.075)}
.knx-office-page .office-cta-v19__result span{display:block;margin-bottom:7px;color:#e7c678;font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.knx-office-page .office-cta-v19__result p{margin:0;color:#d1d4da;font-size:13px;line-height:1.5}
.knx-office-page .office-cta-v19__phone{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;color:#fff}
.knx-office-page .office-cta-v19__phone small{color:#9fa6b0;font-size:12px}
.knx-office-page .office-cta-v19__phone strong{font-size:18px;white-space:nowrap}
@media(max-width:1080px){
  .knx-office-page .office-cta-v19{grid-template-columns:1fr;padding:44px;min-height:auto;background-position:62% center}
  .knx-office-page .office-cta-v19::before{background:linear-gradient(90deg,rgba(6,8,11,.96),rgba(6,8,11,.76)),linear-gradient(180deg,rgba(6,8,11,.30),rgba(6,8,11,.72))}
  .knx-office-page .office-cta-v19__panel{max-width:none}
}
@media(max-width:760px){
  .knx-office-page .cta-section{padding-top:32px;padding-bottom:34px}
  .knx-office-page .office-cta-v19{padding:28px 20px;border-radius:25px;gap:25px;background-position:58% center}
  .knx-office-page .office-cta-v19 h2{font-size:clamp(36px,11vw,50px);line-height:1.01;margin-top:14px}
  .knx-office-page .office-cta-v19__content>p{font-size:16px;line-height:1.52}
  .knx-office-page .office-cta-v19__actions{display:grid;grid-template-columns:1fr}
  .knx-office-page .office-cta-v19__actions .btn{width:100%}
  .knx-office-page .office-cta-v19__mail{justify-content:center}
  .knx-office-page .office-cta-v19__panel{padding:20px;border-radius:20px}
  .knx-office-page .office-cta-v19__phone{display:grid;gap:5px}
}

/* SEO and performance stabilization — v20 */
.knx-office-page .feature-card{
  background:#0f1318 !important;
}
.knx-office-page .feature-card__bg{
  position:absolute !important;
  inset:0;
  z-index:0 !important;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  user-select:none;
  filter:saturate(.92) contrast(1.03) brightness(.86);
  transform:scale(1.01);
}
.knx-office-page .feature-card::after{z-index:1}
.knx-office-page .feature-card::before{z-index:2}
.knx-office-page .feature-card > :not(.feature-card__bg){position:relative;z-index:3}
.knx-office-page .card-grid .feature-card:nth-child(1) .feature-card__bg{object-position:60% 36%}
.knx-office-page .card-grid .feature-card:nth-child(2) .feature-card__bg{object-position:54% 38%}
.knx-office-page .card-grid .feature-card:nth-child(3) .feature-card__bg{object-position:52% 46%}
.knx-office-page .card-grid .feature-card:nth-child(4) .feature-card__bg{object-position:58% 34%}
.knx-office-page .card-grid .feature-card:nth-child(5) .feature-card__bg{object-position:32% 46%}
.knx-office-page .card-grid .feature-card:nth-child(6) .feature-card__bg{object-position:54% 44%}
.knx-office-page .card-grid .feature-card:nth-child(7) .feature-card__bg{object-position:68% 42%}
.knx-office-page .card-grid .feature-card:nth-child(8) .feature-card__bg{object-position:56% 42%}
@media (hover:hover){
  .knx-office-page .feature-card:hover .feature-card__bg{filter:saturate(.98) contrast(1.04) brightness(.91);transform:scale(1.035)}
  .knx-office-page .feature-card__bg{transition:filter .35s ease,transform .55s ease}
}
@supports (content-visibility:auto){
  .knx-office-page .card-grid,
  .knx-office-page .business-value-v18,
  .knx-office-page .architecture,
  .knx-office-page .delivery,
  .knx-office-page .faq-layout,
  .knx-office-page .office-cta-v19{
    content-visibility:auto;
    contain-intrinsic-size:auto 760px;
  }
}
@media(max-width:760px){
  .knx-office-page .feature-card__bg{object-position:center;filter:saturate(.88) contrast(1.04) brightness(.78)}
}