/* Layout: 12-column editorial grid, generous white space; colour only as role (red = action, magenta = team view, yellow/orange = activation bars); one motion motif: the activation bar travels down the left margin from section to section */
:root{
  --ink:#121212; --ink-2:#3a3a3a; --mute:#6f6f6f; --line:#e5e3df; --paper:#ffffff; --soft:#f7f6f3;
  --yellow:#FFC000; --orange:#FC5F08; --red:#FE240B; --magenta:#B8007B;
  --f-display:"Neue Haas Grotesk Display Pro","NeueHaasGroteskDisp Pro","Neue Haas Grotesk Text Pro","Helvetica Neue","Inter Tight",Helvetica,Arial,sans-serif;
  --f-text:"Neue Haas Grotesk Text Pro","Helvetica Neue","Inter Tight",Helvetica,Arial,sans-serif;
  --wrap:1200px; --gut:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.6,.05,.2,1);
  --sec:clamp(96px,12vw,200px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:18px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;letter-spacing:-.02em;margin:0;text-wrap:balance;line-height:1.08}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}
.h2{font-size:clamp(34px,4.2vw,64px)}
.lead{font-size:clamp(18px,1.5vw,22px);color:var(--ink-2);line-height:1.6;max-width:36em;font-weight:300}
section{padding-block:var(--sec) 0}
.pre{opacity:0;transform:translateY(22px)}
.rv{transition:opacity 1.1s ease,transform 1.2s var(--ease)}

/* static bars: only when the margin is too narrow for the travelling bar */
.mk{position:relative}
html.narrow .mk{padding-left:22px}
html.narrow .mk::before{content:"";position:absolute;left:0;top:.15em;height:min(100%,1.25em);width:6px;background:var(--mc,var(--yellow))}

/* the travelling activation bar */
#thread{position:fixed;left:0;top:0;width:9px;height:80px;z-index:40;background:var(--yellow);opacity:0;pointer-events:none;
  transition:transform .9s var(--ease),height .9s var(--ease),background-color .8s ease,opacity .5s ease}
html.narrow #thread{display:none}

/* ============ TOP BAR ============ */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);transform:translateY(-102%);transition:transform .6s var(--ease)}
.topbar.on{transform:none}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.word{font-size:15px;text-decoration:none;white-space:nowrap}
.word b{font-weight:600;letter-spacing:.02em}
.word .wt{margin-left:14px;padding-left:14px;border-left:1px solid var(--line);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
@media (max-width:1100px){.word .wt{display:none}}
.topnav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);font-size:15px}
.topnav a{text-decoration:none;color:var(--ink-2);white-space:nowrap}
.topnav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:.55em;background:var(--red);color:#fff!important;text-decoration:none;border-radius:999px;padding:.62em 1.25em;font-weight:500;transition:transform .35s var(--ease),box-shadow .35s}
.btn svg{width:1em;height:1em;transition:transform .35s var(--ease)}
.btn:hover{box-shadow:0 14px 34px rgba(254,36,11,.28)}
.btn:hover svg{transform:translateX(4px)}
.tl{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px;transition:gap .3s var(--ease)}
.tl:hover{gap:.8em}

/* ============ HERO ============ */
.hero{position:relative;width:100%;aspect-ratio:70/29.7;min-height:600px;max-height:820px;overflow:hidden;background:#fff}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;max-width:none;animation:settle 2.4s var(--ease) both}
@keyframes settle{from{transform:scale(1.04);opacity:.4}}
.logo{position:absolute;right:4%;top:6%;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px 16px;animation:rise 1.2s var(--ease) .2s both}
.logo .lw{font-size:clamp(17px,1.5vw,22px);letter-spacing:.04em;font-weight:400;line-height:1}
.logo .lw b{font-weight:700}
.logo .lt{font-size:clamp(10px,.75vw,12px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);line-height:1}
.hero .copy{position:absolute;left:11.6%;top:16%;width:min(44%,640px);z-index:2}
.hero h1{font-size:clamp(40px,4.6vw,76px);line-height:1.02;letter-spacing:-.03em;font-weight:500;animation:rise 1.4s var(--ease) .2s both}
.hero p{margin-top:clamp(22px,2.4vw,38px);font-size:clamp(16px,1.25vw,19px);line-height:1.75;max-width:30em;color:var(--ink-2);font-weight:300;animation:rise 1.4s var(--ease) .4s both}
.hero .acts{margin-top:clamp(26px,2.6vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;animation:rise 1.4s var(--ease) .6s both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.vbrand{position:absolute;left:2.4%;top:9%;z-index:4;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;gap:8px;font-size:clamp(12px,1.05vw,17px);white-space:nowrap;line-height:1.15;color:var(--ink);text-decoration:none;animation:rise 1.2s var(--ease) .2s both}
.vbrand b{font-weight:700;letter-spacing:.01em}
.vbrand span{font-weight:400}
.hbar{position:absolute;width:.66%;z-index:3}
.hbar.y{left:8.7%;top:0;height:9.4%;background:var(--yellow);animation:dropY 1.6s var(--ease) .3s both}
.hbar.o{left:63.4%;top:76.4%;height:17.8%;background:var(--orange);animation:dropY 1.6s var(--ease) .55s both}
.hbar.m{left:90.6%;top:34%;height:17.8%;background:var(--magenta);animation:dropY 1.6s var(--ease) .8s both}
@keyframes dropY{from{transform:translateY(-140%);opacity:0}}
.scrollcue{position:absolute;left:11.6%;bottom:6%;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:12px;text-decoration:none;z-index:2}
.scrollcue i{display:block;width:1px;height:38px;background:var(--ink);transform-origin:top;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ============ SEARCH ============ */
.ask .q{grid-column:2/12}
.ask h2{font-size:clamp(28px,2.8vw,44px)}
.sline{margin-top:30px;display:flex;align-items:center;gap:16px;border-bottom:1.5px solid var(--ink);padding-bottom:10px}
.sline img{width:28px;height:28px;opacity:.7}
.sline input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-family:var(--f-display);font-size:clamp(22px,2.3vw,36px);font-weight:300;letter-spacing:-.01em;padding:8px 0;outline:none;color:var(--ink)}
.sline input::placeholder{color:#b5b2ad}
@media (max-width:760px){.sline{gap:10px}.sline img{width:22px;height:22px}.sline input{font-size:15px}.sline button{width:44px;height:44px}}
.sline button{width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none;transition:transform .35s var(--ease)}
.sline button:hover{transform:translateX(4px)}
.sqs{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.sq{border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:15px;line-height:1.35;color:var(--ink-2);background:#fff;text-align:left;transition:border-color .25s,background .25s,color .25s}
.sq:hover{border-color:var(--ink);color:var(--ink)}
.sqt{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px}
.sqt .sqt-b{border:0;border-radius:0;background:none;padding:2px 0;font-size:13px;letter-spacing:.02em;color:var(--mute);display:inline-flex;align-items:center;gap:8px}
.sqt .sqt-b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none;transition:transform .25s}
.sqt .sqt-b:hover,.sqt .sqt-b[aria-pressed=true]{color:var(--ink)}
.sqt .sqt-b:hover::before,.sqt .sqt-b[aria-pressed=true]::before{transform:scale(1.35)}
.sq[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.dlg{margin-top:30px;scroll-margin-top:90px}
.dlg[hidden]{display:none}
.d-you{display:flex;justify-content:flex-end}
.d-you p{max-width:34em;background:var(--soft);border-radius:18px 18px 4px 18px;padding:12px 18px;font-size:16px;color:var(--ink);line-height:1.45}
.d-ans{margin-top:14px;border:1px solid var(--ink);border-radius:4px 18px 18px 18px;padding:clamp(20px,2.4vw,32px);background:#fff;animation:rise .5s var(--ease) both}
.d-who{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.d-who b{font-weight:700;color:var(--ink);letter-spacing:.04em}
.d-mt{margin-top:12px;font-size:14px;color:var(--mute)}
.d-mt i{font-style:normal;color:var(--ink-2)}
.d-ans .qa-n{margin-top:14px}
.dots{display:inline-flex;gap:5px;margin-top:16px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--mute);animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.25}}
.d-more{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.pcats{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.pcat{border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:15px;color:var(--ink-2);background:#fff;transition:border-color .25s,background .25s,color .25s}
.pcat:hover{border-color:var(--ink);color:var(--ink)}
.pcat[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.pgrps{margin-top:22px}
.js .pgrp:not(.on){display:none}
.pgrp.on{animation:rise .5s var(--ease) both}
.qa{border-top:1px solid var(--line);scroll-margin-top:90px}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;font-size:clamp(17px,1.4vw,20px);line-height:1.4;color:var(--ink)}
.qa > summary::-webkit-details-marker{display:none}
.qa > summary .pm{width:32px;height:32px}
.qa > summary .pm::before,.qa > summary .pm::after{width:11px}
.qa[open] > summary .pm{background:var(--ink);border-color:var(--ink);color:#fff}
.qa-b{padding:0 0 26px;max-width:46em;animation:rise .5s var(--ease) both}
.qa-n{font-family:var(--f-display);font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:var(--ink);border-left:3px solid var(--yellow);padding-left:18px}
.qa-st{margin-top:16px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.qa-st b{font-weight:500}
.qa-st .src{display:block;margin-top:2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.qa-h{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.qa-h .c-k{width:100%}
.qa-p{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:68ch}
.qa-try{margin-top:18px;padding:14px 18px;background:rgba(255,212,0,.14);border-radius:10px;font-size:15px;line-height:1.55;color:var(--ink);max-width:68ch}
.qa-try b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:4px}
.qa-more{font-size:13px;color:var(--mute)}
.fact-q{font-family:var(--f-display);font-size:clamp(18px,1.5vw,21px);line-height:1.4;margin:0 0 20px;max-width:30ch}
.qa-h .hb-cal{display:inline;line-height:1.5;width:100%;border-bottom:0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hb-cal svg{display:inline-block;vertical-align:-2px;margin-left:.35em}
.qa-h .hb-cal+.qa-more{margin-top:4px}

.hb{display:inline-flex;align-items:center;gap:.45em;font-weight:500;font-size:16px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.hb svg{width:15px;height:15px}
.pp{margin-top:28px;border-top:1px solid var(--ink);padding-top:22px}
.pp[hidden]{display:none}
.pp p{font-size:17px;font-weight:300;line-height:1.6;color:var(--ink-2);margin-top:8px;max-width:46em}
.pp .tl{margin-top:14px}
.pp .tl svg{width:16px;height:16px}
.sugg{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 26px;font-size:15px;color:var(--mute)}
.sugg button{color:var(--ink-2);position:relative;padding:4px 0}
.sugg button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.sugg button:hover::after{transform:scaleX(1)}

/* ============ PROMISE ============ */
.promise{position:relative;overflow-x:clip}
.promise::before{content:"";position:absolute;inset:-10% -20% auto auto;width:60vw;height:60vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(255,192,0,.10),rgba(184,0,123,.05) 55%,rgba(255,255,255,0));pointer-events:none;z-index:-1}
.promise .head{grid-column:1/9}
.benefits{margin-top:clamp(56px,6vw,96px);grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px)}
.benefit{border-top:1px solid var(--line);padding-block:28px 52px;display:grid;grid-template-columns:40px 1fr;column-gap:20px;align-content:start}
.benefit img{width:36px;height:36px;opacity:.85;grid-row:1/3;margin-top:4px}
.benefit h3{font-size:clamp(21px,1.8vw,27px);letter-spacing:-.015em}
.benefit p{margin-top:8px;color:var(--mute);font-size:16px}

/* ============ STATS ============ */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px)}
.stat{min-width:0}
.stat::before{content:"";display:block;width:36px;height:5px;background:var(--c);margin-bottom:28px}
.stat .num{font-family:var(--f-display);font-weight:300;font-size:clamp(76px,9vw,148px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.stat .num small{font-size:.5em;letter-spacing:0;margin-left:.08em;vertical-align:.62em;font-weight:300}
.stat h4{margin-top:22px;font-family:var(--f-text);font-weight:400;font-size:clamp(16px,1.3vw,19px);line-height:1.5;max-width:20em}
.stat p{margin-top:12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

/* ============ SPARKS IN ACTION ============ */
.action .top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cards{margin-top:clamp(36px,4vw,56px);display:flex;gap:clamp(16px,2.4vw,40px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;margin-right:calc(-1*var(--gut));padding-right:var(--gut);scroll-padding-left:0}
.cards::-webkit-scrollbar{display:none}
.cards:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.card{flex:0 0 calc((100% - var(--gut) - 2*clamp(16px,2.4vw,40px))/3.25);min-width:0;scroll-snap-align:start}
.thumb.vid::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}
.thumb.vid .play{z-index:1}
.card .more{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.car-nav{display:flex;gap:10px}
.cn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:background .3s,border-color .3s,opacity .3s}
.cn svg{width:18px;height:18px}
.cn:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}
.cn:disabled{opacity:.3;cursor:default}
.thumb{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--soft);border-radius:2px}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.04);transition:filter .9s ease,transform 1.4s var(--ease)}
.thumb:hover img{filter:grayscale(0);transform:scale(1.03)}
.play{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;letter-spacing:.06em}
.play i{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.18);transition:background .4s}
.play i::after{content:"";width:14px;height:14px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12h15M13 5l7 7-7 7%27/%3E%3C/svg%3E")}
.thumb:hover .play i{background:rgba(254,36,11,.9);border-color:transparent}
.card h3{margin-top:18px;font-size:20px;font-family:var(--f-text);font-weight:500;letter-spacing:0}
.card p{margin-top:4px;color:var(--mute);font-size:15px}
.card.flash .thumb img{filter:grayscale(0)}
.logos{margin-top:clamp(80px,9vw,140px);border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,70px);align-items:center}
.logos img{width:100%;height:auto;opacity:.5;filter:grayscale(1);mix-blend-mode:multiply}
.lb{position:fixed;inset:0;z-index:70;background:rgba(18,18,18,0);display:grid;place-items:center;pointer-events:none;transition:background .6s}
.lb.open{background:rgba(18,18,18,.82);pointer-events:auto}
.lb figure{margin:0;width:min(1100px,90vw);opacity:0;transform:scale(.96);transition:opacity .6s,transform .8s var(--ease)}
.lb.open figure{opacity:1;transform:none}
.lb img{width:100%;display:block}
.lb figcaption{color:#cfcfcf;font-size:14px;margin-top:14px}
.lb:not(.open) .x{opacity:0;visibility:hidden}
.lb .x{position:fixed;top:22px;right:22px;width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center}

/* ============ WIE WIR ARBEITEN ============ */
.work .head{grid-column:1/9}
.br{margin-top:clamp(28px,3vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,90px)}
.br-c{border-top:1px solid var(--ink);padding-top:20px}
.br-c h3{margin-top:8px;font-size:clamp(22px,2vw,30px)}
.br-c p{margin-top:10px;color:var(--ink-2);font-size:17px;font-weight:300;line-height:1.6;max-width:34em}
.diag-scroll{overflow-x:auto;margin-top:clamp(40px,5vw,80px);-webkit-overflow-scrolling:touch}
.diag{display:block;width:100%;min-width:760px;height:auto}
.diag-m{display:none}
.diag-c{display:block;width:100%;height:auto;margin-top:8px}
.diag-c text{font-family:var(--f-display);fill:var(--ink)}
.diag-c .t1{font-size:40px;font-weight:500;letter-spacing:-.5px}
.diag-c .t0{font-size:64px;font-weight:300;letter-spacing:-2px}
.diag-c .t2{font-size:22px;font-weight:300;fill:var(--mute)}
.diag-c path{fill:none;stroke:var(--ink);stroke-width:1.6}
.diag-c .hub{fill:var(--ink)}
@media (max-width:760px){.diag-scroll .diag{display:none}.diag-m{display:block}.diag-scroll{overflow:visible}}
.diag text{font-family:var(--f-display);fill:var(--ink)}
.diag .t1{font-size:40px;font-weight:500;letter-spacing:-.5px}
.diag .t0{font-size:64px;font-weight:300;letter-spacing:-2px}
.diag .t2{font-size:23px;font-weight:300;fill:var(--mute)}
.diag path{fill:none;stroke:var(--ink);stroke-width:1.2}
.diag .hub{fill:var(--ink)}

/* ============ PERSPEKTIVEN ============ */
.persp .head{grid-column:1/9}
.paccs{margin-top:clamp(40px,4vw,64px);border-top:1px solid var(--line)}
.pacc{border-bottom:1px solid var(--line);position:relative}
.pacc > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 34px;position:relative;color:#9a9893;transition:color .5s}
.pacc > summary::-webkit-details-marker,.block > summary::-webkit-details-marker{display:none}
.pacc > summary::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--tc);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.pacc[open] > summary,.pacc > summary:hover{color:var(--ink)}
.pacc[open] > summary::before{transform:scaleX(1)}
.pacc .pt h3{font-size:clamp(24px,2.4vw,38px)}
.pacc .pt > span{display:block;margin-top:10px;font-size:16px}
.pm{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);position:relative;transition:transform .5s var(--ease),background .3s,border-color .3s}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
details[open] > summary > .pm::after{transform:translate(-50%,-50%) rotate(0)}
.pacc[open] > summary > .pm{background:var(--tc);border-color:var(--tc);color:#fff}
.pacc > .panel{padding-top:clamp(10px,2vw,30px);padding-bottom:clamp(50px,6vw,90px)}
.block > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.block > summary h3{font-size:clamp(22px,2vw,32px)}
.block > summary .pm{width:38px;height:38px}
.block > summary:hover .pm{border-color:var(--ink)}
.block .bbody{padding:4px 0 40px}
.block[open] .bbody{animation:rise .7s var(--ease) both}
.tabs{display:none}
.tab{text-align:left;padding:30px 30px 34px 0;position:relative;color:#9a9893;transition:color .5s}
.tab + .tab{padding-left:30px;border-left:1px solid var(--line)}
.tab h3{font-size:clamp(24px,2.4vw,38px)}
.tab span{display:block;margin-top:10px;font-size:16px}
.tab::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--tc);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.tab[aria-selected="true"]{color:var(--ink)}
.tab[aria-selected="true"]::before{transform:scaleX(1)}
.tab:hover{color:var(--ink)}
.panel{}
.panel[hidden]{display:none!important}
.panel.enter > *{animation:rise 1s var(--ease) both}
.panel.enter > *:nth-child(2){animation-delay:.1s}.panel.enter > *:nth-child(3){animation-delay:.2s}.panel.enter > *:nth-child(4){animation-delay:.3s}
.statement{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:end}
.statement blockquote,.statement .big{grid-column:1/9;margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(34px,4vw,62px);line-height:1.12;letter-spacing:-.025em}
.statement .big em{font-style:normal;color:var(--ink)}
.p-claim{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-bottom:18px}
.panel.t .p-claim{color:var(--magenta)}
.tk{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.tk li{position:relative;padding-left:24px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.tk li::before{content:"";position:absolute;left:2px;top:.3em;width:6px;height:11px;border:solid var(--magenta);border-width:0 2px 2px 0;transform:rotate(45deg)}
.q-side{display:block;margin-bottom:12px;font-family:var(--f-display);font-weight:400;color:var(--ink);font-size:19px;line-height:1.4}
.statement p.side{grid-column:9/13;color:var(--ink-2);font-size:17px;font-weight:300}
.panel.t blockquote{position:relative}

.block{margin-top:0;scroll-margin-top:90px}
.statement{margin-bottom:clamp(40px,5vw,70px)}
.block > h3{font-size:clamp(26px,2.4vw,38px)}
.block > .sub{margin-top:10px;color:var(--mute);font-size:16px}
.steps{margin-top:36px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);counter-reset:s}
.steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.step{border-top:1px solid var(--ink);padding-top:18px;min-width:0}
.step .n{font-size:13px;letter-spacing:.12em;color:var(--mute);font-variant-numeric:tabular-nums}
.panel.t .step{border-top-color:var(--magenta)}
.panel.t .step .n{color:var(--magenta)}
.step h4{margin-top:22px;font-family:var(--f-text);font-weight:500;font-size:19px;letter-spacing:0}
.step p{margin-top:8px;color:var(--mute);font-size:16px;line-height:1.55}
.gains{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px)}
.gain{border-top:1px solid var(--line);padding-block:24px 40px}
.gain h4{font-family:var(--f-text);font-weight:500;font-size:19px;letter-spacing:0}
.gain p{margin-top:8px;color:var(--mute);font-size:16px;line-height:1.55}
.cmp-wrap{overflow-x:auto;margin-top:30px}
.cmp{width:100%;border-collapse:collapse;min-width:640px}
.cmp th,.cmp td{text-align:left;padding:20px 18px 20px 0;border-bottom:1px solid var(--line);font-size:17px;vertical-align:top}
.cmp thead th{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500;border-bottom-color:var(--ink)}
.cmp tbody th{font-weight:500;width:26%}
.cmp td{color:var(--mute);font-weight:300}
.cmp td.sp{color:var(--ink);font-weight:500}
.cmp thead .sp{color:var(--ink)}
.cmp thead .sp::before{content:"";display:inline-block;width:6px;height:1em;background:var(--orange);margin-right:10px;vertical-align:-2px}
.tisch{margin-top:30px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.checks{grid-column:1/8;list-style:none;margin:0;padding:0}
.checks li{position:relative;padding:16px 0;border-bottom:1px solid var(--line);color:var(--mute);font-weight:300;font-size:18px}
.checks li span{position:relative}
.checks li span::after{content:"";position:absolute;left:-2px;right:-4px;top:50%;height:1px;background:var(--magenta);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}
.checks.go li span::after{transform:scaleX(1)}
.free{grid-column:9/13;padding-top:6px}
.free .tile{font-family:var(--f-display);font-weight:300;font-size:clamp(80px,8vw,128px);line-height:.9;letter-spacing:-.05em;color:var(--magenta)}
.free .tile small{font-size:.32em;letter-spacing:0;margin-left:.1em}
.free b{display:block;margin-top:18px;font-weight:500}
.free p{margin-top:8px;color:var(--ink-2);font-weight:300;font-size:17px}
.jobs{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px)}
.job{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.job .k{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta);font-weight:500}
.job h4{margin-top:16px;font-family:var(--f-text);font-weight:500;font-size:19px;letter-spacing:0}
.job p{margin-top:10px;font-family:var(--f-display);font-weight:300;font-size:clamp(19px,1.6vw,24px);line-height:1.35;letter-spacing:-.01em}
.sum{margin-top:44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;border-top:1px solid var(--ink);padding-top:20px;font-size:18px}
.sum b{font-weight:500}
.sum span{color:var(--mute)}

/* ============ THEMEN ============ */
.themes .head{grid-column:1/9}
.tlist{margin-top:clamp(40px,4vw,64px);border-top:1px solid var(--line);position:relative}
.trow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:center;padding-block:clamp(26px,3vw,44px);border-bottom:1px solid var(--line);text-decoration:none;position:relative}
.trow::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--tc);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.trow:hover::before,.trow:focus-visible::before{transform:scaleX(1)}
.trow h3{grid-column:1/9;font-size:clamp(28px,3.2vw,50px);font-weight:400;letter-spacing:-.025em;transition:transform .7s var(--ease)}
.trow:hover h3{transform:translateX(14px)}
.trow .go{grid-column:10/13;justify-self:end;display:inline-flex;align-items:center;gap:.6em;font-size:15px;color:var(--ink-2)}
.trow .go svg{width:1.1em;height:1.1em;transition:transform .4s var(--ease)}
.trow:hover .go svg{transform:translateX(6px)}
.peek{position:fixed;left:0;top:0;width:min(300px,24vw);aspect-ratio:4/3;pointer-events:none;z-index:30;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .4s,transform .5s var(--ease);background:#fff;overflow:hidden}
.peek.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.peek img{width:100%;height:100%;object-fit:cover;display:block}

/* ============ BRANCHEN ============ */
.reach .top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 60px;align-items:end}
.cta{font-size:clamp(22px,2.4vw,36px);padding:.55em 1.2em;font-family:var(--f-display);white-space:nowrap}
.mapbox{overflow:hidden;margin-top:clamp(40px,5vw,70px)}
.map{position:relative;width:108%;margin-left:-4%;aspect-ratio:1500/850}
.map > img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.pin{position:absolute;width:.85%;aspect-ratio:1;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(252,95,8,.12);
  transition:left 1.6s var(--ease),top 1.6s var(--ease),opacity .8s ease,scale .9s var(--ease)}
.pin.off{opacity:0;scale:0}
.map.armed .pin{opacity:0;scale:.2}
.inds{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px clamp(12px,1.8vw,30px);margin-top:clamp(10px,2vw,30px)}
.ind{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--mute);padding:10px 2px;border-bottom:1px solid transparent;transition:color .4s,border-color .4s}
.ind img,.ind svg{width:26px;height:26px;opacity:.55;transition:opacity .4s}
.ind:hover,.ind[aria-pressed="true"]{color:var(--ink)}
.ind:hover img,.ind[aria-pressed="true"] img,.ind:hover svg,.ind[aria-pressed="true"] svg{opacity:1}
.ind[aria-pressed="true"]{border-color:var(--orange)}
.rgrid{margin-top:clamp(20px,2.4vw,36px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,3.6vw,56px);align-items:center}
.rgrid .map{width:100%;margin-left:0}
.case{border-top:1px solid var(--ink);padding-top:clamp(18px,2vw,26px)}
.case.in > *{animation:rise .6s var(--ease) both}
.c-k{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);line-height:1.5}
.case h3{margin-top:10px;font-size:clamp(22px,2vw,30px)}
.c-d{margin-top:10px;color:var(--ink-2);font-size:16px;font-weight:300;line-height:1.6}
.c-st{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 0 22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.c-st div{display:grid;gap:2px;min-width:0;max-width:11em}
.c-st b{font-family:var(--f-display);font-weight:400;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em;line-height:1}
.c-st span{font-size:13px;color:var(--mute);line-height:1.35}
.c-bh{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}
.c-bh li b{display:block;font-weight:500}
.c-bh li span{display:block;margin-top:3px;font-family:var(--f-text);font-size:15px;line-height:1.5;color:var(--ink-2);font-weight:400}
.c-bh li{position:relative;padding-left:26px;font-family:var(--f-display);font-size:clamp(17px,1.5vw,20px);line-height:1.35;color:var(--ink)}
.c-bh li::before{content:"";position:absolute;left:0;top:.28em;width:15px;height:15px;border-radius:50%;background:var(--red);box-shadow:inset 0 0 0 4px #fff,0 0 0 1px var(--red)}
.c-rk{margin-top:22px}
.c-res{margin-top:8px;font-family:var(--f-display);font-size:clamp(19px,1.7vw,24px);line-height:1.3;letter-spacing:-.01em;border-left:3px solid var(--orange);padding-left:16px}

/* ============ FOOTER ============ */
.foot{margin-top:var(--sec);background:var(--ink);color:#fff;padding-block:clamp(80px,9vw,140px) 40px}
.foot .grid{row-gap:60px}
.foot .c1{grid-column:1/7}
.foot .c2{grid-column:8/13}
.foot h2{font-size:clamp(34px,3.6vw,56px)}
.foot h2{max-width:15em}
.foot h2::after{content:"";display:block;width:min(100%,520px);height:2px;background:var(--magenta);margin-top:28px}
.person{margin-top:40px}
.person .nm{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,1.8vw,28px);color:#fff}
.person .rl{color:#9a9a9a;font-size:16px;margin-top:2px}
.cdata{margin:32px 0 0;display:grid;gap:10px;font-size:17px}
.cdata div{display:flex;gap:16px}
.cdata dt{color:#9a9a9a;width:14px}
.cdata dd{margin:0}
.cdata a{color:#e8e8e8;text-decoration:none;border-bottom:1px solid #555;transition:border-color .3s;user-select:all}
.cdata a:hover{border-color:#fff}
.adr{margin-top:26px;color:#9a9a9a;font-size:14px;line-height:1.6;letter-spacing:.02em}
.fact{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.web{color:#fff;text-decoration:none;border-bottom:1px solid var(--magenta);padding-bottom:2px}
.cities{letter-spacing:.24em;text-transform:uppercase;font-size:13px}
.team{margin-top:28px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:480px}
@media (max-width:760px){.team{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}
.team img{width:100%;aspect-ratio:1;border-radius:50%;display:block;filter:grayscale(1) contrast(1.05) brightness(1.05);transition:filter .6s}
.team img:hover{filter:none}
.vals{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);border-top:1px solid #333;padding-top:clamp(40px,5vw,64px)}
.v-int{margin-top:18px;color:#bdbdbd;font-size:16px;font-weight:300;max-width:34em}
.v-pur{margin-top:18px;font-family:var(--f-display);font-size:clamp(26px,2.6vw,38px);line-height:1.2;letter-spacing:-.015em;color:#fff;max-width:16em;text-wrap:balance}
.v-sub{margin-top:26px;color:#9a9a9a;font-size:15px}
.prs{list-style:none;margin:14px 0 0;padding:0}
.pr{display:block;width:100%;text-align:left;padding:12px 0 12px 22px;border-top:1px solid #2c2c2c;position:relative;font-family:var(--f-display);font-size:clamp(18px,1.6vw,22px);line-height:1.35;color:#6f6f6f;transition:color .4s}
.prs li:last-child .pr{border-bottom:1px solid #2c2c2c}
.pr::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--magenta);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.pr:hover{color:#cfcfcf}
.pr.on{color:#fff}.pr.on::before{transform:scaleY(1)}
.ct-h{margin-top:14px;font-size:clamp(26px,2.4vw,36px);color:#fff}
.ct{list-style:none;margin:20px 0 0;padding:0;counter-reset:c}
.ct-q{padding:16px 0;border-top:1px solid #2c2c2c;display:grid;gap:12px}
.ct-q p{color:#e8e8e8;font-size:17px;line-height:1.45}
.ct-a{display:flex;gap:8px;flex-wrap:wrap}
.ct-a button{border:1px solid #4a4a4a;border-radius:999px;padding:7px 14px;font-size:14px;color:#cfcfcf;transition:background .25s,border-color .25s,color .25s}
.ct-a button:hover{border-color:#fff;color:#fff}
.ct-a button[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--ink)}
.ct-a button[data-v="0"][aria-pressed="true"]{background:#4a4a4a;border-color:#4a4a4a;color:#fff}
.ct-res{border-top:1px solid #2c2c2c;padding-top:18px;min-height:3em}
.ct-p{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#9a9a9a}
.ct-res .r-h{font-family:var(--f-display);font-size:clamp(22px,2vw,28px);color:#fff;line-height:1.25;animation:rise .5s var(--ease) both}
.ct-res .r-yes{color:#fff;font-size:clamp(26px,2.6vw,36px)}
.ct-res .r-yes::before{content:"";display:block;width:36px;height:4px;background:var(--magenta);margin-bottom:14px}
.ct-res .r-t{margin-top:8px;color:#bdbdbd;font-size:16px;font-weight:300}
.ct-res .btn{margin-top:16px}
.foot .low{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);border-top:1px solid #333;padding-top:28px;font-size:14px;color:#9a9a9a;line-height:1.6}
.foot .low .a{grid-column:1/7}
.foot .low .b{grid-column:7/11}
.foot .low .s{grid-column:11/13;justify-self:end;display:flex;gap:14px}
.foot .low b{color:#fff;font-weight:500}
.social a{width:40px;height:40px;border-radius:50%;border:1px solid #555;display:grid;place-items:center;color:#fff;transition:background .3s,border-color .3s}
.social a:hover{background:#fff;color:#000;border-color:#fff}
.social svg{width:18px;height:18px}


/* ============ ANGEBOT ============ */
.oc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 60px;align-items:end;padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.offer{position:fixed;inset:0;z-index:70;background:var(--paper);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.offer:target,.offer.on{display:block;animation:offerIn .45s var(--ease) both}
@keyframes offerIn{from{opacity:0;transform:translateY(16px)}}
.story .tl svg,.dd-end .tl svg{width:16px;height:16px;flex:none}
.glass{align-items:start}
.story .s-in{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.story .h2{margin-top:16px;max-width:15em}
.story .s-lead{margin-top:clamp(18px,2vw,28px);max-width:26em;font-family:var(--f-display);font-weight:300;font-size:clamp(22px,2.2vw,32px);line-height:1.3;letter-spacing:-.01em;color:var(--ink-2)}
.story .txt{grid-column:1/7}
.story .txt p{font-size:clamp(18px,1.5vw,21px);font-weight:300;line-height:1.6;color:var(--ink-2)}
.story .txt p + p{margin-top:1.1em}
.story .sig{margin-top:1.6em!important;padding-left:20px;border-left:3px solid var(--orange);font-weight:500!important;color:var(--ink)!important}
.story .beats{grid-column:8/13}
.story .bh{font-weight:500;font-size:19px;margin-bottom:10px}
.beat{display:grid;grid-template-columns:44px 1fr;gap:12px;border-top:1px solid var(--line);padding:20px 0}
.beat .n{font-size:13px;letter-spacing:.12em;color:var(--orange);padding-top:3px;font-variant-numeric:tabular-nums}
.beat h4{font-family:var(--f-text);font-weight:500;font-size:18px;letter-spacing:0}
.beat p{margin-top:6px;color:var(--mute);font-size:16px;line-height:1.55}
.story .min{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;border-top:1px solid var(--ink);padding:24px 0 30px}
.story .min .tile{font-family:var(--f-display);font-size:64px;line-height:1;letter-spacing:-.03em}
.story .min .tile small{font-size:18px;margin-left:4px;letter-spacing:0}
.story .min p{font-size:16px;color:var(--ink-2)}
a.inl{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dd{margin-top:clamp(64px,7vw,110px)}
.dd > h2{font-size:clamp(26px,2.6vw,40px);max-width:20em}
.dd .ddl{margin-top:14px;max-width:46em;color:var(--ink-2);font-size:17px;font-weight:300}
.glass{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px)}
.gcol{border:1px solid var(--line);padding:clamp(22px,2.6vw,36px)}
.gcol.gteam{background:var(--ink);color:#fff;border-color:var(--ink)}
.gcol p{margin-top:16px;font-size:17px;font-weight:300;line-height:1.6}
.dd .glass + .ddl{margin-top:28px}
.dd .ddl b{font-weight:500;color:var(--ink)}
.why{margin-top:14px;font-size:15px;max-width:22em}
.why summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:1px}
.why summary::-webkit-details-marker{display:none}
.why summary::after{content:"+";font-weight:300}
.why[open] summary::after{content:"\2212"}
.why p{margin-top:12px!important;letter-spacing:0!important;text-transform:none!important;font-size:15px!important;color:var(--ink-2)!important;line-height:1.55}
.gcol h3{font-size:clamp(20px,1.8vw,26px)}
.gcol ul{list-style:none;margin:18px 0 0;padding:0}
.gcol li{padding:12px 0 12px 26px;border-top:1px solid var(--line);position:relative;font-size:17px}
.gcol.gteam li{border-top-color:rgba(255,255,255,.18)}
.gcol li::before{content:"";position:absolute;left:0;top:21px;width:12px;height:2px;background:var(--orange)}
.gcol.gteam li::before{background:var(--magenta)}
.dd-end{margin-top:clamp(64px,7vw,110px);display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.offer-bar{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.offer-bar .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.offer-in{padding-block:clamp(48px,6vw,96px) clamp(80px,9vw,140px)}
.offer-sec .h2{margin-top:14px;max-width:14em}
.ways{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);align-items:start}
.way{border-top:4px solid var(--wc);padding-top:18px}
.w-at{font-size:14px;color:var(--mute);line-height:1.3}
.w-at b{display:block;margin-top:4px;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2vw,30px);letter-spacing:-.015em;color:var(--ink);hyphens:manual}
.lev{scroll-margin-top:100px;margin-top:18px;border:1px solid var(--line);background:#fff;transition:border-color .3s}
.lev:hover,.lev[open]{border-color:var(--ink)}
.lev > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 18px}
.lev > summary::-webkit-details-marker{display:none}
.lev-t{display:grid;gap:4px}
.lev-k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.lev b{font-weight:500;font-size:18px}
.lev-c{font-size:15px;color:var(--ink-2);line-height:1.45}
.lev .pm{width:30px;height:30px}
.lev .pm::before,.lev .pm::after{width:11px}
.lev[open] .pm{background:var(--wc);border-color:var(--wc);color:#fff}
.lev p{padding:0 16px 18px;color:var(--mute);font-size:15px;line-height:1.55;animation:rise .5s var(--ease) both}
.conv{display:block;width:100%;height:clamp(50px,6vw,90px);margin-top:16px;overflow:visible}
.conv path{fill:none;stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}
.goal{margin-top:clamp(28px,3vw,44px);position:relative;background:var(--ink);color:#fff;padding:clamp(26px,3.4vw,52px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.goal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red) 0 25%,var(--yellow) 25% 50%,var(--magenta) 50% 75%,var(--orange) 75%)}
.goal h3{margin-top:12px;font-size:clamp(24px,2.4vw,36px);line-height:1.2;color:#fff;max-width:18em}
.g-p{margin-top:12px;color:#cfcfcf;font-size:17px;font-weight:300}
.goal .btn{margin-top:28px}
.g-l{list-style:none;margin:0;padding:0}
.g-l li{padding:14px 0;border-top:1px solid #333;color:#cfcfcf;font-size:15px;font-weight:300}
.g-l b{display:block;color:#fff;font-weight:500;font-size:16px;margin-bottom:2px}
.offer h1:focus{outline:none}
.offer-sec .lead{margin-top:22px}
.presets{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:36px;font-size:15px}
.presets .mute{margin-right:6px}
.presets button{border:1px solid var(--line);border-radius:999px;padding:7px 16px;color:var(--ink-2);transition:border-color .2s,background .2s,color .2s}
.presets button:hover{border-color:var(--ink)}
.presets button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.cfg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);margin-top:28px;align-items:start}
.core-card{position:sticky;top:96px;background:var(--ink);color:#fff;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:12px}
.cc-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9b9b9b}
.core-card h2{font-size:clamp(32px,3vw,46px);color:#fff}
.cc-kind{color:var(--yellow);font-weight:500}
.core-card p{color:#d6d6d6;line-height:1.6;font-weight:300}
.cc-claim{color:#fff!important;font-weight:500!important}
.cc-claim::before{content:"→ ";color:var(--yellow)}
.cc-sum{margin-top:14px;padding-top:18px;border-top:1px solid #333;display:grid;gap:10px}
.cc-sum p{color:#fff!important;font-size:18px;font-weight:400!important}
.cc-sum b{font-weight:600}
.cc-sum .btn{justify-self:start;margin-top:6px}
.mods{border-top:1px solid var(--ink)}
.mod{border-bottom:1px solid var(--line);position:relative}
.mod::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.mod.sel::before,.mod:has(.mod-cb:checked)::before{transform:scaleX(1)}
.mod-cb{position:absolute;opacity:0;width:1px;height:1px}
.mod-h{cursor:pointer}
.mod-h:has(.mod-cb:focus-visible){outline:2px solid var(--orange);outline-offset:4px}
.mod-add .a2{display:none}
.mod:has(.mod-cb:checked) .mod-add .a1{display:none}
.mod:has(.mod-cb:checked) .mod-add .a2{display:inline;color:var(--ink);font-weight:500}
.mod-h{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:18px;align-items:start;width:100%;text-align:left;padding:24px 0 10px}
.tg-c{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ink);margin-top:20px;position:relative;transition:background .25s}
.tg-c::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:16px;line-height:1;transition:transform .3s var(--ease)}
.mod:has(.mod-cb:checked) .tg-c{background:var(--ink);color:#fff}
.mod:has(.mod-cb:checked) .tg-c::after{content:"✓";font-size:13px}
.mod-t{display:grid;gap:4px}
.mod-t b{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,2vw,30px);letter-spacing:-.015em}
.mod-c{color:var(--ink-2);font-size:16px}
.mod-c::before{content:"→ ";color:var(--orange)}
.mod-add{font-size:14px;color:var(--mute);margin-top:22px;white-space:nowrap}
.mod-d{padding:0 0 24px 46px;color:var(--mute);font-size:16px;line-height:1.6;max-width:40em}
.mods-n{margin-top:22px;color:var(--ink-2);font-size:15px}
.always{margin-top:36px;border-top:1px solid var(--ink);padding-top:20px}
.aw{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
.aw b{font-weight:500}
.aw span{color:var(--ink-2);font-weight:300}
@media (max-width:900px){.cfg{grid-template-columns:1fr}.core-card{position:static}.oc{grid-template-columns:1fr}}
@media (max-width:620px){.mod-h{grid-template-columns:28px minmax(0,1fr)}.mod-add{display:none}.mod-d{padding-left:0}}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .benefits,.gains,.jobs{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;row-gap:32px}
  .statement blockquote,.statement .big{grid-column:1/-1}
  .statement p.side{grid-column:1/-1;margin-top:28px}
  .checks,.free{grid-column:1/-1}
  .free{margin-top:40px}
  .topnav a:not(.btn){display:none}
}
@media (max-width:760px){
  :root{--sec:88px}
  .hero{aspect-ratio:auto;min-height:680px;max-height:none}
  .hero .bg{opacity:.28}
  .hero .copy{left:56px;right:16px;width:auto;top:120px}
  .logo{right:16px;top:16px;padding:8px 10px}
  .hbar.o,.hbar.m{display:none}
  .hbar.y{left:56px}
  .vbrand{left:14px;top:120px;font-size:12px}
  .scrollcue{left:56px}
  .ask .q,.promise .head,.work .head,.persp .head,.themes .head{grid-column:1/-1}
  .vals,.benefits,.gains,.jobs,.stats,.steps,.steps.three,.glass,.aw,.ways,.goal,.rgrid,.br{grid-template-columns:1fr}
  .rgrid .map{margin-inline:calc(-1*var(--gut));width:calc(100% + 2*var(--gut))}
  .inds{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);gap:4px 22px}
  .inds::-webkit-scrollbar{display:none}
  .pcats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut)}
  .pcats::-webkit-scrollbar{display:none}
  .sq{border-radius:18px}
  .pcat{flex:none;white-space:nowrap}
  .ind{flex:none;white-space:nowrap}
  .pin{width:1.4%}
  .ways{row-gap:36px}
  .conv{width:2px;height:48px;margin:20px auto 0;background:repeating-linear-gradient(var(--ink) 0 3px,transparent 3px 8px)}
  .conv path{display:none}
  .story .txt,.story .beats{grid-column:1/-1}
  .story .beats{margin-top:40px}
  .card{flex-basis:78%}
  .car-nav{display:none}
  .stats{row-gap:56px}
  .trow h3{grid-column:1/-1}
  .trow .go{grid-column:1/-1;justify-self:start;margin-top:14px}
  .peek{display:none}
  .reach .top{grid-template-columns:1fr}
  .cta{white-space:normal;justify-self:start}
  .logos{grid-template-columns:1fr}
  .foot .c1,.foot .c2{grid-column:1/-1}
  .foot .low .a,.foot .low .b,.foot .low .s{grid-column:1/-1;justify-self:start;margin-top:16px}
}

/* ============ PARTNER WERDEN (subpage) ============ */
.pp[hidden]{display:none}
.pp [id]{scroll-margin-top:84px}
.topnav a.pw{display:inline;white-space:nowrap}
.topnav a[aria-current]{color:var(--ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--orange)}
.pp-hero{position:relative;padding-top:calc(64px + clamp(72px,9vw,150px));padding-bottom:clamp(24px,3vw,48px);overflow:hidden}
.pp-copy{grid-column:1/10;position:relative;z-index:2}
.pp-hero .eyebrow{color:var(--red)}
.pp-hero h1{margin-top:20px;font-size:clamp(40px,5.2vw,84px);line-height:1.02;letter-spacing:-.03em;animation:rise 1.2s var(--ease) both}
.pp-hero h1 em{font-style:normal;color:var(--orange)}
.pp-hero .lead{margin-top:clamp(22px,2.4vw,36px);animation:rise 1.2s var(--ease) .15s both}
.pp-hero .acts{margin-top:clamp(26px,2.6vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;animation:rise 1.2s var(--ease) .3s both}
.pp-bars{position:absolute;right:6%;top:0;bottom:0;width:22%;pointer-events:none}
.pp-bars i{position:absolute;width:9px}
.pp-bars .y{left:8%;top:0;height:30%;background:var(--yellow);animation:dropY 1.6s var(--ease) .2s both}
.pp-bars .o{left:52%;top:38%;height:34%;background:var(--orange);animation:dropY 1.6s var(--ease) .45s both}
.pp-bars .m{left:92%;top:18%;height:26%;background:var(--magenta);animation:dropY 1.6s var(--ease) .7s both}
.pp-sec{padding-block:clamp(72px,8vw,136px) 0}
.pp-sides-sec{padding-top:clamp(48px,5vw,80px)}
.pp-h{font-size:clamp(30px,3.4vw,52px)}
.pp .head{grid-column:1/-1}

.pp-sides{position:relative;display:grid;grid-template-columns:1fr 1fr}
.side{padding:clamp(32px,4.2vw,72px)}
.side.l{background:var(--soft)}
.side.d{background:var(--ink);color:#fff}
.side h2{display:flex;align-items:center;gap:18px;font-size:clamp(30px,3vw,46px)}
.side h2 svg{width:clamp(34px,3vw,46px);height:clamp(34px,3vw,46px);color:var(--orange);flex:none}
.side .sub{margin-top:18px;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:var(--ink-2);max-width:26em}
.side.d .sub{color:#d6d6d6}
.side ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:11px;font-size:16px;line-height:1.45}
.side li{position:relative;padding-left:30px}
.side.l li{color:var(--ink-2)}
.side.l li::before{content:"";position:absolute;left:3px;top:.28em;width:6px;height:11px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(45deg)}
.side.d li{color:#cfcfcf}
.side.d li::before{content:"";position:absolute;left:4px;top:.32em;width:4px;height:.9em;background:var(--orange)}
.plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(52px,4.6vw,68px);height:clamp(52px,4.6vw,68px);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;z-index:2;box-shadow:0 14px 34px rgba(254,36,11,.3)}
.plus svg{width:44%;height:44%}

.pp-flow{grid-column:1/-1;margin-top:clamp(40px,4.4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.25fr) 28px minmax(0,2fr) 28px minmax(0,1.3fr);align-items:stretch;gap:10px}
.fstep{border:1px solid var(--line);background:#fff;padding:26px 20px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.fstep .k{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1.35;color:var(--ink)}
.fstep .k.r{color:var(--red)}
.pp .ic{width:42px;height:42px;color:var(--ink);flex:none}
.fstep p{font-size:15px;line-height:1.5;color:var(--ink-2)}
.fstep p.fl{line-height:1.75}
.fopts{display:grid;grid-template-columns:1fr 1fr;width:100%}
.fopts>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 14px}
.fopts>div+div{border-left:1px solid var(--line)}
.fopts b{font-weight:600;font-size:15px}
.fopts p{font-size:14px}
.farr{align-self:center;color:var(--mute);display:grid;place-items:center}
.farr svg{width:24px;height:24px}
.pp-cap{grid-column:2/12;margin-top:36px;text-align:center;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--ink-2);font-weight:300}

.pp-net{grid-column:1/-1;margin-top:clamp(40px,4.4vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:clamp(14px,1.6vw,24px)}
.ncard{border:1px solid var(--line);padding:26px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.nh{display:flex;align-items:flex-start;gap:14px;text-align:left;width:100%}
.nh .ic{width:34px;height:34px;color:var(--orange)}
.nh h3{font-size:18px;letter-spacing:-.01em;line-height:1.25}
.ncard>p{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.ring{--p:var(--v);position:relative;width:118px;height:118px;border-radius:50%;margin-top:auto;padding-top:0;background:conic-gradient(var(--orange) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;transition:--p 1.6s var(--ease) .3s}
.ncard>p{margin-bottom:28px}
.ring::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}
.ring b{position:relative;z-index:1;font-family:var(--f-display);font-weight:500;font-size:24px;letter-spacing:-.02em}
.ncard.pre .ring{--p:0}
.rl{margin-top:10px;font-size:14px;color:var(--mute)}
.nside{align-self:center;padding:8px clamp(0px,1vw,12px)}
.nside h3{font-size:clamp(24px,2.1vw,32px);line-height:1.15}
.nside p{margin-top:18px;font-size:16px;line-height:1.6;color:var(--ink-2)}
.nside p span{color:var(--red)}

.pp-why{grid-column:1/-1;margin-top:clamp(40px,4.4vw,64px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.wy{padding:4px clamp(14px,1.6vw,26px);text-align:center;display:flex;flex-direction:column;align-items:center}
.wy+.wy{border-left:1px solid var(--line)}
.wy .ic{color:var(--orange)}
.wy h3{margin-top:16px;font-size:17px;line-height:1.3;letter-spacing:-.01em}
.wy p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--mute)}

.pp-cta{display:grid;grid-template-columns:minmax(0,1.6fr) auto;align-items:center;gap:28px 48px;background:var(--soft);padding:clamp(32px,4vw,64px) clamp(28px,4.4vw,72px);border-left:9px solid var(--orange)}
.pp-cta h2{font-size:clamp(28px,3vw,46px)}
html.narrow .pp-cta h2.mk{padding-left:0}html.narrow .pp-cta h2.mk::before{display:none}
.pp-cta p{margin-top:14px;font-size:clamp(16px,1.25vw,19px);color:var(--ink-2);max-width:34em;font-weight:300;line-height:1.6}
.pp-cta .acts{display:flex;flex-direction:column;align-items:flex-start;gap:16px}

@media (max-width:1000px){
  .pp-flow{grid-template-columns:1fr}
  .farr{transform:rotate(90deg);height:28px}
  .pp-net{grid-template-columns:1fr 1fr}
  .pp-why{grid-template-columns:1fr 1fr;row-gap:36px}
  .wy+.wy{border-left:0}
  .pp-cap{grid-column:1/-1}
}
@media (max-width:760px){
  .pp-copy{grid-column:1/-1}
  .pp-bars{display:none}
  .pp-sides{grid-template-columns:1fr}
  .plus{position:relative;left:auto;top:auto;transform:none;margin:-26px auto;justify-self:center}
  .pp-net{grid-template-columns:1fr}
  .pp-why{grid-template-columns:1fr}
  .fopts{grid-template-columns:1fr;gap:20px}
  .fopts>div+div{border-left:0;border-top:1px solid var(--line);padding-top:20px}
  .pp-cta{grid-template-columns:1fr}
}

.pp-lead{margin-top:22px}
.pp-ans{grid-column:1/-1;margin-top:clamp(40px,4.4vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.acard{border:1px solid var(--line);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column}
.ak{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}
.acard h3{margin-top:10px;font-size:clamp(22px,1.9vw,28px);letter-spacing:-.015em}
.arow{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.al{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-2)}
.arow p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.arow.t{margin-top:0;border-top:0;padding:18px 20px;background:var(--soft);border-left:4px solid var(--orange);flex:1}
.arow.t .al{color:var(--orange)}
.arow.t p{color:var(--ink)}
.aarr{display:grid;place-items:center;height:40px;color:var(--orange)}
.aarr svg{width:22px;height:22px;transform:rotate(90deg)}
.pp-rule b{font-weight:600;color:var(--ink)}
@media (max-width:1000px){.pp-ans{grid-template-columns:1fr}}

.g-an{margin-top:14px;padding-left:14px;border-left:3px solid var(--orange);color:#fff}
.c-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--mute);font-style:italic}
.num small.wk{font-size:.3em;margin-left:.25em;letter-spacing:-.01em}

@media (max-width:480px){.topnav{gap:12px;font-size:14px}.topnav .btn{padding:.55em .95em}}
.lgl{color:inherit;text-decoration:underline;text-underline-offset:3px}
.lgl:hover{color:#fff}
.imp{width:min(760px,calc(100% - 32px));max-height:min(86vh,900px);border:0;padding:clamp(28px,4vw,56px);background:#fff;color:var(--ink);overflow:auto}
.imp::backdrop{background:rgba(18,18,18,.55);backdrop-filter:blur(3px)}
.imp h2{font-size:clamp(28px,3vw,40px);margin-bottom:8px}
.imp h3{margin-top:28px;font-size:18px;letter-spacing:-.01em}
.imp h4{margin-top:22px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--f-text);font-weight:600;color:var(--ink-2)}
.imp p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.imp a{color:var(--ink);word-break:break-word}
.imp-x{position:sticky;top:0;float:right;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);margin:-12px -12px 0 12px}
.imp-x:hover{background:var(--line)}

/* offer: entries flow into one core */
.offer-sec .h2{max-width:17em}
.ent-k{margin-top:clamp(36px,4vw,56px);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}
.offer-sec .ways{margin-top:16px;align-items:stretch}
.way{display:flex;flex-direction:column}
.w-at{font-family:var(--f-display);font-size:clamp(19px,1.6vw,23px)!important;line-height:1.3!important;color:var(--ink)!important;letter-spacing:-.01em;min-height:3.9em}
.w-dir{margin-top:18px;border:1px dashed var(--red);padding:16px 16px 18px;display:grid;gap:4px}
.w-dir b{font-weight:500;font-size:18px}
.w-to{margin-top:auto;padding-top:18px;display:grid;place-items:center;color:var(--wc)}
.w-to svg{width:28px;height:28px}
.core{scroll-margin-top:100px;margin-top:14px;border:2px solid var(--ink);border-top:6px solid var(--red);padding:clamp(26px,3.4vw,52px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;background:#fff}
.core-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600}
.core h3{margin-top:10px;font-size:clamp(34px,3.6vw,56px)}
.core-c{margin-top:10px;font-size:clamp(18px,1.4vw,21px);color:var(--ink)}
.core-d{margin-top:14px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:36em}
.core-f{list-style:none;margin:0;padding:0}
.core-f li{padding:14px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.core-f li:first-child{border-top:0}
.core-f b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em;color:var(--ink);line-height:1.1}
@media (max-width:900px){.core{grid-template-columns:1fr}.w-at{min-height:0}.way .w-to{display:none}.way:last-child .w-to{display:grid}}


/* ---------- client logo ticker ---------- */
.tick{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tick ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.tick-t{width:max-content;animation:tick 78s linear infinite}
.tick:hover .tick-t{animation-play-state:paused}
.tick-set ul{gap:clamp(44px,5vw,80px);padding-right:clamp(44px,5vw,80px)}
.tick li{flex:none;display:flex;align-items:center;height:40px}
.logos .tick img{width:auto;max-width:none;opacity:.55;filter:none;mix-blend-mode:normal;transition:opacity .3s}
.tick li:hover img,.tick li:hover .wm{opacity:.9}
.tick .wm{font-family:var(--f-display);font-weight:600;font-size:20px;letter-spacing:.02em;color:#000;opacity:.55;white-space:nowrap;transition:opacity .3s}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick-t{animation:none;flex-wrap:wrap}.tick-set[aria-hidden]{display:none}.tick-set ul{flex-wrap:wrap;row-gap:20px}.tick{-webkit-mask:none;mask:none}}
/* ---------- insight modal ---------- */
.ins{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:rgba(12,12,12,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .6s,backdrop-filter .6s,-webkit-backdrop-filter .6s}
.ins[hidden]{display:none}
.ins.open{background:rgba(12,12,12,.78);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.ins-panel{width:min(880px,100%);max-height:calc(100vh - 2*clamp(12px,3vw,40px));max-height:calc(100dvh - 2*clamp(12px,3vw,40px));overflow:auto;overscroll-behavior:contain;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.35);color:#f3f3f1;padding:clamp(28px,5vw,64px);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .6s var(--ease),transform .8s var(--ease);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.ins.open .ins-panel{opacity:1;transform:none}
.ins-panel:focus{outline:none}
.ins-x{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));right:18px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);color:#000;display:grid;place-items:center;z-index:2;opacity:0;transition:opacity .4s .2s,transform .3s}
.ins.open .ins-x{opacity:1}
.ins-x:hover{transform:rotate(90deg)}
.ins-x:focus{outline:none}.ins-x:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ins-body{font-size:17px;line-height:1.65}
.ins-body .in-k{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:600}
.ins-panel{background:rgba(24,24,24,.94)!important}
@media (max-width:760px){.ins-body .in-k{padding-right:64px}}
.ins-body h2{margin-top:14px;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.025em;color:#fff}
.ins-body .in-lead{margin-top:18px;font-family:var(--f-display);font-size:clamp(20px,1.8vw,26px);line-height:1.35;color:#fff}
.ins-body p{margin-top:16px;color:rgba(255,255,255,.82)}
.ins-body h3{margin-top:clamp(32px,4vw,48px);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--f-text);font-weight:600;color:rgba(255,255,255,.6)}
.ins-body .in-end{margin-top:clamp(28px,3vw,40px);padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-family:var(--f-display);font-size:clamp(19px,1.6vw,23px);line-height:1.4;color:#fff}
.in-arr{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.in-arr li{position:relative;padding-left:30px;color:#fff}
.in-arr li::before{content:"";position:absolute;left:0;top:.62em;width:16px;height:2px;background:var(--orange)}
.in-arr li::after{content:"";position:absolute;left:9px;top:calc(.62em - 4px);width:7px;height:7px;border:solid var(--orange);border-width:2px 2px 0 0;transform:rotate(45deg)}
.in-steps{list-style:none;margin:18px 0 0;padding:0;counter-reset:st;display:grid;gap:12px}
.in-steps li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:18px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.in-steps li::before{content:counter(st,decimal-leading-zero);grid-row:span 2;font-family:var(--f-display);font-size:26px;color:var(--orange);line-height:1}
.in-steps b,.in-two b,.in-grid b{font-weight:500;color:#fff;display:block}
.in-steps span,.in-two span,.in-grid span{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.55;display:block;margin-top:4px}
.ins-body blockquote{margin:22px 0 0;padding:4px 0 4px 18px;border-left:3px solid var(--orange);font-family:var(--f-display);font-size:19px;color:#fff}
.in-two{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.in-two>div,.in-grid>div{padding:18px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--orange)}
.in-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.in-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.in-sins{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.in-sins li{display:grid;grid-template-columns:36px 1fr auto;gap:16px;align-items:start;padding:18px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.in-sins .sn{font-family:var(--f-display);font-size:24px;color:var(--orange);line-height:1.1}
.in-sins b{display:block;font-family:var(--f-display);font-weight:500;font-size:21px;color:#fff}
.in-sins em{display:block;font-style:italic;color:rgba(255,255,255,.9);margin-top:2px}
.in-sins div>span{display:block;margin-top:6px;color:rgba(255,255,255,.75);font-size:15.5px;line-height:1.55}
.in-sins .sto{align-self:center;white-space:nowrap;background:var(--red);color:#fff;font-size:14px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px}
.in-sins .sto i{display:inline-grid;width:16px;height:16px}
.in-fig{margin:26px 0 0}
.in-fig img{display:block;width:100%;height:auto;background:#fff;border-radius:2px}
.in-fig figcaption{margin-top:8px;font-size:13px;color:rgba(255,255,255,.55)}
.in-cta{margin-top:26px}
@media (max-width:700px){.in-two,.in-grid,.in-grid.three{grid-template-columns:1fr}.in-sins li{grid-template-columns:28px 1fr}.in-sins .sto{grid-column:2;justify-self:start}}
@media (prefers-reduced-motion:reduce){.ins,.ins-panel{transition:none}}

.in-tldr{margin-top:24px;padding:18px 20px;background:rgba(255,255,255,.06);border-left:3px solid var(--orange)}
.in-tldr span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--orange)}
.ins-body .in-tldr p{margin-top:8px;color:#fff;font-size:16px;line-height:1.6}
.in-nums{margin-top:clamp(28px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.in-nums div{background:#1b1b1b;padding:16px 16px 18px;display:grid;gap:6px;align-content:start}
.in-nums b{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;color:#fff;line-height:1.1}
.in-nums span{font-size:14px;line-height:1.45;color:rgba(255,255,255,.72)}
.ins-body .in-src{margin-top:8px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.5)}
.in-faq{margin:14px 0 0;display:grid;gap:0}
.in-faq dt{padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-weight:500;color:#fff;font-size:16px}
.in-faq dd{margin:6px 0 14px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.6}
.nm-b{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;text-align:left;font-family:var(--f-display);font-weight:500;font-size:clamp(22px,1.8vw,28px);color:#fff;cursor:pointer}
.nm-b span{display:inline-flex;align-items:center;gap:.4em;font-family:var(--f-text);font-size:14px;font-weight:500;color:#cfcfcf;border-bottom:1px solid var(--magenta);padding-bottom:1px}
.nm-b span svg{width:13px;height:13px}
.nm-b:hover span{color:#fff}
.ins-body .pp-c{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.ins-body .pp-c a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.pp-books{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}
.pp-books li{padding:12px 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:2px}
.pp-books b{font-weight:500;color:#fff;font-size:16px;line-height:1.4}
.pp-books span{font-size:14px;color:rgba(255,255,255,.62)}
.in-stats{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.in-stats>div{padding:22px 22px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--orange)}
.in-stats b{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.02em;color:#fff;line-height:1.1}
.in-stats b i{display:inline-grid;width:.6em;height:.6em;color:var(--orange)}
.in-stats span{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.5}
@media (max-width:700px){.in-stats{grid-template-columns:1fr}}

.pinfo{position:absolute;right:clamp(16px,2.4vw,36px);bottom:clamp(16px,3vw,32px);z-index:4;display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:13px;letter-spacing:.02em;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:background .3s,transform .3s var(--ease);animation:rise 1s var(--ease) 2.2s both}
.pinfo:hover{background:#fff;transform:translateY(-1px)}
.pinfo:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pi-i{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;font-size:14px;line-height:1}
@media (max-width:700px){.pinfo .pi-t{display:none}.pinfo{padding:5px}}

/* ---------- vertical logo: TATIN Strategy Activation + current chapter ---------- */
.vbrand{flex-direction:column;align-items:flex-end;gap:2px;font-family:"Neue Haas Grotesk Text Pro","Helvetica Neue",Helvetica,var(--f-display);font-size:clamp(14px,1.2vw,18px);line-height:1.08;letter-spacing:-.005em}
.vbrand b,.vbrand .vch{font-weight:700}
.vbrand b{color:#121212;transition:color .4s}
.vbrand .vch{color:#c2c2c2;transition:color .4s,opacity .25s,transform .35s var(--ease)}
.vbrand .vch.swap{opacity:0;transform:translateY(-6px)}
.vbrand.dark b{color:#fff}
.vbrand.dark .vch{color:rgba(255,255,255,.42)}
@media (min-width:701px){.vbrand{position:fixed;left:clamp(14px,2.4vw,36px);top:96px;z-index:40}}
@media (max-width:700px){.vbrand{font-size:13px}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .pre{opacity:1;transform:none}
}

/* ---------- all headlines: Neue Haas Grotesk Display, bold ---------- */
/* headline spec: Neue Haas Grotesk Text Pro, 75 Bold, line height 20/17, letter spacing 0, #000; size varies */
h1,h2,h3,.h2{font-family:"Neue Haas Grotesk Text Pro","NeueHaasGroteskText Pro","Neue Haas Grotesk Text","Helvetica Neue","Inter Tight",Helvetica,Arial,sans-serif!important;font-weight:700!important;letter-spacing:0!important;line-height:1.176!important}
:where(h1,h2,h3,.h2){color:#000}
.pacc .pt h3,.gteam h3,.side.d h2,.foot h2,.foot h3{color:inherit}

/* ================= brand rail, plus, menu (v23) ================= */
:root{--rail:clamp(64px,6.4vw,100px)}
.vbrand{position:absolute;left:14px;top:120px;z-index:45;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:"Neue Haas Grotesk Text Pro","NeueHaasGroteskText Pro","Neue Haas Grotesk Text","Helvetica Neue",Helvetica,"Inter Tight",Arial,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,17px);line-height:1.176;letter-spacing:0;white-space:nowrap;animation:rise 1.2s var(--ease) .2s both}
.vbrand .l1{display:flex;align-items:center;gap:.3em;color:#000}
.vb-home{color:inherit;text-decoration:none;font-weight:700}
.scrollcue{display:none}
@media (min-width:701px){.hero .copy{top:96px}}
.vbrand .vch{color:#c2c2c2}
.mx{all:unset;cursor:pointer;display:inline-grid;place-items:center;font:inherit;font-weight:700;font-size:1.3em;line-height:1;color:#000;width:1.25em;height:1.25em;border-radius:50%;transition:transform .45s var(--ease),color .3s}
.mx:hover{color:var(--red)}
.mx:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mx[aria-expanded="true"]{transform:rotate(45deg);color:var(--red)}
.mx.flash{animation:plusFlash 1.6s ease-in-out 1.4s 1 both}
@keyframes plusFlash{0%,100%{color:#121212;text-shadow:none;transform:scale(1)}35%{color:var(--red);text-shadow:0 0 14px rgba(254,36,11,.55);transform:scale(1.45)}65%{color:var(--red);text-shadow:0 0 6px rgba(254,36,11,.3);transform:scale(1.1)}}
.claim{display:flex;align-items:center;gap:12px;margin:0 0 clamp(18px,2vw,28px);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);animation:rise 1.2s var(--ease) .1s both}
.claim span{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:0;line-height:1;color:var(--orange)}
.topbar .wrap{justify-content:flex-start;gap:clamp(18px,2.4vw,36px)}
.topnav{flex:1;justify-content:flex-start}
.topnav .btn{margin-left:auto}
/* desktop and tablet: white rail on the left, logo fixed inside it */
@media (min-width:701px){
  body{padding-left:var(--rail)}
  .vbrand{position:fixed;left:calc((var(--rail) - 2.2em)/2);top:96px}
  .topbar{left:var(--rail)}
}
/* tablet: menu as a dropdown panel */
@media (min-width:701px) and (max-width:1000px){
  .topbar .wrap{height:auto;padding-block:18px 22px}
  .topnav{flex-wrap:wrap;gap:12px 22px;font-size:15px}
  .topnav a:not(.btn){display:inline}
}
/* mobile: logo becomes a slim horizontal bar, plus opens a full menu */
@media (max-width:700px){
  body{padding-top:58px}
  .vbrand{position:fixed;left:0;right:0;top:0;writing-mode:horizontal-tb;transform:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:58px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-size:15px;animation:none;z-index:60}
  .vbrand .l1{width:100%}
  .vbrand .vch{font-size:12px;color:#a9a9a9}
  .mx{font-size:1.6em;position:absolute;right:6px;top:calc((58px + env(safe-area-inset-top,0px))/2 - 22px);width:44px;height:44px}
  .topbar{top:58px;transform:translateY(calc(-100% - 60px))}
  .topbar.on{transform:none}
  .topbar .wrap{height:auto;padding-block:8px 20px;flex-direction:column;align-items:stretch}
  .topnav{flex-direction:column;align-items:stretch;gap:0;font-size:18px}
  .topnav a:not(.btn){display:block;padding:12px 0;border-bottom:1px solid var(--line)}
  .topnav a.lng{display:none}
  .topnav .btn{margin:16px 0 0;align-self:flex-start;padding:.7em 1.2em;font-size:16px}
  .hero .copy{top:56px;left:16px}
  .claim{font-size:10px;letter-spacing:.12em;gap:8px;white-space:nowrap}
  .claim span{font-size:18px}
}
html.menu-open .topbar{box-shadow:0 12px 30px rgba(0,0,0,.06)}

/* ---------- trial: vertical grid lines (CD reference), remove this block + .gridlines div to undo ---------- */
.gridlines{position:fixed;inset:0;z-index:30;pointer-events:none;mix-blend-mode:multiply}
.gl-in{width:100%;height:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.gl-in i{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
@media (min-width:701px){.gridlines{left:var(--rail)}}
@media (max-width:700px){.gl-in{grid-template-columns:1fr}.gl-in i:not(:first-child){display:none}}
@media print{.gridlines{display:none}}

/* ================= harmonise with the 4 grid lines (desktop) ================= */
:root{--gap:clamp(16px,2vw,32px);--g:calc((min(100vw - var(--rail), var(--wrap) + 2*var(--gut)) - 2*var(--gut) - 3*var(--gap))/4);--g2:calc(2*var(--g) + var(--gap));--g3:calc(3*var(--g) + 2*var(--gap))}
.st-intro{display:none}
@media (min-width:1001px){
  .hero .copy{left:calc(var(--cl,160px) - var(--rail));width:var(--g2);top:96px}
  .ask .q{grid-column:1/10}
  main .head,main .wrap > .head{grid-column:1/10;max-width:none}
  .work .head,.persp .head{grid-column:1/10!important;max-width:none!important;width:auto}
  .work .head .h2,.persp .head .h2{max-width:var(--g3)!important}
  main .h2,main h2.h2.mk,.story .h2{max-width:var(--g3)}
  .story .s-lead{max-width:var(--g2)}
  .h2,.head h2,.top h2,.offer-sec > .wrap > h2{max-width:var(--g3)}
  .lead,.s-lead,.reach .top .lead{max-width:var(--g2)}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap)}
  .st-intro{display:block;align-self:start;padding-top:4px}
  .st-intro p{margin-top:14px;font-size:17px;line-height:1.55;color:var(--ink-2);font-weight:300}
  .stat h4{max-width:none}
  .benefits{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap)}
  .benefit:nth-child(3n+1){grid-column:2}.benefit:nth-child(3n+2){grid-column:3}.benefit:nth-child(3n){grid-column:4}
  .s-in .txt{grid-column:1/7}.s-in .beats{grid-column:7/13}
  .cards{gap:var(--gap)}
  .card{flex:0 0 var(--g)}
  .statement .big,.statement blockquote{grid-column:1/7}
  .statement p.side{grid-column:7/13;max-width:var(--g2);margin-left:0!important;padding-left:0!important;justify-self:start}
  .statement{align-items:start}
  .ways{column-gap:var(--gap)}
  .rgrid{grid-template-columns:var(--g2) minmax(0,1fr);column-gap:var(--gap)}
  .rgrid .map{margin-inline:0;width:100%;margin-top:56px}
  .rgrid{align-items:start}
  .foot .c2{grid-column:7/13}
  .vals{column-gap:var(--gap)}
  .br{column-gap:var(--gap)}
  .br-c p{max-width:none}
  .pp-sides{column-gap:var(--gap)}
  .pp-sides .plus{left:50%}
  .pp-net{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
  .pp-ans{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
}

/* ================= only vertical lines: remove horizontal hairlines (CD) ================= */
.benefit,.paccs,.pacc,.pacc > summary,.logos,.beat,.gain,.job,.arow,.c-note,.c-st,.case,.min,.step,.sum,.br-c,.foot .low,.vals,.core-f li,.goal li,.g-l li,.in-steps li,.ct-res,.ct-q,.pr,.pp,.topbar,.side li,.c-bh li,.reach .case,.ins-body .in-end,.st-intro,.stat,.w-dir,.rl,.c-col,.vch{border-top:0!important;border-bottom:0!important}
.lev,.acard,.ncard,.fstep,.gcol,.w-dir{border:0!important}
.arow.t{border-left:4px solid var(--orange)!important}
table td,table th{border-top:0!important;border-bottom:0!important}
table tr:nth-child(even) td{background:var(--soft)}
li{border-top:0;border-bottom:0}
.sline{border-bottom:0!important;background:var(--soft);padding-inline:16px}
.topbar{box-shadow:0 10px 30px rgba(0,0,0,.06)}
.block > summary,.gcol li,.checks li{border-top:0!important;border-bottom:0!important}
.core{border:0!important;border-top:6px solid var(--red)!important;background:var(--soft)}
.d-ans{border:0!important;background:var(--soft)}
@media (max-width:700px){br.bk{display:none}}
.pacc > summary::before{display:none}

.hero .copy .h-lead{margin-top:clamp(18px,2vw,28px);font-family:"Neue Haas Grotesk Text Pro","Helvetica Neue",Helvetica,var(--f-display);font-weight:500;font-size:clamp(18px,1.45vw,22px);line-height:1.4;color:#000;animation:rise 1.2s var(--ease) .3s both}
.hero .copy .h-lead + p{margin-top:12px}

/* gridlines v2: drawn as SVG segments that leave out every line of text */
.gl-in i{border-color:transparent!important}
#glsvg{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:30;mix-blend-mode:multiply;overflow:visible}
@media print{#glsvg{display:none}}

.hero .copy h1{font-size:clamp(30px,2.75vw,46px)!important;line-height:1.176!important;hyphens:manual}
.hero .copy .h-body{margin-top:clamp(20px,2vw,30px)}
@media (max-width:700px){.hero .copy h1{font-size:28px!important}}

.diag text{font-family:"Neue Haas Grotesk Text Pro","NeueHaasGroteskText Pro","Helvetica Neue",Helvetica,"Inter Tight",Arial,sans-serif;fill:#000}
.diag .t1{font-weight:700;letter-spacing:0}
.diag .t0{font-weight:700;letter-spacing:0}
.diag .t2{font-weight:400;letter-spacing:0}
.diag path{vector-effect:non-scaling-stroke}

/* how it works, now part of the offer */
.howto{margin-top:clamp(72px,8vw,128px)}
.howto .head{grid-column:1/7}
.howto .hw-h{margin-top:14px;font-size:clamp(28px,3vw,44px)}
.howto .lead{margin-top:20px}
.howto .diag-scroll{margin-top:clamp(28px,3.5vw,56px)}
.howto .br{margin-bottom:clamp(56px,6vw,96px)}

/* career test collapsed + partner teaser (footer) */
.ctd{margin-top:14px}
.ctd > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0}
.ctd > summary::-webkit-details-marker{display:none}
.ctd .ct-h{margin-top:0}
.ctd-s{display:block;margin-top:6px;color:#bdbdbd;font-size:16px}
.ctd .pm{border-color:rgba(255,255,255,.45)!important;background:transparent!important;color:#fff!important}
.ctd > summary:hover .pm{border-color:#fff!important}
.ctd[open] .pm{background:#fff!important;color:#121212!important;border-color:#fff!important}
.ctd[open] .pm::after{transform:translate(-50%,-50%) rotate(0)}
.ctd:not([open]) .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.ptr{margin-top:clamp(36px,4vw,56px)}
.ptr-t{margin-top:12px;color:#fff;font-size:clamp(18px,1.5vw,22px);line-height:1.45}
.ptr-l{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px}
.ptr-l svg{width:18px;height:18px}
.ptr-l:hover{border-color:#fff}
.pubs{margin-top:clamp(36px,4vw,56px)}
.pub-l{list-style:none;margin:14px 0 0;padding:0}
.pub-l li{margin-top:14px}
.pub-l a{color:#fff;font-size:clamp(16px,1.2vw,18px);line-height:1.4;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}
.pub-l a:hover{border-color:#fff}
.pub-l span{display:block;margin-top:6px;font-size:13px;color:#9a9a9a}

.pinfo,.pinfo{padding:6px 16px 6px 6px;gap:12px;max-width:min(420px,calc(100% - 32px));text-align:left;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.pinfo .pi-t{display:grid!important;gap:1px;line-height:1.25}
.pinfo .pi-t small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:600}
.pinfo .pi-l{font-family:var(--f-display);font-size:15px;font-weight:500;color:var(--ink);letter-spacing:0}
.pinfo .pi-i{position:relative;flex:none;width:34px;height:34px;font-size:17px;background:var(--red)}
.pinfo .pi-i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--red);opacity:0;animation:piPulse 2.6s ease-out 3s infinite}
.pinfo .pi-a{flex:none;display:grid;place-items:center;width:18px;height:18px;color:var(--red);transition:transform .35s var(--ease)}
.pinfo .pi-a svg{width:18px;height:18px}
.pinfo:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.pinfo:hover .pi-a{transform:translateX(4px)}
@keyframes piPulse{0%{transform:scale(.85);opacity:.7}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.pinfo .pi-i::after{animation:none}}
@media (max-width:700px){.pinfo{padding:5px 12px 5px 5px;gap:10px}.pinfo .pi-l{font-size:13.5px}.pinfo .pi-t small{font-size:9.5px}.pinfo .pi-i{width:30px;height:30px}}
.ins-body .in-by{margin-top:10px;font-size:14px;color:rgba(255,255,255,.6)}
.ins-body .in-fig.wide img{background:none}
.in-cmp{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.in-cmp>div{padding:18px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.in-cmp>div:last-child{border-top:3px solid var(--orange)}
.in-cmp>div:first-child{border-top:3px solid rgba(255,255,255,.25)}
.in-cmp b{display:block;font-weight:500;color:#fff;margin-bottom:8px}
.in-cmp ul{margin:0;padding-left:18px;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.55}
.in-cmp li+li{margin-top:4px}
@media (max-width:760px){.in-cmp{grid-template-columns:1fr}}

.vqs{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,64px);border-top:1px solid var(--line)}
.vq{border-bottom:1px solid var(--line)}
.vq>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--f-display);font-weight:500;font-size:clamp(18px,1.5vw,22px);line-height:1.3;color:var(--ink)}
.vq>summary::-webkit-details-marker{display:none}
.vq>summary i{flex:none;position:relative;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;transition:background .3s,border-color .3s}
.vq>summary i::before,.vq>summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.vq>summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.vq[open]>summary i{background:var(--magenta);border-color:var(--magenta);color:#fff}
.vq[open]>summary i::after{transform:translate(-50%,-50%) rotate(0)}
.vq>p{margin:0 0 26px;max-width:36em;font-size:16px;line-height:1.65;color:var(--ink-2);font-weight:300}
.vq-cta{margin-top:clamp(36px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.vq-cta .btn{margin-top:0}
.vq-cta span{color:var(--ink-2);font-size:15px}
@media (max-width:760px){.vqs{grid-template-columns:1fr}}

.lm{margin-top:clamp(40px,5vw,72px);--g:#d6d3cd}
.lm-hd,.lm-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,2vw,32px);align-items:center}
.lm-hd{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--line)}
.lm-row{padding:18px 0;border-bottom:1px solid var(--line)}
.lm-g{font-family:var(--f-display);font-weight:500;font-size:clamp(17px,1.5vw,21px);line-height:1.25;padding-left:14px;border-left:4px solid var(--lc)}
.lm-t{display:flex;align-items:center;height:28px}
.lm-a,.lm-b{flex:1;height:3px;background:#3a3a3a;transition:background .6s}
.lm-b{background:var(--g)}
.lm-gap{flex:none;position:relative;width:46px;height:28px;margin:0 6px;border:2px dashed #b9b5ae;border-radius:6px;transition:border-color .5s,background .5s}
.lm-gap::before,.lm-gap::after{content:"";position:absolute;top:50%;width:10px;height:2px;background:#b9b5ae;transition:opacity .3s}
.lm-gap::before{left:-12px;transform:rotate(35deg)}.lm-gap::after{right:-12px;transform:rotate(-35deg)}
.lm-gap b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s var(--ease)}
.lm-gap b svg{width:16px;height:16px}
.lm-d{display:flex;flex-wrap:wrap;gap:8px}
.lm-d i{width:14px;height:14px;border-radius:50%;background:var(--g);transition:background .5s}
.lm-st{margin-top:18px;font-size:15px;color:var(--ink-2);min-height:1.6em;position:relative}
.lm-s2{position:absolute;left:0;top:0;opacity:0;transition:opacity .5s;color:var(--ink);font-weight:500}
.lm-s1{transition:opacity .5s}
.lm.on .lm-a,.lm.on .lm-b{background:var(--lc)}
.lm.on .lm-gap{border:2px solid var(--lc);background:var(--lc)}
.lm.on .lm-gap::before,.lm.on .lm-gap::after{opacity:0}
.lm.on .lm-gap b{opacity:1;transform:none}
.lm.on .lm-d i{background:var(--lc);animation:lmPulse 2.4s ease-in-out infinite}
.lm.on .lm-s1{opacity:0}.lm.on .lm-s2{opacity:1}
.lm-row:nth-child(3) .lm-gap,.lm-row:nth-child(3) .lm-d i,.lm-row:nth-child(3) .lm-b{transition-delay:.25s}
.lm-row:nth-child(4) .lm-gap,.lm-row:nth-child(4) .lm-d i,.lm-row:nth-child(4) .lm-b{transition-delay:.5s}
.lm-row:nth-child(5) .lm-gap,.lm-row:nth-child(5) .lm-d i,.lm-row:nth-child(5) .lm-b{transition-delay:.75s}
.lm-d i:nth-child(2){animation-delay:.15s!important}.lm-d i:nth-child(3){animation-delay:.3s!important}.lm-d i:nth-child(4){animation-delay:.45s!important}
.lm-d i:nth-child(5){animation-delay:.6s!important}.lm-d i:nth-child(6){animation-delay:.75s!important}.lm-d i:nth-child(7){animation-delay:.9s!important}.lm-d i:nth-child(8){animation-delay:1.05s!important}
@keyframes lmPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--lc) 55%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--lc) 0%,transparent);transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.lm.on .lm-d i{animation:none}}
@media (max-width:760px){.lm-hd{display:none}.lm-row{grid-template-columns:1fr auto;row-gap:10px}.lm-g{grid-column:1/-1}.lm-t{min-width:120px}.lm-d{gap:6px;max-width:150px}.lm-d i{width:12px;height:12px}}
.cp{max-width:none}
.cp-lead{margin-top:16px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-2);font-weight:300;max-width:40em}
.cp-q{display:block;font-family:var(--f-display);font-weight:500;color:var(--ink);font-size:1.1em;margin-bottom:6px}
.cp-args{margin-top:clamp(28px,3vw,44px);display:grid;gap:14px}
.cp-arg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(18px,2vw,28px);border:1px solid var(--line);background:#fff}
.cp-n{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--mute)}
.cp-arg h4{margin-top:6px;font-size:clamp(19px,1.6vw,23px);font-family:var(--f-display);font-weight:600;line-height:1.25}
.cp-arg p{margin-top:8px;color:var(--ink-2);font-size:16px;line-height:1.6;font-weight:300}
.cp-ig svg{width:100%;height:auto;display:block}
.cp-qh{margin-top:clamp(32px,3vw,48px);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600}
.cp-qa{margin-top:10px;border-top:1px solid var(--line)}
.cp-qa details{border-bottom:1px solid var(--line)}
.cp-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font-family:var(--f-display);font-weight:500;font-size:clamp(17px,1.4vw,20px);color:var(--ink)}
.cp-qa summary::-webkit-details-marker{display:none}
.cp-qa summary i{flex:none;position:relative;width:30px;height:30px;border:1px solid var(--line);border-radius:50%}
.cp-qa summary i::before,.cp-qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.cp-qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.cp-qa details[open] summary i{background:var(--tc);border-color:var(--tc);color:#fff}
.cp-qa details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.cp-qa p{margin:0 0 20px;max-width:44em;color:var(--ink-2);font-size:16px;line-height:1.65;font-weight:300}
.cp-more{margin-top:28px}
.cp-more a{display:inline-flex;align-items:center;gap:.5em;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--tc);padding-bottom:2px}
.cp-more a svg{width:16px;height:16px;flex:none}
@media (max-width:860px){.cp-arg{grid-template-columns:1fr}}

.lm2{margin-top:clamp(40px,5vw,72px)}
.lm2-hd,.lm2-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr);gap:clamp(14px,2vw,32px);align-items:center}
.lm2-hd{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--line)}
.lm2-hd span:nth-child(2){text-align:center}
.lm2-body{padding:22px 0;border-bottom:1px solid var(--line)}
.lm2-goals{list-style:none;margin:0;padding:18px 20px;display:grid;gap:12px;background:var(--soft);border:1px solid var(--line)}
.lm2-goals li{font-family:var(--f-display);font-weight:500;font-size:clamp(16px,1.35vw,19px);line-height:1.3;padding-left:12px;border-left:4px solid var(--lc)}
.lm2-track{display:flex;align-items:center;height:40px}
.lm2-a,.lm2-b{flex:1;height:3px;background:#3a3a3a;transition:background .6s 1.1s}
.lm2-b{background:#d6d3cd}
.lm2-gap{flex:none;position:relative;width:104px;height:40px;display:grid;place-items:center}
.lm2-bar{position:relative;display:grid;place-items:center;width:40px;height:4px;border-radius:3px;background:#121212;transform:rotate(90deg);overflow:hidden;
 transition:transform .6s var(--ease),width .5s var(--ease) .6s,height .5s var(--ease) .6s,border-radius .5s .6s,background .5s .6s}
.lm2-bar b{color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .35s 1.1s}
.lm2-teams{display:grid;grid-template-columns:repeat(6,14px);gap:12px;justify-content:start}
.lm2-teams i{width:14px;height:14px;border-radius:50%;background:#d6d3cd;transition:background .5s 1.2s}
.lm2.on .lm2-bar{transform:rotate(0);width:104px;height:28px;border-radius:14px;background:var(--red)}
.lm2.on .lm2-bar b{opacity:1}
.lm2.on .lm2-a,.lm2.on .lm2-b{background:var(--red)}
.lm2.on .lm2-teams i{background:var(--dc);animation:lmPulse2 2.4s ease-in-out 1.6s infinite}
.lm2-teams i:nth-child(4n+1){--dc:var(--yellow)}.lm2-teams i:nth-child(4n+2){--dc:var(--magenta)}.lm2-teams i:nth-child(4n+3){--dc:var(--orange)}.lm2-teams i:nth-child(4n){--dc:var(--red)}
.lm2-teams i:nth-child(3n+2){animation-delay:1.9s!important}.lm2-teams i:nth-child(3n){animation-delay:2.2s!important}
@keyframes lmPulse2{0%,100%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--dc) 55%,transparent)}50%{transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb,var(--dc) 0%,transparent)}}
.lm2.on .lm-s1{opacity:0}.lm2.on .lm-s2{opacity:1;transition-delay:1.3s}
@media (prefers-reduced-motion:reduce){.lm2 *{transition:none!important}.lm2.on .lm2-teams i{animation:none}}
@media (max-width:760px){.lm2-hd{display:none}.lm2-body{grid-template-columns:auto 1fr;row-gap:18px}.lm2-goals{grid-column:1/-1}
 .lm2-track{min-width:140px}.lm2-gap{width:84px}.lm2.on .lm2-bar{width:84px}.lm2-teams{grid-template-columns:repeat(6,12px);gap:9px;justify-content:end}.lm2-teams i{width:12px;height:12px}}

.lm2-body{column-gap:0}
.lm2-teams{padding-left:clamp(14px,2vw,28px)}
.lm2-bar{width:44px;height:5px}
@media (max-width:760px){.lm2-body{column-gap:0}.lm2-teams{padding-left:12px}}

.lmw{display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,23%,290px);margin-top:16px}
.lmw>.ways{grid-column:1;margin-top:0}
.lmw .way .w-to{display:block!important;margin-top:auto;padding:0;width:0;height:46px;align-self:center;border-left:2px dashed var(--wc);position:relative;color:var(--wc)}
.lmw .way .w-to svg{display:none}
.lmw .way .w-to::after{content:"";position:absolute;left:-6px;bottom:2px;width:8px;height:8px;border:solid var(--wc);border-width:0 2px 2px 0;transform:rotate(45deg)}
.lmw .way>details{margin-bottom:14px}
.lmw-coll{grid-column:1;display:flex;align-items:center;height:44px;margin-top:-2px}
.lmw-coll .lm2-a{flex:1;height:3px;background:#3a3a3a;transition:background .6s 1.1s}
.lmw-end{grid-column:2;position:relative;display:flex;align-items:center;height:44px;margin-top:-2px}
.lmw-end .lm2-gap{width:84px}
.lmw-end .lm2-b{flex:1;min-width:10px;max-width:28px}
.lmw-end .lm2-teams{grid-template-columns:repeat(6,10px);gap:7px;padding-left:10px}
.lmw-end .lm2-teams i{width:10px;height:10px}
.lm2.on .lmw-end .lm2-bar{width:84px}
.lm2.on .lmw-coll .lm2-a{background:var(--red)}
.lmw-cap,.lmw-cap2{position:absolute;top:100%;margin-top:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:600;white-space:nowrap}
.lmw-cap{left:0;width:84px;text-align:center;white-space:normal;line-height:1.3}
.lmw-cap2{right:0}
.lmw>.lm-st{grid-column:1/-1;margin-top:44px}
.lmw>.ways .way:last-child .w-to{display:block!important}
@media (max-width:1100px){.lmw{grid-template-columns:1fr}.lmw-coll{display:none}.lmw-end{grid-column:1;justify-content:flex-start}.lmw-end::before{content:"";flex:1;height:3px;background:#3a3a3a;transition:background .6s 1.1s}.lm2.on .lmw-end::before{background:var(--red)}
 .lmw-cap{left:auto;right:calc(28px + 6*10px + 5*7px + 10px)}.lmw .way .w-to{height:28px}}
@media (max-width:760px){.lmw .way .w-to{display:none!important}.lmw>.ways .way:last-child .w-to{display:block!important}}

.lmw-coll,.lmw-end{height:20px;margin-top:-4px}
.lmw .w-at{overflow-wrap:anywhere;hyphens:auto}

.lmw-cap{top:calc(50% + 22px);margin-top:0}
.lmw-cap2{top:calc(50% + 40px);margin-top:0}
.lmw>.lm-st{margin-top:72px}

@media (max-width:760px){.lmw>.ways .way .w-to,.lmw>.ways .way:last-child .w-to{display:none!important}.lmw-coll,.lmw-end{margin-top:18px}}

@media (min-width:761px){.cards .card{flex:0 0 calc((100% - var(--gut) - 2*var(--gap))/3)}}

.way .w-note{margin-top:10px;padding:0 4px;font-size:13px;line-height:1.5;color:var(--mute)}
.lmw .way>details{margin-bottom:0}
.lmw .way .w-note{margin-bottom:14px}

.lmw-note{grid-column:2;grid-row:1;align-self:end;margin:0 0 18px;padding-left:clamp(16px,2vw,28px);font-size:14px;line-height:1.55;color:var(--ink-2)}
.lmw .way>details{margin-bottom:14px}
@media (max-width:1100px){.lmw-note{grid-column:1;grid-row:auto;padding-left:0;margin:22px 0 8px}}

.lmw-note{margin-bottom:46px}
@media (max-width:1100px){.lmw-note{order:1;margin:16px 0 0}}

.ssir-proof{margin-top:28px;display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .3s,background .3s}
.ssir-proof:hover{border-color:var(--ink);background:var(--soft)}
.ssir-proof .sp-m{flex:none;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:22px;letter-spacing:.04em;color:#8c1515}
.ssir-proof .sp-t{flex:1;font-family:var(--f-display);font-weight:500;font-size:clamp(16px,1.4vw,19px);line-height:1.35}
.ssir-proof .sp-k{display:block;font-family:var(--f-text);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:3px}
.ssir-proof .sp-a{flex:none;width:20px;height:20px;color:var(--red);transition:transform .3s var(--ease)}
.ssir-proof:hover .sp-a{transform:translateX(4px)}

/* v80 last-mile principle + message cards */
.lmx{margin-top:clamp(36px,4.5vw,64px);background:var(--soft);padding:clamp(26px,3.6vw,52px) clamp(20px,3.6vw,56px) clamp(22px,3vw,40px)}
.lmx-g{display:grid;grid-template-columns:18px minmax(60px,1.6fr) 104px minmax(28px,.45fr) auto;grid-template-rows:auto auto;align-items:center;row-gap:14px}
.lmx-o{width:18px;height:18px;border-radius:50%;background:#121212;transition:background .6s 1.1s}
.lmx .lm2-a,.lmx .lm2-b{display:block;flex:none;height:3px}
.lmx .lm2-gap{width:104px}
.lmx .lm2-teams{grid-template-columns:repeat(8,14px);gap:10px;padding-left:clamp(10px,1.4vw,20px)}
.lmx .lm2-teams i{width:14px;height:14px}
.lm2.on .lmx-o{background:var(--red)}
.lmx-c{grid-row:2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:600;white-space:nowrap}
.lmx-c1{grid-column:1/3;justify-self:start}
.lmx-c2{grid-column:3;justify-self:center;text-align:center}
.lmx-c3{grid-column:5;justify-self:start;padding-left:clamp(10px,1.4vw,20px)}
.lmx .lm-st{margin-top:22px}
.msgs{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}
.msg{display:flex;flex-direction:column;border-top:4px solid var(--wc);padding-top:18px}
.msg-s{font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.55vw,23px);line-height:1.3;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;hyphens:manual}
.msg-a{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink-2);margin-bottom:16px}
.msg>.lev,.msg>.msg-cta{margin-top:auto}
.msg-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:13px 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:500;font-size:15px;border-radius:999px}
.msg-cta svg{width:18px;height:18px}
.msg-cta:hover{background:var(--red)}
.msg-note{margin-top:clamp(26px,3vw,40px);margin-bottom:clamp(36px,4vw,56px);max-width:46em;font-size:15px;line-height:1.55;color:var(--ink-2);padding-left:14px;border-left:3px solid var(--line)}
@media (max-width:1000px){.msgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.msgs{grid-template-columns:1fr;row-gap:30px}
 .lmx-g{grid-template-columns:12px minmax(24px,1fr) 80px 16px auto}.lmx-o{width:12px;height:12px}
 .lmx .lm2-gap{width:80px}.lm2.on .lmx .lm2-bar{width:80px;height:24px}.lmx .lm2-bar b{font-size:12px}
 .lmx .lm2-teams{grid-template-columns:repeat(6,9px);gap:6px;padding-left:8px}.lmx .lm2-teams i{width:9px;height:9px}
 .lmx-c{font-size:10px;letter-spacing:.08em}.lmx-c2{white-space:normal;max-width:80px;line-height:1.3}.lmx-c3{padding-left:8px}}

/* v81 chips */
.chip{margin-top:auto;display:grid;gap:6px;padding:16px 18px 18px;background:var(--soft);border-left:3px solid var(--wc);scroll-margin-top:100px;text-decoration:none;color:var(--ink)}
.chip-k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500}
.chip b{font-weight:500;font-size:17px;line-height:1.35}
.chip-go{position:relative;background:var(--ink);color:#fff;border-left-color:var(--red);padding-right:52px;transition:background .3s}
.chip-go .chip-k{color:rgba(255,255,255,.65)}
.chip-go svg{position:absolute;right:18px;bottom:20px;width:20px;height:20px;transition:transform .35s var(--ease)}
.chip-go:hover{background:#000}.chip-go:hover svg{transform:translateX(4px)}

/* v82 */
.ssir-proof .sp-r{display:block;margin-top:6px;font-family:var(--f-text);font-weight:400;font-size:14px;line-height:1.45;color:var(--ink-2)}
.in-how{margin-top:10px;font-size:14px;color:inherit;opacity:.85}
.in-how>summary{cursor:pointer;font-weight:500;color:inherit;text-decoration:underline;text-underline-offset:3px}
.in-how>p{margin-top:8px;line-height:1.6}
.w4{margin:clamp(8px,1vw,16px) 0 clamp(36px,4vw,56px);border-top:3px solid var(--red);padding-top:22px}
.w4-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600}
.w4-h{margin-top:8px;font-size:clamp(24px,2.2vw,34px)}
.w4-g{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,48px)}
.w4-c{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.w4-s,.w4-d{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45}
.w4-s{color:var(--ink-2)}.w4-d{color:var(--ink);font-weight:500}
@media (max-width:760px){.w4-g{column-gap:16px}.w4-s,.w4-d{font-size:15px}}
.ins-body .in-mem{margin-top:32px;padding-left:14px;border-left:3px solid rgba(255,255,255,.35);font-size:15px;color:rgba(255,255,255,.75);font-style:italic}
.ins-body .in-cta{display:inline-flex;align-items:center;gap:.55em;width:auto}
.ins-body .in-cta svg{width:1em;height:1em;flex:none}
.goal{align-items:start}

.card h3 a.cl{color:inherit;text-decoration:none}
.card h3 a.cl:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.inav{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mute)}
.inav a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}
.inav a:hover{color:var(--ink);border-color:var(--red)}
.team .tm{padding:0;border:0;background:none;display:block;cursor:pointer;border-radius:50%}
.team .tm:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.team .tm:hover img{filter:none}
.tnames{list-style:none;margin:24px 0 0;padding:0;max-width:480px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.tnames li{display:grid;gap:1px;line-height:1.3}
.tnames a{color:#fff;text-decoration:none;font-size:15px;font-weight:500;justify-self:start;border-bottom:1px solid transparent}
.tnames a:hover,.tnames a:focus-visible{border-color:var(--magenta)}
.tnames span{font-size:12.5px;color:#9a9a9a}
.tnames .tn-x{color:#fff;font-size:15px;font-weight:500}
.team a.tm{display:block;border-radius:50%}
.team .tm{position:relative;display:block}
.team .tt{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);z-index:6;background:#fff;color:#121212;padding:7px 11px 8px;border-radius:2px;white-space:nowrap;text-align:left;font-size:13px;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.team .tt b{display:block;font-weight:600}
.team-h{margin-top:48px;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.team-h + .team{margin-top:16px}
.team .tt i{display:block;font-style:normal;font-size:12px;color:#555}
@media (hover:hover){.team .tm:hover .tt{opacity:1;transform:translate(-50%,0)}}
.team .tm:focus-visible .tt{opacity:1;transform:translate(-50%,0)}
.team .tm:nth-child(6n+1) .tt{left:0;transform:translateY(4px)}
.team .tm:nth-child(6n) .tt{left:auto;right:0;transform:translateY(4px)}
@media (hover:hover){.team .tm:nth-child(6n+1):hover .tt,.team .tm:nth-child(6n):hover .tt{transform:none}}
.team .tm:nth-child(6n+1):focus-visible .tt,.team .tm:nth-child(6n):focus-visible .tt{transform:none}
@media (max-width:760px){.team .tm:nth-child(n) .tt{left:50%;right:auto;transform:translate(-50%,4px)}.team .tm:nth-child(5n+1) .tt{left:0;transform:translateY(4px)}.team .tm:nth-child(5n) .tt{left:auto;right:0;transform:translateY(4px)}}
.team a.tm:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.team a.tm:hover img{filter:none}
.c2 .tn-h{display:block;margin-top:32px;color:#9a9a9a}
.c2 .tn-h + .tnames{margin-top:14px}
.ins-body .pp-beirat{margin-top:12px;display:inline-block;padding:6px 12px;border:1px solid var(--magenta);color:#fff;font-size:14px;letter-spacing:.02em}
@media (max-width:760px){.tnames{grid-template-columns:1fr 1fr;gap:10px 14px}.tnames a{font-size:14px}}
.ins-body .pp-ph{margin:0 0 18px;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#222}
.ins-body .pp-ph img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.ins-body .in-perma{margin-top:28px;font-size:14px}
.ins-body .pp-kd{margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;line-height:1.6;color:#fff}
.ins-body .pp-kl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 4px}
.ins-body .pp-kd ul{list-style:none;margin:0;padding:0}
.ins-body .pp-kd li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ins-body .pp-kd li b{display:block;font-weight:500;color:#fff}
.ins-body .pp-kd li span{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
.ins-body .in-perma a{color:rgba(255,255,255,.75);text-decoration:none;border-bottom:1px solid var(--magenta)}
.ins-body .in-perma a:hover{color:#fff}

.lsw{position:absolute;top:clamp(16px,2.4vw,32px);right:clamp(16px,2.4vw,36px);z-index:6;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:13px;font-weight:600;letter-spacing:.06em}
.lsw a,.lsw span{display:inline-block;padding:5px 11px;border-radius:999px;color:var(--ink);text-decoration:none;line-height:1}
.lsw span{background:var(--ink);color:#fff}
.lsw a:hover{background:rgba(0,0,0,.08)}
.topnav a.lng{font-weight:600;letter-spacing:.06em}
@media (max-width:760px){.lsw{top:12px;right:12px;font-size:12px}.lsw a,.lsw span{padding:5px 9px}}