:root{
  --ink:#0b1838;--body:#33445e;--muted:#5c6780;--line:#dfe6f2;--blue:#164ed8;--violet:#673de6;
  --panel:#fff;--soft:#f7f9fe;--green:#36a852;--page:#f6f8fc;--shadow:0 12px 40px rgba(29,52,104,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}
button,a{font:inherit}
/* Accessibility: semantic headings that do not alter visual layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wrap{width:min(1500px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,227,240,.92)}
.header-inner{min-height:92px;display:flex;align-items:center;gap:32px}
.brand{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;text-decoration:none;color:var(--ink);line-height:1}
.brand-logo{display:inline-flex;flex-direction:column;width:max-content}
.brand-main{display:inline-block;width:auto;font-weight:900;font-size:34px;letter-spacing:.035em;color:#0b1838}
.brand-sub{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 3px);margin-top:7px;margin-left:3px;color:#5f6b80;font-size:10px;font-weight:700;text-transform:lowercase}
.brand-sub span{display:block}
.brand-sub .brand-space{width:.45em;flex:0 0 .45em}
.brand-role{display:block;width:auto;margin-top:8px;margin-left:3px;color:#5f6b80;font-size:11.5px;font-weight:750;line-height:1.25;white-space:nowrap}
.nav{display:flex;gap:25px;margin-left:auto}
.nav a{position:relative;display:flex;align-items:center;min-height:92px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:calc(50% - 14px);height:3px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.nav a:hover,.nav a.active{color:var(--blue)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:26px;color:var(--ink);cursor:pointer}
.section{padding:12px 0 2px;scroll-margin-top:104px}
.productivity-section{padding-top:20px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.section-heading{margin-bottom:22px}
.section-heading h2,.section-title-row h2{margin:0;font-size:clamp(27px,2.2vw,38px);letter-spacing:-.035em}
.section-heading p,.section-title-row p{margin:8px 0 0;max-width:890px;color:var(--muted)}

/* Approved: Nová éra produktivity */
.productivity-intro{padding:34px 44px 28px;width:100%;max-width:100%;grid-column:1/-1}
.intro-copy{max-width:none;width:100%}
.intro-copy h1{margin:0 0 14px;font-size:clamp(23px,1.85vw,29px);line-height:1.22;letter-spacing:-.018em;font-weight:620;color:var(--ink)}
.intro-copy p{max-width:none;margin:0 0 16px;font-size:16.2px;line-height:1.7;color:var(--body);font-weight:400}
.intro-copy .intro-lead{max-width:none;font-size:17px;line-height:1.62;color:var(--ink);font-weight:500;margin-bottom:18px}
.intro-copy .intro-emphasis{color:#243750;font-weight:560}
.intro-copy .intro-normal{font-weight:400}
.productivity-visuals{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;margin-top:12px}
.productivity-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:12px;align-items:stretch}
.evolution-panel{padding:22px;align-self:stretch}

.evolution-image{display:block;width:100%;height:auto;border-radius:10px}
.chart-card{width:100%;height:100%;min-height:0;align-self:stretch;padding:clamp(12px,1.7vw,22px);overflow:hidden;display:flex}
.productivity-hero .chart-card{max-width:100%}
.chart-frame{width:100%;height:100%;min-height:0;display:flex}
#efficiency-chart{display:block;width:100%;height:100%;max-width:100%;aspect-ratio:auto}
.chart-line{stroke-dasharray:1;stroke-dashoffset:0}
.chart-area{opacity:1}
#revealRect{transform-box:fill-box;transform-origin:left center;transform:scaleX(1)}
.stage-point{opacity:1;transform-box:fill-box;transform-origin:center;transform:scale(1)}
.js-enabled .chart-line{stroke-dashoffset:1}
.js-enabled .chart-area{opacity:0}
.js-enabled #revealRect{transform:scaleX(0)}
.js-enabled .stage-point{opacity:0;transform:scale(.25)}
.js-enabled .chart-ready .chart-line{animation:drawLine 1.55s cubic-bezier(.2,.75,.15,1) forwards}
.js-enabled .chart-ready #revealRect{animation:revealArea 1.55s cubic-bezier(.2,.75,.15,1) forwards}
.js-enabled .chart-ready .chart-area{animation:fadeArea 1.15s ease-out .18s forwards}
.js-enabled .chart-ready .point-1{animation:pointIn .28s ease-out .18s forwards}
.js-enabled .chart-ready .point-2{animation:pointIn .28s ease-out .68s forwards}
.js-enabled .chart-ready .point-3{animation:pointIn .28s ease-out 1.02s forwards}
.js-enabled .chart-ready .point-4{animation:pointIn .32s ease-out 1.42s forwards}
@keyframes drawLine{to{stroke-dashoffset:0}}
@keyframes revealArea{to{transform:scaleX(1)}}
@keyframes fadeArea{to{opacity:1}}
@keyframes pointIn{65%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}

/* Approved: productivity gains — text remains HTML, graphics contain icons only */
.productivity-gains{padding:28px}
.productivity-gains-heading{text-align:center;margin-bottom:22px}
.productivity-gains-heading h2{margin:0;font-size:clamp(21px,1.6vw,27px);line-height:1.24;letter-spacing:-.015em;text-transform:none;color:#183468}
.productivity-gains-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #dfe6f2;border-radius:14px;overflow:hidden;background:#fff}
.productivity-gain-item{min-width:0;padding:20px 14px 16px;text-align:center;border-right:1px solid #e4eaf3;display:flex;flex-direction:column;align-items:stretch}
.productivity-gain-item:last-child{border-right:0}
.productivity-gain-icon{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.productivity-gain-icon img{display:block;width:auto;height:58px;max-width:86px;object-fit:contain}
.productivity-gain-item h3{min-height:38px;margin:0 0 15px;font-size:14px;line-height:1.35;text-transform:uppercase;color:#172b55}
.productivity-gain-item p{margin:3px 0;color:#34445f;font-size:13px;line-height:1.45}
.productivity-gain-item p span{font-weight:750;color:#172b55}
.productivity-gain-item strong{display:block;margin-top:auto;padding:9px 8px;border-radius:7px;background:linear-gradient(180deg,#31944a,#247d3b);color:#fff;font-size:13px;line-height:1.25;text-transform:uppercase}

/* Approved: benefits */
.benefits-panel{padding:28px}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.benefit-card{overflow:hidden;background:#fff;border:1px solid #dbe4f0;border-radius:15px;box-shadow:0 6px 18px rgba(22,52,100,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.benefit-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,52,100,.09);border-color:#bfcdea}
.benefit-visual{aspect-ratio:2.6/1;background:linear-gradient(180deg,#fbfcff,#f5f8fd);border-bottom:1px solid #e8edf5;overflow:hidden}
.benefit-visual img{display:block;width:100%;height:100%;object-fit:cover}
.benefit-copy{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:18px 20px 21px}
.benefit-number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#123f9c;color:#fff;font-weight:750;font-size:14px;margin-top:1px}
.benefit-copy h3{margin:0;font-size:20px;line-height:1.23;letter-spacing:-.02em}
.benefit-copy p{margin:8px 0 0;color:#53627a;font-size:15.5px;line-height:1.5}
.benefit-examples{margin-top:20px}
.benefit-examples img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #dfe6f2}

/* Approved: scenarios */
.scenario-principle{margin:18px 0;padding:14px 16px;border:1px solid #d9e2fb;border-radius:11px;background:linear-gradient(90deg,#f5f8ff,#faf8ff);font-size:15px}
.scenario-principle strong{color:var(--blue)}
.scenario-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}
.scenario-tab{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:750;cursor:pointer;transition:.2s}
.scenario-tab:hover{border-color:#a8baf0}
.scenario-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}
.scenario-header{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:24px;align-items:end;padding:20px;border-radius:12px;background:var(--soft);border:1px solid #e5eaf5}
.eyebrow{display:block;margin-bottom:6px;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}
.scenario-header h3{margin:0;font-size:clamp(24px,2vw,32px);letter-spacing:-.025em}
.scenario-header p{margin:0;color:#34405e;font-size:17px}
.scenario-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.scenario-explain-card{position:relative;min-height:255px;padding:18px 17px 17px;border:1px solid #dde5f2;border-radius:12px;background:#fff;overflow:hidden}
.scenario-explain-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.scenario-explain-card.problem{--accent:#d86a54}.scenario-explain-card.ai{--accent:#5e57dc}.scenario-explain-card.human{--accent:#2874c6}.scenario-explain-card.result{--accent:#2b9857}
.scenario-step{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.scenario-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:900;flex:0 0 auto}
.scenario-step b{font-size:14px;text-transform:uppercase;letter-spacing:.055em}
.scenario-explain-card p{margin:0;color:#46526d;font-size:15px}
.scenario-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:14px;padding:18px;border:1px solid #dfe6f2;border-radius:12px;background:linear-gradient(180deg,#fff,#fafcff)}
.scenario-flow-item{position:relative;text-align:center;min-width:0}
.scenario-flow-item:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:50%;transform:translateY(-55%);color:#5c7fe0;font-size:24px;font-weight:800}
.scenario-flow-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:11px;background:#edf2ff;color:var(--blue);font-weight:900;box-shadow:inset 0 0 0 1px #d6e0fb}
.scenario-flow-item b{display:block;font-size:14px;line-height:1.35}
.scenario-content.switching{animation:fadeUp .28s ease}
@keyframes fadeUp{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Preserved baseline sections */
.section-title-row{display:block;margin-bottom:18px}
.architecture-board{background:linear-gradient(180deg,#fbfcff,#fff);border:1px solid #e2e8f5;border-radius:13px;padding:14px}
.arch-top{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.arch-card{border:1px solid #dbe4f5;background:#fff;border-radius:11px;padding:16px 10px;color:var(--ink);cursor:pointer;min-height:150px;transition:.25s}
.arch-card:hover,.arch-card.active{border-color:#91abef;transform:translateY(-3px);box-shadow:0 10px 24px rgba(38,75,159,.10)}
.arch-card b,.arch-card small{display:block}.arch-card small{margin-top:7px;color:var(--muted)}.arch-icon{display:block;font-size:42px;color:var(--blue);margin-bottom:8px}
.connector-row{display:grid;grid-template-columns:repeat(5,1fr);height:32px}.connector-row i{position:relative}.connector-row i:before{content:"";position:absolute;left:50%;top:0;height:23px;border-left:2px solid #4f78e8}.connector-row i:after{content:"↓";position:absolute;left:calc(50% - 5px);top:13px;color:#4f78e8}
.platform-row{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.platform,.monitor-row{border:1px solid #cfd9f5;border-radius:10px;overflow:hidden;background:#fff}.platform h3,.monitor-row h3{margin:0;padding:8px 12px;text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.04em;background:#f0efff;color:#2616b5}.pill-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:13px}.pill-row span{border:1px solid #e1e6f1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;background:#fff}.monitor-row{margin-top:10px}.monitor-row h3{background:#eef3ff;color:#164ed8}.detail-box{margin-top:14px;padding:14px 18px;border-radius:10px;background:#f5f7ff;border:1px solid #dfe4fb;color:#34405e}.architecture-detail{display:flex;gap:9px;align-items:baseline}.architecture-detail span{color:var(--muted)}
.expertise-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.expertise-grid article{border:1px solid #dde5f2;border-radius:11px;padding:16px 14px;min-height:255px;background:#fff;transition:.25s}.expertise-grid article:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(31,62,127,.08)}.expertise-grid h3{font-size:15px;color:#1545ba;margin:0 0 12px}.expertise-grid ul{margin:0;padding-left:18px;font-size:13px;line-height:1.8}
.dr-flow{display:grid;grid-template-columns:1.15fr .8fr 1.15fr .9fr;gap:14px;align-items:stretch}.dr-site,.dr-transfer,.dr-checks{border:1px solid #dce4f2;border-radius:11px;padding:16px;background:#fff}.site-tag{display:block;text-align:center;font-weight:850;color:var(--blue);margin-bottom:15px}.site-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.site-icons i{font-style:normal;text-align:center;font-size:12px}.site-icons i:before{content:"▦";display:block;font-size:35px;color:#245abb;margin-bottom:5px}.dr-transfer{text-align:center;position:relative;overflow:hidden}.dr-transfer strong,.dr-transfer small{display:block;position:relative;z-index:2}.dr-transfer small{color:var(--muted);margin-top:6px}.moving-dots{height:48px;margin:5px 0 7px;background:radial-gradient(circle,#4f78e8 0 3px,transparent 4px) 0 50%/22px 14px repeat-x;animation:flow 1.2s linear infinite}.dr-checks{list-style:none;margin:0}.dr-checks li{margin:9px 0;padding-left:25px;position:relative}.dr-checks li:before{content:"✓";position:absolute;left:0;width:18px;height:18px;border-radius:50%;background:#e7f8eb;color:var(--green);display:grid;place-items:center;font-weight:900}@keyframes flow{to{background-position:22px 50%}}
.contact-brand{width:max-content}.contact-brand .brand-role{display:block}
.page-next{padding:6px 0 24px}.page-next-card{display:flex;align-items:center;justify-content:flex-end;gap:16px;border:1px solid #d7def2;border-radius:16px;padding:18px 22px;background:linear-gradient(100deg,#fff,#faf8ff)}.page-next-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:10px;background:linear-gradient(135deg,#245be1,#673de6);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.page-next-link-arrow{font-size:1.18em;line-height:1;transition:transform .18s ease}.page-next-link:hover .page-next-link-arrow,.page-next-link:focus-visible .page-next-link-arrow{transform:translateX(3px)}.page-next-copy{color:var(--muted);font-size:14px;font-weight:500;margin-right:auto}@media(max-width:700px){.page-next-card{justify-content:space-between;gap:12px;padding:16px}.page-next-copy{display:none}.page-next-link{padding:11px 14px;font-size:14px}}.contact-section{padding:14px 0 28px}.contact-card{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border:1px solid #d7def2;border-radius:14px;padding:24px 28px;background:linear-gradient(100deg,#fff,#faf8ff)}.contact-card p{margin:6px 0 0;color:var(--muted)}.contact-data{display:flex;flex-direction:column;gap:5px}.contact-actions{display:flex;flex-direction:column;gap:9px}.contact-actions a{color:#fff;background:linear-gradient(135deg,#245be1,#673de6);text-decoration:none;font-weight:800;padding:10px 16px;border-radius:9px;text-align:center}
footer{border-top:1px solid var(--line);padding:18px 0 28px;color:var(--muted);font-size:13px}
.reveal{opacity:1;transform:none}.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js-enabled .reveal.in-view{opacity:1;transform:none}

@media(max-width:1200px){
  .productivity-visuals{grid-template-columns:1fr}.productivity-hero{grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr)}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-grid{grid-template-columns:repeat(4,1fr)}.dr-flow{grid-template-columns:1fr 1fr}.nav{gap:14px}.nav a{font-size:12px}
}
@media(max-width:980px){.productivity-hero{grid-template-columns:1fr}.productivity-hero .chart-card{max-width:none}}
@media(max-width:950px){.scenario-header{grid-template-columns:1fr;align-items:start}.scenario-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:840px){
  .wrap{width:min(100% - 24px,1500px)}.header-inner{min-height:78px}.brand-main{font-size:27px}.brand-sub{font-size:9.6px}.brand-role{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{min-height:0;padding:12px 0;border-bottom:1px solid #edf0f6}.nav a::after{display:none}
  .productivity-intro{padding:28px 24px 20px}.intro-copy h1{font-size:25px}.intro-copy .intro-lead{font-size:16.5px}.intro-copy p{font-size:15.8px;line-height:1.67}
  .arch-top{grid-template-columns:1fr 1fr}.connector-row{display:none}.platform-row{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}.dr-flow{grid-template-columns:1fr}
}
@media(max-width:700px){.benefits-panel{padding:16px}.benefits-grid{grid-template-columns:1fr;gap:14px}.benefit-copy{padding:16px}.benefit-examples{overflow-x:auto}.benefit-examples img{min-width:780px}}
@media(max-width:650px){
  .scenario-explain-grid{grid-template-columns:1fr}.scenario-explain-card{min-height:0}.scenario-workflow{grid-template-columns:1fr;gap:12px}.scenario-flow-item{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;text-align:left}.scenario-flow-icon{margin:0}.scenario-flow-item:not(:last-child)::after{content:"↓";right:auto;left:14px;top:auto;bottom:-22px}
}
@media(max-width:540px){
  .panel{padding:15px}.productivity-intro{padding:24px 18px 16px}.intro-copy h1{font-size:22px;margin-bottom:12px}.intro-copy .intro-lead{font-size:16px}.intro-copy p{font-size:15.4px;line-height:1.64;margin-bottom:14px}.chart-card{padding:8px;border-radius:16px}.arch-top,.expertise-grid{grid-template-columns:1fr}.site-icons{grid-template-columns:repeat(2,1fr)}
}
@media(orientation:landscape) and (max-height:600px){.chart-card{padding:10px}}

@media(max-width:1200px){.productivity-gains-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.productivity-gain-item:nth-child(3){border-right:0}.productivity-gain-item:nth-child(-n+3){border-bottom:1px solid #e4eaf3}}
@media(max-width:700px){.productivity-gains{padding:16px}.productivity-gains-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.productivity-gain-item,.productivity-gain-item:nth-child(3){border-right:1px solid #e4eaf3;border-bottom:1px solid #e4eaf3}.productivity-gain-item:nth-child(even){border-right:0}.productivity-gain-item:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:430px){.productivity-gains-grid{grid-template-columns:1fr}.productivity-gain-item,.productivity-gain-item:nth-child(3),.productivity-gain-item:nth-child(even),.productivity-gain-item:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #e4eaf3}.productivity-gain-item:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal,.js-enabled .reveal{opacity:1!important;transform:none!important;transition:none!important}.benefit-card{transition:none}.chart-line{stroke-dashoffset:0!important;animation:none!important}#revealRect{transform:scaleX(1)!important;animation:none!important}.chart-area,.stage-point{opacity:1!important;transform:scale(1)!important;animation:none!important}.moving-dots{animation:none}.scenario-content.switching{animation:none}
}

.page-next-card{justify-content:flex-end}.page-next-link{min-width:auto}.page-next-copy{display:none!important}


/* Previous / next page navigation */
.page-next-card.page-navigation{justify-content:space-between}
.page-next-link--back .page-next-link-arrow{order:-1}
.page-next-link--back:hover .page-next-link-arrow,.page-next-link--back:focus-visible .page-next-link-arrow{transform:translateX(-3px)}
@media(max-width:520px){.page-next-card.page-navigation{gap:10px}.page-next-card.page-navigation .page-next-link{font-size:13px;padding:11px 12px}}

/* Automatic IT interactive architecture */
.automatic-it-svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.automatic-it-icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.automatic-it-section{padding:28px 0 10px;background:linear-gradient(180deg,#f8faff 0,#fff 68%)}
.automatic-it-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.automatic-it-heading h1{margin:0;font-size:clamp(34px,4.2vw,62px);line-height:1;letter-spacing:-.055em}
.automatic-it-heading p{max-width:900px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.automatic-it-hint{display:flex;align-items:center;gap:9px;flex:0 0 auto;margin-bottom:3px;padding:10px 14px;border:1px solid #dbe5fb;border-radius:999px;background:#f4f7ff;color:#38507d;font-size:13px;font-weight:750}
.automatic-it-hint span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #9eb3e6;border-radius:50%;color:var(--blue);font-weight:900}
.automatic-it-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.automatic-it-canvas{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:16px;border:1px solid #dfe6f2;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.automatic-it-layers{display:flex;min-width:0;flex-direction:column;gap:20px}
.automatic-it-layer{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px;align-items:stretch;padding:13px;border:1px solid #dbe5f5;border-radius:14px;background:linear-gradient(110deg,#fbfcff,#fff);box-shadow:0 7px 24px rgba(34,63,119,.045)}
.automatic-it-layer:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-20px;z-index:2;display:grid;place-items:center;width:28px;height:28px;margin-left:-14px;border:1px solid #dbe4f5;border-radius:50%;background:#fff;color:#6b7fa9;font-size:15px;font-weight:900}
.automatic-it-layer-title{display:flex;align-items:center;gap:12px;padding:8px 10px;border-right:1px solid #e8edf7}
.automatic-it-layer-title>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:#eaf0ff;color:var(--blue);font-weight:900}
.automatic-it-layer-title small{display:block;margin-bottom:3px;color:#6c7891;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.automatic-it-layer-title h2{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.02em}
.automatic-it-nodes{display:grid;gap:8px;min-width:0}
.automatic-it-nodes-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.automatic-it-nodes-managed{grid-template-columns:repeat(7,minmax(0,1fr))}
.automatic-it-node,.automatic-it-knowledge-node{appearance:none;border:1px solid #dce5f4;background:#fff;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.automatic-it-node{display:flex;min-width:0;min-height:92px;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px;border-radius:11px}
.automatic-it-node:hover,.automatic-it-node:focus-visible,.automatic-it-node.active{border-color:#6f96f2;background:#f8faff;box-shadow:0 8px 20px rgba(28,79,210,.12);transform:translateY(-2px);outline:none}
.automatic-it-node.active{box-shadow:0 0 0 2px rgba(22,78,216,.13),0 9px 24px rgba(28,79,210,.12)}
.automatic-it-node-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border-radius:10px;background:#eef3ff;color:var(--blue);box-shadow:inset 0 0 0 1px rgba(22,78,216,.06)}
.automatic-it-node b{font-size:12.5px;line-height:1.25}
.automatic-it-node small{display:block;margin-top:4px;color:#6a7690;font-size:10px;line-height:1.3}
.layer-automation{border-color:#c9e8e7;background:linear-gradient(110deg,#f4fffe,#fff)}
.layer-automation .automatic-it-layer-title>span,.layer-automation .automatic-it-node-icon{background:#e5faf8;color:#087d78}
.layer-estate{border-color:#dceac7;background:linear-gradient(110deg,#f9fff2,#fff)}
.layer-estate .automatic-it-layer-title>span,.layer-estate .automatic-it-node-icon{background:#eff9df;color:#4c8218}
.layer-telemetry{border-color:#d7e5f5;background:linear-gradient(110deg,#f6faff,#fff)}
.automatic-it-change-flow{grid-column:2;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:9px;border:1px dashed #bfd3e8;border-radius:10px;background:rgba(255,255,255,.8);overflow-x:auto;color:#405475;white-space:nowrap}
.automatic-it-change-flow span{font-size:10.5px;font-weight:800}.automatic-it-change-flow i{color:#7d91b2;font-style:normal;font-weight:900}
.automatic-it-knowledge{display:flex;min-width:0;flex-direction:column;gap:10px;padding:12px;border:1px solid #dfcef9;border-radius:14px;background:linear-gradient(180deg,#fbf8ff,#fff)}
.automatic-it-knowledge-heading{padding:4px 5px 8px;text-align:center}
.automatic-it-knowledge-heading small{display:block;color:#7f659c;font-size:9.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.automatic-it-knowledge-heading h2{margin:5px 0 0;color:#5b27b5;font-size:15px;line-height:1.25}
.automatic-it-knowledge-node{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-color:#dfcef9;border-radius:12px;text-align:center}
.automatic-it-knowledge-node::before{content:"↔";position:absolute;left:-31px;top:50%;color:#9b8bb2;font-weight:900;transform:translateY(-50%)}
.automatic-it-knowledge-node:hover,.automatic-it-knowledge-node:focus-visible,.automatic-it-knowledge-node.active{border-color:#8754d9;background:#fcf9ff;box-shadow:0 8px 20px rgba(103,61,230,.13);transform:translateY(-2px);outline:none}
.automatic-it-knowledge-node>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:9px;border-radius:12px;background:#f2eaff;color:#673de6;box-shadow:inset 0 0 0 1px rgba(103,61,230,.08)}
.automatic-it-knowledge-node>span .automatic-it-icon{width:23px;height:23px}
.automatic-it-knowledge-node b{font-size:12.5px}.automatic-it-knowledge-node small{margin-top:5px;color:#725f85;font-size:9.5px;line-height:1.35}
.automatic-it-loop{grid-column:1/-1;display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid #f0d58b;border-radius:14px;background:linear-gradient(90deg,#fffaf0,#fff)}
.automatic-it-loop-title{display:flex;align-items:center;gap:10px}.automatic-it-loop-title>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff0c9;color:#b47a00;font-size:24px;font-weight:900}.automatic-it-loop-title small{display:block;color:#856a35;font-size:9.5px;font-weight:800;text-transform:uppercase}.automatic-it-loop-title b{display:block;color:#7c5200;font-size:15px}
.automatic-it-loop-flow{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap}.automatic-it-loop-flow span{padding:7px 9px;border:1px solid #eadfbf;border-radius:8px;background:#fff;font-size:10.5px;font-weight:800}.automatic-it-loop-flow i{color:#b78a22;font-style:normal;font-weight:900}
.automatic-it-detail{position:sticky;top:110px;padding:22px;border:1px solid #dfe6f2;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.automatic-it-detail-top{display:flex;flex-direction:column;gap:10px;padding-bottom:15px;border-bottom:1px solid #e7ecf5}.automatic-it-detail-top small{color:#6d7990;font-size:11px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.automatic-it-detail-top h2{margin:5px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.035em}
.automatic-it-detail-icon{display:grid;place-items:center;width:58px;height:58px;margin:18px 0;border-radius:17px;background:linear-gradient(135deg,#164ed8,#673de6);color:#fff;box-shadow:0 10px 24px rgba(55,72,190,.2)}
.automatic-it-detail-icon .automatic-it-icon{width:30px;height:30px;stroke-width:1.75}
.automatic-it-detail-section{padding:14px 0;border-top:1px solid #edf0f6}.automatic-it-detail-section h3{margin:0 0 6px;color:#14254b;font-size:13px}.automatic-it-detail-section p{margin:0;color:#59657d;font-size:12.5px;line-height:1.58}
@media(max-width:1320px){.automatic-it-workspace{grid-template-columns:1fr}.automatic-it-detail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.automatic-it-detail-top,.automatic-it-detail-icon{grid-column:1/-1}.automatic-it-detail-section:nth-of-type(odd){border-left:1px solid #edf0f6;padding-left:26px}}
@media(max-width:1080px){.automatic-it-canvas{grid-template-columns:1fr}.automatic-it-knowledge{display:grid;grid-template-columns:repeat(4,1fr)}.automatic-it-knowledge-heading{grid-column:1/-1}.automatic-it-knowledge-node::before{display:none}.automatic-it-layer{grid-template-columns:180px minmax(0,1fr)}.automatic-it-nodes-5{grid-template-columns:repeat(3,minmax(0,1fr))}.automatic-it-nodes-managed{grid-template-columns:repeat(4,minmax(0,1fr))}.automatic-it-change-flow{grid-column:1/-1}.automatic-it-loop{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.automatic-it-heading{align-items:flex-start;flex-direction:column}.automatic-it-hint{margin:0}.automatic-it-canvas{padding:11px}.automatic-it-layer{grid-template-columns:1fr}.automatic-it-layer-title{border-right:0;border-bottom:1px solid #e8edf7}.automatic-it-nodes-5,.automatic-it-nodes-managed{grid-template-columns:repeat(2,minmax(0,1fr))}.automatic-it-change-flow{grid-column:1}.automatic-it-knowledge{grid-template-columns:repeat(2,1fr)}.automatic-it-loop{grid-template-columns:1fr}.automatic-it-detail{display:block}.automatic-it-detail-section:nth-of-type(odd){border-left:0;padding-left:0}}
@media(max-width:460px){.automatic-it-nodes-5,.automatic-it-nodes-managed,.automatic-it-knowledge{grid-template-columns:1fr}.automatic-it-node{min-height:82px}.automatic-it-heading h1{font-size:36px}}


/* Real product branding inside the interactive architecture model. */
.automatic-it-brand-wrap{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;padding:5px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(22,78,216,.10),0 3px 10px rgba(25,52,110,.06);overflow:hidden}
.automatic-it-brand-wrap--stack{grid-template-columns:1fr 1fr;gap:2px;padding:4px}
.automatic-it-brand-logo{display:block;max-width:100%;width:27px;height:27px;object-fit:contain}
.automatic-it-brand-logo--stacked{width:16px;height:25px}
.automatic-it-knowledge-node .automatic-it-brand-wrap{width:48px;height:48px;margin-bottom:9px;padding:7px;border-color:#dfcef9;background:#fff;box-shadow:inset 0 0 0 1px rgba(103,61,230,.10),0 3px 10px rgba(89,51,166,.07)}
.automatic-it-knowledge-node .automatic-it-brand-logo{width:32px;height:32px}
.automatic-it-detail-icon.has-brand{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid #dfe6f2;background:#fff;color:inherit;box-shadow:0 10px 24px rgba(55,72,190,.11);overflow:hidden}
.automatic-it-detail-icon.has-brand-stack{width:84px}
.automatic-it-detail-brand{display:block;max-width:100%;width:42px;height:42px;object-fit:contain}
.automatic-it-detail-icon.has-brand-stack .automatic-it-detail-brand{width:31px;height:39px}
@media(max-width:760px){.automatic-it-brand-wrap{width:34px;height:34px}.automatic-it-brand-logo{width:25px;height:25px}}


/* Unified typography system — reference: "Nová éra produktivity" */
.page-title,
.productivity-gains-heading h2{
  margin:0 0 14px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(23px,1.85vw,29px)!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
  font-weight:620!important;
  color:var(--ink)!important;
  text-transform:none!important;
  text-align:left!important;
}

/* Introductory lead below every main page heading. */
.intro-copy .intro-lead,
.section-heading > p,
.section-title-row p,
.automatic-it-heading p{
  max-width:900px;
  margin:0 0 18px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.62;
  letter-spacing:0;
  font-weight:500;
  color:var(--ink);
}
.section-heading > p,
.section-title-row p,
.automatic-it-heading p{margin-top:0}

/* Secondary card headings follow the same typographic level as the productivity lead. */
.benefit-copy h3,
.productivity-gain-item h3,
.expertise-grid h3{
  margin:0 0 10px;
  min-height:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.38;
  letter-spacing:0;
  font-weight:500;
  color:var(--ink);
  text-transform:none;
}

/* Prominent subsection title inside Scenarios and component detail. */
.scenario-header h3,
.automatic-it-detail-top h2{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:clamp(21px,1.7vw,27px);
  line-height:1.22;
  letter-spacing:-.018em;
  font-weight:620;
  color:var(--ink);
  text-transform:none;
}

/* Reusable UI component headings. */
.automatic-it-layer-title h2,
.automatic-it-knowledge-heading h2,
.automatic-it-detail-section h3,
.site-tag,
.dr-transfer strong{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-transform:none;
}
.automatic-it-layer-title h2,
.automatic-it-knowledge-heading h2{
  font-size:16px;
  line-height:1.35;
  font-weight:620;
}
.automatic-it-detail-section h3{
  font-size:14px;
  line-height:1.35;
  font-weight:620;
}

.productivity-gains-heading{
  margin-bottom:22px;
  text-align:left;
}
.automatic-it-heading .page-title{max-width:980px}
.automatic-it-heading > div:first-child{max-width:980px}
.automatic-it-detail-top{gap:0}
.contact-heading{margin-bottom:14px}
.contact-actions .contact-phone{
  display:block;
  color:#fff;
  background:linear-gradient(135deg,#245be1,#673de6);
  font-weight:800;
  padding:10px 16px;
  border-radius:9px;
  text-align:center;
  cursor:default;
}

@media(max-width:700px){
  .page-title,
  .productivity-gains-heading h2{font-size:22px!important}
  .intro-copy .intro-lead,
  .section-heading > p,
  .section-title-row p,
  .automatic-it-heading p,
  .benefit-copy h3,
  .productivity-gain-item h3,
  .expertise-grid h3{font-size:16px}
}


/* Services page */
.services-section{padding-top:20px}
.services-panel{padding:28px}
.services-heading{margin-bottom:22px}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{position:relative;min-width:0;padding:22px 22px 20px;border:1px solid #dbe4f0;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 6px 18px rgba(22,52,100,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.service-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#164ed8,#673de6)}
.service-card:hover{transform:translateY(-3px);border-color:#bfcdea;box-shadow:0 14px 30px rgba(22,52,100,.09)}
.service-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;margin-bottom:15px;padding:0 9px;border-radius:999px;background:#edf3ff;color:#164ed8;font-size:11px;font-weight:850;letter-spacing:.06em}
.service-card h2{margin:0 0 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.38;letter-spacing:0;font-weight:620;color:var(--ink);text-transform:none}
.service-card p{margin:0 0 14px;color:#53627a;font-size:15px;line-height:1.55}
.service-card ul{margin:0;padding-left:18px;color:#46546d;font-size:13.5px;line-height:1.72}
.service-card li::marker{color:#164ed8}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.services-panel{padding:16px}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:19px 18px 18px}.service-card h2{font-size:16px}.service-card p{font-size:14.5px}}

/* Global page background and stable header alignment.
   The Architecture page is the visual reference for every section. */
html{
  overflow-y:scroll;
  scrollbar-gutter:stable;
}
body{
  min-height:100vh;
  background:linear-gradient(180deg,#f8faff 0%,#ffffff 68%) fixed;
}
main,
.section,
.productivity-section,
.automatic-it-section,
.services-section,
.contact-section,
.page-next{
  background:transparent;
}

/* Keep the complete header geometry identical on every page. */
.wrap{
  width:calc(100% - 40px);
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}
.header-inner{
  min-height:92px;
  padding-left:0;
  padding-right:0;
}
.brand-logo{
  flex:none;
}
.nav{
  min-width:0;
}

@media(max-width:840px){
  .wrap{
    width:calc(100% - 24px);
    max-width:1500px;
  }
  .header-inner{
    min-height:78px;
  }
}


/* Productivity reflection */
.productivity-reflection{
  position:relative;
  overflow:hidden;
  padding:34px 42px 36px;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 58%,#f5f2ff 100%);
}
.productivity-reflection::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#164ed8,#673de6);
}
.productivity-reflection-copy{max-width:1120px}
.productivity-reflection .page-title{margin-bottom:18px!important}
.productivity-reflection p{
  margin:0 0 16px;
  max-width:1080px;
  color:var(--body);
  font-size:16.2px;
  line-height:1.7;
  font-weight:400;
}
.productivity-reflection .productivity-reflection-lead{
  color:var(--ink);
  font-size:17px;
  line-height:1.62;
  font-weight:500;
}
.productivity-reflection .productivity-reflection-emphasis{
  margin:22px 0;
  padding:16px 20px;
  border-left:3px solid #673de6;
  border-radius:0 10px 10px 0;
  background:rgba(103,61,230,.055);
  color:#243750;
}
.productivity-reflection .productivity-reflection-closing{
  margin:24px 0 0;
  padding-top:20px;
  border-top:1px solid #e3e8f3;
  color:#243750;
  font-size:17px;
  line-height:1.65;
}
@media(max-width:700px){
  .productivity-reflection{padding:24px 20px 26px}
  .productivity-reflection p{font-size:15.4px;line-height:1.64}
  .productivity-reflection .productivity-reflection-lead,
  .productivity-reflection .productivity-reflection-closing{font-size:16px}
}


/* === Overseer logo + reflection consistency === */
.brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  flex:0 0 auto;
  text-decoration:none;
  line-height:1;
}
.brand-image{
  display:block;
  width:260px;
  max-width:100%;
  height:auto;
}
.contact-brand{width:auto}
.contact-brand .brand-image{width:320px}

/* Reflection uses exactly the same visual language as the surrounding panels. */
.productivity-reflection{
  position:relative;
  overflow:visible;
  padding:28px;
  background:var(--panel);
}
.productivity-reflection::before{content:none!important;display:none!important}
.productivity-reflection-copy{
  width:100%;
  max-width:none;
}
.productivity-reflection p{
  width:100%;
  max-width:none;
}
.productivity-reflection .productivity-reflection-emphasis{
  margin:0 0 16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--body);
}
.productivity-reflection .productivity-reflection-closing{
  margin:20px 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--body);
}
@media(max-width:840px){
  .brand-image{width:205px}
  .contact-brand .brand-image{width:260px}
}
@media(max-width:700px){
  .productivity-reflection{padding:16px}
  .productivity-reflection p{max-width:none}
}

/* PATCH ONLY 2026-08-11: align the header subtitle directly below the Overseer logo. */
.brand > .brand-role{
  display:block;
  margin-top:-8px;
  margin-left:10px;
  padding-left:0;
  text-align:left;
  align-self:flex-start;
}
@media(max-width:840px){
  .brand > .brand-role{
    display:block;
    margin-top:-6px;
    margin-left:8px;
    font-size:9px;
    line-height:1.15;
  }
}


/* === CHECKPOINT02 — content architecture and commercial flow === */
/* Logo subtitle stays separate from the SVG instead of visually touching it. */
.brand > .brand-role{
  margin-top:7px!important;
  margin-left:10px!important;
  line-height:1.2!important;
}

.productivity-use-cases .section-lead{
  max-width:980px;
  margin:0 0 22px;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.58;
}
.value-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.value-area-card{min-width:0;padding:20px;border:1px solid #dfe6f2;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfcff)}
.value-area-icon{height:50px;display:flex;align-items:center;margin-bottom:12px}
.value-area-icon img{width:auto;height:46px;max-width:66px;object-fit:contain}
.value-area-card h3{margin:0 0 9px;font-size:16.5px;line-height:1.35;font-weight:650;color:var(--ink)}
.value-area-card p{margin:0;color:#53627a;font-size:14.4px;line-height:1.58}
.productivity-solutions-link{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.productivity-solutions-link a{color:var(--blue);font-weight:800;text-decoration:none}
.productivity-solutions-link a:hover{text-decoration:underline}

.solutions-section{padding-top:20px}
.solutions-panel,.knowledge-panel{padding:28px}
.solutions-heading{margin-bottom:24px}
.solution-stages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.solution-stage-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #dbe4f0;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(22,52,100,.035)}
.solution-stage-visual{min-height:190px;background:#f6f8fc;border-right:1px solid #e5eaf3;overflow:hidden}
.solution-stage-visual img{display:block;width:100%;height:100%;object-fit:cover}
.solution-stage-copy{padding:20px}
.solution-stage-copy>span{display:inline-grid;place-items:center;min-width:34px;height:24px;margin-bottom:12px;padding:0 9px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.06em}
.solution-stage-copy h2{margin:0 0 8px;font-size:18px;line-height:1.34;font-weight:650;color:var(--ink)}
.solution-stage-copy p{margin:0 0 12px;color:#53627a;font-size:14.7px;line-height:1.56}
.solution-stage-copy strong{display:block;color:#263b5e;font-size:13.7px;line-height:1.5}
.solution-stage-card--knowledge{border-color:#cfd8ef;box-shadow:0 10px 28px rgba(37,65,120,.08)}

.knowledge-section{padding-top:12px}
.knowledge-panel{background:linear-gradient(135deg,#fff 0%,#fafbff 62%,#f5f3ff 100%)}
.knowledge-intro{max-width:1050px}
.knowledge-intro .eyebrow{display:block;margin-bottom:8px}
.knowledge-lead{margin:0 0 24px;color:var(--ink);font-size:17px;line-height:1.62;font-weight:500}
.knowledge-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;border-top:1px solid var(--line);padding-top:22px}
.knowledge-columns p{margin:0 0 15px;color:#53627a;font-size:15.3px;line-height:1.68}
.knowledge-model{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:18px 0;padding:18px;border:1px solid #dbe3f5;border-radius:13px;background:#fff}
.knowledge-model span{padding:9px 12px;border-radius:9px;background:#edf3ff;color:#173f91;font-size:13px;font-weight:800}
.knowledge-model i{color:#6a82bb;font-style:normal;font-weight:900}
.knowledge-statement{padding:18px 20px;border-radius:12px;background:#f3f6fc;color:#34445f;font-size:16px;line-height:1.62}
.knowledge-statement strong{color:var(--ink)}
.practical-scenarios-section{padding-top:12px}

.dr-service-section{padding-top:12px}
.dr-service-section .panel{padding:28px}

.page-navigation{justify-content:space-between!important}
.page-navigation .page-next-link:last-child{margin-left:auto}

@media(max-width:1150px){
  .solution-stage-card{grid-template-columns:170px minmax(0,1fr)}
  .value-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .solution-stages-grid{grid-template-columns:1fr}
  .knowledge-columns{grid-template-columns:1fr;gap:6px}
}
@media(max-width:700px){
  .brand > .brand-role{margin-top:5px!important;margin-left:8px!important}
  .value-areas-grid{grid-template-columns:1fr}
  .solution-stage-card{grid-template-columns:1fr}
  .solution-stage-visual{min-height:160px;border-right:0;border-bottom:1px solid #e5eaf3}
  .solutions-panel,.knowledge-panel,.dr-service-section .panel{padding:16px}
  .knowledge-model{justify-content:flex-start}
}

/* Contact future visual — Checkpoint02 patch */
.contact-future{
  margin-top:0;
  margin-bottom:18px;
  overflow:hidden;
  border:1px solid #d7def2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 40px rgba(29,52,104,.07);
}
.contact-future img{
  display:block;
  width:100%;
  height:auto;
}
.contact-data a{
  color:#164ed8;
  text-decoration:none;
  font-weight:750;
}
.contact-data a:hover,
.contact-data a:focus-visible{
  text-decoration:underline;
}
.contact-card{
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
}
@media(max-width:980px){
  .contact-card{grid-template-columns:1fr}
}

/* Language switcher (merged from former i18n.css in CHECKPOINT11 cleanup) */
.header-inner{
  position:relative;
}
.language-switcher{
  position:absolute;
  top:9px;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  gap:5px;
  color:#a0a7b5;
  font-size:11px;
  font-weight:750;
  letter-spacing:.045em;
  white-space:nowrap;
}
.language-switcher a{
  appearance:none;
  border:0;
  margin:0;
  padding:7px 2px;
  background:transparent;
  color:#778197;
  text-decoration:none;
  font:inherit;
  line-height:1;
  cursor:pointer;
  transition:color .16s ease;
}
.language-switcher a:hover,
.language-switcher a:focus-visible,
.language-switcher a.active{
  color:var(--blue);
}
.language-switcher a:focus-visible{
  outline:2px solid rgba(22,78,216,.25);
  outline-offset:3px;
  border-radius:3px;
}
@media(max-width:840px){
  .header-inner{gap:12px}
  .language-switcher{
    top:50%;
    right:48px;
    transform:translateY(-50%);
    gap:4px;
    font-size:10px;
  }
  .language-switcher a{padding:6px 1px}
}