/* PlantPilot — high-fidelity rebuild of the original XD design */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root{
  --blue-1:#0A3D5F; --blue-2:#0E5580; --blue-3:#1471A6; /* hero/panel gradient stops */
  --blue:#10618F;            /* primary */
  --blue-link:#13699B;
  --pp:#00679B;              /* PlantPilot icon/selector blue */
  --green:#27A879;           /* active hexagon / accents */
  --ink:#1C1C1C; --mut:#6E7A84;
  --bg-soft:#EDF2F6; --line:#E2E8EC;
  --footer:#252525;
  --r-card:10px; --r-big:140px;
  --shadow:0 12px 34px rgba(16,60,90,.10);
  --maxw:1180px;
}
*{margin:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;color:var(--ink);font-size:16px;line-height:1.55;background:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
h1{font-size:46px;font-weight:600;line-height:1.18}
h2{font-size:36px;font-weight:600;line-height:1.2}
h3{font-size:21px;font-weight:600}
.k{font-size:14px;color:var(--mut)}
.center{text-align:center}
.eyebrow{color:#2E86B8;font-weight:500;font-size:15px;margin-bottom:8px;display:block}
.lead{color:var(--mut);font-size:14.5px;max-width:760px;margin:14px auto 0}
section{padding:84px 0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;
 font-family:inherit;font-weight:600;font-size:15px;border-radius:999px;padding:13px 30px;transition:.18s}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:#0C5076}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85)}
.arrow-link{color:var(--blue-link);font-weight:600;font-size:14px;display:inline-flex;gap:8px;align-items:center}
.arrow-link .c{width:32px;height:32px;flex:0 0 32px;display:inline-block;background:url("img/icon_arrow_right.svg") center/contain no-repeat;font-size:0;color:transparent}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:90;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
header .bar{max-width:1280px;margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;gap:8px}
.logo{font-weight:700;letter-spacing:.22em;font-size:16.5px;white-space:nowrap;display:inline-flex;align-items:center}
.logo b{font-weight:700}
.logo img{height:22px;width:auto;display:block}
footer .logo img{height:24px;margin-bottom:18px}
nav.main{display:flex;flex:1;justify-content:center;gap:6px}
nav.main>div{position:relative}
nav.main a.top{display:block;padding:22px 14px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:3px solid transparent}
nav.main a.top:hover{color:var(--blue)}
nav.main .on a.top{border-bottom-color:var(--green);color:var(--ink)}
nav.main .dd{display:none;position:absolute;top:64px;left:0;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:230px;box-shadow:var(--shadow);padding:8px 0}
nav.main div:hover .dd{display:block}
.dd a{display:block;padding:9px 18px;font-size:13.5px}
.dd a:hover{background:var(--bg-soft);color:var(--blue)}
.hdr-right{display:flex;align-items:center;gap:18px}
.hdr-right .login{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.hdr-right .cta{background:var(--blue);color:#fff;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:600}
.lang{position:relative;font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 4px}
.lang .dd2{display:none;position:absolute;right:0;top:28px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:150px;padding:6px 0;font-weight:500}
.lang:hover .dd2{display:block}
.dd2 span{display:block;padding:8px 16px;color:var(--mut)}
.dd2 span.cur{color:var(--ink);font-weight:600}

/* ---------- hero shared ---------- */
.hero-dark{position:relative;color:#fff;overflow:hidden;
 background:linear-gradient(160deg,var(--blue-1) 0%,var(--blue-2) 55%,var(--blue-3) 100%)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,32,48,.72) 0%,rgba(7,32,48,.25) 55%,rgba(7,32,48,.35) 100%)}
.hero-inner{position:relative;z-index:2}
/* full-viewport hero (home): fills screen minus header & stats bar, like a slide */
.hero-full{display:flex;align-items:center;min-height:max(520px,calc(100vh - 170px));min-height:max(520px,calc(100svh - 170px))}
.hero-full .hero-inner{width:100%;max-width:1560px}
.hero-full h1{font-size:clamp(30px,3vw,56px)}
@media(max-width:980px){.hero-full{min-height:max(480px,calc(100svh - 170px))}}
@media(max-width:700px){.hero-full{min-height:auto}}
.round-br{border-radius:0 0 var(--r-big) 0}
.round-bl{border-radius:0 0 0 var(--r-big)}
.watermark{position:absolute;right:6%;bottom:8%;opacity:.14;pointer-events:none}
.watermark svg{width:240px;height:auto}

/* stats band */
.stats{background:var(--bg-soft);padding:26px 0}
.stats .row{display:flex;align-items:center;gap:0;justify-content:space-between;flex-wrap:wrap}
.stats .we{font-weight:600;color:var(--mut);line-height:1.2;font-size:15px}
.stats .it{padding:0 26px;border-left:1px solid #C9D4DC}
.stats .it b{font-size:30px;font-weight:600;letter-spacing:.01em}
.stats .it span{display:block;font-size:12.5px;color:var(--mut)}

/* cards */
.card{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow);padding:30px;color:var(--ink)}
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.icon-line{width:54px;height:54px;margin-bottom:14px;color:var(--ink)}
.icon-line svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.icon-line img{width:100%;height:100%;display:block;object-fit:contain}
/* industry expertise buttons */
.ind-grid{grid-template-columns:repeat(5,1fr);gap:22px;margin-top:44px}
@media(max-width:1180px){.ind-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
.ind-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:28px 14px 22px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-card);color:var(--ink);transition:border-color .18s,box-shadow .18s,transform .18s}
.ind-btn .icon-line{margin-bottom:10px}
.ind-btn:hover{border-color:var(--pp);box-shadow:var(--shadow);transform:translateY(-3px)}
.ind-btn:hover h3{color:var(--pp)}
.icon-line.ic-big{width:110px;height:110px;margin:6px auto 22px;color:var(--pp)}
.icon-line.ic-big svg{stroke-width:1.3}
.icon-line.ic-big img{width:100%;height:100%;display:block}
.card p,.dim p{color:var(--mut);font-size:14px;margin-top:8px}

/* dark feature panel (rounded corner blocks) */
.panel-dark{position:relative;color:#fff;overflow:hidden;
 background:linear-gradient(150deg,#0C486E 0%,#11679A 70%,#1571A6 100%)}
.panel-dark.rad-tl{border-radius:var(--r-big) 0 0 0}
.panel-dark.rad-br{border-radius:0 0 var(--r-big) 0}
.panel-card{border-radius:18px}
.soft-block{background:var(--bg-soft)}
.soft-block.rad-br{border-radius:0 0 var(--r-big) 0}

/* browser mockup */
.browser{background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(7,40,60,.35);overflow:hidden}
.browser .tb{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F2F5F8;border-bottom:1px solid #E4EAEF}
.browser .tb i{width:9px;height:9px;border-radius:50%;background:#C3CDD6}
.browser .tb .bl{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.2em;color:#1C2B36}
.browser .sc{background:#fff}
.browser .sc img{width:100%}

/* checklist */
.checks{list-style:none;display:grid;gap:16px;padding:0}
.checks li{display:flex;gap:15px;align-items:flex-start;font-size:15.5px;line-height:24px;text-align:left}
.checks .ck{flex:none;margin:0}
/* unified checkbox icon (icon_checkbox.svg as mask -> colored via currentColor) */
span.ck{display:inline-flex;flex:none;width:24px!important;height:24px!important;border:none!important;border-radius:0!important;font-size:0!important;line-height:0;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2236%22%20height=%2236%22%20viewBox=%220%200%2036%2036%22%3E%3Cg%20id=%22surface27144%22%20transform=%22translate(-4.688%20-4.688)%22%3E%3Cpath%20id=%22Pfad_337%22%20data-name=%22Pfad%20337%22%20d=%22M22.688,4.688a18,18,0,1,0,18,18,15.8,15.8,0,0,0-.969-5.677L37.5,19.226a13.949,13.949,0,0,1,.415,3.462,15.359,15.359,0,1,1-4.708-10.938l1.938-1.938A17.582,17.582,0,0,0,22.688,4.688Zm15.646,6.231L22.688,26.564l-5.954-5.954L14.8,22.688l7.892,7.892L40.272,13Zm0,0%22%20fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2236%22%20height=%2236%22%20viewBox=%220%200%2036%2036%22%3E%3Cg%20id=%22surface27144%22%20transform=%22translate(-4.688%20-4.688)%22%3E%3Cpath%20id=%22Pfad_337%22%20data-name=%22Pfad%20337%22%20d=%22M22.688,4.688a18,18,0,1,0,18,18,15.8,15.8,0,0,0-.969-5.677L37.5,19.226a13.949,13.949,0,0,1,.415,3.462,15.359,15.359,0,1,1-4.708-10.938l1.938-1.938A17.582,17.582,0,0,0,22.688,4.688Zm15.646,6.231L22.688,26.564l-5.954-5.954L14.8,22.688l7.892,7.892L40.272,13Zm0,0%22%20fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.checks li>span:not(.ck){flex:1;min-width:0}

/* tabs + carousel (5 steps) */
.steptabs{display:flex;gap:34px;justify-content:center;margin:34px 0 26px;flex-wrap:wrap}
.steptabs button{background:none;border:none;font-family:inherit;font-size:17px;font-weight:500;color:var(--ink);cursor:pointer;padding:8px 2px;border-bottom:2.5px solid transparent}
.steptabs button.on{color:var(--blue-link);border-bottom-color:var(--blue-link)}
.slider-panel{position:relative;border-radius:18px;overflow:hidden;color:#fff;
 background:linear-gradient(150deg,#0C486E,#11679A 75%,#1571A6)}
.slide{display:none;grid-template-columns:1.15fr 1fr;gap:40px;padding:56px;align-items:center}
.slide.on{display:grid}
.slide h3{font-size:30px;font-weight:600;line-height:1.25;margin-bottom:14px}
.slide p{color:#CFE2EE;font-size:14.5px}
.slide .mockwrap{max-width:440px;margin-right:36px}
.slide .phone{right:-4%;bottom:-6%;width:30%}
.slider-nav{display:flex;align-items:center;justify-content:space-between;padding:0 56px 26px}
.slider-nav .nb{display:flex;gap:10px;align-items:center;color:#fff;background:none;border:none;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
.slider-nav .nb .c{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);display:inline-flex;align-items:center;justify-content:center}
.dots{display:flex;gap:8px}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4)}
.dots i.on{background:#fff}

/* press logos */
.knownfrom h4{font-size:17px;font-weight:600;margin-bottom:18px}
.press-logos{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;filter:grayscale(1);opacity:.62}
.press-logos img{height:20px;width:auto;display:block}
.press-logos span{font-size:18px;font-weight:600;white-space:nowrap}
.pl-sz{font-family:Georgia,serif}
.pl-bi{letter-spacing:.25em;font-size:13px!important;font-weight:700}
.cust-logos{display:flex;gap:54px;align-items:center;justify-content:center;flex-wrap:wrap;filter:grayscale(1);opacity:.5;font-weight:700;font-size:21px;letter-spacing:.04em}
.cust-logos .sep{width:1px;height:26px;background:#C9D4DC}

/* feature list w/ accent line (Why PlantPilot helps) */
.acc-list{display:grid;gap:34px;border-left:3px solid #C9D7E2;padding-left:26px}
.acc-list h3{font-size:19px}
.acc-list .sub{color:var(--blue-link);font-weight:600;font-size:17px}
.acc-list p{color:var(--mut);font-size:13.5px;margin-top:6px;max-width:330px}
.acc-list .it{cursor:pointer;opacity:.45;position:relative;transition:opacity .18s}
.acc-list .it:hover{opacity:.8}
.acc-list .it.on{opacity:1}
/* tab list (#whylist): per-item marker line instead of container border */
#whylist{border-left:none;padding-left:0}
#whylist .it{padding-left:29px}
#whylist .it::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3.5px;border-radius:3px;background:#C9D7E2;transition:background .18s}
#whylist .it.on::before{background:var(--pp)}
/* why-helps tab panes: stacked in one grid cell -> constant section height */
#whytabs .panel-dark{display:grid;align-items:center}
#whytabs .panel-dark>.why-pane{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .25s}
#whytabs .panel-dark>.why-pane.on{visibility:visible;opacity:1}
.bpair{position:relative;max-width:500px;margin:0 auto;z-index:2}
.bpair .bsmall{position:absolute;right:-5%;bottom:-13%;width:46%;z-index:3;box-shadow:0 18px 44px rgba(7,40,60,.35)}

/* testimonial */
.testi{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.testi .tx{padding:46px 42px;display:flex;flex-direction:column;gap:16px}
.testi .tx p{font-size:14.5px}
.testi .who{font-size:13.5px}.testi .who b{font-weight:700}
.testi .im{position:relative;min-height:280px;border-radius:0 0 110px 0;overflow:hidden}
.testi .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.testi .im::after{content:"";position:absolute;inset:0;background:rgba(13,80,118,.45)}
.testi .im .lg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:#fff;font-size:44px;font-style:italic;font-weight:700;font-family:Georgia,serif}

/* CTA panel */
.cta-panel{position:relative;overflow:hidden;border-radius:18px;color:#fff;padding:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;
 background:linear-gradient(140deg,#0C486E,#1373A9)}
.cta-panel h2{font-size:34px}
.cta-panel p{color:#CFE2EE;font-size:14px;margin:14px 0 24px;max-width:430px}
.footer-cap{background:var(--footer);height:120px;margin-top:-120px}

/* footer */
footer{background:var(--footer);color:#9AA3AA;font-size:13px;padding:140px 0 30px}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:40px;padding-bottom:42px}
footer h5{color:#fff;font-size:13.5px;font-weight:600;margin-bottom:14px}
footer a{display:block;margin-bottom:9px;color:#9AA3AA;font-size:13px}
footer a:hover{color:#fff}
footer .logo{color:#fff;margin-bottom:16px;display:block}
footer p{font-size:12.5px;line-height:1.7}
footer .soc{display:flex;gap:14px;margin-top:18px}
footer .soc a{display:inline-flex;margin:0}
footer .soc svg{width:19px;height:19px;fill:#9AA3AA;transition:fill .15s}
footer .soc a:hover svg{fill:#fff}
footer .base{border-top:1px solid #3A3A3A;padding-top:22px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:12.5px}
footer .base a{display:inline;margin:0;font-size:12.5px}
footer .base .lang-f{margin-left:auto;color:#9AA3AA}
.totop{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;border:1.5px solid #9AA4AC;background:rgba(37,37,37,.7);color:#fff;font-size:18px;cursor:pointer;z-index:60;display:flex;align-items:center;justify-content:center}

/* ---------- composed product mockups (home) ---------- */
.mockwrap{position:relative;max-width:560px;width:100%}
.mockwrap .browser{position:relative;z-index:1}
.fcard{position:absolute;background:#fff;border-radius:10px;box-shadow:0 18px 44px rgba(7,40,60,.28);padding:14px;z-index:3}
.skel{height:7px;border-radius:99px;background:#9FB0BC;margin-bottom:6px}
.skel.lt{background:#C9D4DC}
.skel.bl{background:var(--blue);height:18px;width:64%;margin-top:10px}
.chartmock{display:block;width:100%;background:linear-gradient(180deg,#17394B,#0F2D3D);border-radius:4px}
.kpirow{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:9px}
.kpirow .gchip{background:#E2F4EB;color:#1F8A63;font-weight:700;border-radius:99px;padding:2px 8px;font-size:11.5px;white-space:nowrap}
.pin2{position:absolute;z-index:4;width:34px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.phone{position:absolute;right:-9%;bottom:-9%;width:33%;background:#FBFCFD;border-radius:16px;box-shadow:0 24px 50px rgba(7,40,60,.32);padding:12px 10px;z-index:5}
.phone img.scr{border:1px solid #E4EAEF;border-radius:4px}
@media(max-width:700px){.phone{right:0}.fcard{padding:10px}.mockwrap>.fcard{position:static;width:100%!important;margin-top:14px}}
/* orbit diagram (3 dimensions) */
.orbit{max-width:760px;margin:44px auto 8px;display:block;width:100%}

/* hexagons — industries hero (photo + honeycomb pattern like original XD) */
.honey{position:relative;color:#fff;overflow:hidden;
 background:
  linear-gradient(180deg,rgba(7,26,44,.93) 0%,rgba(9,42,70,.62) 38%,rgba(10,48,78,.42) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='225' height='390' viewBox='0 0 225 390'%3E%3Cg fill='none' stroke='rgba(3,16,30,0.4)' stroke-width='2'%3E%3Cpath d='M112.5 0L225 65V195L112.5 260L0 195V65Z'/%3E%3Cpath d='M0 195L112.5 260V390L0 455L-112.5 390V260Z'/%3E%3Cpath d='M225 195L337.5 260V390L225 455L112.5 390V260Z'/%3E%3C/g%3E%3C/svg%3E"),
  url('img/hero-night.jpg');
 background-size:auto,225px 390px,cover;
 background-position:center,center top,center}
.hexcluster{--hw:228px;display:flex;justify-content:center;align-items:flex-start;margin:44px auto 0;padding-bottom:calc(var(--hw)*0.46 + 14px)}
.hexcol{display:flex;flex-direction:column;gap:7px;margin:0 calc(var(--hw)*-0.118)}
.hexcol.lo{transform:translateY(calc(var(--hw)*0.433 + 4px))}
.hexo{filter:drop-shadow(0 16px 22px rgba(2,14,26,.38));transition:transform .18s}
.hexo:hover{transform:translateY(-4px)}
.hex{width:var(--hw);height:calc(var(--hw)*0.866);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
 background:#F4F7FA;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer;padding:0 26px}
a.hex{text-decoration:none}
.hex:hover{background:#fff}
.hex.act{background:var(--green);color:#fff}
.hex b{font-size:16px;font-weight:600;line-height:1.2}
.hex span{font-size:10.5px;opacity:.75}
.hex svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}

/* numbered steps (product engineers/planners) */
.numsteps{display:grid;gap:30px}
.numsteps .it{max-width:420px;position:relative;padding-left:42px}
.numsteps .n{position:absolute;left:0;top:1px;display:inline-flex;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);align-items:center;justify-content:center;font-size:13px}
.numsteps h3{font-size:22px;display:block}
.numsteps p{color:#CFE2EE;font-size:13.5px;margin:8px 0 0 0}

/* audience pills */
.aud{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:-26px;position:relative;z-index:5}
.aud a{display:inline-flex;gap:10px;align-items:center;background:#fff;border-radius:999px;padding:13px 26px;font-weight:600;font-size:14.5px;box-shadow:var(--shadow)}
.aud a.on{background:var(--blue);color:#fff}
/* audience switcher icons (masked -> follow text color) */
.aud a{padding:16px 32px;font-size:16px;gap:12px}
.aud .ai{width:26px;height:26px;flex:none;display:inline-block;background-color:currentColor;-webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}
.aud .ai-eng{--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%2239.527%22%20height=%2244.387%22%20viewBox=%220%200%2039.527%2044.387%22%3E%3Cdefs%3E%3CclipPath%20id=%22clip-path%22%3E%3Crect%20id=%22Rechteck_656%22%20data-name=%22Rechteck%20656%22%20width=%2239.527%22%20height=%2244.387%22%20fill=%22none%22%20stroke=%22%23728598%22%20stroke-width=%221.5%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20id=%22Gruppe_19981%22%20data-name=%22Gruppe%2019981%22%20transform=%22translate(13%20-259.37)%22%3E%3Cg%20id=%22Gruppe_19980%22%20data-name=%22Gruppe%2019980%22%20transform=%22translate(-13%20259.37)%22%20clip-path=%22url(%23clip-path)%22%3E%3Cpath%20id=%22Pfad_1223%22%20data-name=%22Pfad%201223%22%20d=%22M14.093,12.36a6.366,6.366,0,0,0,6.062,0M14.925,1.8a4.41,4.41,0,0,0-1.8,3.14c-.014.309-.28.122-.343.737a6.319,6.319,0,0,0-.032.867A.324.324,0,0,0,12.8,6.7h.738a8.179,8.179,0,0,0,.509,2.629,3.912,3.912,0,0,0,2.476,1.863,3.2,3.2,0,0,0,1.2,0A4.187,4.187,0,0,0,20.3,9.33a8.482,8.482,0,0,0,.64-2.629H21.7a.331.331,0,0,0,.049-.153,6.216,6.216,0,0,0-.032-.867c-.062-.615-.329-.429-.343-.737a4.41,4.41,0,0,0-1.8-3.14M18.418,4.764l.62-3.409c-.157-.862-3.414-.862-3.572,0l.621,3.409M13.54,6.7h7.4m-.527,5.221-.041,4.044m-5.4,2.881H13.584m7.046,0H19.244m-7.529,7.06c.024-2.773.161-5.544.264-8.313l.64-.75h8.927l.63.754.156,6.316.119,3.522q-.114,7.292-.228,14.592l.524.179c.5.212.76,1.94.481,1.962H18.27c-.256,0-.31-.958-.408-1.609L17.28,29.629m-.475.02-.83,12.909c-.106.651-.172,1.609-.429,1.609H10.589c-.279-.022,0-1.75.505-1.962l.527-.179c0-1.406.031-6.611.063-11.084m2.162-19.02L13.8,15.966m-1.825,1.627-1.475,4.1-.948,4.874.231.369L9.535,29.3l-.315.285-2.95-.262L6.1,28.848,5.986,26.89l.406-.744.92-5.29,2.392-6.3a2.266,2.266,0,0,1,1.564-1.433l2.235-.714M9.545,26.864l.481.053,1.71-1.384,2.565.284,1.465,1.248-.045.409-2.534-.281a.279.279,0,0,0-.306.245l-.215,1.933a.28.28,0,0,0,.245.306l2.534.282-.046.409-1.7.9-2.564-.285-1.4-1.731-.42-.046m-3.3-.36-4.161-.458a1.176,1.176,0,1,1,.253-2.33c1.04.111,1.854.2,3.969.431m5.547,15.542h1.942m6.718,0h1.942m.054-20.286.521,5.908.172.385.1,2.685.646.327,2.1-.594L25.9,27.6l.2-.105-.265-6.675-1.3-6.56a1.383,1.383,0,0,0-.968-1.047l-2.805-.8M6.282,25.745l3.338.482M25.9,27.6l-2.921.662m4.087-2.2a4.937,4.937,0,1,1-3.723,8.893m3.491-14.595a10.556,10.556,0,0,1,2.56.48l1.463-2.153,3.591,2.074L33.313,23.1a10.533,10.533,0,0,1,2.27,2.956l2.554-.488,1.073,4.006-2.457.855a10.54,10.54,0,0,1-.488,3.695l2.153,1.463-2.073,3.591L34,38.044a10.532,10.532,0,0,1-2.956,2.271l.488,2.554-4.006,1.073-.855-2.457a10.536,10.536,0,0,1-3.294-.368%22%20transform=%22translate(-0.244%20-0.245)%22%20fill=%22none%22%20stroke=%22%23728598%22%20stroke-miterlimit=%2222.926%22%20stroke-width=%221.5%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.aud .ai-epc{--mi:url("data:image/svg+xml,%3Csvg%20id=%22Gruppe_19979%22%20data-name=%22Gruppe%2019979%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%2230.671%22%20height=%2236.475%22%20viewBox=%220%200%2030.671%2036.475%22%3E%3Cdefs%3E%3CclipPath%20id=%22clip-path%22%3E%3Crect%20id=%22Rechteck_655%22%20data-name=%22Rechteck%20655%22%20width=%2230.671%22%20height=%2236.475%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20id=%22Gruppe_19978%22%20data-name=%22Gruppe%2019978%22%20transform=%22translate(0%200)%22%20clip-path=%22url(%23clip-path)%22%3E%3Cpath%20id=%22Pfad_1222%22%20data-name=%22Pfad%201222%22%20d=%22M6.534,18.5l5.075-1.92L14.483,19.9h.029l.222-2.779h1.7l.222,2.779h.029l2.874-3.319,5.075,1.92M12.415,2.2A6,6,0,0,0,9.967,6.476c-.02.421-.382.166-.468,1a8.622,8.622,0,0,0-.043,1.181.444.444,0,0,0,.067.208h1a11.169,11.169,0,0,0,.694,3.582,5.325,5.325,0,0,0,3.373,2.536,4.324,4.324,0,0,0,1.636,0,5.7,5.7,0,0,0,3.5-2.536A11.553,11.553,0,0,0,20.6,8.87h1.043a.437.437,0,0,0,.066-.208,8.518,8.518,0,0,0-.043-1.181c-.086-.838-.448-.584-.467-1A6.007,6.007,0,0,0,18.753,2.2M17.172,6.231l.844-4.642C17.8.414,13.365.414,13.151,1.59L14,6.231M10.527,8.87H20.6M.726,26.373l.353-1.059.7-.309.163.917,2.821.009.539.36.555,3.053-.176.488L3.668,30.6l-.917-.037L1.413,29.95.882,27.378Zm3.045-7.39c-.367.078-.85.246-.595.681a1.261,1.261,0,0,0,1.145.453c.5,0,1.513-.255,1.513-.9a1.371,1.371,0,0,0-.67-1.081c-1.116-.779-3.507-.785-4.191.534a1.758,1.758,0,0,0,.082,1.672,3.548,3.548,0,0,0,3.266,1.532H26.838A3.548,3.548,0,0,0,30.1,20.345a1.758,1.758,0,0,0,.082-1.672c-.683-1.319-3.076-1.313-4.191-.534a1.371,1.371,0,0,0-.67,1.081c0,.642,1.017.9,1.513.9a1.263,1.263,0,0,0,1.146-.453c.254-.435-.228-.6-.6-.681M2.735,30.459l.478,2.72a3.345,3.345,0,0,0,3.122,3.064H24.823a3.345,3.345,0,0,0,3.123-3.064l.478-2.72M1.78,25.006.813,19.518m29.62,6.856-.352-1.059-.7-.309-.164.917-2.821.009-.539.36L25.3,29.345l.176.488,2.014.767.917-.037,1.339-.612.531-2.572Zm-1.051-1.366.964-5.489%22%20transform=%22translate(-0.244%20-0.238)%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-miterlimit=%2222.926%22%20stroke-width=%221.5%22/%3E%3C/g%3E%3C/svg%3E")}
.aud .ai-op{--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%2243.254%22%20height=%2234.938%22%20viewBox=%220%200%2043.254%2034.938%22%3E%3Cdefs%3E%3CclipPath%20id=%22clip-path%22%3E%3Crect%20id=%22Rechteck_657%22%20data-name=%22Rechteck%20657%22%20width=%2243.254%22%20height=%2234.938%22%20fill=%22none%22%20stroke=%22%23728598%22%20stroke-width=%222%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20id=%22Gruppe_19983%22%20data-name=%22Gruppe%2019983%22%20transform=%22translate(-2)%22%3E%3Cg%20id=%22Gruppe_19982%22%20data-name=%22Gruppe%2019982%22%20transform=%22translate(2)%22%20clip-path=%22url(%23clip-path)%22%3E%3Cpath%20id=%22Pfad_1224%22%20data-name=%22Pfad%201224%22%20d=%22M30.363,12.518l.067.892c.181.065.354.095.439.291l.228.539,1.278-.161a.528.528,0,0,0,.33-.324l.273-1.526m2.638-1.071q-.137-3.235-.273-6.47c-.013-.314,1.375-.2,1.39.122l.284,6.288M36,11.025a1.919,1.919,0,1,0,2.3,1.435A1.916,1.916,0,0,0,36,11.025ZM32,33.131H10.073v2.659M40.626,9.674l-2.72.214m-6.82.643A4.639,4.639,0,0,1,34.73,6.054m2.167-.81A4.8,4.8,0,0,1,40.489,9.59c.016.053.065.078.137.084a.243.243,0,0,1,.22.219l.106,1.122a.242.242,0,0,1-.218.264q-1.454.136-2.907.269m-3.01.274q-2.824.256-5.647.511c-.2.019-.372,0-.39-.234l-.05-.545c-.017-.194.143-.3.321-.385l.589-.269a.491.491,0,0,0,.248-.388,5.323,5.323,0,0,1,5.372-5.474M30.418,13l-.727,2.059a1.454,1.454,0,0,0,.175.654.178.178,0,0,0,.124.047l1.026-.01L31.6,17.92a.887.887,0,0,0,1.2.609l2.971-.825c.422-.143.566-.789.67-1.317m-1.948,1.645.3,1.152c.153.591-.375.815-.767,1.069m6.422-1.365c-.434-1.237-.774-2.445-.865-2.787-.2-.857.244-1.393.442-2.154a6.353,6.353,0,0,0,.128-1.817m-18.7,18.08-.289,2.874m25.755,5.9-1.18-13.768c-.553-3.35-2.38-5.8-5.165-6.365L34.445,20.21a5.989,5.989,0,0,0-4.1,2.364l-3.992,6.658-4.772.57-.127.41-3.036.049-2.036,1.975a.9.9,0,0,0-.143.9m14.221-.05,2.786-4,.045.5-.159,9.4m-4.8-15.473H15.741V9.147H28.479M19.3,15.384V12.2m-.9,5.244h1.8V15.384H18.4Zm.9,3.02v-1.9m7.238-2.551V12.2m-.9,5.725h1.8V15.865h-1.8Zm.9,2.54V19.043m-3.566-1.322v2.741m-.9-5.926h1.8v2.057h-1.8Zm.9-2.339v2.339M4.5,7.2l9.526,1.945V23.512L4.5,25.119ZM9.032,16.11l.985.016M7.255,13.583l.929,1.034m1.348-1.811v1.3m2.007-.158-.758.82M12.3,16.163l-1.032-.016m.268,2.208q-.374-.416-.758-.845M9.532,19.428v-1.3m-2.277.448.929-1M6.222,16.064l1.371.023m-.067,0a2.2,2.2,0,0,0,.611,1.541,1.842,1.842,0,0,0,1.4.571,1.785,1.785,0,0,0,1.288-.643,2.16,2.16,0,0,0,.506-1.406,2.227,2.227,0,0,0-.506-1.422,1.854,1.854,0,0,0-1.288-.686,1.787,1.787,0,0,0-1.4.526A2.133,2.133,0,0,0,7.526,16.085Z%22%20transform=%22translate(-4.081%20-4.082)%22%20fill=%22none%22%20stroke=%22%23728598%22%20stroke-miterlimit=%222.613%22%20stroke-width=%222%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.aud a:hover{color:var(--pp)}
.aud a.on:hover{color:#fff}


/* value cards icons row, jobs, faq, glossary etc. */
.job{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow);padding:22px 30px;margin-bottom:18px}
.job h3{font-size:18px}
.job .meta{font-size:12.5px;color:var(--mut)}
.faq-it{background:rgba(255,255,255,.08);border-radius:6px;margin-bottom:14px;color:#fff}
.faq-it summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:19px;font-weight:600}
.faq-it summary::after{content:"⌄";font-size:20px;transition:.2s}
.faq-it[open] summary::after{transform:rotate(180deg)}
.faq-it p{padding:0 26px 22px;color:#D6E6F0;font-size:14px}
.page-blue{background:linear-gradient(160deg,#0A3D5F,#1471A6);color:#fff;min-height:60vh}
.glos .term{margin-bottom:34px;max-width:560px}
.glos .term h3{font-size:20px;margin-bottom:6px}
.glos .term p{color:#D6E6F0;font-size:14px}
.alpha{position:sticky;top:90px;display:flex;flex-direction:column;gap:9px;font-weight:600;color:#fff;font-size:15px}
.alpha span{opacity:.45}
.alpha span.av{opacity:1;cursor:pointer}

/* forms */
input,select,textarea{width:100%;font-family:inherit;font-size:14px;padding:12px 14px;border:1px solid #D9E1E7;border-radius:6px;background:#F7FAFC;margin-bottom:12px}
label{font-size:13px;color:var(--mut)}

/* cookie banner */
.cookie-fab{position:fixed;left:22px;bottom:22px;width:54px;height:54px;border-radius:12px;background:#fff;box-shadow:var(--shadow);border:none;cursor:pointer;font-size:24px;z-index:95}
.cookie-modal{position:fixed;inset:0;background:rgba(10,40,60,.55);display:none;align-items:center;justify-content:center;z-index:96}
.cookie-modal.open{display:flex}
.cookie-modal .box{background:#fff;border-radius:14px;max-width:470px;width:92%;padding:40px;text-align:center}
.cookie-modal h2{color:var(--blue-link);font-size:30px;margin:12px 0 16px}
.cookie-modal p{font-size:13px;color:var(--mut);text-align:left;margin-bottom:10px}
.cookie-modal .row{display:flex;border-radius:999px;overflow:hidden;background:#EDF1F4;margin-top:18px}
.cookie-modal .row button{flex:1;border:none;padding:14px;font-family:inherit;font-weight:600;font-size:14.5px;cursor:pointer;background:transparent;color:var(--mut)}
.cookie-modal .row button.on{background:var(--blue);color:#fff;border-radius:999px}
.cookie-modal .row button.sel::before{content:"✓ ";font-weight:700}
.cookie-modal .row button.sel{color:var(--green)}
.cookie-modal .row button.on.sel{background:var(--green);color:#fff}

/* =====================================================
   UX polish & responsive system
   ===================================================== */
body{-webkit-text-size-adjust:100%}
h1{font-size:clamp(30px,3.6vw,46px)}
h2{font-size:clamp(25px,3vw,36px)}
:focus-visible{outline:2.5px solid var(--green);outline-offset:3px;border-radius:4px}
.card{transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,60,90,.14)}
.btn:active{transform:scale(.97)}
.btn-blue:hover,.cta:hover{box-shadow:0 8px 22px rgba(16,97,143,.35)}
footer a,nav.main a.top,.dd a{transition:color .15s}
.arrow-link .c{transition:transform .15s}
.arrow-link:hover .c{transform:translateX(4px)}
.dd{animation:ddin .16s ease}
@keyframes ddin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.job{transition:transform .18s,box-shadow .18s}
.job:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(16,60,90,.14)}
img{height:auto}

/* responsive split utility (replaces inline 2-col grids) */
.split{display:grid;grid-template-columns:var(--c,1fr 1fr);gap:50px;align-items:center}

/* burger + mobile nav */
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;margin-left:4px}
.burger span{width:24px;height:2.5px;background:var(--ink);border-radius:2px;transition:.25s}
body.nav-open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mnav{display:none;position:fixed;top:66px;left:0;right:0;bottom:0;background:#fff;z-index:89;overflow-y:auto;padding:18px 26px 60px}
body.nav-open .mnav{display:block}
body.nav-open{overflow:hidden}
.mnav a{display:block;padding:13px 4px;font-size:17px;font-weight:600;border-bottom:1px solid var(--bg-soft)}
.mnav .sub{padding-left:18px;font-weight:400;font-size:15px;color:var(--mut)}
.mnav .grp{margin-top:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:14px 4px 4px}
.mnav .mctas{display:grid;gap:12px;margin-top:24px}
.mnav .mctas .btn{justify-content:center}

/* ---------- breakpoints ---------- */
@media(max-width:1180px){
 .stats .it{padding:0 16px}
 .stats .it b{font-size:24px}
}
@media(max-width:980px){
 nav.main{display:none}
 .burger{display:flex}
 .hdr-right .login{display:none}
 .split{grid-template-columns:1fr;gap:34px}
 .g3,.g4{grid-template-columns:1fr 1fr}
 .slide,.cta-panel,.testi{grid-template-columns:1fr}
 .slide{padding:34px 28px}
 .slider-nav{padding:0 28px 22px}
 footer .cols{grid-template-columns:1fr 1fr;gap:30px}
 :root{--r-big:80px}
 section{padding:60px 0}
 .acc-list p{max-width:none}
 .steptabs{gap:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px}
 .steptabs button{white-space:nowrap;padding:8px 12px}
 /* hide decorative absolute bubbles & logo clouds that rely on overflow */
 [style*="position:absolute;left:-265px"],[style*="position:absolute;right:-155px"],[style*="position:absolute;right:-205px"],[style*="position:absolute;right:0;top:0;bottom:0;left:45%"],[style*="position:absolute;right:4%;top:15%"]{display:none!important}
 [style*="margin-left:calc"]{margin-left:0!important;max-width:none!important}
 .watermark{display:none}
 .testi .im{min-height:220px;border-radius:0}
 .hexcluster{--hw:158px}
 .hex{padding:0 18px}
 .hex b{font-size:13px}
 .alpha{display:none}
 .split>div[style*="border-left"]{border-left:none!important;padding-left:0!important}
 .aud{gap:10px;padding:0 16px}
 .aud a{padding:11px 18px;font-size:13.5px}
}
@media(max-width:700px){
 .wrap{padding:0 20px}
 h1{font-size:clamp(27px,7.4vw,34px)!important}
 h2{font-size:clamp(22px,6vw,29px)!important}
 .g2,.g3,.g4{grid-template-columns:1fr}
 .stats .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .stats .it{border:none;padding:0}
 .stats .we{grid-column:1/-1}
 .cta-panel{padding:32px 24px}
 .slide{padding:26px 20px}
 .hero-inner.wrap{padding-top:50px!important;padding-bottom:46px!important}
 .testi .tx{padding:28px 22px}
 footer{padding-top:120px}
 footer .base{gap:14px}
 footer .base .lang-f{margin-left:0;width:100%}
 .totop{right:16px;bottom:16px;width:42px;height:42px}
 .cookie-fab{left:14px;bottom:14px;width:48px;height:48px}
 .cookie-modal .box{padding:28px 22px}
 .press-logos{gap:24px}.press-logos span{font-size:15px}
 .cust-logos{gap:24px;font-size:17px}
 .browser .tb .bl{font-size:9.5px}
 .numsteps p{margin-left:0}
 .hexcluster{--hw:116px;flex-wrap:nowrap}
 .hexcol{gap:4px}
 .hex{padding:0 12px}
 .hex svg{width:20px;height:20px}
 .hex b{font-size:10.5px}.hex span{font-size:8.5px}
 .job{flex-direction:row;gap:14px;padding:18px 20px}
 .job h3{font-size:15.5px}
 .faq-it summary{font-size:16px;padding:18px 18px}
 .faq-it p{padding:0 18px 18px}
 .glos .term{max-width:none}
}
@media(max-width:480px){
 :root{--r-big:54px}
 .btn{padding:12px 22px;font-size:14px}
 .stats .it b{font-size:20px}
 .hero-dark [style*="min-height:600px"]{min-height:auto}
 .split{gap:26px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* All-in-one feature columns */
.featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;text-align:left}
.featcol>h3{font-size:27px;margin:0 0 18px 14px}
.featcol.fc-green>h3{color:#1FA97C}
.featcol.fc-blue>h3{color:#10618F}
.featcol.fc-slate>h3{color:#46566A}
.featcol.fc-green{--fc:#1FA97C}
.featcol.fc-blue{--fc:#10618F}
.featcol.fc-slate{--fc:#46566A}
.fitem{position:relative;background:#fff;border-radius:10px;box-shadow:0 12px 26px rgba(7,40,60,.09);padding:16px 18px 16px 24px;margin-bottom:16px}
.fitem::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:0 4px 4px 0;background:var(--fc)}
.fitem h4{font-size:17px;margin:0 0 4px}
.fitem p{color:var(--mut);font-size:13px;margin:0}
@media(max-width:980px){.featgrid{grid-template-columns:1fr;gap:36px}}

/* ---------- article pages ---------- */
.art-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13.5px;color:#BCD7E8;font-weight:500}
.art-meta .dot{width:4px;height:4px;border-radius:50%;background:#5E89A8;flex:none}
.art-back{color:#BCD7E8;font-size:13.5px;text-decoration:none;font-weight:500;display:inline-flex;gap:8px;align-items:center}
.art-back:hover{color:#fff}
.art-heroimg{width:100%;height:430px;object-fit:cover;border-radius:18px;display:block;box-shadow:0 34px 70px rgba(2,14,26,.30)}
.article{max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.78}
.article p{margin:0 0 22px;color:var(--ink)}
.article h2{font-size:27px;line-height:1.3;margin:46px 0 16px}
.article h2:first-child{margin-top:0}
.article figure{margin:38px 0}
.article figure img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;display:block}
.article figcaption{font-size:13px;color:var(--mut);margin-top:11px;text-align:center}
.article blockquote{margin:38px 0;padding:26px 32px;border-left:4px solid var(--green);background:#F4F7FA;border-radius:0 14px 14px 0;font-size:19.5px;line-height:1.55;font-weight:500}
.article blockquote p{margin:0}
.article blockquote cite{display:block;margin-top:12px;font-size:13.5px;color:var(--mut);font-style:normal;font-weight:600}
.article ul.checks{margin:0 0 26px}
.article ul.checks li{font-size:16px}
.art-tagchip{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#fff}
@media(max-width:760px){.art-heroimg{height:240px}.article{font-size:15.5px}.article h2{font-size:22px}}

/* articles overview hero */
.stepcard{display:flex;align-items:center;justify-content:space-between;gap:18px}
.stepcard h3{font-size:18px;margin:2px 0 6px}
.stepcard p{font-size:13px;color:var(--mut);margin:0}
.stepcard .go{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--blue-link);color:var(--blue-link);display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all .15s}
.stepcard .go:hover{background:var(--blue-link);color:#fff}

/* ---------- partner page ---------- */
.hero-bgart{position:absolute;right:0;top:50%;transform:translateY(-50%);height:112%;max-width:58%;object-fit:contain;object-position:right center;pointer-events:none;opacity:.9}
.pcard{padding:34px 28px}
.pcard .pic{height:78px;display:flex;align-items:flex-end;margin-bottom:22px}
.pcard .pic img{max-height:72px;width:auto;max-width:80px}
.pcard h3{font-size:21px;line-height:1.25;margin-bottom:12px}
.pcard p{font-size:13.5px;color:var(--mut)}
@media(max-width:980px){.hero-bgart{display:none}.pcards{transform:none!important;margin-bottom:0!important;padding-top:40px}}

/* ---------- press page ---------- */
.press-art{position:absolute;right:0;top:54px;width:34%;max-width:541px;pointer-events:none}
@media(max-width:980px){.press-art{display:none}}

/* glossary alpha jump links */
.alpha a{color:#fff;text-decoration:none;opacity:1;transition:color .15s}
.alpha a:hover{color:var(--green)}
.glos .term{scroll-margin-top:96px}