@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&f[]=supreme@300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&display=swap');

/* WorkWell brochure visual system — presentation only, no content changes. */
:root{
  color-scheme:dark;
  --bg:#1b294d;
  --panel:#202f58;
  --ink:#f7f7f3;
  --muted:#b9c8d8;
  --teal:#05b7b1;
  --line:rgba(196,218,232,.36);
  --brochure-navy:#1b294d;
  --brochure-navy-deep:#14213e;
  --brochure-cyan:#00b8b0;
  --brochure-blue:#138bd1;
  --brochure-violet:#6741a7;
  --brochure-paper:#f7f7f3;
  --brochure-gradient:linear-gradient(110deg,var(--brochure-violet) 0%,var(--brochure-blue) 52%,var(--brochure-cyan) 100%);
  --brochure-shadow:0 28px 70px rgba(7,13,33,.28);
}

html{background:var(--brochure-navy-deep)}
body{position:relative;background:var(--brochure-navy);color:var(--brochure-paper);font-family:'Supreme',Manrope,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.58;letter-spacing:.002em}
body::before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 92% 8%,rgba(20,139,209,.16),transparent 31%),radial-gradient(circle at 4% 76%,rgba(0,184,176,.1),transparent 27%);pointer-events:none}
h1,h2,h3,.brand-wordmark,.button,.nav,.footer-grid b,.contact-email{font-family:'Satoshi',Manrope,Arial,sans-serif}
h1,h2,h3{color:var(--brochure-paper);font-weight:700;text-wrap:balance}
h1{font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-.046em;margin-bottom:30px}
h2{font-size:clamp(31px,3.5vw,50px);line-height:1.04;letter-spacing:-.035em;margin-bottom:18px}
h3{font-size:clamp(18px,1.7vw,23px);line-height:1.2;letter-spacing:-.018em}
p,.hero-copy>p:not(.eyebrow){color:var(--muted)}
.eyebrow,.article-meta,.timeline li:before,.system-3d-plane span,.system-3d-caption,.tags span,.consultation-points span{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600;letter-spacing:.095em;text-transform:uppercase}
.eyebrow{color:var(--brochure-cyan);font-size:11px;margin-bottom:22px}

.header{height:88px;padding:0 max(30px,5vw);background:rgba(24,37,69,.94);border-bottom:1px solid rgba(210,226,235,.42);box-shadow:none;backdrop-filter:blur(14px)}
.brand-wordmark{font-size:clamp(25px,2.3vw,34px);font-weight:900;letter-spacing:-.055em}
.brand-wordmark::after{content:"*";display:inline-block;margin-left:.08em;color:var(--brochure-cyan);font-size:.48em;line-height:1;vertical-align:super}
.nav{gap:25px}
.nav>a,.nav summary,.header-actions a{color:#eef4f7;font-size:11px;font-weight:500;letter-spacing:.035em}
.nav>a::after,.nav summary::after{background:var(--brochure-cyan)}
.nav details div{top:32px;padding:13px;background:#202f58;border:1px solid rgba(210,226,235,.4);border-radius:2px;box-shadow:0 20px 46px rgba(5,10,29,.45)}
.nav details a{font-family:'Supreme',Manrope,sans-serif;color:var(--muted)}
.menu-toggle i{background:var(--brochure-cyan)}

.hero,.info-hero,.consultation-hero,.knowledge-hero,.faq-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#1a294d 0%,#203c70 53%,#1b294d 100%);border-bottom:1px solid rgba(207,224,234,.3)}
.hero::before,.info-hero::before,.consultation-hero::before,.knowledge-hero::before,.faq-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 72% 48%,rgba(0,184,176,.18),transparent 28%),radial-gradient(circle at 92% 65%,rgba(103,65,167,.24),transparent 35%)}
.hero::after,.info-hero::after,.consultation-hero::after,.knowledge-hero::after,.faq-hero::after{content:"";position:absolute;z-index:-1;top:-15%;right:-7%;width:54%;height:135%;background:repeating-linear-gradient(41deg,transparent 0 23px,rgba(0,184,176,.35) 24px 28px,transparent 29px 45px,rgba(19,139,209,.34) 46px 49px);transform:skewX(-7deg);opacity:.5;mask-image:linear-gradient(90deg,transparent,black 24%,black 86%,transparent)}
.hero{min-height:680px;padding:98px max(30px,7vw);justify-content:space-between}
.hero-copy{position:relative;z-index:2;width:min(620px,51%)}
.hero-copy>p:not(.eyebrow){max-width:580px;font-size:16px}
.hero-benefit{min-height:calc(100svh - 88px);padding-top:76px;padding-bottom:76px;align-items:center;justify-content:center;text-align:center;background:linear-gradient(120deg,#1b294d 0%,#1d3767 48%,#1b294d 100%)}
.hero-benefit::before{background:radial-gradient(circle at 50% 47%,rgba(19,139,209,.3),transparent 28%),radial-gradient(circle at 72% 70%,rgba(103,65,167,.3),transparent 34%),radial-gradient(circle at 25% 78%,rgba(0,184,176,.23),transparent 29%)}
.hero-benefit::after{right:-12%;width:48%;opacity:.32;mask-image:linear-gradient(90deg,transparent,black 34%,black 82%,transparent)}
.hero-benefit .hero-copy{width:min(1060px,100%);margin:0 auto}
.hero-benefit .hero-copy::before{content:"";position:absolute;z-index:-1;left:-17%;bottom:-14%;width:260px;aspect-ratio:1;border:1px solid rgba(0,184,176,.25);border-radius:50%;box-shadow:0 0 0 52px rgba(19,139,209,.07),0 0 0 104px rgba(103,65,167,.055)}
.hero-benefit .eyebrow{margin-bottom:26px}
.hero-benefit h1{max-width:1050px;margin:0 auto 28px;font-size:clamp(56px,6.7vw,98px);line-height:.94;letter-spacing:-.058em}
.hero-benefit h1 em{display:inline;font-weight:700;color:var(--brochure-paper)}
.hero-benefit .hero-lead{max-width:750px!important;margin:0 auto;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.55;color:#d4e0e8!important}
.hero-benefit .actions{justify-content:center;margin-top:30px}
.hero-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;max-width:850px;margin:44px auto 0;padding:0;list-style:none;text-align:left}
.hero-outcomes li{position:relative;min-height:52px;padding:15px 22px 15px 52px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(110deg,rgba(103,65,167,.92),rgba(19,139,209,.91) 55%,rgba(0,184,176,.9));box-shadow:0 14px 32px rgba(6,13,38,.22);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.025em;text-transform:uppercase;color:#fff}
.hero-outcomes li::before{content:"";position:absolute;left:22px;top:50%;width:14px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-64%) rotate(-45deg)}
.info-hero,.consultation-hero,.knowledge-hero,.faq-hero{min-height:500px;padding-top:120px;padding-bottom:94px}
.info-hero>*,.consultation-hero>*,.knowledge-hero>*,.faq-hero>*{position:relative;z-index:1}
.info-hero h1,.consultation-hero h1,.knowledge-hero h1,.faq-hero h1{max-width:920px}
.info-hero>p:not(.eyebrow),.consultation-hero>div>p:not(.eyebrow),.knowledge-hero>p:not(.eyebrow),.faq-hero>p:not(.eyebrow){font-size:18px;max-width:720px}

.section{position:relative;padding-top:104px;padding-bottom:104px}
.section+.section:not(.panel-wrap):not(.pillars){border-top:1px solid rgba(207,224,234,.16)}
.panel-wrap,.pillars,.platform{background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.panel-wrap{padding-top:86px;padding-bottom:86px}
.panel{padding:48px;border:1px solid rgba(207,224,234,.48);border-radius:2px;background:rgba(24,38,73,.46);box-shadow:none}
.panel::before{content:"";display:block;width:92px;height:4px;margin:0 auto 34px;background:var(--brochure-gradient)}
.intro{font-size:16px}

.principles,.path-cards,.topic-grid,.article-grid{gap:18px}
.principles article,.path-cards article,.topic-grid article,.article-grid article,.contact-direct,.consultation-form{position:relative;overflow:hidden;border:1px solid rgba(207,224,234,.25);border-radius:3px;background:linear-gradient(145deg,rgba(39,55,101,.96),rgba(23,36,68,.96));box-shadow:none}
.principles article::before,.path-cards article::before,.topic-grid article::before,.article-grid article::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--brochure-gradient);opacity:.9}
.principles article{padding:26px 18px}
.path-cards article,.topic-grid article,.article-grid article{padding:32px}
.path-cards article:nth-child(3n+1),.topic-grid article:nth-child(3n+1){background:linear-gradient(145deg,rgba(37,52,98,.98),rgba(28,42,79,.98))}
.path-cards article:nth-child(3n+2),.topic-grid article:nth-child(3n+2){background:linear-gradient(145deg,rgba(37,66,112,.98),rgba(28,42,79,.98))}
.path-cards article:nth-child(3n),.topic-grid article:nth-child(3n){background:linear-gradient(145deg,rgba(65,49,111,.98),rgba(28,42,79,.98))}
.principles img,.path-cards img,.pillar-row img{filter:brightness(0) saturate(100%) invert(66%) sepia(69%) saturate(1452%) hue-rotate(131deg) brightness(91%)}
.principles p,.path-cards p,.topic-grid p,.article-grid p{font-size:14px}
.text-link,.article-link{color:#68e8e1}

.button{min-height:46px;padding:12px 21px;border:0;border-radius:999px;background:var(--brochure-gradient);background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;background-clip:border-box;color:#fff;font-size:12px;font-weight:700;letter-spacing:.015em;box-shadow:0 10px 30px rgba(6,122,173,.2);overflow:hidden;appearance:none;-webkit-appearance:none}
.button:hover{border-color:rgba(255,255,255,.45);background:linear-gradient(110deg,#7a4bb7,#159be0 52%,#12c7bd);color:#fff;box-shadow:0 13px 36px rgba(6,122,173,.28)}
.button.outline{border:1px solid rgba(230,241,246,.58);background:rgba(25,40,76,.35);color:var(--brochure-paper)}
.button.outline:hover{border-color:var(--brochure-cyan);background:rgba(0,184,176,.12)}
.button.small{min-height:40px;padding:9px 18px}

.tags span,.consultation-points span{padding:8px 13px;border-color:rgba(67,188,219,.58);border-radius:999px;color:#dcecf1;font-size:10px;background:rgba(30,52,91,.55)}
.side-note,.risk-copy{border-left:3px solid transparent;border-image:linear-gradient(var(--brochure-cyan),var(--brochure-violet)) 1;padding-left:30px}
.pillar-row{padding:28px;border-top:1px solid rgba(207,224,234,.28);border-bottom:1px solid rgba(207,224,234,.28)}
.pillar-row b{font-family:'IBM Plex Mono',ui-monospace,monospace;color:var(--brochure-paper);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}

.timeline li:before{background:var(--brochure-gradient);color:#fff}
.timeline li:not(:last-child):after{background:linear-gradient(90deg,var(--brochure-violet),var(--brochure-blue),var(--brochure-cyan))}
.system-map,.six-pillar-map{border-color:rgba(207,224,234,.38);background:radial-gradient(circle,rgba(19,139,209,.18),rgba(25,40,76,.82) 66%)}
.six-pillar-map::before,.six-pillar-map::after{border-color:rgba(0,184,176,.22)}
.bridge span,.bridge b{border-color:rgba(207,224,234,.3);border-radius:999px;background:rgba(30,45,84,.7)}

.platform img,.app-shot{border:1px solid rgba(207,224,234,.28);border-radius:3px;box-shadow:var(--brochure-shadow);filter:saturate(.95) contrast(1.03)}
.people img,.people-duo img{border:1px solid rgba(0,184,176,.48);border-radius:3px;box-shadow:var(--brochure-shadow)}
.contact-people img{border-radius:50%}
.contact-people article{border-color:rgba(207,224,234,.25);border-radius:3px;background:rgba(35,51,94,.72)}
.consultation-form input,.consultation-form textarea,.consultation-form select{border-color:rgba(207,224,234,.3);border-radius:2px;background:#172645}
.consultation-form input:focus,.consultation-form textarea:focus,.consultation-form select:focus{outline-color:var(--brochure-cyan)}

.cta{position:relative;isolation:isolate;overflow:hidden;padding-top:104px;padding-bottom:104px;background:linear-gradient(108deg,#1b294d 0%,#225698 52%,#513585 100%);border-top:1px solid rgba(207,224,234,.34)}
.cta::after{content:"";position:absolute;z-index:-1;right:-7%;bottom:-45%;width:47%;aspect-ratio:1;border:1px solid rgba(0,184,176,.28);border-radius:50%;box-shadow:0 0 0 70px rgba(19,139,209,.08),0 0 0 140px rgba(103,65,167,.08)}
.cta>div{max-width:740px}
.cta p{color:#d3e1e9;font-size:18px}

footer{padding-top:56px;background:#172541;border-top:1px solid rgba(207,224,234,.38)}
.footer-brand{font-family:'Satoshi',Manrope,sans-serif;color:var(--brochure-paper)}
.footer-brand a{font-size:18px;font-weight:700}
.footer-brand a::after{content:"*";margin-left:.08em;color:var(--brochure-cyan);font-size:.6em;vertical-align:super}
.footer-grid b{font-family:'IBM Plex Mono',ui-monospace,monospace;color:#dbe8ee;font-size:10px;letter-spacing:.09em}
.footer-grid a{color:#aebfd0}
.footer-contact a[href^="mailto:info@workwell.cz"]{color:#62e3dc}

/* Homepage 3D object uses the same three-stop brochure gradient. */
.system-3d{position:relative;z-index:2}
.system-3d-glow{background:radial-gradient(circle,rgba(0,184,176,.44),rgba(19,139,209,.16) 38%,rgba(103,65,167,.08) 56%,transparent 70%)}
.system-3d-plane{border-color:rgba(207,224,234,.44);background:linear-gradient(135deg,rgba(45,67,119,.9),rgba(28,42,78,.75))}
.plane-back{border-color:rgba(103,65,167,.7);background:linear-gradient(135deg,rgba(103,65,167,.54),rgba(29,43,80,.72))}
.plane-mid{border-color:rgba(19,139,209,.76);background:linear-gradient(135deg,rgba(19,139,209,.42),rgba(29,43,80,.72))}
.plane-front{border-color:rgba(120,242,234,.82);background:linear-gradient(135deg,rgba(0,184,176,.5),rgba(30,64,101,.78))}
.system-3d-core{background:radial-gradient(circle at 36% 30%,#efffff,#00b8b0 34%,#138bd1 66%,#6741a7);box-shadow:0 0 0 9px rgba(0,184,176,.12),0 0 48px rgba(19,139,209,.72)}
.system-3d-node{background:#8ff7f1;box-shadow:0 0 0 5px rgba(0,184,176,.1),0 0 24px rgba(19,139,209,.8)}
.system-3d-caption{color:#dcecf1!important}
.system-3d-caption::before{background:var(--brochure-gradient)}

@media(max-width:800px){
  .header{height:76px;padding:0 24px}
  .nav.open{top:76px;height:calc(100vh - 76px);background:#1b294d;border-top:1px solid rgba(207,224,234,.3)}
  .hero{min-height:0;padding:58px 24px 22px}
  .hero::after,.info-hero::after,.consultation-hero::after,.knowledge-hero::after,.faq-hero::after{right:-38%;width:90%;opacity:.28}
  .hero-copy{width:100%}
  .hero-benefit{min-height:calc(100svh - 76px);padding-top:62px;padding-bottom:58px}
  .hero-benefit .hero-copy::before{left:-40%;bottom:3%;width:210px}
  .hero-benefit h1{max-width:680px;font-size:clamp(43px,11.4vw,65px);line-height:.96}
  .hero-benefit .hero-lead{max-width:620px!important;font-size:17px!important}
  .hero-outcomes{max-width:610px;margin-top:34px}
  h1{font-size:clamp(40px,11.2vw,54px);line-height:1}
  h2{font-size:clamp(29px,8vw,39px)}
  .info-hero,.consultation-hero,.knowledge-hero,.faq-hero{min-height:0;padding-top:76px;padding-bottom:58px}
  .section{padding-top:68px;padding-bottom:68px}
  .panel-wrap{padding-top:54px;padding-bottom:54px}
  .panel{padding:31px 22px}
  .panel::before{margin-bottom:26px}
  .path-cards article,.topic-grid article,.article-grid article{padding:25px 22px}
  .pillar-row{padding:22px 8px}
  .cta{padding-top:70px;padding-bottom:70px}
  .cta::after{right:-45%;width:88%}
  footer{padding-top:44px}
}

@media(max-width:450px){
  body{font-size:15px}
  .eyebrow{font-size:10px}
  .hero-copy>p:not(.eyebrow),.info-hero>p:not(.eyebrow),.cta p{font-size:16px}
  .button{width:100%}
  .hero-benefit{padding-top:48px;padding-bottom:48px}
  .hero-benefit h1{font-size:clamp(39px,11.7vw,50px)}
  .hero-benefit .hero-lead{font-size:16px!important}
  .hero-benefit .actions{gap:10px}
  .hero-outcomes{grid-template-columns:1fr;gap:9px;margin-top:30px}
  .hero-outcomes li{min-height:48px;padding:13px 18px 13px 46px;font-size:10px}
  .hero-outcomes li::before{left:19px}
  .principles article{text-align:left}
  .principles img{margin-left:0}
}

@media(prefers-reduced-motion:reduce){body::before{display:none}}

/* Final polish: klidnější, prémiový a rychle skenovatelný web. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#182746}
.header{height:82px;background:rgba(20,33,61,.78);border-bottom-color:rgba(255,255,255,.12);backdrop-filter:saturate(145%) blur(22px);-webkit-backdrop-filter:saturate(145%) blur(22px)}
.nav>a,.nav summary,.header-actions a{font-size:12px;letter-spacing:.01em}
h1,h2,h3{letter-spacing:-.04em}
h1{font-weight:700}
p{color:#c4d0dc}
.hero,.info-hero,.consultation-hero,.knowledge-hero,.faq-hero{background:linear-gradient(135deg,#192a4e 0%,#1e3a6a 52%,#1b294d 100%)}
.hero::after,.info-hero::after,.consultation-hero::after,.knowledge-hero::after,.faq-hero::after{opacity:.2}
.hero-benefit{min-height:calc(100svh - 82px);padding-top:88px;padding-bottom:88px}
.hero-benefit h1{max-width:980px;font-size:clamp(58px,6.3vw,92px);line-height:.96}
.hero-benefit .hero-lead{max-width:680px!important;color:#d5dfe8!important}
.hero-outcomes{gap:12px;max-width:760px;margin-top:42px}
.hero-outcomes li{min-height:56px;padding:16px 22px 16px 54px;border-color:rgba(255,255,255,.15);background:linear-gradient(120deg,rgba(104,65,167,.58),rgba(19,139,209,.56) 55%,rgba(0,184,176,.58));box-shadow:0 16px 40px rgba(3,9,27,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:'Satoshi',Manrope,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.01em;text-transform:none}
.hero-outcomes li::before{border-width:0 0 2px 2px}
.section{padding-top:118px;padding-bottom:118px}
.section>p:not(.eyebrow):not(.under-note),.split>div>p:not(.eyebrow):not(.text-link){max-width:700px;font-size:17px;line-height:1.65}
.panel-wrap{padding-top:96px;padding-bottom:96px;background:linear-gradient(135deg,#1d3158,#203c6c 54%,#222f58)}
.panel{padding:58px;border-color:rgba(255,255,255,.16);border-radius:28px;background:rgba(20,34,64,.48);box-shadow:0 30px 80px rgba(4,10,28,.16);backdrop-filter:blur(16px)}
.principles,.path-cards,.topic-grid,.article-grid{gap:20px}
.principles article,.path-cards article,.topic-grid article,.article-grid article,.contact-direct,.consultation-form{border-color:rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(43,61,108,.78),rgba(22,36,67,.74));box-shadow:0 18px 55px rgba(4,10,28,.12);backdrop-filter:blur(12px)}
.principles article::before,.path-cards article::before,.topic-grid article::before,.article-grid article::before{height:2px;opacity:.65}
.principles article{min-height:190px;padding:32px 22px}
.path-cards article,.topic-grid article,.article-grid article{padding:38px 34px}
.principles p,.path-cards p,.topic-grid p,.article-grid p{font-size:15px;line-height:1.55}
.button{min-height:50px;padding:13px 24px;border-radius:999px;font-size:13px;box-shadow:0 12px 30px rgba(10,107,170,.18)}
.button.outline{background:rgba(22,38,70,.38);backdrop-filter:blur(12px)}
.tags span,.consultation-points span{padding:9px 14px;border-color:rgba(104,210,218,.42);background:rgba(25,43,79,.5);font-family:'Satoshi',Manrope,Arial,sans-serif;font-size:12px;letter-spacing:0;text-transform:none}
.side-note{font-size:20px;line-height:1.55}
.pillar-row{padding:36px 24px;border-color:rgba(255,255,255,.13)}
.platform img,.app-shot,.people img,.people-duo img{border-radius:22px;border-color:rgba(255,255,255,.14);box-shadow:0 32px 90px rgba(3,8,24,.28)}
.system-map,.six-pillar-map span,.six-pillar-map b,.education-visual,.journey-flow li,.bridge span,.bridge b{border-radius:20px;border-color:rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(4,10,28,.11)}
.scan-list{display:grid;gap:12px;margin-top:26px}
.scan-list span{display:grid;gap:3px;padding:20px 22px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(30,49,88,.54);color:#bfcddb;font-size:14px}
.scan-list b{font-family:'Satoshi',Manrope,Arial,sans-serif;color:var(--brochure-paper);font-size:17px;letter-spacing:-.02em}
.cta{padding-top:120px;padding-bottom:120px;background:radial-gradient(circle at 50% 115%,rgba(0,184,176,.26),transparent 35%),linear-gradient(120deg,#1b294d,#235593 52%,#49377f)}
.cta h2{font-size:clamp(38px,5vw,66px)}
.cta p{max-width:580px;margin-left:auto;margin-right:auto}
footer{background:#14213c;border-top-color:rgba(255,255,255,.12)}

@media(max-width:800px){
  .header{height:76px}
  .hero-benefit{min-height:calc(100svh - 76px);padding-top:68px;padding-bottom:68px}
  .hero-benefit h1{font-size:clamp(43px,10.4vw,64px)}
  .section{padding-top:82px;padding-bottom:82px}
  .panel-wrap{padding-top:64px;padding-bottom:64px}
  .panel{padding:38px 26px;border-radius:24px}
  .principles article{min-height:0}
  .path-cards article,.topic-grid article,.article-grid article{padding:30px 26px}
  .cta{padding-top:84px;padding-bottom:84px}
}

@media(max-width:450px){
  .hero-benefit{padding-top:52px;padding-bottom:56px}
  .hero-benefit h1{font-size:clamp(40px,10.8vw,48px)}
  .hero-benefit .hero-lead{font-size:16px!important}
  .hero-outcomes{gap:8px}
  .hero-outcomes li{min-height:52px;padding:14px 18px 14px 48px;font-size:13px}
  .section{padding-top:70px;padding-bottom:70px}
  .panel{padding:30px 20px}
  .path-cards article,.topic-grid article,.article-grid article{padding:27px 22px}
}

/* Co nabízíme: tři samostatné produkty v jednom přehledném příběhu. */
.offer-hero{max-width:var(--max);min-height:610px;margin:auto;padding:112px 28px 96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:84px;align-items:center}
.offer-hero h1{max-width:700px;font-size:clamp(58px,6vw,88px);line-height:.94}
.offer-hero>div>p:not(.eyebrow){max-width:660px;font-size:19px;line-height:1.6;color:#d3dfe8}
.offer-map{position:relative;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.offer-map::before{content:"";position:absolute;left:26px;top:48px;bottom:48px;width:1px;background:linear-gradient(var(--brochure-violet),var(--brochure-blue),var(--brochure-cyan))}
.offer-map li{position:relative;display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;min-height:94px;padding:18px 22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(27,45,82,.66);box-shadow:0 22px 55px rgba(3,8,24,.16);backdrop-filter:blur(14px)}
.offer-map li:nth-child(2){margin-left:28px;background:rgba(30,58,103,.7)}
.offer-map span{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--brochure-gradient);color:#fff;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;font-weight:700}
.offer-map b{font-size:20px;letter-spacing:-.025em}
.offer-map small{color:#8ff3ed;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.offer-product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:88px;align-items:center;min-height:760px}
.offer-product-reverse .offer-copy{order:2}
.offer-copy h2{max-width:600px;font-size:clamp(45px,5vw,68px);line-height:1}
.offer-lead{max-width:650px!important;margin-bottom:30px;font-size:18px!important;line-height:1.65!important;color:#d3dfe8!important}
.offer-points{display:grid;gap:0;margin:0 0 30px;padding:0;list-style:none}
.offer-points li{display:grid;grid-template-columns:minmax(150px,.58fr) minmax(0,1fr);gap:24px;padding:17px 0;border-top:1px solid rgba(255,255,255,.13)}
.offer-points li:last-child{border-bottom:1px solid rgba(255,255,255,.13)}
.offer-points b{color:var(--brochure-paper);font-size:14px}
.offer-points span{color:#b8c7d4;font-size:14px;line-height:1.55}
.offer-result{display:grid;gap:7px;margin:0 0 28px!important;padding:20px 22px;border:1px solid rgba(114,232,225,.28);border-radius:18px;background:linear-gradient(120deg,rgba(104,65,167,.2),rgba(19,139,209,.18) 55%,rgba(0,184,176,.18))}
.offer-result span{color:#72e8e1;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.offer-result strong{color:var(--brochure-paper);font-size:clamp(21px,2vw,27px);line-height:1.28;letter-spacing:-.025em}
.offer-visual{position:relative;min-height:510px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:radial-gradient(circle at 50% 44%,rgba(0,184,176,.2),transparent 42%),linear-gradient(145deg,rgba(44,61,108,.72),rgba(19,32,61,.82));box-shadow:0 38px 100px rgba(3,8,24,.3);overflow:hidden}
.offer-learning{display:grid;place-items:center;perspective:900px}
.offer-learning::before,.offer-learning::after{content:"";position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(104,232,225,.18);border-radius:50%}
.offer-learning::after{width:78%;border-color:rgba(84,145,220,.14)}
.offer-icon{position:relative;z-index:3;display:grid;width:122px;height:122px;place-items:center;border:1px solid rgba(142,248,241,.45);border-radius:32px;background:linear-gradient(145deg,rgba(39,86,124,.94),rgba(62,46,108,.88));box-shadow:0 0 70px rgba(0,184,176,.28);transform:translateY(-12px) rotate(-4deg)}
.offer-icon img{width:66px;filter:brightness(0) saturate(100%) invert(86%) sepia(22%) saturate(1050%) hue-rotate(125deg) brightness(105%)}
.learning-card{position:absolute;z-index:2;display:grid;gap:3px;width:190px;padding:17px 19px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(25,43,79,.82);box-shadow:0 18px 48px rgba(3,8,24,.22);backdrop-filter:blur(12px)}
.learning-card small{color:#72e8e1;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.learning-card b{font-size:13px}
.learning-card-a{top:13%;left:9%;transform:rotate(-3deg)}
.learning-card-b{right:7%;top:24%;transform:rotate(3deg)}
.learning-card-c{right:17%;bottom:10%;transform:rotate(-2deg)}
.offer-screen{display:grid;align-content:center;padding:44px}
.offer-screen::before{content:"";position:absolute;inset:13% 9%;border:1px solid rgba(104,232,225,.16);border-radius:50%;filter:blur(.1px)}
.offer-screen img{position:relative;z-index:1;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 28px 75px rgba(2,7,21,.36);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}
.offer-product-reverse .offer-screen img{transform:perspective(1000px) rotateY(4deg) rotateX(2deg)}
.offer-screen-label{position:absolute;z-index:2;top:26px;left:28px;padding:8px 12px;border:1px solid rgba(104,232,225,.3);border-radius:999px;background:rgba(18,33,63,.84);color:#8ff3ed;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.offer-connection{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(135deg,#1d3158,#203c6c 54%,#222f58)}
.offer-connection>div{max-width:760px;margin:0 auto 52px;text-align:center}
.offer-connection>div>p:not(.eyebrow){margin-left:auto;margin-right:auto}
.offer-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1124px;margin:0 auto;padding:0;list-style:none}
.offer-steps li{position:relative;display:grid;gap:4px;min-height:156px;align-content:center;padding:24px 28px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.offer-steps li+li{border-left:1px solid rgba(255,255,255,.18)}
.offer-steps span{color:#71e9e2;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px}
.offer-steps b{font-size:20px}
.offer-steps small{color:#adbfce;font-size:12px}
.consultation-form select{width:100%;padding:12px 42px 12px 13px;border:1px solid #285564;color:var(--brochure-paper);font:inherit;font-size:14px;appearance:none;background-color:#172645;background-image:linear-gradient(45deg,transparent 50%,#72e8e1 50%),linear-gradient(135deg,#72e8e1 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}

@media(max-width:900px){
  .offer-hero{grid-template-columns:1fr;gap:50px;min-height:0;padding-top:86px;padding-bottom:80px}
  .offer-map{max-width:680px;width:100%}
  .offer-product{grid-template-columns:1fr;gap:52px;min-height:0}
  .offer-product-reverse .offer-copy{order:0}
  .offer-visual{min-height:460px}
  .offer-product-reverse .offer-screen img,.offer-screen img{transform:none}
}
@media(max-width:650px){
  .offer-hero{padding:64px 24px 62px}
  .offer-hero h1{font-size:clamp(45px,13vw,62px)}
  .offer-hero>div>p:not(.eyebrow){font-size:17px}
  .offer-map li{grid-template-columns:44px 1fr;min-height:84px;padding:15px 17px;border-radius:20px}
  .offer-map li:nth-child(2){margin-left:0}
  .offer-map small{grid-column:2}
  .offer-map::before{left:33px}
  .offer-copy h2{font-size:clamp(38px,11vw,52px)}
  .offer-lead{font-size:16px!important}
  .offer-points li{grid-template-columns:1fr;gap:4px;padding:15px 0}
  .offer-visual{min-height:390px;border-radius:24px}
  .learning-card{width:154px;padding:13px 14px}
  .learning-card-a{left:5%;top:10%}
  .learning-card-b{right:4%;top:26%}
  .learning-card-c{right:11%;bottom:8%}
  .offer-icon{width:98px;height:98px;border-radius:26px}
  .offer-icon img{width:52px}
  .offer-screen{min-height:320px;padding:32px 18px 20px}
  .offer-screen-label{top:18px;left:20px}
  .offer-connection{padding-left:24px;padding-right:24px}
  .offer-steps{grid-template-columns:1fr 1fr}
  .offer-steps li{min-height:124px;border:1px solid rgba(255,255,255,.16)}
}

/* Marketingová informační hierarchie pro HR a vedení firem. */
.hero-value{display:grid;grid-template-columns:minmax(0,960px);justify-content:center;gap:0;align-items:center;min-height:640px;padding-top:88px;padding-bottom:88px;text-align:center}
.hero-value .hero-copy{width:100%;max-width:900px}
.hero-value h1{max-width:850px;font-size:clamp(50px,5.25vw,78px);line-height:.98}
.hero-value h1 em{display:inline;color:var(--brochure-paper);font-style:normal}
.hero-value h1,.hero-value .hero-lead{margin-left:auto;margin-right:auto}
.hero-value .hero-lead{max-width:720px!important;font-size:18px!important;line-height:1.6;color:#d4e0e8!important}
.hero-value .actions{justify-content:center}
.hero-answer{position:relative;z-index:2;padding:36px;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:linear-gradient(145deg,rgba(43,61,108,.8),rgba(20,34,64,.72));box-shadow:0 28px 80px rgba(3,8,24,.24);backdrop-filter:blur(15px)}
.hero-answer::before{content:"";position:absolute;top:0;left:30px;right:30px;height:2px;background:var(--brochure-gradient)}
.hero-answer h2{font-size:clamp(30px,3vw,43px)}
.hero-answer ul{display:grid;gap:0;margin:25px 0 0;padding:0;list-style:none}
.hero-answer li{display:grid;gap:2px;padding:16px 0;border-top:1px solid rgba(255,255,255,.13)}
.hero-answer li:last-child{padding-bottom:0}
.hero-answer b{color:var(--brochure-paper);font:700 15px/1.35 'Satoshi',Manrope,Arial,sans-serif}
.hero-answer span{color:#aebfd0;font-size:13px}
.section-heading-simple{max-width:820px;margin-bottom:42px}
.section-heading-simple>p:not(.eyebrow){max-width:720px;font-size:17px;line-height:1.65}
.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.signal-grid article{min-height:230px;padding:27px 24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(145deg,rgba(39,55,101,.74),rgba(22,36,67,.72));box-shadow:0 18px 50px rgba(4,10,28,.1)}
.signal-grid article:nth-child(2),.signal-grid article:nth-child(4){transform:translateY(18px)}
.signal-grid span,.plain-steps>li>span{color:#73ebe4;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.08em}
.signal-grid h3{margin-top:20px}
.signal-grid p{font-size:14px;line-height:1.55}
.buyer-principle{max-width:850px;margin:58px auto 0;padding:24px 30px;border-left:3px solid var(--brochure-cyan);background:rgba(30,49,88,.46);color:#dbe6ed;font-size:20px;line-height:1.5;text-align:center}
.buyer-process{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(135deg,#1d3158,#203c6c 54%,#222f58)}
.plain-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1124px;margin:0 auto 34px;padding:0;list-style:none}
.plain-steps li{min-height:240px;padding:28px 25px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(21,36,68,.58)}
.plain-steps h3{margin:30px 0 10px}
.plain-steps p{font-size:14px;line-height:1.58}
.results-showcase{display:grid;grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr);gap:72px;align-items:center}
.results-copy>p:not(.eyebrow){font-size:17px;line-height:1.65}
.results-previews{position:relative;min-height:580px}
.results-previews figure{position:absolute;width:78%;margin:0}
.results-previews figure:first-child{top:0;left:0;z-index:1}
.results-previews figure:last-child{right:0;bottom:0;z-index:2}
.results-previews img{border-radius:20px!important;background:#172541}
.results-previews figcaption{margin-top:9px;color:#aebfd0;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.employer-value{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:center;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.employer-value>div:first-child>p:not(.eyebrow){max-width:590px;font-size:17px;line-height:1.65}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.value-grid article{min-height:210px;padding:28px 24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(23,38,73,.58)}
.value-grid h3{font-size:21px}
.value-grid p{font-size:14px;line-height:1.58}
.workwell-team{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:center}
.team-intro>p:not(.eyebrow){max-width:590px;font-size:17px;line-height:1.65}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.team-grid article{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(43,61,108,.74),rgba(22,36,67,.74));box-shadow:0 22px 60px rgba(3,8,24,.18)}
.team-grid img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 34%;filter:saturate(.88) contrast(1.02)}
.team-grid article:first-child img{object-position:center 42%}
.team-grid article>div{padding:23px 24px}
.team-grid h3{margin-bottom:7px}
.team-grid p{margin:0;font-size:14px;line-height:1.52}
.who-hero h1{max-width:820px;font-size:clamp(48px,5vw,74px)}
.who-hero .hero-copy>p:not(.eyebrow){max-width:710px;font-size:18px;line-height:1.62}
.buyer-explanation .cause-model{margin-top:0}
.buyer-explanation .cause-model,.company-example .cause-model{flex-direction:column}
.buyer-explanation .cause-model>span,.company-example .cause-model>span{transform:rotate(90deg);text-align:center}
.employer-value-subpage,.workwell-team-subpage{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.offer-fit{margin:0 0 27px;padding:18px 20px;border-left:3px solid var(--brochure-cyan);background:rgba(30,49,88,.5);color:#d2dee7;font-size:14px;line-height:1.58}
.offer-fit span{display:block;margin-bottom:5px;color:#73ebe4;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.offer-map small{max-width:185px;line-height:1.35;text-align:right}
.offer-screen .app-shot{position:relative;z-index:1}
.process-hero{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(135deg,#192a4e 0%,#1e3a6a 52%,#1b294d 100%)}
.process-hero h1{max-width:960px}
.process-hero>p:not(.eyebrow){max-width:760px;font-size:18px;line-height:1.65}
.process-timeline{grid-template-columns:repeat(5,minmax(0,1fr))}
.process-question{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;line-height:1.5}
.company-example{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:70px;align-items:center}
.company-example .cause-model{margin-top:0}
.responsibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px;text-align:left}
.responsibility-grid article{padding:27px 24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(21,36,68,.58)}
.responsibility-grid p{font-size:14px;line-height:1.58}
.mobile-nav-cta{display:none}
.footer-grid{grid-template-columns:1.05fr repeat(4,minmax(0,1fr))}

@media(max-width:1000px){
  .hero-value{grid-template-columns:1fr;gap:46px;min-height:0}
  .hero-value .hero-copy{max-width:900px}
  .hero-answer{max-width:700px}
  .signal-grid{grid-template-columns:1fr 1fr}
  .plain-steps{grid-template-columns:1fr 1fr}
  .results-showcase,.employer-value,.workwell-team,.company-example{grid-template-columns:1fr}
  .results-previews{max-width:780px;width:100%;min-height:550px}
}
@media(max-width:800px){
  .hero-value{padding-top:62px;padding-bottom:64px}
  .hero-value h1{font-size:clamp(40px,10.3vw,61px)}
  .hero-value .hero-lead{font-size:17px!important}
  .hero-answer{padding:30px 25px;border-radius:23px}
  .buyer-principle{margin-top:44px;font-size:18px}
  .results-previews{min-height:480px}
  .employer-value,.employer-value-subpage,.workwell-team-subpage,.process-hero{padding-left:24px;padding-right:24px}
  .value-grid{grid-template-columns:1fr}
  .value-grid article{min-height:0}
  .who-hero h1{font-size:clamp(39px,10vw,54px)}
  .process-timeline{grid-template-columns:1fr}
  .process-timeline li{padding:0 0 0 45px;min-height:58px}
  .responsibility-grid{grid-template-columns:1fr}
  .nav.open .mobile-nav-cta{display:flex;margin-top:22px;padding:13px 16px;border:1px solid var(--brochure-cyan);border-radius:999px;justify-content:center;background:linear-gradient(110deg,rgba(103,65,167,.78),rgba(19,139,209,.76) 55%,rgba(0,184,176,.78));color:#fff;font-weight:700;text-align:center}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .signal-grid,.plain-steps,.team-grid{grid-template-columns:1fr}
  .signal-grid article:nth-child(2),.signal-grid article:nth-child(4){transform:none}
  .signal-grid article,.plain-steps li{min-height:0}
  .buyer-principle{padding:21px 19px;text-align:left}
  .results-previews{display:grid;gap:22px;min-height:0}
  .results-previews figure{position:static;width:100%}
  .team-grid img{height:300px}
  .offer-map small{max-width:none;text-align:left}
  .offer-fit{padding:16px 17px}
  .footer-grid{grid-template-columns:1fr}
}

/* 2026-09-20: marketingové zpřesnění a informační vizuály. */
.home-page .hero-outcomes{position:relative;gap:0;margin-top:42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.home-page .hero-outcomes li{display:grid;min-height:96px;padding:24px 28px 24px 54px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--brochure-paper);font-size:15px;line-height:1.35}
.home-page .hero-outcomes li+li{border-left:1px solid rgba(255,255,255,.16)}
.home-page .hero-outcomes li::before{left:26px;width:12px;height:12px;border:1px solid #72e8e1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#72e8e1 0 28%,transparent 32%)}
.annotated-output{position:relative}
.output-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 0;padding:0;list-style:none}
.output-notes li{display:grid;gap:3px;padding:14px 16px;border-left:2px solid #72e8e1;background:rgba(15,30,59,.78)}
.output-notes b{color:#f7f7f3;font:700 13px/1.25 'Satoshi',Manrope,sans-serif}
.output-notes span{color:#b7c8d6;font-size:11px;line-height:1.45}
.decision-grid,.model-flow,.service-facts,.scenario-grid{display:grid;gap:14px;margin:30px 0}
.decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.decision-grid article,.service-facts article,.scenario-grid article{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(20,35,67,.62)}
.decision-grid small,.model-flow small,.scenario-grid small{display:block;margin-bottom:8px;color:#72e8e1;font:600 10px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.decision-grid b,.model-flow b,.service-facts b,.scenario-grid b{display:block;color:var(--brochure-paper);font:700 18px/1.28 'Satoshi',Manrope,sans-serif}
.decision-grid p,.service-facts p,.scenario-grid p{margin:9px 0 0;font-size:13px;line-height:1.5}
.model-flow{grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:model-step}
.model-flow>div{position:relative;padding:24px 18px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(20,35,67,.5)}
.model-flow>div+div{border-left:1px solid rgba(255,255,255,.12)}
.model-flow>div:not(:last-child)::after{content:"→";position:absolute;z-index:1;top:50%;right:-11px;color:#72e8e1;font-size:18px}
.model-flow p{margin:8px 0 0;font-size:12px;line-height:1.5}
.service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-facts article{min-height:150px}
.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.scenario-grid dl{display:grid;gap:14px;margin:18px 0 0}
.scenario-grid dt{color:#72e8e1;font:600 10px/1.3 'IBM Plex Mono',ui-monospace,monospace;text-transform:uppercase}
.scenario-grid dd{margin:3px 0 0;color:#b7c8d6;font-size:13px;line-height:1.48}
.visual-caption{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.visual-caption li{padding:7px 10px;border:1px solid rgba(114,232,225,.28);border-radius:999px;color:#d8e8ed;font-size:10px}
.product-page .info-hero .actions,.process-hero .actions{margin-top:28px}
.compact-note{padding:18px 20px;border-left:2px solid #72e8e1;background:rgba(20,35,67,.48);font-size:13px}
.contact-question{order:-1}

@media(max-width:900px){
  .decision-grid,.scenario-grid{grid-template-columns:1fr}
  .model-flow{grid-template-columns:1fr}
  .model-flow>div{border:1px solid rgba(255,255,255,.14)}
  .model-flow>div:not(:last-child)::after{display:none}
}
@media(max-width:800px){
  .home-page .hero-outcomes{border:0}
  .home-page .hero-outcomes li{min-height:64px;padding:16px 18px 16px 46px;border-top:1px solid rgba(255,255,255,.16)}
  .home-page .hero-outcomes li+li{border-left:0}
  .home-page .hero-outcomes li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
  .home-page .hero-outcomes li::before{left:18px}
  .service-facts,.output-notes{grid-template-columns:1fr}
}

/* Benefit-first marketing update. */
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.benefit-grid article{position:relative;min-height:260px;padding:32px 28px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(43,61,108,.78),rgba(22,36,67,.74));box-shadow:0 22px 60px rgba(3,8,24,.16)}
.benefit-grid article::before{content:"";position:absolute;top:0;left:27px;right:27px;height:2px;background:var(--brochure-gradient)}
.benefit-grid span{color:#73ebe4;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.08em}
.benefit-grid h3{margin-top:34px;font-size:clamp(23px,2.2vw,31px)}
.benefit-grid p{font-size:15px;line-height:1.6}
.buyer-situations{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(135deg,#1d3158,#203c6c 54%,#222f58)}
.situation-grid article{background:rgba(21,36,68,.58)}
.psychosocial-intro{align-items:stretch}
.psychosocial-definition{align-self:stretch;padding:30px 32px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(43,61,108,.72),rgba(22,36,67,.7));box-shadow:0 20px 56px rgba(3,8,24,.15)}
.psychosocial-definition h3{max-width:520px;font-size:clamp(24px,2.4vw,34px);line-height:1.16}
.psychosocial-definition p:not(.eyebrow){font-size:15px;line-height:1.62}
.team-grid-single{grid-template-columns:minmax(0,520px);justify-content:start}
.team-grid-single article{max-width:520px}
.team-grid-single img{height:340px;object-position:center 42%}
.workwell-team:not(.workwell-team-subpage) .team-grid-single article:first-child img{object-position:center 10%}
.contact-people-single{max-width:520px}
.nav>a[aria-current="page"]{color:var(--brochure-cyan)}
.nav>a[aria-current="page"]::after{width:100%}
.footer-grid{grid-template-columns:1.05fr 1.35fr 1fr 1.15fr}

@media(max-width:1000px){
  .benefit-grid{grid-template-columns:1fr}
  .benefit-grid article{min-height:0}
}

/* Hlavní menu se na tabletu přepne dříve a zůstane celé dostupné. */
@media(max-width:900px){
  .header{height:76px;padding:0 24px}
  .nav,.header-actions{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .nav.open{position:absolute;display:block;top:76px;left:0;right:0;height:calc(100svh - 76px);overflow-y:auto;padding:22px 28px 44px;background:#1b294d;border-top:1px solid rgba(207,224,234,.3)}
  .nav.open>a,.nav.open summary{display:block;padding:14px 0;font-size:16px}
  .nav.open .mobile-nav-cta{display:flex;margin-top:22px;padding:13px 16px;border:1px solid var(--brochure-cyan);border-radius:999px;justify-content:center;background:linear-gradient(110deg,rgba(103,65,167,.78),rgba(19,139,209,.76) 55%,rgba(0,184,176,.78));color:#fff;font-weight:700;text-align:center}
  body.menu-open{overflow:hidden}
}

@media(max-width:560px){
  .benefit-grid{grid-template-columns:1fr}
  .team-grid-single img{height:320px}
}

/* Kratší homepage a vizuální WorkWell Academy. */
.home-page .section{padding-top:84px;padding-bottom:84px}
.home-page .hero-value{min-height:700px;padding-top:74px;padding-bottom:70px}
.home-page .hero-value .hero-copy{max-width:1080px}
.home-page .hero-value h1{max-width:960px}
.home-page .hero-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-top:34px}
.home-page .hero-outcomes li{justify-content:start;align-items:center;min-height:64px;padding-right:20px;background:linear-gradient(120deg,rgba(104,65,167,.66),rgba(19,139,209,.62) 55%,rgba(0,184,176,.64));font-size:14px}
.home-page .hero-value .actions{margin-top:28px}

.home-explainer{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:72px;align-items:center}
.home-explainer-copy>p:not(.eyebrow){max-width:610px;font-size:17px;line-height:1.66}
.home-explainer-copy strong{color:var(--brochure-paper)}
.work-logic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.work-logic li{position:relative;display:grid;align-content:start;gap:11px;min-height:270px;padding:28px 24px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(43,61,108,.78),rgba(22,36,67,.76));box-shadow:0 22px 60px rgba(3,8,24,.14)}
.work-logic li:nth-child(2){transform:translateY(22px);background:linear-gradient(145deg,rgba(32,78,111,.9),rgba(22,36,67,.78))}
.work-logic li::after{content:"→";position:absolute;z-index:2;top:49%;right:-22px;color:#72e8e1;font:700 22px/1 'Satoshi',Manrope,sans-serif}
.work-logic li:last-child::after{display:none}
.work-logic img,.academy-learning-flow img,.workshop-board img,.workshop-value-list img{filter:brightness(0) saturate(100%) invert(77%) sepia(54%) saturate(830%) hue-rotate(126deg) brightness(96%)}
.work-logic span,.academy-learning-flow span{color:#72e8e1;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.work-logic b{margin-top:10px;color:var(--brochure-paper);font:700 19px/1.2 'Satoshi',Manrope,sans-serif}
.work-logic small{color:#b8c8d7;font-size:13px;line-height:1.5}

.home-results{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:48px 70px;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.home-results-intro{grid-column:1/-1;max-width:920px}
.home-results-intro>p:not(.eyebrow){max-width:850px}
.diagnostic-areas{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.diagnostic-areas li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;min-height:132px;padding:24px 26px}
.diagnostic-areas li:not(:nth-child(3n+1)){border-left:1px solid rgba(255,255,255,.16)}
.diagnostic-areas li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.16)}
.diagnostic-areas img{width:38px;height:38px;filter:brightness(0) saturate(100%) invert(77%) sepia(54%) saturate(830%) hue-rotate(126deg) brightness(96%)}
.diagnostic-areas b{color:#72e8e1;font:600 10px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.diagnostic-areas span{display:block;margin-top:8px;color:#d7e3ea;font-size:14px;line-height:1.45}
.psychosocial-risk-panel{align-self:start;padding:28px 30px;border-left:2px solid #72e8e1;background:rgba(15,30,59,.58)}
.psychosocial-risk-panel h3{margin:0;color:var(--brochure-paper);font-size:clamp(23px,2.2vw,30px);line-height:1.18}
.psychosocial-risk-panel p{margin:15px 0 20px;color:#b7c8d6;font-size:14px;line-height:1.62}
.psychosocial-risk-panel .text-link{font-size:13px}
.home-results .results-previews{min-height:0}
.home-results .results-previews figure{position:relative;width:100%;margin:0}
.home-results .results-previews figure:first-child{top:auto;left:auto}
.home-results .results-previews img{width:100%;box-shadow:0 32px 80px rgba(2,8,24,.3);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}
.home-paths article{min-height:315px}
.home-paths article>p:not(.eyebrow){font-size:15px;line-height:1.58}

.academy-marketing-page .info-hero{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.academy-split-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:72px;align-items:center;min-height:620px;padding-top:78px;padding-bottom:78px}
.academy-split-hero>*{position:relative;z-index:1;max-width:none!important}
.academy-hero-copy>p:not(.eyebrow){max-width:680px!important;font-size:18px!important;line-height:1.64}
.academy-hero-copy h1{max-width:760px}
.academy-story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;margin:0;perspective:1000px}
.academy-story-strip div{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#d8eee8;box-shadow:0 28px 65px rgba(3,9,26,.28)}
.academy-story-strip div:first-child{transform:translateY(24px) rotateY(6deg) rotateZ(-2deg)}
.academy-story-strip div:nth-child(2){z-index:2;transform:translateY(-12px) scale(1.06)}
.academy-story-strip div:last-child{transform:translateY(22px) rotateY(-6deg) rotateZ(2deg)}
.academy-story-strip img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.academy-story-strip span{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(20,33,62,.9);color:#fff;font:600 9px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}

.academy-learning-section{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.academy-learning-section .section-heading-simple{max-width:940px}
.academy-learning-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:38px auto 0;padding:0;list-style:none}
.academy-learning-flow li{position:relative;display:grid;align-content:start;gap:8px;min-height:210px;padding:30px 26px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(18,32,62,.24)}
.academy-learning-flow li+li{border-left:1px solid rgba(255,255,255,.16)}
.academy-learning-flow li::after{content:"→";position:absolute;z-index:2;top:50%;right:-10px;color:#72e8e1;font-size:20px}
.academy-learning-flow li:last-child::after{display:none}
.academy-learning-flow b{margin-top:13px;color:var(--brochure-paper);font:700 20px/1.2 'Satoshi',Manrope,sans-serif}
.academy-learning-flow small{color:#b6c6d4;font-size:13px;line-height:1.5}
.academy-learning-flow-three{grid-template-columns:repeat(3,minmax(0,1fr))}

.academy-format-section{max-width:1180px}
.academy-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.academy-format-grid article{position:relative;overflow:hidden;min-height:430px;padding:38px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(39,55,101,.9),rgba(22,36,67,.86));box-shadow:0 22px 65px rgba(3,8,24,.15)}
.academy-format-grid article:last-child{background:linear-gradient(145deg,rgba(35,72,108,.9),rgba(28,38,77,.86))}
.academy-format-grid article::before{content:"";position:absolute;top:0;left:34px;right:34px;height:3px;background:var(--brochure-gradient)}
.format-icon{display:grid;width:78px;height:78px;margin-bottom:32px;border:1px solid rgba(114,232,225,.28);border-radius:24px;place-items:center;background:rgba(0,184,176,.08)}
.format-icon img{filter:brightness(0) saturate(100%) invert(77%) sepia(54%) saturate(830%) hue-rotate(126deg) brightness(96%)}
.academy-format-grid h3{font-size:clamp(27px,2.8vw,38px)}
.academy-format-grid article>p:not(.eyebrow){max-width:520px;font-size:16px;line-height:1.62}
.academy-format-grid ul{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0;padding:0;list-style:none}
.academy-format-grid li{padding:7px 11px;border:1px solid rgba(114,232,225,.28);border-radius:999px;color:#d9e8ed;font-size:11px}

.lesson-scene{position:relative;margin:0;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(42,61,108,.82),rgba(19,33,64,.78));box-shadow:0 30px 75px rgba(3,8,24,.28);transform:rotate(1deg)}
.lesson-scene img{display:block;width:100%;border-radius:18px}
.lesson-scene figcaption{position:absolute;left:38px;right:38px;bottom:34px;display:grid;gap:3px;padding:17px 19px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(20,33,62,.88);backdrop-filter:blur(10px)}
.lesson-scene figcaption span{color:#72e8e1;font:600 9px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.lesson-scene figcaption b{font:700 17px/1.3 'Satoshi',Manrope,sans-serif}

.academy-role-section{display:grid;grid-template-columns:minmax(0,.68fr) minmax(580px,1.32fr);gap:74px;align-items:center}
.academy-role-copy>p:not(.eyebrow){max-width:560px;font-size:17px;line-height:1.65}
.academy-role-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:radial-gradient(circle at 50% 28%,rgba(0,184,176,.2),rgba(24,39,75,.72) 58%)}
.academy-role-map::before{content:"";position:absolute;top:132px;left:13%;right:13%;height:1px;background:linear-gradient(90deg,transparent,#4fdcd4,transparent);opacity:.7}
.role-core{z-index:1;display:grid;grid-column:1/-1;width:170px;aspect-ratio:1;margin:0 auto 22px;border:1px solid rgba(115,235,228,.5);border-radius:50%;place-content:center;background:radial-gradient(circle,#1b6680,#1c315b 68%);box-shadow:0 0 0 12px rgba(0,184,176,.06),0 0 48px rgba(19,139,209,.3);text-align:center}
.role-core b{font:700 18px/1.2 'Satoshi',Manrope,sans-serif}
.role-core small{color:#bad0dc;font-size:11px}
.academy-role-map article{z-index:1;min-height:150px;padding:23px 20px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(20,35,67,.86);text-align:center}
.academy-role-map article span{color:#72e8e1;font:600 10px/1.3 'IBM Plex Mono',ui-monospace,monospace;text-transform:uppercase}
.academy-role-map article p{margin:12px 0 0;font-size:13px;line-height:1.52}

.academy-preview-section{display:grid;grid-template-columns:minmax(420px,1.06fr) minmax(0,.94fr);gap:72px;align-items:center;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.academy-preview-section figure{margin:0}
.academy-preview-section figure img{display:block;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 28px 70px rgba(3,8,24,.25)}
.academy-preview-section>div>p:not(.eyebrow){font-size:17px;line-height:1.65}
.preview-beats{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}
.preview-beats span{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dbe8ed;font-size:12px}
.preview-beats b{display:grid;width:22px;height:22px;border-radius:50%;place-items:center;background:#177fa5;color:#fff;font-size:10px}

.workshop-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:linear-gradient(145deg,rgba(42,61,108,.8),rgba(19,33,64,.78));box-shadow:0 30px 75px rgba(3,8,24,.26);list-style:none}
.workshop-board li{position:relative;display:grid;gap:8px;min-height:170px;align-content:center;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(20,35,67,.7)}
.workshop-board li:nth-child(2),.workshop-board li:nth-child(3){background:rgba(26,69,93,.62)}
.workshop-board li::after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;color:#72e8e1;font-size:20px}
.workshop-board li:nth-child(2)::after{content:"↓";right:50%;top:auto;bottom:-18px}
.workshop-board li:nth-child(4)::after{display:none}
.workshop-board span{color:#f7f7f3;font:700 19px/1.2 'Satoshi',Manrope,sans-serif}
.workshop-board small{color:#b7c8d6;font-size:12px;line-height:1.45}

.workshop-value-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:70px;align-items:center;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.workshop-value-list{display:grid;gap:11px}
.workshop-value-list span{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 15px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(20,35,67,.58)}
.workshop-value-list img{grid-row:1/3}
.workshop-value-list b{font:700 17px/1.25 'Satoshi',Manrope,sans-serif}
.workshop-value-list small{color:#b7c8d6;font-size:13px}
.workshop-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.workshop-format-card{min-height:250px;padding:35px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:linear-gradient(145deg,rgba(39,55,101,.78),rgba(22,36,67,.74))}
.workshop-format-card:last-child{background:linear-gradient(145deg,rgba(35,72,108,.78),rgba(28,38,77,.74))}
.workshop-format-card h3{font-size:clamp(25px,2.6vw,35px)}
.workshop-format-card p:not(.eyebrow){max-width:500px;font-size:16px}

@media(max-width:1000px){
  .home-explainer,.home-results,.academy-split-hero,.academy-role-section,.academy-preview-section,.workshop-value-section{grid-template-columns:1fr}
  .home-explainer,.academy-split-hero,.academy-role-section,.academy-preview-section,.workshop-value-section{gap:48px}
  .home-results-intro,.diagnostic-areas,.psychosocial-risk-panel,.home-results>.results-previews{grid-column:1}
  .academy-story-strip{max-width:760px}
  .academy-role-map{max-width:760px}
  .lesson-scene{max-width:760px}
}

@media(max-width:800px){
  .home-page .section{padding-top:64px;padding-bottom:64px}
  .home-page .hero-value{padding-top:58px;padding-bottom:58px}
  .home-page .hero-outcomes{grid-template-columns:1fr;max-width:560px}
  .home-page .hero-outcomes li{min-height:54px}
  .work-logic{grid-template-columns:1fr}
  .work-logic li{min-height:0}
  .work-logic li:nth-child(2){transform:none}
  .work-logic li::after{top:auto;right:50%;bottom:-20px;transform:rotate(90deg)}
  .home-results{padding-left:24px;padding-right:24px}
  .diagnostic-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostic-areas li{border-left:0!important;border-top:0!important}
  .diagnostic-areas li:nth-child(even){border-left:1px solid rgba(255,255,255,.16)!important}
  .diagnostic-areas li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)!important}
  .home-results .results-previews img{transform:none}
  .home-paths article{min-height:0}
  .academy-marketing-page .info-hero{padding-left:24px;padding-right:24px}
  .academy-split-hero{min-height:0;padding-top:62px;padding-bottom:62px}
  .academy-hero-copy>p:not(.eyebrow){font-size:17px!important}
  .academy-learning-section,.academy-preview-section,.workshop-value-section{padding-left:24px;padding-right:24px}
  .academy-learning-flow,.academy-learning-flow-three{grid-template-columns:1fr 1fr}
  .academy-learning-flow li{min-height:180px;border:1px solid rgba(255,255,255,.16)}
  .academy-learning-flow li::after{display:none}
  .academy-format-grid,.workshop-formats{grid-template-columns:1fr}
  .academy-format-grid article{min-height:0;padding:30px}
  .academy-role-map{grid-template-columns:1fr}
  .academy-role-map::before{display:none}
  .academy-role-map article{min-height:0}
  .academy-preview-section{grid-template-columns:1fr}
  .academy-preview-section figure{max-width:680px}
  .workshop-value-list{width:100%}
}

@media(max-width:560px){
  .home-page .hero-value h1{font-size:clamp(38px,10.8vw,48px)}
  .home-page .hero-value .hero-lead{font-size:16px!important}
  .home-page .hero-outcomes li{font-size:13px}
  .diagnostic-areas{grid-template-columns:1fr}
  .diagnostic-areas li{grid-template-columns:38px minmax(0,1fr);min-height:0;padding:19px 6px;border-left:0!important}
  .diagnostic-areas li+li{border-top:1px solid rgba(255,255,255,.16)!important}
  .psychosocial-risk-panel{padding:24px 22px}
  .academy-story-strip{gap:6px}
  .academy-story-strip div:first-child,.academy-story-strip div:nth-child(2),.academy-story-strip div:last-child{transform:none}
  .academy-story-strip img{aspect-ratio:2/3}
  .academy-story-strip span{left:7px;bottom:7px;padding:5px 7px;font-size:8px}
  .academy-learning-flow,.academy-learning-flow-three{grid-template-columns:1fr}
  .academy-learning-flow li{min-height:0}
  .academy-format-grid article{padding:27px 23px}
  .academy-role-map{padding:22px}
  .lesson-scene{padding:10px;border-radius:20px;transform:none}
  .lesson-scene figcaption{position:static;margin-top:10px}
  .workshop-board{gap:8px;padding:13px}
  .workshop-board li{min-height:150px;padding:18px}
  .workshop-board li::after{display:none}
  .workshop-board span{font-size:16px}
  .workshop-formats{grid-template-columns:1fr}
}

/* Finální pořadí pravidel pro marketingovou verzi 2026-09-20. */
.home-page .hero-outcomes{gap:0;margin-top:42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.home-page .hero-outcomes li{display:grid;min-height:96px;padding:24px 28px 24px 54px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--brochure-paper);font-size:15px;line-height:1.35}
.home-page .hero-outcomes li+li{border-left:1px solid rgba(255,255,255,.16)}
.home-page .hero-outcomes li::before{left:26px;width:12px;height:12px;border:1px solid #72e8e1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#72e8e1 0 28%,transparent 32%)}
.offer-map small{max-width:240px;color:#b9cad4;font-family:'Satoshi',Manrope,sans-serif;font-size:12px;letter-spacing:0;line-height:1.45;text-transform:none}
.workwell-team-subpage .team-grid-single article:first-child img{object-position:center top}
.split figure{margin:0}
@media(max-width:800px){
  .home-page .hero-outcomes{border:0}
  .home-page .hero-outcomes li{min-height:64px;padding:16px 18px 16px 46px;border-top:1px solid rgba(255,255,255,.16)}
  .home-page .hero-outcomes li+li{border-left:0}
  .home-page .hero-outcomes li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
  .home-page .hero-outcomes li::before{left:18px}
}

/* Proč WorkWell — pozitivní business positioning bez změny globálního systému. */
.why-page .who-hero{min-height:590px;gap:64px}
.why-page .who-hero .hero-copy{width:min(720px,58%)}
.why-page .who-hero .hero-art{width:min(470px,38%)}
.why-page .who-hero .hero-copy>p:not(.eyebrow){max-width:620px;font-size:19px;line-height:1.58}
.why-improvement .section-heading-simple{max-width:920px;margin-bottom:44px}
.why-improvement .diagnostic-areas{margin-top:0}
.why-highlight{max-width:850px;margin:26px 0 0;padding:19px 0 19px 26px;border-left:2px solid #72e8e1;color:#e7f0f3;font-size:18px;line-height:1.52}
.why-connections{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(135deg,#1d3158,#203c6c 54%,#222f58)}
.why-section-inner{max-width:var(--max);margin:0 auto}
.why-connections h2{max-width:900px}
.why-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:42px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.why-examples li{position:relative;min-height:92px;padding:26px 30px 26px 58px;color:#e6eff3;font:500 17px/1.48 'Satoshi',Manrope,Arial,sans-serif}
.why-examples li::before{content:"";position:absolute;top:34px;left:28px;width:9px;height:9px;border:1px solid #72e8e1;border-radius:50%;background:radial-gradient(circle,#72e8e1 0 28%,transparent 32%)}
.why-examples li:nth-child(even){border-left:1px solid rgba(255,255,255,.16)}
.why-examples li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
.why-business-benefits .section-heading-simple{max-width:910px}
.why-benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.why-benefit-list article{min-height:220px;padding:30px 32px}
.why-benefit-list article+article{border-left:1px solid rgba(255,255,255,.16)}
.why-benefit-list span{color:#72e8e1;font:600 10px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em}
.why-benefit-list h3{max-width:270px;margin:34px 0 12px;font-size:clamp(21px,2vw,28px)}
.why-benefit-list p{margin:0;font-size:15px;line-height:1.55}
.why-expertise{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:18px;align-items:stretch}
.why-risk-panel,.why-iso-panel{padding:31px 32px;background:rgba(15,30,59,.58)}
.why-risk-panel{border-left:2px solid #72e8e1}
.why-risk-panel>p:not(.eyebrow){max-width:680px;margin-bottom:22px;font-size:16px;line-height:1.62}
.why-iso-panel{border:1px solid rgba(255,255,255,.14)}
.why-iso-panel h3{font-size:20px}
.why-iso-panel p{font-size:13px;line-height:1.55}
.why-iso-panel p:last-child{margin-bottom:0}
.why-final-cta .actions{justify-content:center}

@media(max-width:800px){
  .why-page .who-hero{min-height:0;gap:34px}
  .why-page .who-hero .hero-copy,.why-page .who-hero .hero-art{width:100%}
  .why-page .who-hero .hero-art{max-width:520px}
  .why-page .who-hero .hero-copy>p:not(.eyebrow){font-size:17px}
  .why-examples,.why-benefit-list,.why-expertise{grid-template-columns:1fr}
  .why-examples li{min-height:0;padding:22px 14px 22px 42px}
  .why-examples li::before{top:29px;left:14px}
  .why-examples li:nth-child(even){border-left:0}
  .why-examples li+li{border-top:1px solid rgba(255,255,255,.16)}
  .why-benefit-list article{min-height:0;padding:26px 8px}
  .why-benefit-list article+article{border-top:1px solid rgba(255,255,255,.16);border-left:0}
  .why-benefit-list h3{max-width:none;margin-top:18px}
}

@media(max-width:560px){
  .why-highlight{padding:17px 0 17px 18px;font-size:16px}
  .why-risk-panel,.why-iso-panel{padding:25px 22px}
}

/* Co nabízíme — benefitové představení tří samostatných produktů. */
.offer-page .offer-hero{grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);gap:72px}
.offer-page .offer-hero h1{font-size:clamp(50px,5.2vw,76px);line-height:.98}
.offer-product-summary{min-width:0}
.offer-page .offer-map{gap:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.offer-page .offer-map::before{display:none}
.offer-page .offer-map li,.offer-page .offer-map li:nth-child(2){grid-template-columns:42px minmax(0,1fr);gap:14px;min-height:72px;margin:0;padding:17px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.offer-page .offer-map li+li{border-top:1px solid rgba(255,255,255,.16)}
.offer-page .offer-map span{display:block;width:auto;height:auto;border-radius:0;background:none;color:#72e8e1;font-size:10px}
.offer-page .offer-map b{min-width:0;font-size:16px;letter-spacing:.02em;text-transform:uppercase}
.offer-product-summary>p{margin:18px 0 0;color:#b9cad4;font-size:13px;line-height:1.55}
.offer-page .offer-copy h2{font-size:clamp(40px,4.3vw,62px)}
.offer-benefits{display:grid;margin:30px 0 0;padding:0;border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.offer-benefits li{display:grid;grid-template-columns:minmax(126px,.42fr) minmax(0,1fr);gap:18px;padding:17px 0;border-top:1px solid rgba(255,255,255,.16)}
.offer-benefits b{color:#72e8e1;font:600 10px/1.35 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.offer-benefits span{color:#d7e3ea;font-size:14px;line-height:1.5}
.offer-page .offer-copy .actions{margin-top:24px}
.offer-page .offer-copy .text-link,.offer-diagnostic-footer>.text-link{font-size:14px;font-weight:700}
.offer-page .offer-product-diagnostic{grid-template-columns:minmax(420px,1.1fr) minmax(0,.9fr);max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.offer-page .offer-product-diagnostic .offer-copy{grid-column:2;grid-row:1;order:0}
.offer-page .offer-product-diagnostic .offer-visual{grid-column:1;grid-row:1}
.offer-diagnostic-areas{grid-column:1/-1;grid-row:2;margin-top:-8px}
.offer-diagnostic-footer{grid-column:1/-1;grid-row:3;display:grid;gap:26px;margin-top:-24px}
.offer-benefits-inline{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.offer-benefits-inline li{grid-template-columns:1fr;gap:8px;padding:22px 25px;border-top:1px solid rgba(255,255,255,.16)}
.offer-benefits-inline li+li{border-left:1px solid rgba(255,255,255,.16)}
.offer-diagnostic-footer>.text-link{justify-self:start}
.offer-page .offer-screen-label{right:28px;width:max-content;max-width:calc(100% - 56px);line-height:1.35}
.offer-page .offer-connection-compact{padding-top:72px;padding-bottom:72px}
.offer-page .offer-connection-compact>div{max-width:820px;margin-bottom:0}
.offer-mode-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 15px;margin:27px 0 0;color:#dce9ed;font:600 12px/1.6 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.offer-mode-line span:not(:last-child)::after{content:"·";margin-left:15px;color:#72e8e1}

@media(max-width:1100px){
  .offer-page .offer-hero,.offer-page .offer-product{grid-template-columns:1fr;min-height:0}
  .offer-page .offer-hero{gap:42px}
  .offer-page .offer-product{gap:46px}
  .offer-page .offer-product-reverse .offer-copy,.offer-page .offer-product-diagnostic .offer-copy{grid-column:1;grid-row:auto;order:0}
  .offer-page .offer-product-diagnostic .offer-visual{grid-column:1;grid-row:auto}
  .offer-diagnostic-areas,.offer-diagnostic-footer{grid-column:1;grid-row:auto;margin-top:0}
  .offer-page .offer-visual{width:100%;max-width:850px}
}

@media(max-width:800px){
  .offer-benefits-inline{grid-template-columns:1fr}
  .offer-benefits-inline li{padding:18px 8px}
  .offer-benefits-inline li+li{border-left:0}
  .offer-page .offer-product-diagnostic{padding-left:24px;padding-right:24px}
  .offer-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .offer-page .offer-hero h1{font-size:clamp(42px,12vw,54px)}
  .offer-page .offer-copy h2{font-size:clamp(35px,10.5vw,44px)}
}

@media(max-width:560px){
  .offer-benefits li{grid-template-columns:1fr;gap:5px}
  .offer-page .offer-diagnostic-areas li{border-left:0!important}
  .offer-page .offer-visual{min-height:340px}
  .offer-page .offer-screen{min-height:310px;padding:58px 14px 18px}
  .offer-page .offer-screen-label{right:16px;left:16px;width:auto;max-width:none;text-align:center}
  .offer-page .offer-connection-compact{padding-top:60px;padding-bottom:60px}
  .offer-mode-line{gap:6px 10px;font-size:10px}
  .offer-mode-line span:not(:last-child)::after{margin-left:10px}
}

@media(max-width:450px){
  .offer-page .footer-grid{grid-template-columns:1fr}
}

/* Jak funguje — od otázky firmy k ověřené změně. */
.process-page .process-hero{min-height:590px;padding-top:96px;padding-bottom:88px}
.process-page .process-hero h1{max-width:980px;font-size:clamp(48px,5.2vw,76px);line-height:1}
.process-page .process-hero>p:not(.eyebrow){max-width:720px}
.process-loopline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:970px;margin:46px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);list-style:none}
.process-loopline li{position:relative;padding:20px 30px 20px 8px;color:#eef4f5;font:600 11px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.process-loopline li::after{content:"→";position:absolute;top:50%;right:10px;color:#72e8e1;font-size:17px;transform:translateY(-50%)}
.process-loopline li:last-child::after{content:"↺"}
.process-step{gap:72px}
.process-step h2{font-size:clamp(37px,4vw,56px);line-height:1.04}
.process-step>div>p:not(.eyebrow):not(.process-keywords):not(.process-expert-note){font-size:17px;line-height:1.65}
.process-step-intro>div{max-width:820px}
.process-keywords,.process-platform-line,.process-status{display:flex;flex-wrap:wrap;align-items:center;margin:30px 0 0;padding:17px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.process-keywords span,.process-platform-line span,.process-status span{color:#dce9ed;font:600 10px/1.5 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.process-keywords span:not(:last-child)::after,.process-platform-line span:not(:last-child)::after,.process-status span:not(:last-child)::after{content:"·";margin:0 14px;color:#72e8e1}
.process-keywords-arrow span:not(:last-child)::after,.process-status span:not(:last-child)::after{content:"→"}
.process-expert-note{margin:24px 0 0;padding:18px 0 18px 20px;border-left:2px solid #72e8e1;color:#e1ebef!important;font-size:14px!important;line-height:1.58!important}
.process-shot{min-width:0;margin:0}
.process-shot .app-shot{display:block;width:100%;background:#172541}
.process-shot-viewport{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#071423;box-shadow:0 24px 60px rgba(2,8,24,.26)}
.process-shot-image{position:absolute;display:block;max-width:none;height:auto}
.process-shot--diagnostic .process-shot-viewport{aspect-ratio:1.45}
.process-shot--diagnostic .process-shot-image{top:50%;right:0;width:310%;transform:translateY(-50%)}
.process-shot--audit .process-shot-viewport{aspect-ratio:4.5}
.process-shot--audit .process-shot-image{top:0;left:0;width:150%}
.process-shot--report .process-shot-viewport{aspect-ratio:2.75}
.process-shot--report .process-shot-image{top:0;left:0;width:100%}
.process-shot figcaption{margin-top:11px;color:#9fb4c2;font:600 9px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.process-shot .process-status{margin-top:15px}
.process-platform-section{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.process-platform-section .section-heading-simple{max-width:900px}
.process-platform-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1180px;padding:0}
.process-platform-line span{min-height:82px;padding:24px 18px}
.process-platform-line span+span{border-left:1px solid rgba(255,255,255,.16)}
.process-platform-line span:not(:last-child)::after{float:right}
.process-partnership{max-width:930px;text-align:center}
.process-partnership h2{font-size:clamp(34px,4vw,52px)}
.process-partnership p{max-width:720px!important;margin:18px auto 0;font-size:18px!important}

/* Vzdělávání — WorkWell Academy jako samostatný produkt. */
.education-page .academy-hero-copy h1{font-size:clamp(47px,4.8vw,70px);line-height:1.01}
.academy-formats-line{display:flex;flex-wrap:wrap;margin:28px 0 0!important;padding:15px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.academy-formats-line span{color:#dce9ed;font:600 10px/1.5 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.academy-formats-line span+span::before{content:"·";margin:0 14px;color:#72e8e1}
.education-page .academy-why-section .section-heading-simple{max-width:930px}
.education-page .academy-learning-flow li{min-height:190px}
.education-page .academy-learning-flow small{font-size:14px}
.academy-topic-section .section-heading-simple{max-width:850px}
.academy-topic-areas{margin-top:0}
.academy-topic-areas li{min-height:150px}
.academy-company-benefits{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:linear-gradient(115deg,#202f58,#203664 53%,#202f58)}
.academy-company-benefits .section-heading-simple{max-width:930px}
.academy-benefit-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.academy-benefit-lines li{display:grid;grid-template-columns:minmax(145px,.42fr) minmax(0,1fr);gap:22px;min-height:112px;padding:27px 30px}
.academy-benefit-lines li:nth-child(even){border-left:1px solid rgba(255,255,255,.16)}
.academy-benefit-lines li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
.academy-benefit-lines b{color:#72e8e1;font:600 10px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.academy-benefit-lines span{color:#d7e3ea;font-size:14px;line-height:1.55}
.education-independent>div{max-width:850px}
.education-independent .actions{align-items:center;gap:24px}
.education-independent .text-link{font-size:13px}

@media(max-width:900px){
  .process-page .process-step{grid-template-columns:1fr;gap:42px}
  .process-page .process-step.reverse>div{order:0}
  .process-page .process-shot{max-width:760px}
  .process-platform-line{grid-template-columns:1fr 1fr}
  .process-platform-line span{min-height:68px;border:0!important;border-top:1px solid rgba(255,255,255,.16)!important}
  .process-platform-line span:nth-child(even){border-left:1px solid rgba(255,255,255,.16)!important}
  .academy-benefit-lines{grid-template-columns:1fr}
  .academy-benefit-lines li{border-left:0!important}
  .academy-benefit-lines li+li{border-top:1px solid rgba(255,255,255,.16)}
}

@media(max-width:800px){
  .process-page .process-hero{min-height:0;padding-top:64px;padding-bottom:62px}
  .process-page .process-hero h1{font-size:clamp(40px,10.8vw,56px)}
  .process-loopline{grid-template-columns:1fr;margin-top:34px;border-bottom:0}
  .process-loopline li{min-height:52px;padding:16px 42px 16px 4px;border-bottom:1px solid rgba(255,255,255,.16)}
  .process-loopline li::after{content:"↓"}
  .process-loopline li:last-child::after{content:"↺"}
  .process-step h2{font-size:clamp(34px,9vw,46px)}
  .process-platform-section,.academy-company-benefits{padding-left:24px;padding-right:24px}
  .process-partnership{text-align:left}
  .process-partnership p{margin-left:0}
  .education-page .academy-hero-copy h1{font-size:clamp(40px,10.7vw,54px)}
  .academy-topic-areas li{min-height:132px}
  .academy-benefit-lines li{min-height:0;padding:23px 8px}
}

@media(max-width:560px){
  .process-keywords{display:grid;grid-template-columns:1fr 1fr;padding:0}
  .process-keywords span{padding:14px 5px;border-top:1px solid rgba(255,255,255,.12)}
  .process-keywords span:not(:last-child)::after{display:none}
  .process-platform-line{grid-template-columns:1fr}
  .process-platform-line span{padding:18px 6px}
  .process-platform-line span:nth-child(even){border-left:0!important}
  .process-platform-line span:not(:last-child)::after{float:right}
  .process-status{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
  .process-status span{padding:13px 4px;border-top:1px solid rgba(255,255,255,.12)}
  .process-status span:not(:last-child)::after{display:none}
  .process-shot--audit .process-shot-viewport{aspect-ratio:3.1}
  .process-shot--audit .process-shot-image{width:200%}
  .process-shot--report .process-shot-viewport{aspect-ratio:2.2}
  .process-shot--report .process-shot-image{width:140%}
  .academy-formats-line{display:grid;gap:0;padding:0}
  .academy-formats-line span{padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}
  .academy-formats-line span+span::before{display:none}
  .education-page .academy-topic-areas li{min-height:0;border-left:0!important}
  .academy-benefit-lines li{grid-template-columns:1fr;gap:7px}
  .education-independent .actions{gap:18px}
}

/* 2026-09-20: sjednocená informační architektura a kanonické produktové stránky. */
.header{gap:20px}
.nav{gap:17px}
.nav-contact{padding:10px 17px;border:1px solid rgba(114,232,225,.46);border-radius:999px;background:linear-gradient(110deg,rgba(103,65,167,.86),rgba(19,139,209,.84) 55%,rgba(0,184,176,.88));color:#fff!important;font-weight:700!important}
.nav-contact::after{display:none!important}
.nav-contact:hover{box-shadow:0 10px 24px rgba(0,184,176,.18);transform:translateY(-1px)}
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-paths .eyebrow small{display:block;margin-top:5px;color:#aebfd0;font:500 9px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.06em}

.education-detail-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px!important}
.education-detail-links .text-link{font-size:13px}
.education-process-section .section-heading-simple{max-width:820px}
.education-process-flow{margin-left:0}
.education-process-flow li{min-height:178px}

.process-next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);text-align:left}
.process-next-links a{display:grid;gap:9px;padding:24px;color:#72e8e1;font:700 13px/1.4 'Satoshi',Manrope,sans-serif}
.process-next-links a+a{border-left:1px solid rgba(255,255,255,.16)}
.process-next-links span{color:#b8c8d7;font:400 12px/1.5 'Supreme',Manrope,sans-serif}
.process-next-links a:hover{background:rgba(114,232,225,.05)}
.process-next-links a:focus-visible{outline:2px solid #72e8e1;outline-offset:-2px}

.diagnostic-page .info-hero .process-keywords,.implementation-page .info-hero .process-keywords{max-width:760px}
.diagnostic-page .process-platform-section>.split{max-width:1180px;margin:42px auto 0}
.diagnostic-page .process-platform-section .scan-list{align-self:center}
.implementation-page .process-platform-section>.process-shot{max-width:1000px;margin:42px auto 0}
.implementation-page .process-platform-section>.academy-benefit-lines{margin:28px auto 0}
.product-page .panel .service-facts{margin-bottom:0}
.workwell-team-subpage+.panel-wrap .principles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px;margin:36px auto 0}

@media(max-width:980px){
  .header{height:76px;padding:0 24px}
  .nav{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .nav.open{position:absolute;display:block;top:76px;left:0;right:0;height:calc(100svh - 76px);overflow-y:auto;padding:22px 28px 44px;background:#1b294d;border-top:1px solid rgba(207,224,234,.3)}
  .nav.open>a{display:block;padding:14px 0;font-size:16px}
  .nav.open .nav-contact{display:flex;justify-content:center;margin-top:16px;padding:13px 16px;text-align:center}
  body.menu-open{overflow:hidden}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-page .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .product-page .decision-grid{grid-template-columns:1fr}
  .process-next-links{grid-template-columns:1fr}
  .process-next-links a+a{border-top:1px solid rgba(255,255,255,.16);border-left:0}
  .workwell-team-subpage+.panel-wrap .principles{grid-template-columns:1fr}
}

@media(max-width:450px){
  .footer-grid{grid-template-columns:1fr}
  .education-detail-links{display:grid;gap:12px}
}