/*
Theme Name: PHILIPP KI-Marathon
Description: Individuelles Theme für den KI-Marathon® mit PHILIPP Content.
Version: 1.2.4
Author: Agentur Philipp
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: philipp-ki-marathon
License: GPL-2.0-or-later
*/
:root{--ink:#192a29;--green:#18584b;--accent:#267560;--paper:#f7f8f5;--muted:#63706b;--line:#dbe1dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b37a2b;outline-offset:5px}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-1.8px;font-weight:850;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:1.7px;margin-top:9px}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.wrap{width:90%;max-width:1296px;margin:auto}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;background:var(--green);color:white;padding:17px 24px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#103f36;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-top:68px;padding-bottom:78px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:12px}.line{width:25px;height:1px;background:var(--green)}h1{font-size:clamp(52px,5.8vw,86px);line-height:1.04;font-weight:500;letter-spacing:-4px;margin:30px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green)}.intro{max-width:500px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:17px;align-items:center}.appointment{display:flex;gap:12px;margin-top:31px;font-size:12px;line-height:1.65;color:var(--muted)}.appointment img{object-fit:cover;border-radius:50%}.appointment strong{font-weight:500;color:var(--ink)}.hero-visual{height:580px;position:relative;background:var(--green);margin-bottom:18px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:64% center;filter:brightness(.77)}.hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,30,26,.83));pointer-events:none}.image-top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:1.3px}.image-caption{position:absolute;bottom:68px;left:34px;z-index:1;color:white}.image-caption span{font-size:12px;letter-spacing:1px}.image-caption strong{display:block;font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.2;margin-top:14px}.floating-note{position:absolute;bottom:-26px;left:30px;right:30px;z-index:2;display:flex;align-items:center;gap:15px;padding:20px;background:white;box-shadow:0 8px 35px #152f2410}.floating-note strong{font-size:13px;display:block}.floating-note small{font-size:12px;color:var(--muted)}.floating-note>span:last-child{margin-left:auto}.note-icon{color:var(--green);background:#edf2ed;display:grid;place-items:center;width:40px;height:40px;font-size:25px}.trust{border-top:1px solid var(--line);padding:30px 0 45px;text-align:center}.trust p{font-size:12px;color:var(--muted);margin:0 0 27px}.logos{display:flex;justify-content:space-around;gap:22px;align-items:center;flex-wrap:wrap;color:#57625c}.logos span{font-family:Georgia,serif;font-size:28px;font-weight:bold}.logos .krinner{font:800 25px Arial;letter-spacing:2px}.logos .martin{font:800 20px Arial}.section{padding-top:100px;padding-bottom:100px}.journey{background:#eef1ec}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}h2{font-size:clamp(35px,3.65vw,53px);line-height:1.15;letter-spacing:-1.7px;font-weight:500;margin:22px 0 0}.section-head>p{color:var(--muted);max-width:390px;font-size:16px;margin:0}.journey-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px}.steps{display:flex;flex-direction:column;gap:13px}.steps button{padding:27px 25px;display:flex;align-items:center;text-align:left;gap:24px;background:transparent;border:1px solid #cdd6ce;color:var(--ink)}.steps button[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.steps button>span{font-size:14px;opacity:.7}.steps button div{font-size:19px}.steps small{display:block;font-size:13px;opacity:.7;margin-top:4px}.steps b{font-weight:400;margin-left:auto;font-size:25px}.phase-panel{padding:36px 42px;background:var(--paper);border-top:2px solid var(--green)}.panel-label,.panel-result span{font-size:11px;letter-spacing:1.5px;color:var(--muted)}h3{font-weight:500;font-size:29px;line-height:1.25;letter-spacing:-.7px;margin:14px 0}.phase-panel p{color:var(--muted);font-size:15px}.phase-panel ul,.distance-facts ul{list-style:none;padding:0;font-size:14px;line-height:2.1}.phase-panel li:before,.distance-facts li:before{content:'✓';padding-right:12px}.panel-result{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.panel-result strong{display:block;font-size:16px;font-weight:500;margin-top:5px}.results{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.results article{padding:34px}.results article+article{border-left:1px solid var(--line)}.sector{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.metric{font-size:68px;letter-spacing:-3px;color:var(--green);line-height:1.2;margin-top:35px}.metric span{font-size:17px;letter-spacing:0}.results h3{font-size:23px}.results p{font-size:15px;color:var(--muted);min-height:80px}.attribution{font-size:12px}.source-note{font-size:12px;color:var(--muted);margin-top:20px}.source-note a{text-decoration:underline}.distance{background:#e9eeea}.distance-switch{display:flex;width:fit-content;border:1px solid #c3cfc7;padding:5px;gap:4px;margin-bottom:24px}.distance-switch button{border:0;background:transparent;padding:12px 28px;color:var(--ink);font-size:14px}.distance-switch button[aria-selected=true]{background:var(--green);color:white}.distance-panel{padding:50px 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:var(--green);color:white}.distance-panel .eyebrow{color:#c8dbd0;font-size:11px}.distance-panel h3{font-family:Georgia,serif;font-size:36px;line-height:1.2;max-width:370px;font-weight:400;margin:19px 0}.distance-panel p{color:#d0ddd5;max-width:470px;font-size:15px}.button.light{background:var(--paper);color:var(--green);margin-top:18px}.button.light:hover{background:#dce7dc}.distance-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;border-left:1px solid #ffffff30;padding-left:50px}.distance-facts strong{font-size:60px;line-height:1.1;font-weight:400;display:block}.distance-facts span{display:block;font-size:12px;color:#d0ddd5;margin-top:10px}.distance-facts ul{grid-column:1/-1;margin-bottom:0}.about{display:grid;grid-template-columns:.83fr 1fr;gap:110px;align-items:center}.founder{position:relative}.founder>img{width:100%;height:500px;object-fit:cover;object-position:50% 25%;display:block}.founder>div{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;color:white;background:linear-gradient(transparent,#102520d9)}.founder strong,.founder span{display:block}.founder strong{font-size:18px}.founder span{font-size:12px}.about-copy p{color:var(--muted);font-size:16px}.about-facts{display:flex;gap:50px;border-top:1px solid var(--line);padding-top:20px;margin:27px 0}.about-facts strong{font-size:29px;font-weight:500;display:block}.about-facts span{font-size:12px;color:var(--muted)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-top:70px}details{border-bottom:1px solid var(--line)}summary{padding:23px 25px 23px 0;font-size:16px;cursor:pointer;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:23px;top:18px}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{color:var(--muted);font-size:15px;padding-right:30px;margin-top:0}.closing{padding:80px 0 90px;background:#173f35;color:white;text-align:center}.closing .eyebrow{justify-content:center;color:#c7d4ca}.closing h2{font-size:clamp(38px,4.8vw,68px);line-height:1.1}.closing em{color:#b9d3b3}.closing p{color:#c8d7ce}.closing small{display:block;margin-top:18px;font-size:12px;color:#c8d7ce}footer{padding-top:47px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.footer-top>div a{display:block;font-size:14px}.footer-top p{font-size:14px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}@media(min-width:1500px){.hero{gap:85px}.hero-visual{height:630px}}@media(max-width:1050px){header nav{gap:20px}.hero{gap:30px}.hero-visual{height:530px}h1{letter-spacing:-2.5px}.hero-actions{gap:15px}.hero-actions .button{gap:14px}.journey-grid{gap:25px}.steps button{padding:25px 18px;gap:15px}.steps button div{font-size:17px}.phase-panel{padding:30px}.results article{padding:25px}.about{gap:50px}.distance-panel{gap:40px;padding:40px}.distance-facts{padding-left:30px}.section{padding-top:75px;padding-bottom:75px}}@media(max-width:760px){header{height:86px;gap:12px}header nav{display:none}.brand{font-size:28px}.brand span{font-size:8px;letter-spacing:1.1px}.button.small{font-size:12px;padding:10px 13px;gap:12px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:37px}.hero h1{font-size:clamp(52px,11vw,75px)}.hero h1 br:nth-child(2){display:none}.eyebrow{font-size:10px;letter-spacing:1.2px}.intro{font-size:16px}.hero-visual{height:440px}.hero-photo{object-position:center 36%}.image-caption{bottom:65px}.floating-note{left:18px;right:18px;padding:17px}.hero-actions{gap:20px}.logos{gap:25px 35px}.logos span{font-size:23px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px}.journey-grid{grid-template-columns:1fr}.steps{gap:7px}.steps button{padding:19px}.steps small{font-size:12px}.steps button div{font-size:17px}.phase-panel{padding:28px}.results{grid-template-columns:1fr}.results article+article{border-left:0;border-top:1px solid var(--line)}.results p{min-height:0}.metric{margin-top:20px}.results article{padding:30px}.distance-switch{width:100%;gap:0}.distance-switch button{flex:1;padding:12px 6px;font-size:12px}.distance-panel{grid-template-columns:1fr;gap:35px;padding:30px}.distance-facts{border-left:0;border-top:1px solid #ffffff30;padding:25px 0 0}.distance-panel h3{font-size:32px}.about{grid-template-columns:1fr;gap:40px}.founder>img{height:420px;object-position:center 25%}.about-facts{gap:40px}.faq{grid-template-columns:1fr;gap:20px}.section{padding-top:60px;padding-bottom:60px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top .brand{width:100%}.footer-bottom{flex-wrap:wrap}.footer-bottom>span{width:100%}.closing{padding:60px 0}.closing p{font-size:15px}h2{letter-spacing:-1px}.image-top{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* PHILIPP: brand-led motion redesign */
:root{--ink:#17172b;--green:#3a398c;--accent:#ffa100;--paper:#f6f6fa;--muted:#666678;--line:#dcdce8;--violet:#3a398c;--navy:#111126;--orange:#ffa100}body{background:var(--navy);color:#f9f9ff}header{position:relative;z-index:5;border-bottom:1px solid #ffffff1a;max-width:none;padding:0 5%;height:96px;background:var(--navy)}.brand{font-size:35px;font-weight:900;letter-spacing:-2px}.brand span{font-size:9px;letter-spacing:1.6px}nav{font-size:14px;color:#c2c1d7}.button{background:var(--orange);color:#17172b;border-radius:6px;font-weight:700;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{background:#ffb42e;box-shadow:0 8px 32px #ffa10030;transform:translateY(-4px)}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button.small{background:transparent;border:1px solid #ffffff40;color:white}.button.small:hover{background:var(--violet);border-color:#8a83ff}.hero{min-height:740px;padding-top:55px;padding-bottom:75px;grid-template-columns:1.1fr 1fr;gap:35px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:11px;color:#b9b6d5;letter-spacing:1.4px}.line{background:var(--orange);width:26px}.hero h1{font-size:clamp(58px,5.9vw,90px);font-weight:800;letter-spacing:-4.5px;line-height:1.04;margin:32px 0}.hero h1>span{font-size:.63em;letter-spacing:-2.5px;font-weight:500;display:inline-block;margin-bottom:12px}.hero h1 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;color:#afa6ff;letter-spacing:-4px}.intro{color:#b9b8ca;max-width:505px;line-height:1.75}.hero .text-link{color:#e4e1ff}.appointment{color:#9896b0}.appointment strong{color:#d9d6ed}.appointment img{border:2px solid #5c588e}.track-visual{height:590px;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,#3a398c66,transparent 66%);border:1px solid #ffffff12;border-radius:18px;position:relative;margin-bottom:0;overflow:hidden}.track-visual:after{display:none}.track-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;color:#b0accb;font-size:11px;letter-spacing:2px}.motion-toggle{background:transparent;color:#bdb7e6;border:1px solid #ffffff30;width:30px;height:30px;border-radius:50%;font-size:12px;letter-spacing:0;display:grid;place-items:center}.marathon-map{position:absolute;width:100%;height:auto;top:20px;left:0;overflow:visible}.map-main{fill:#fff;font:bold 88px Arial;letter-spacing:-5px}.map-sub{fill:#b8b2d8;font:12px Arial;letter-spacing:5px}.track-stop{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;border:1px solid #6b6290;border-radius:6px;padding:12px 15px;background:#202038;color:#e4e0ff;font-size:13px;box-shadow:0 8px 25px #08081370;transition:transform .3s,background .3s,border-color .3s}.track-stop>span{color:#9790c1;font-size:11px}.track-stop b{font-weight:400;margin-left:8px}.track-stop:hover{transform:translateY(-5px);border-color:#afa6ff}.track-stop.active{background:var(--violet);border-color:#afa6ff}.track-stop.active>span{color:var(--orange)}.stop-1{top:21%;left:5%}.stop-2{top:45%;right:3%}.stop-3{top:66%;left:10%}.track-detail{position:absolute;bottom:25px;left:25px;right:25px;border-top:1px solid #ffffff20;padding-top:18px}.track-detail>span{display:block;color:var(--orange);font-size:10px;letter-spacing:2px}.track-detail strong{display:block;font-size:16px;font-weight:500;margin-top:5px}.track-detail p{font-size:12px;color:#a7a2c1;margin:3px 0 0}.track-hint{position:absolute;right:20px;bottom:143px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;color:#87819f}.trust{border-top:1px solid #ffffff20;padding:30px 0 42px}.trust p{color:#89849e;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}.logos{color:#ccc9dc}.logos span{transition:color .3s,transform .3s}.logos span:hover{color:#fff;transform:translateY(-3px)}.kinetic-band{background:var(--orange);color:#17172b;padding:20px 0;overflow:hidden;transform:rotate(-1.5deg) scale(1.01);position:relative;z-index:2;margin:10px 0 -10px}.kinetic-band>div{width:max-content;white-space:nowrap;font-size:39px;line-height:1;font-weight:800;letter-spacing:-1px;animation:marquee 28s linear infinite}.kinetic-band i{display:inline-block;margin:0 45px;font-style:normal;font-weight:400}.journey{background:#f6f6fa;color:var(--ink);padding-top:120px}.section h2{font-weight:650;letter-spacing:-2px}.section h2 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:650;color:var(--violet)}.section .eyebrow{color:var(--violet);font-weight:700}.section-head>p{color:var(--muted)}.steps button{border:0;border-bottom:1px solid #dcdce8;border-radius:0;background:transparent;transition:background .3s,transform .3s,color .3s;min-height:115px}.steps button:hover{transform:translateX(6px);background:#e9e7f6}.steps button[aria-selected=true]{background:var(--violet);color:#fff;border-radius:8px}.steps button[aria-selected=true]>span{color:#ffd389}.steps button[aria-selected=true] b{color:var(--orange)}.phase-panel{background:#fff;border:1px solid #e0dfee;border-radius:12px;box-shadow:0 12px 40px #17172b05;min-height:424px}.phase-panel h3{font-size:32px;font-weight:600;letter-spacing:-1px}.phase-panel li:before{color:var(--violet)}.panel-result{border-top:1px solid #dfdfec}.panel-result strong{color:var(--violet)}#ergebnisse{color:var(--ink);position:relative;isolation:isolate}#ergebnisse:before{content:'';position:absolute;top:0;bottom:0;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);background:#fff;z-index:-1}.results{border:0;gap:20px}.results article{border:1px solid #e5e3ef!important;border-radius:12px;background:#f8f7fc;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.results article:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .4s}.results article:hover{transform:translateY(-8px);box-shadow:0 15px 40px #3a398c12}.results article:hover:before{transform:scaleX(1)}.metric{color:var(--violet);font-size:76px;font-weight:600;letter-spacing:-4px}.metric span{font-weight:400}.distance{background:#3a398c;color:#fff;position:relative;overflow:hidden}.distance .eyebrow{color:#cfcaee}.distance h2 em{color:#ffbd56}.distance .section-head>p{color:#cfcaee}.distance-switch{border:1px solid #ffffff30;border-radius:9px;background:#292868;width:fit-content}.distance-switch button{color:#d0cbe7;border-radius:5px;font-weight:600;transition:background .3s,color .3s}.distance-switch button[aria-selected=true]{background:var(--orange);color:#17172b}.distance-panel{background:#232254;border:1px solid #6d64a6;border-radius:14px;box-shadow:0 25px 50px #17172b20;min-height:330px}.distance-panel .eyebrow{color:#beb6e5}.distance-panel h3{font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:600;letter-spacing:-1px}.distance-panel p{color:#c3bedc}.distance-facts{border-color:#6c6295}.distance-facts strong{color:#ffa100;font-weight:500}.distance-facts span{color:#c3bedc}.distance-facts li:before{color:#ffa100}.button.light{background:white;color:#292868}.button.light:hover{background:#ece8ff;box-shadow:0 10px 30px #0c0b2c30}.about{padding-top:110px;padding-bottom:110px;color:#f7f5ff;gap:90px}.about .eyebrow{color:#a99dff}.about h2 em{color:#afa6ff}.about-copy p{color:#a8a3be}.about-facts{border-color:#ffffff20}.about-facts strong{color:#fff}.about-facts span{color:#a8a3be}.about .text-link{color:#ffbd56}.founder{border-radius:12px;overflow:hidden;transform:rotate(-2deg);transition:transform .6s}.founder:hover{transform:rotate(0deg)}.founder>img{height:540px;filter:saturate(.75)}.founder>div{background:linear-gradient(transparent,#15142bcc);padding-top:75px}.faq{border-color:#ffffff20}.faq .eyebrow{color:#a99dff}.faq h2 em{color:#afa6ff}details{border-color:#ffffff20}details p{color:#b3adc9}summary:after{color:#ffa100}summary:hover{color:#bdb2ff}.closing{background:#f2f0fa;color:#17172b;padding:110px 0;position:relative;overflow:hidden}.closing .eyebrow{color:var(--violet)}.closing h2{font-weight:700;font-size:clamp(42px,5.8vw,80px);letter-spacing:-3px}.closing em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;color:var(--violet)}.closing p,.closing small{color:#69647e}.closing .button{background:var(--violet);color:#fff}.closing .button:hover{background:#5046a5}footer{overflow:hidden}.footer-word{font-size:clamp(80px,20vw,280px);font-weight:900;line-height:1.1;letter-spacing:-.06em;color:#27253f;white-space:nowrap;border-bottom:1px solid #ffffff18;margin-bottom:45px}.footer-word>span{font-size:.17em;vertical-align:top;display:inline-block;margin-top:.8em;margin-left:.3em}.footer-top p{color:#aaa3bb}.footer-bottom{border-color:#ffffff20;color:#aaa3bb}.scroll-progress{position:fixed;top:0;left:0;z-index:100;height:3px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(32px)}.hero-copy>*{animation:enter .9s both}.hero-copy>h1{animation-delay:.1s}.hero-copy>.intro{animation-delay:.2s}.hero-copy>.hero-actions{animation-delay:.3s}.hero-copy>.appointment{animation-delay:.4s}.track-visual{animation:enter 1.2s .2s both}.panel-enter{animation:panelEnter .4s both}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{transition:none}.motion-paused .reveal:not(.visible){opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes panelEnter{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.hero{gap:20px;min-height:660px}.hero h1{font-size:65px}.hero h1>span{font-size:.59em}.track-visual{height:540px}.stop-3{top:62%}.track-detail{bottom:22px}.track-hint{display:none}.track-stop{font-size:12px;padding:10px;gap:6px}.section h2{font-size:44px}.about{gap:50px}.hero .eyebrow{font-size:9px}.marathon-map{top:55px}}@media(max-width:760px){header{height:85px}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:45px}.hero h1{font-size:clamp(58px,13.5vw,86px);letter-spacing:-3px;margin:25px 0}.hero h1 em{letter-spacing:-3px}.hero h1 br:nth-child(2){display:initial}.hero h1>span{letter-spacing:-1px;font-size:.58em}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-visual{height:560px;max-width:560px;width:100%;margin:auto}.marathon-map{top:25px;max-height:475px}.stop-1{top:24%;left:5%}.stop-2{top:42%;right:3%}.stop-3{top:62%;left:8%}.track-detail{bottom:22px}.track-heading{padding:20px}.track-stop{font-size:12px;padding:10px 12px}.hero .intro{font-size:16px}.kinetic-band>div{font-size:27px}.kinetic-band i{margin:0 24px}.kinetic-band{padding:16px 0}.journey{padding-top:80px}.section h2{font-size:38px;letter-spacing:-1.7px}.steps button{min-height:95px}.phase-panel{min-height:410px}.results{gap:15px}.distance-switch{width:100%}.distance-panel{min-height:0}.about{padding-top:70px;padding-bottom:65px}.founder>img{height:440px}.closing{padding:75px 0}.closing h2{letter-spacing:-1.8px}.footer-word{margin-bottom:30px}.footer-top{padding-bottom:25px}}@media(max-width:390px){.hero-visual{height:500px}.marathon-map{top:30px}.track-detail strong{font-size:14px}.stop-3{top:60%}.track-heading{font-size:10px}.hero h1{font-size:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}.kinetic-band>div{transform:none}.hero-copy>*,.track-visual{opacity:1;transform:none}}
/* Editorial refinement, original identity and locally hosted brand typography. */
@font-face{font-family:Inter;src:url('assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--navy:#121222;--paper:#f8f8fb;--muted:#6b697e}body{font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--navy)}header{height:110px;padding-left:6%;padding-right:6%;background:#121222}.wrap{width:88%;max-width:1280px}.brand{display:inline-flex;align-items:center;line-height:1}.brand img{width:166px;height:auto;filter:invert(1);display:block}.brand span{display:none}header nav{gap:34px;font-size:13px;font-weight:400}header .button.small{border-color:#ffffff35;padding:13px 20px;border-radius:3px;font-size:12px;font-weight:500}.hero{grid-template-columns:1.08fr 1fr;gap:60px;padding-top:70px;padding-bottom:85px;min-height:735px}.hero h1{font-size:clamp(58px,5.5vw,83px);font-weight:600;letter-spacing:-4px;line-height:1.08}.hero h1 em{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-4px;color:#b7adff}.hero h1>span{font-weight:400;font-size:.59em;letter-spacing:-1.7px;margin-bottom:17px}.hero .eyebrow{color:#c1bad7;font-size:10px;font-weight:500;letter-spacing:1.4px}.hero .intro{font-size:16px;line-height:1.9;max-width:465px;color:#b3aec6}.hero-actions{gap:24px;margin-top:34px}.button{border-radius:3px;font-size:13px;font-weight:600;padding:17px 22px}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffa10016}.hero .text-link{font-size:12px;font-weight:500}.appointment{font-size:11px;margin-top:30px;line-height:1.8}.appointment img{width:39px;height:39px;border:1px solid #ffffff40}.track-visual{height:580px;border-radius:0;border:none;background:radial-gradient(ellipse at 50% 40%,#3a398c3d,transparent 68%)}.track-heading{padding:13px 8px;letter-spacing:2px;font-size:10px;border-bottom:1px solid #ffffff16}.marathon-map{top:7px}.track-stop{padding:11px 14px;border-radius:3px;background:#1c1b30de;border-color:#6d638870;box-shadow:0 10px 35px #05051130;font-size:12px;backdrop-filter:blur(12px)}.track-stop:hover{transform:translateY(-3px)}.track-stop.active{background:#3a398cc9;border-color:#a89bd5a0}.track-detail{left:8px;right:8px;bottom:14px;padding-top:19px}.track-detail strong{font-size:15px;font-weight:500;letter-spacing:-.2px}.track-detail p{font-size:12px}.track-detail>span{font-size:9px;letter-spacing:1.7px;color:#dca354}.track-hint{font-size:9px;letter-spacing:1.5px}.map-main{font-family:Inter,Arial,sans-serif;font-size:80px;font-weight:500;letter-spacing:-5px}.map-sub{font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:4px}.motion-toggle{border-color:#ffffff20;font-size:10px;width:28px;height:28px}.trust{width:100%;max-width:none;background:#fff;color:#17172b;padding:35px 0 38px;border:0;margin:0}.trust-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e6ee;padding-bottom:22px}.trust-heading p{text-align:left;color:#777386;font-size:12px;text-transform:none;letter-spacing:0;margin:0;line-height:1.65}.trust-heading strong{color:#272437;font-weight:500}.trust-heading>span{font-size:11px;letter-spacing:.3px;color:#7a7587}.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;margin-top:20px}.client-logo{height:90px;display:flex;align-items:center;justify-content:center;transition:opacity .35s;opacity:.8}.client-logo:hover{opacity:1}.client-logo img{width:100%;height:100%;object-fit:contain;display:block}.kinetic-band{transform:none;background:#f8f8fb;color:#8e869e;border-top:1px solid #e8e6ee;border-bottom:1px solid #e8e6ee;padding:19px 0;margin:0}.kinetic-band>div{font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:3.5px;font-weight:500;animation-duration:48s}.kinetic-band i{font-size:15px;margin:0 48px;color:#3a398c;font-weight:400}.section{padding-top:112px;padding-bottom:112px}.section-head{margin-bottom:56px;align-items:end}.section h2{font-family:Inter,Arial,sans-serif;font-size:clamp(36px,3.55vw,51px);font-weight:500;line-height:1.2;letter-spacing:-2px}.section h2 em{font-family:Inter,Arial,sans-serif;font-weight:500}.section .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500}.section-head>p{font-size:14px;line-height:1.9;max-width:365px}.journey{background:#f8f8fb}.journey-grid{gap:65px;grid-template-columns:1fr 1.04fr}.steps{gap:0}.steps button{min-height:130px;padding:26px 23px;gap:24px}.steps button div{font-size:17px;letter-spacing:-.3px}.steps small{font-size:12px;font-weight:400;margin-top:6px}.steps button[aria-selected=true]{border-radius:4px}.steps button:hover{transform:none}.phase-panel{border-radius:4px;box-shadow:none;padding:36px 38px;min-height:410px}.phase-panel h3{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-1px}.phase-panel p{font-size:14px;line-height:1.85}.phase-panel ul{font-size:13px;line-height:2.2}.panel-result strong{font-weight:500;font-size:14px}.panel-label,.panel-result span{font-size:9px;letter-spacing:1.7px}.results{gap:0;background:#fff;border-top:1px solid #e3e0eb;border-bottom:1px solid #e3e0eb}.results article{background:#fff;border:0!important;border-radius:0;padding:35px 34px;overflow:visible}.results article+article{border-left:1px solid #e3e0eb!important}.results article:hover{transform:none;box-shadow:none}.results article:before{height:2px}.results .sector{font-size:9px;letter-spacing:1.2px;display:block;min-height:18px}.metric{font-size:75px;font-weight:400;letter-spacing:-4px;margin-top:36px}.metric span{font-size:14px;letter-spacing:-.2px}.results h3{font-size:21px;font-weight:500;letter-spacing:-.7px}.results p{font-size:13px;line-height:1.85;min-height:75px}.attribution{font-size:10px;color:#686277}.source-note{font-size:10px;line-height:1.8}.case-logo{position:absolute;top:18px;right:25px;width:116px;height:50px;object-fit:contain}.distance{background:#34337f}.distance h2 em{color:#d4cbed}.distance .section-head>p{color:#d1cce5}.distance-switch{border-radius:4px;background:transparent;gap:0;border-color:#ffffff30;padding:3px}.distance-switch button{font-size:12px;font-weight:500;letter-spacing:.1px;padding:13px 25px;border-radius:2px}.distance-switch button[aria-selected=true]{background:#f5f2ff;color:#302c66}.distance-panel{border-radius:4px;border:1px solid #ffffff25;box-shadow:none;background:#282762;padding:52px;gap:60px}.distance-panel h3{font-family:Inter,Arial,sans-serif;font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-1.4px}.distance-panel p{font-size:14px;line-height:1.9}.distance-panel .eyebrow{font-size:9px;letter-spacing:1.5px}.distance-facts strong{color:#dcd3ff;font-size:62px;font-weight:400}.distance-facts li:before{color:#c5bae9}.distance-facts li{font-size:12px;line-height:2.4}.distance-facts span{font-size:11px}.button.light{font-size:12px}.about{gap:100px;grid-template-columns:.85fr 1fr}.founder{border-radius:3px;transform:none}.founder>img{height:560px;filter:saturate(.8)}.founder:hover{transform:none}.founder>div{padding:70px 30px 26px}.founder strong{font-size:16px;font-weight:500}.founder span{font-size:11px}.about-copy p{font-size:14px;line-height:1.95}.about-facts{padding-top:25px;margin:30px 0}.about-facts strong{font-size:29px;font-weight:400;letter-spacing:-1px}.about-facts span{font-size:11px}.about .text-link{font-size:12px;color:#d5cbe9}.faq{padding-top:85px}.faq summary{font-size:14px;padding-top:25px;padding-bottom:25px}.faq details p{font-size:13px;line-height:1.9}.faq summary:after{color:#a49ac4;font-size:21px;top:21px}.closing{padding:110px 0;background:#f7f6fa}.closing h2{font-family:Inter,Arial,sans-serif;font-size:clamp(40px,5.5vw,76px);font-weight:500;letter-spacing:-3.4px;line-height:1.14}.closing h2 em{font-family:Inter,Arial,sans-serif;font-weight:500}.closing p{font-size:14px;margin-top:26px}.closing .eyebrow{font-size:10px;font-weight:500;letter-spacing:2px}.closing small{font-size:10px}.closing .button{margin-top:23px}footer{padding-top:65px}.footer-word{margin-bottom:48px;padding-bottom:55px;line-height:0}.footer-word img{width:100%;max-height:260px;object-fit:contain;object-position:left center;filter:invert(1);opacity:.14}.footer-top .brand img{width:150px}.footer-top>div a,.footer-top p{font-size:12px;line-height:1.9}.footer-bottom{font-size:10px;padding:24px 0 34px}.reveal{transition-duration:1s}.motion-ready .reveal:not(.visible){transform:translateY(22px)}
@media(max-width:1100px){.hero{gap:25px}.hero h1{font-size:64px;letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.track-visual{height:535px}.marathon-map{top:40px}.hero-actions{gap:18px}.logos{gap:15px}.journey-grid{gap:35px}.distance-panel{padding:38px;gap:40px}.about{gap:55px}.case-logo{width:88px;right:18px;top:24px}.results article{padding:30px 23px}.results p{min-height:95px}}
@media(max-width:760px){header{height:92px;padding:0 6%}.brand img{width:130px;height:auto}header .button.small{font-size:10px;padding:12px;gap:10px}.wrap{width:88%}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:46px;gap:35px;min-height:0}.hero h1{font-size:clamp(54px,12vw,80px);line-height:1.1;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.5px}.hero h1>span{font-size:.59em;letter-spacing:-1.2px;margin-bottom:13px}.hero .intro{font-size:14px;line-height:1.9}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px}.hero .text-link{font-size:11px}.hero-visual{height:535px;max-width:500px}.track-heading{font-size:9px}.marathon-map{top:20px}.track-detail{bottom:16px}.track-stop{font-size:11px;padding:10px}.track-detail strong{font-size:14px}.track-detail p{font-size:11px}.stop-1{top:23%}.stop-3{top:61%}.trust{padding:25px 0 20px}.trust-heading>span{font-size:9px;max-width:100px;text-align:right}.trust-heading p{font-size:11px}.logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 16px;margin-top:12px}.client-logo{height:78px}.kinetic-band{padding:16px 0}.kinetic-band>div{font-size:10px;letter-spacing:2.5px}.kinetic-band i{margin:0 28px}.section{padding-top:72px;padding-bottom:72px}.section-head{margin-bottom:34px}.section h2{font-size:36px;letter-spacing:-1.4px}.section .eyebrow{font-size:9px;letter-spacing:1.5px}.section-head>p{font-size:13px}.journey-grid{grid-template-columns:1fr;gap:25px}.steps button{min-height:100px;padding:22px;gap:17px}.steps button div{font-size:15px}.steps small{font-size:11px}.phase-panel{padding:28px;min-height:0}.phase-panel h3{font-size:26px}.phase-panel p{font-size:13px}.phase-panel ul{font-size:12px}.panel-result strong{font-size:13px}.results{grid-template-columns:1fr}.results article{padding:29px 8px}.results article+article{border-left:0!important;border-top:1px solid #e3e0eb!important}.metric{font-size:70px;margin-top:23px}.results p{min-height:0;max-width:290px}.case-logo{top:18px;right:8px;width:118px}.distance-switch button{padding:12px 5px;font-size:10px}.distance-panel{padding:28px;gap:28px;grid-template-columns:1fr}.distance-panel h3{font-size:29px}.distance-panel p{font-size:13px}.distance-facts strong{font-size:53px}.about{grid-template-columns:1fr;gap:36px}.founder>img{height:430px}.about-facts{gap:35px}.about-facts strong{font-size:26px}.faq{gap:28px}.faq summary{font-size:13px;padding-right:24px}.closing{padding:75px 0}.closing h2{font-size:42px;letter-spacing:-1.8px}.closing p{font-size:13px}.closing .button{font-size:11px}footer{padding-top:40px}.footer-word{padding-bottom:35px;margin-bottom:35px}.footer-word img{max-height:150px}.footer-top .brand{width:100%}.footer-bottom{gap:15px}}
@media(max-width:380px){.hero h1{font-size:52px}.hero-visual{height:485px}.track-stop{font-size:10px}.track-detail strong{font-size:12px}.client-logo{height:62px}.brand img{width:116px}.hero .eyebrow{font-size:7px}.closing h2{font-size:37px}}
/* Marathon motion: pace, stages, finish. */
.kinetic-band{background:#ffa100;color:#17172b;padding:26px 0;transform:rotate(-1.6deg) scale(1.015);border:0;margin:0;z-index:3;box-shadow:0 12px 45px #15142b12}.kinetic-band>.marquee-track{display:flex;width:max-content;font-size:clamp(22px,2.9vw,43px);font-weight:700;line-height:1.05;letter-spacing:-1px;animation:marathonMarquee 20s linear infinite}.marquee-track>span{display:block;flex:none;white-space:nowrap}.kinetic-band i{display:inline-block;font-size:1.05em;color:#3a398c;margin:0 34px;animation:arrowPace 2.5s ease-in-out infinite}.race-progress{position:fixed;right:20px;bottom:22px;z-index:30;background:#19182dec;border:1px solid #8e81b64d;backdrop-filter:blur(20px);padding:16px 19px;width:190px;color:white;border-radius:7px;box-shadow:0 10px 35px #11112630;transition:transform .3s}.race-progress:hover{transform:translateY(-4px)}.race-label{display:block;font-size:8px;letter-spacing:1.6px;color:#c2b9dd}.race-distance{display:block;white-space:nowrap;line-height:1.4;margin:5px 0 9px;font-variant-numeric:tabular-nums}.race-distance>b{font-size:27px;font-weight:500;letter-spacing:-1px}.race-distance>small{font-size:10px;color:#b7adc9}.race-meter{display:block;height:2px;background:#ffffff20}.race-meter i{display:block;transform:scaleX(0);transform-origin:left;width:100%;height:100%;background:#ffa100}.race-stage{font-size:8px;letter-spacing:1.5px;display:block;margin-top:8px;color:#f5b44e}.track-visual{overflow:visible;background:radial-gradient(ellipse at 50% 40%,#3a398c59,transparent 66%)}.route-dash{stroke-dasharray:12 88;stroke-linecap:round;animation:trackPace 7s linear infinite;filter:drop-shadow(0 0 8px #ffa10088)}.route-base{opacity:.8}.marathon-map{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.map-main{font-size:69px;letter-spacing:-5px}.map-sub{font-size:9px;letter-spacing:2.2px}.map-live{fill:#ffa100;font:9px Inter,Arial,sans-serif;letter-spacing:1.4px}.track-stop.active{animation:checkpoint 3s ease-in-out infinite}.track-heading>span:before{content:'';display:inline-block;width:5px;height:5px;background:#ffa100;margin-right:10px;border-radius:50%;animation:paceSignal 2.2s ease-in-out infinite}.hero h1 em{background:linear-gradient(105deg,#c0b4ff 10%,#f2edff 40%,#a699ee 60%,#c0b4ff 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:headlinePace 9s ease-in-out infinite}.stage-run{position:relative;display:flex;justify-content:space-between;padding:0 0 32px;margin:0 0 22px;gap:25px}.stage-run>span{position:relative;z-index:1;font-size:9px;letter-spacing:1.4px;color:#6d6384;display:flex;gap:12px;align-items:center;background:#f8f8fb;padding-right:18px}.stage-run>span:last-child{padding-right:0;padding-left:18px}.stage-run b{display:grid;place-items:center;background:#3a398c;color:white;width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:500;transition:background .5s,box-shadow .5s}.stage-run>span.is-passed b{background:#ffa100;color:#17172b;box-shadow:0 0 0 5px #ffa10015}.stage-run-line{position:absolute;top:15px;height:1px;background:#d9d4e5;left:0;right:0}.stage-run-line>i{display:block;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#ffa100}.journey-grid{position:relative}.closing{padding-top:155px;overflow:hidden}.finish-tape{position:absolute;left:-3%;width:106%;top:20px;transform:rotate(2deg);background:#ffa100;color:#17172b;padding:17px 0;white-space:nowrap;overflow:hidden;border-top:7px solid #17172b;border-bottom:7px solid #17172b}.finish-tape:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 48px,#00000004 48px,#00000004 96px);pointer-events:none}.finish-tape>span{display:block;width:max-content;font-size:17px;font-weight:700;letter-spacing:2px;animation:finishPace 12s ease-in-out infinite alternate}.closing.finish-arrived .finish-tape{animation:finishArrival 1.1s cubic-bezier(.2,.75,.2,1) both}.results article:nth-child(2){transition-delay:.13s}.results article:nth-child(3){transition-delay:.26s}.metric{font-variant-numeric:tabular-nums}.motion-paused .marathon-map{transform:none!important}.motion-paused .hero h1 em{background-position:0 50%}.motion-paused .stage-run-line>i,.motion-paused .race-meter i{transition:none}.motion-paused .race-progress{transition:none}
@keyframes marathonMarquee{to{transform:translateX(-50%)}}@keyframes trackPace{to{stroke-dashoffset:-100}}@keyframes checkpoint{0%,100%{box-shadow:0 0 0 0 #8c7aca00}50%{box-shadow:0 0 0 6px #8c7aca15}}@keyframes paceSignal{0%,100%{opacity:1}50%{opacity:.35}}@keyframes headlinePace{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes arrowPace{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}@keyframes finishPace{from{transform:translateX(8vw)}to{transform:translateX(-15vw)}}@keyframes finishArrival{from{opacity:0;transform:translateX(-20%) rotate(-3deg)}to{opacity:1;transform:translateX(0) rotate(2deg)}}
@media(max-width:760px){.kinetic-band{padding:22px 0}.kinetic-band>.marquee-track{font-size:26px;letter-spacing:-.7px;animation-duration:18s}.kinetic-band i{margin:0 23px}.race-progress{right:12px;bottom:12px;width:140px;padding:10px 13px}.race-label{font-size:7px;letter-spacing:1px}.race-distance{margin:3px 0 5px}.race-distance>b{font-size:20px}.race-distance>small{font-size:8px}.race-stage{font-size:7px;margin-top:5px;letter-spacing:1px}.stage-run{gap:8px;padding-bottom:22px;margin-bottom:15px}.stage-run>span{font-size:7px;letter-spacing:.5px;gap:5px;padding-right:5px}.stage-run>span:last-child{padding-left:5px}.stage-run b{width:23px;height:23px;font-size:8px}.stage-run-line{top:11px}.closing{padding-top:135px}.finish-tape{top:20px;padding:14px 0}.finish-tape>span{font-size:13px;letter-spacing:1.5px}.footer-bottom{padding-bottom:115px}.map-live{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero h1 em{background:none;color:#b7adff}.route-dash{stroke-dasharray:none;opacity:.3}.finish-tape{transform:rotate(2deg)}.marathon-map{transform:none!important}}
.header-actions{display:flex;align-items:center;gap:15px}.theme-switch{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff35;background:transparent;color:#e7e2f3;min-height:43px;padding:0 12px;border-radius:4px;font:500 11px Inter,Arial,sans-serif}.theme-switch>[aria-hidden]{font-size:18px}.theme-switch:hover{border-color:#a79add}.people{padding-top:0;padding-bottom:100px}.people-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}.people-heading h3{font-size:34px;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.people-heading p{font-size:14px;color:#b0a9c4;max-width:390px}.people .eyebrow{color:#afa6df;font-size:10px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.person{min-width:0}.person-photo{aspect-ratio:1/1.08;overflow:hidden;border-radius:4px;background:#252339}.person-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85);transition:transform .65s,filter .65s}.person:hover img{transform:scale(1.045);filter:saturate(1)}.person h4{margin:14px 0 3px;font-size:16px;font-weight:500}.person p{margin:0;font-size:12px;color:#b0a9c4}.more-team{margin-top:32px;border-top:1px solid #ffffff20;border-bottom:0}.more-team>summary{font-size:13px;padding:20px 30px 20px 0;color:#d2c9ed}.more-team>.people-grid{padding-top:16px}.more-team .person p{padding:0;margin:0;font-size:12px}.more-team>summary:after{top:16px}.people-grid .person:nth-child(2){transition-delay:.06s}.people-grid .person:nth-child(3){transition-delay:.12s}.people-grid .person:nth-child(4){transition-delay:.18s}
/* Complete theme surfaces, retaining PHILIPP violet and orange. */
html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark] .journey{background:#19182c;color:#f1edf9}html[data-theme=dark] .stage-run>span{background:#19182c;color:#bfb4d1}html[data-theme=dark] .stage-run-line{background:#4a415d}html[data-theme=dark] .section h2 em{color:#b7adff}html[data-theme=dark] .section .eyebrow{color:#aba0d6}html[data-theme=dark] .section-head>p{color:#b9b0c8}html[data-theme=dark] .steps button{color:#eee8f9;border-color:#ffffff20}html[data-theme=dark] .steps button:hover{background:#2a2543}html[data-theme=dark] .steps button[aria-selected=true]{background:#3a398c}html[data-theme=dark] .phase-panel{background:#232038;border-color:#514761}html[data-theme=dark] .phase-panel p,html[data-theme=dark] .panel-label,html[data-theme=dark] .panel-result span{color:#bcb3cf}html[data-theme=dark] .phase-panel li:before,html[data-theme=dark] .panel-result strong{color:#c5b8f3}html[data-theme=dark] .panel-result{border-color:#ffffff20}html[data-theme=dark] #ergebnisse{color:#eee8f7}html[data-theme=dark] #ergebnisse:before{background:#121222}html[data-theme=dark] .results,html[data-theme=dark] .results article{background:#121222;border-color:#ffffff20}html[data-theme=dark] .results article+article{border-color:#ffffff20!important}html[data-theme=dark] .metric{color:#b6a5f1}html[data-theme=dark] .results p,html[data-theme=dark] .sector,html[data-theme=dark] .attribution,html[data-theme=dark] .source-note{color:#b1a7c1}html[data-theme=dark] .case-logo{filter:invert(1);mix-blend-mode:screen}html[data-theme=dark] .trust{background:#1b192c;color:white}html[data-theme=dark] .trust-heading{border-color:#ffffff20}html[data-theme=dark] .trust-heading p,html[data-theme=dark] .trust-heading>span{color:#b6adc6}html[data-theme=dark] .trust-heading strong{color:#eee8f7}html[data-theme=dark] .client-logo img{filter:invert(1);mix-blend-mode:screen}html[data-theme=dark] .closing{background:#1c1930;color:#f2edf9}html[data-theme=dark] .closing h2 em{color:#b7adff}html[data-theme=dark] .closing p,html[data-theme=dark] .closing small{color:#beb3ce}html[data-theme=dark] .closing .eyebrow{color:#b7adff}
html[data-theme=light] body{background:#f7f6fb;color:#242033}html[data-theme=light] header{background:#f7f6fb;border-color:#ddd8e8}html[data-theme=light] .brand img{filter:none}html[data-theme=light] nav{color:#5c536c}html[data-theme=light] header .button.small,html[data-theme=light] .theme-switch{color:#3a398c;border-color:#bcb3ce}html[data-theme=light] header .button.small:hover{color:#fff}html[data-theme=light] .hero h1>span{color:#282235}html[data-theme=light] .hero h1 em{background-image:linear-gradient(105deg,#3a398c 10%,#7763b6 40%,#342c6e 60%,#3a398c 90%)}html[data-theme=light] .hero .eyebrow,html[data-theme=light] .intro,html[data-theme=light] .appointment{color:#6b607c}html[data-theme=light] .hero .text-link,html[data-theme=light] .appointment strong{color:#3a398c}html[data-theme=light] .track-heading{color:#6b5e83;border-color:#cfc7df}html[data-theme=light] .motion-toggle{color:#3a398c;border-color:#bcb3ce}html[data-theme=light] .track-visual{background:radial-gradient(ellipse at 50% 40%,#3a398c20,transparent 70%)}html[data-theme=light] .marathon-map rect{stroke:#3a398c;stroke-opacity:.17}html[data-theme=light] .map-main{fill:#3a398c}html[data-theme=light] .map-sub{fill:#6b5d83}html[data-theme=light] .map-live{fill:#8b5706}html[data-theme=light] .track-stop{background:#f9f7ffdc;border-color:#bbb0d0;color:#41345c;box-shadow:0 8px 25px #3a398c10}html[data-theme=light] .track-stop.active{background:#3a398c;color:#fff}html[data-theme=light] .track-detail{border-color:#cfc7df}html[data-theme=light] .track-detail>span{color:#885309}html[data-theme=light] .track-detail p{color:#6b607c}html[data-theme=light] .track-detail strong{color:#332844}html[data-theme=light] .about{color:#242033}html[data-theme=light] .about h2 em{color:#3a398c}html[data-theme=light] .about-copy p,html[data-theme=light] .about-facts span{color:#6b607c}html[data-theme=light] .about-facts{border-color:#d7cee3}html[data-theme=light] .about-facts strong{color:#342849}html[data-theme=light] .about .text-link,html[data-theme=light] .people .eyebrow{color:#3a398c}html[data-theme=light] .people-heading p,html[data-theme=light] .person p{color:#6b607c}html[data-theme=light] .person-photo{background:#e9e4f0}html[data-theme=light] .more-team,html[data-theme=light] .faq,html[data-theme=light] details{border-color:#d7cee3}html[data-theme=light] .more-team>summary{color:#3a398c}html[data-theme=light] .faq h2 em,html[data-theme=light] .faq .eyebrow{color:#3a398c}html[data-theme=light] details p{color:#6b607c}html[data-theme=light] .footer-word{border-color:#d7cee3}html[data-theme=light] .footer-word img{filter:none;opacity:.2}html[data-theme=light] .footer-top p,html[data-theme=light] .footer-bottom{color:#6b607c}html[data-theme=light] .footer-bottom{border-color:#d7cee3}
@media(max-width:1000px){header nav{gap:17px;font-size:12px}.header-actions{gap:8px}.people-grid{gap:25px 16px}.people-heading h3{font-size:29px}}@media(max-width:760px){.header-actions{gap:8px}.theme-switch{padding:0 10px;min-height:39px}.theme-name{display:none}.theme-switch>[aria-hidden]{font-size:17px}header .button.small{font-size:9px;padding:11px 9px;gap:6px}.brand img{width:112px}.people{padding-bottom:65px}.people-heading{display:block}.people-heading h3{font-size:28px}.people-heading p{font-size:13px;margin-top:18px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.person h4{font-size:14px;margin-top:10px}.person p{font-size:11px}.more-team .person p{font-size:11px}.more-team>summary{font-size:12px}.more-team>.people-grid{padding-top:10px}}
/* Logos: extract the original monochrome ink as transparency, preserving contours. */
.filter-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.client-logo{opacity:1;isolation:auto}.client-logo img,.case-logo{filter:url(#logo-alpha);mix-blend-mode:normal;opacity:.85;transition:opacity .3s,transform .45s}.client-logo:hover img{opacity:1;transform:translateY(-3px)}html[data-theme=dark] .client-logo img,html[data-theme=dark] .case-logo{filter:url(#logo-alpha) invert(1);mix-blend-mode:normal;opacity:.86}html[data-theme=light] .client-logo img,html[data-theme=light] .case-logo{filter:url(#logo-alpha);mix-blend-mode:normal}.trust{isolation:isolate}
/* More depth and motion without obscuring the content. */
.track-aura{position:absolute;width:72%;height:65%;left:14%;top:10%;border-radius:50%;background:radial-gradient(ellipse,#6f59bc30,transparent 67%);filter:blur(22px);animation:auraOrbit 13s ease-in-out infinite;pointer-events:none;z-index:-1}.track-visual{isolation:isolate;perspective:1000px}.marathon-map{filter:drop-shadow(0 22px 18px #09061940);will-change:transform}.marathon-map rect:nth-child(2n){stroke-dasharray:2 7;animation:laneFlow 42s linear infinite}.marathon-map rect:nth-child(3n){stroke-width:1.5}.track-stop{backdrop-filter:blur(18px);transition:transform .45s,border-color .35s,box-shadow .35s,background .35s}.track-stop:hover{transform:translateY(-6px);box-shadow:0 18px 30px #08051335}.hero .button{box-shadow:0 0 0 1px #ffbe4520,0 8px 32px #ffa10018}.hero .button:after,.closing .button:after{content:'';position:absolute;top:-80%;bottom:-80%;width:25%;left:-60%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:rotate(25deg);animation:ctaShine 7s ease-in-out infinite;pointer-events:none}.phase-panel{position:relative;overflow:hidden;isolation:isolate}.phase-panel:before{content:attr(data-step);position:absolute;right:15px;bottom:-34px;font:600 180px/1 Inter,Arial,sans-serif;letter-spacing:-12px;color:#3a398c07;z-index:-1;pointer-events:none}.phase-panel:after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#3a398c,#b29bf0,#ffa100);background-size:200% 100%;animation:headlinePace 7s ease-in-out infinite}.results article{isolation:isolate;overflow:hidden;--spot-x:50%;--spot-y:50%}.results article:after{content:'';position:absolute;inset:0;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),#8569bb14,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}.results article:hover:after{opacity:1}.person-photo{position:relative;box-shadow:0 10px 30px #05041110;transform:translateZ(0);transition:transform .55s,box-shadow .55s}.person-photo:after{content:'PHILIPP / TEAM';position:absolute;bottom:16px;left:16px;right:16px;padding:10px 12px;font-size:8px;font-weight:500;letter-spacing:2px;background:#211b3aac;color:#fff;backdrop-filter:blur(14px);border:1px solid #ffffff20;transform:translateY(12px);opacity:0;transition:transform .4s,opacity .4s;pointer-events:none}.person:hover .person-photo:after{opacity:1;transform:translateY(0)}.person:hover .person-photo{transform:translateY(-6px);box-shadow:0 20px 40px #08041326}.person:hover img{transform:scale(1.065)}.person h4{transition:color .35s}.person:hover h4{color:#af9ee1}.people-heading h3{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1.8px}.more-team[open]>.people-grid{animation:panelEnter .6s both}.distance-panel{position:relative;overflow:hidden;isolation:isolate}.distance-panel:after{content:'';position:absolute;width:380px;height:380px;right:-200px;bottom:-220px;border:1px solid #c6b6ee30;border-radius:50%;box-shadow:0 0 0 20px #b5a1e408,0 0 0 40px #b5a1e408,0 0 0 60px #b5a1e408,0 0 0 80px #b5a1e408;pointer-events:none;z-index:-1;animation:auraOrbit 12s ease-in-out infinite}.closing.finish-arrived h2{animation:finishHeadline 1s .1s both}.closing.finish-arrived .button{animation:finishHeadline 1s .25s both}.stage-run-line>i{box-shadow:0 0 12px #ffa10055}.race-progress{border-color:#bfa0f550;box-shadow:0 10px 35px #11112630,0 0 25px #7655a510}html[data-theme=dark] .phase-panel:before{color:#c0adff08}html[data-theme=dark] .results article:after{background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),#aa88ff18,transparent 70%)}html[data-theme=light] .track-aura{background:radial-gradient(ellipse,#8e6cce27,transparent 67%)}html[data-theme=light] .marathon-map{filter:drop-shadow(0 22px 18px #44307416)}html[data-theme=light] .person:hover h4{color:#3a398c}
@keyframes auraOrbit{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,15px) scale(1.12)}}@keyframes laneFlow{to{stroke-dashoffset:-180}}@keyframes ctaShine{0%,55%{left:-60%}85%,100%{left:150%}}@keyframes finishHeadline{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.phase-panel:before{font-size:145px;bottom:-25px}.people-heading h3{font-size:32px}.track-aura{filter:blur(12px)}.person-photo:after{left:9px;right:9px;bottom:9px;font-size:7px;padding:8px}.person:hover .person-photo{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.marathon-map{will-change:auto}.person:hover .person-photo{transform:none}.closing.finish-arrived h2,.closing.finish-arrived .button{opacity:1;transform:none}}
/* Client logos, one steady pace. */
.trust-note{font-size:11px;color:#8a8099}.logo-window{overflow:hidden;margin-top:22px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.logo-belt{display:flex;width:max-content;will-change:transform}.logo-run-group{display:flex;align-items:center;gap:38px;padding-right:38px;width:max-content}.logo-run-group .client-logo{width:156px;height:105px;flex:none}.logo-run-group .client-logo img{width:100%;height:100%;object-fit:contain}.trust-heading{gap:25px}
/* An animated change of direction: loop becomes a route. */
.breakout{background:#151329;color:#f5efff;padding-top:105px;padding-bottom:100px;overflow:hidden}.breakout-head{text-align:center;max-width:950px;margin:auto}.breakout-head .eyebrow{justify-content:center;color:#9e8cbe;font-size:10px;letter-spacing:2px}.breakout-head h2{font-size:clamp(36px,4.8vw,68px);line-height:1.16;letter-spacing:-2.8px;font-weight:500;margin:25px 0}.breakout-head h2>span{color:#978ca8}.breakout-head h2 em{color:#ffb744!important;font-weight:500}.breakout-head>p{font-size:15px;line-height:1.85;color:#b8abc8;margin:0}.breakout-visual{margin-top:48px;background:radial-gradient(ellipse at 50% 50%,#3a398c25,transparent 65%);border-top:1px solid #77618e40;border-bottom:1px solid #77618e40;position:relative}.breakout-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0}.breakout-state{font-size:10px;letter-spacing:1.8px;color:#b3a0cc}.breakout-play{background:transparent;border:1px solid #a18bb555;border-radius:4px;color:#dbcfeb;padding:10px 14px;font-size:11px;display:flex;gap:15px;align-items:center;transition:background .3s,border-color .3s}.breakout-play:hover{border-color:#ffa100;background:#ffa10010}.breakout-svg{display:block;width:100%;max-height:390px;overflow:visible;margin:10px 0}.breakout-guide{stroke:#ad93cd12;stroke-width:1;stroke-dasharray:3 8}.breakout-svg #breakout-track{fill:none;stroke:url(#breakout-gradient);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #8d70b83a)}.breakout-runner{fill:#ffa100;stroke:#ffa10035;stroke-width:12;filter:drop-shadow(0 0 7px #ffa10090)}.loop-labels{transition:opacity .4s}.loop-labels rect{fill:#27203c;stroke:#645071;stroke-width:1}.loop-labels text{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:1.5px;fill:#c3afd6}.loop-labels .loop-centre{font-size:15px;letter-spacing:3px;fill:#897797}.marathon-labels{opacity:0;transition:opacity .6s}.marathon-labels circle{fill:#3a398c;stroke:#a98aca;stroke-width:1.5}.checkpoint-num{font:11px Inter,Arial,sans-serif;fill:#ffd590}.checkpoint-name{font:12px Inter,Arial,sans-serif;letter-spacing:2px;fill:#e0ceed}.checkpoint-sub{font:12px Inter,Arial,sans-serif;fill:#ac97bf}.breakout-visual[data-state=run] .loop-labels{opacity:0;pointer-events:none}.breakout-visual[data-state=run] .marathon-labels{opacity:1}.breakout-visual[data-state=run] .breakout-state{color:#ffbf59}.breakout-bottom{display:flex;justify-content:space-between;gap:25px;padding:0 0 22px;align-items:center}.breakout-caption{font-size:12px;color:#b6a2c9}.breakout-distance{font-size:9px;letter-spacing:1.5px;color:#857096}.breakout-takeaway{display:grid;grid-template-columns:.8fr 1.4fr;gap:15px 65px;padding-top:35px;max-width:1000px;margin:auto}.breakout-takeaway>span{font-size:9px;letter-spacing:1.7px;color:#af98c2;padding-top:5px}.breakout-takeaway p{font-size:14px;line-height:1.9;color:#c2b0d2;margin:0}.breakout-takeaway a{grid-column:2;color:#ffbe58;font-size:12px;margin-top:4px}html[data-theme=light] .breakout{background:#eeebf5;color:#2a2238}html[data-theme=light] .breakout-head h2>span{color:#82768f}html[data-theme=light] .breakout-head h2 em{color:#3a398c!important}html[data-theme=light] .breakout-head>p,html[data-theme=light] .breakout-takeaway p{color:#6a5b7a}html[data-theme=light] .breakout-head .eyebrow,html[data-theme=light] .breakout-takeaway>span{color:#7c6293}html[data-theme=light] .breakout-visual{border-color:#cfc2dd}html[data-theme=light] .breakout-state{color:#705582}html[data-theme=light] .breakout-play{color:#3a398c;border-color:#a994c0}html[data-theme=light] .breakout-guide{stroke:#6f528d22}html[data-theme=light] .loop-labels rect{fill:#f6f2fb;stroke:#bba8cc}html[data-theme=light] .loop-labels text{fill:#745689}html[data-theme=light] .checkpoint-name{fill:#4b315f}html[data-theme=light] .checkpoint-sub{fill:#80688f}html[data-theme=light] .breakout-caption{color:#705581}html[data-theme=light] .breakout-takeaway a{color:#3a398c}html[data-theme=light] .breakout-visual[data-state=run] .breakout-state{color:#875913}@media(max-width:760px){.trust-heading{gap:20px}.trust-note{font-size:9px;max-width:140px;text-align:right}.logo-run-group{gap:25px;padding-right:25px}.logo-run-group .client-logo{width:125px;height:90px}.logo-window{margin-top:14px}.breakout{padding:72px 0}.breakout-head h2{font-size:37px;letter-spacing:-1.5px}.breakout-head .eyebrow{font-size:8px;letter-spacing:1.1px}.breakout-head>p{font-size:13px}.breakout-visual{margin-top:30px}.breakout-status{padding-top:18px;gap:12px}.breakout-state{font-size:8px;letter-spacing:1px}.breakout-play{font-size:10px;padding:9px;gap:7px}.breakout-svg{margin:22px 0;min-height:205px}.breakout-bottom{display:block}.breakout-caption{display:block;font-size:11px;line-height:1.7}.breakout-distance{display:block;margin-top:8px;font-size:8px}.breakout-takeaway{grid-template-columns:1fr;gap:16px;padding-top:28px}.breakout-takeaway p{font-size:13px}.breakout-takeaway a{grid-column:1;font-size:11px}.checkpoint-name{font-size:17px;letter-spacing:1px}.checkpoint-sub{font-size:15px}.checkpoint-num{font-size:14px}.loop-labels text{font-size:13px;letter-spacing:.7px}.loop-labels .loop-centre{font-size:19px}.marathon-labels circle{r:23}}@media(prefers-reduced-motion:reduce){.logo-belt{will-change:auto}.breakout-runner{filter:none}}
.breakout-mobile-summary{display:none}.breakout-play:disabled{opacity:.5;cursor:default}@media(max-width:760px){.breakout-mobile-summary{display:block;margin:-12px 0 22px;min-height:45px;text-align:center}.mobile-loop{font-size:13px;line-height:1.6;color:#b9a5cd;margin:0}.mobile-route{display:none;grid-template-columns:repeat(3,1fr);gap:10px}.mobile-route span{font-size:10px;color:#c18e40}.mobile-route strong{display:block;font-weight:500;font-size:12px;color:#e6d6f2;margin-top:6px}.breakout-visual[data-state=run] .mobile-route{display:grid}.breakout-visual[data-state=run] .mobile-loop{display:none}.checkpoint-name,.checkpoint-sub{display:none}.loop-labels>g{display:none}.loop-labels .loop-centre{font-size:24px}.checkpoint-num{font-size:24px}.marathon-labels circle{r:29}html[data-theme=light] .mobile-loop{color:#765d88}html[data-theme=light] .mobile-route strong{color:#493257}}
/* Four concrete facts, followed by real voices and their company logos. */
.facts-four{grid-template-columns:repeat(4,minmax(0,1fr))}.facts-four article{padding:30px 23px}.facts-four .metric{font-size:59px;letter-spacing:-3px;line-height:1.2;margin-top:27px}.facts-four .metric>span{display:block;font-size:13px;letter-spacing:0;margin-top:7px}.facts-four h3{font-size:18px;letter-spacing:-.5px;margin-top:20px}.facts-four p{font-size:12px;min-height:65px;line-height:1.8}.testimonial-heading{margin:64px 0 28px}.testimonial-heading h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:15px 0}.testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.testimonials figure{margin:0;padding:28px;background:#f5f2fa;border:1px solid #e3dce9;border-radius:5px;display:flex;flex-direction:column}.testimonial-logo{height:66px;width:160px;margin-bottom:24px}.testimonial-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:url(#logo-alpha);mix-blend-mode:normal}.testimonials blockquote{font-size:14px;line-height:1.9;letter-spacing:-.1px;margin:0 0 25px;color:#4b3c5e;flex:1}.testimonials figcaption{padding-top:18px;border-top:1px solid #dcd1e5}.testimonials figcaption strong{display:block;font-size:13px;font-weight:500}.testimonials figcaption span{display:block;font-size:11px;margin-top:5px;color:#786784}.source-note{margin-top:24px}html[data-theme=dark] .testimonials figure{background:#1c192e;border-color:#79628e33}html[data-theme=dark] .testimonial-logo img{filter:url(#logo-alpha) invert(1)}html[data-theme=dark] .testimonials blockquote{color:#c7b6d7}html[data-theme=dark] .testimonials figcaption{border-color:#79628e33}html[data-theme=dark] .testimonials figcaption span{color:#af98c0}.finish-track{display:flex;width:max-content;animation:finishMarquee 27s linear infinite}.finish-track>span{display:block;flex:none;white-space:nowrap;font-size:17px;font-weight:700;letter-spacing:2px;padding-right:35px}.closing.finish-arrived .finish-tape{animation:none;transform:rotate(2deg)}@keyframes finishMarquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.facts-four .metric{font-size:49px}.facts-four article{padding:26px 18px}.facts-four h3{font-size:16px}.testimonials{gap:16px}.testimonials figure{padding:23px}.testimonials blockquote{font-size:13px}}@media(max-width:760px){.facts-four{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-four article{padding:25px 14px}.facts-four article+article{border-top:0!important}.facts-four article:nth-child(even){border-left:1px solid #e3e0eb!important}.facts-four article:nth-child(n+3){border-top:1px solid #e3e0eb!important}html[data-theme=dark] .facts-four article:nth-child(even),html[data-theme=dark] .facts-four article:nth-child(n+3){border-color:#ffffff20!important}.facts-four .metric{font-size:43px;letter-spacing:-2px;margin-top:20px}.facts-four .metric>span{font-size:12px}.facts-four .sector{font-size:8px;letter-spacing:.7px}.facts-four h3{font-size:15px}.facts-four p{font-size:11px;min-height:0}.testimonial-heading{margin-top:42px}.testimonial-heading h3{font-size:27px}.testimonials{grid-template-columns:1fr}.testimonials figure{padding:26px}.testimonial-logo{height:60px;margin-bottom:18px}.testimonials blockquote{font-size:13px}.finish-track>span{font-size:13px;letter-spacing:1.5px;padding-right:25px}.finish-track{animation-duration:23s}}
.fact-logo{height:65px;width:145px;max-width:100%;display:flex;align-items:center;margin:12px 0 0}.fact-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:url(#logo-alpha)}.fact-company-name{font-size:18px;font-weight:500;letter-spacing:.3px;color:#564663}.facts-four .metric{margin-top:22px}.testimonials{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonials figure{padding:30px}.testimonials blockquote{font-size:14px}.testimonials .testimonial-logo{width:170px;height:68px}html[data-theme=dark] .fact-logo img{filter:url(#logo-alpha) invert(1)}html[data-theme=dark] .fact-company-name{color:#d0bfdf}@media(max-width:760px){.fact-logo{height:52px;width:125px}.fact-company-name{font-size:15px}.testimonials{grid-template-columns:1fr}.testimonials figure{padding:26px}}
/* Compare all three distances directly. */
.plan-common{display:flex;align-items:center;gap:25px;padding:20px 24px;border:1px solid #ffffff28;border-radius:5px;margin-bottom:25px;background:#ffffff06}.plan-common strong{font-size:12px;font-weight:600;white-space:nowrap;color:#f7e1b5}.plan-common p{font-size:12px;color:#d2c7e6;line-height:1.8;margin:0}.distance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.distance-card{background:#25245c;border:1px solid #8372aa80;padding:28px 25px;border-radius:6px;display:flex;flex-direction:column;min-width:0;transition:transform .45s,border-color .45s}.distance-card:hover{transform:translateY(-5px);border-color:#bc9bdd}.plan-topline{display:flex;justify-content:space-between;color:#b7a8d3;font-size:9px;letter-spacing:1.7px;margin-bottom:22px}.plan-topline>span:last-child{font-size:21px;line-height:1;color:#ffbd56}.distance-card h3{font-size:26px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:0 0 12px;color:#fff}.plan-tagline{font-size:12px;color:#d2c7e6;margin:0;min-height:38px;line-height:1.6}.plan-numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:25px 0;margin-top:20px}.plan-numbers strong{font-size:53px;font-weight:400;line-height:1.1;letter-spacing:-2px;color:#ffbf5b;display:block}.plan-numbers span{font-size:10px;line-height:1.6;display:block;color:#bcaed4;margin-top:8px}.plan-fit{font-size:12px;line-height:1.85;color:#d2c7e6;min-height:72px;margin:22px 0 16px}.plan-features{margin:0 0 25px}.plan-features>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff12;padding:12px 0;min-height:53px}.plan-features dt{font-size:11px;color:#c1b4d4;max-width:62%;line-height:1.5}.plan-features dd{font-size:10px;margin:0;white-space:nowrap}.plan-features .included{color:#fff}.plan-features .excluded{color:#9387a9}.distance-card .button{margin-top:auto;padding:14px 16px;font-size:11px;gap:10px;white-space:normal}.distance-card .button>span{flex:none}.plan-guidance{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding-top:25px;border-top:1px solid #ffffff25}.plan-guidance p{font-size:12px;line-height:1.9;color:#c5b8d8;max-width:730px;margin:0}.plan-guidance strong{color:#f2ebfa;font-weight:500}.plan-guidance a{font-size:12px;white-space:nowrap;color:#ffd391}.distance-card:nth-child(2){transition-delay:.08s}.distance-card:nth-child(3){transition-delay:.16s}@media(max-width:1050px){.distance-cards{gap:15px}.distance-card{padding:24px 20px}.distance-card h3{font-size:23px}.plan-features dt{font-size:10px}.plan-features dd{font-size:9px}.plan-common{display:block}.plan-common p{margin-top:8px}.plan-fit{min-height:90px}}@media(max-width:760px){.distance-cards{grid-template-columns:1fr;gap:20px}.distance-card{padding:27px}.distance-card h3{font-size:28px}.plan-tagline{min-height:0;font-size:13px}.plan-numbers{margin-top:22px;padding:23px 0}.plan-numbers strong{font-size:55px}.plan-numbers span{font-size:12px}.plan-fit{min-height:0;font-size:13px;margin-top:20px}.plan-features dt{font-size:12px}.plan-features dd{font-size:11px}.distance-card .button{font-size:12px;padding:16px}.plan-common{padding:20px}.plan-common strong{font-size:13px}.plan-common p{font-size:12px}.plan-guidance{display:block}.plan-guidance p{font-size:12px}.plan-guidance a{display:inline-block;margin-top:15px}.plan-topline{font-size:10px}.distance-card:nth-child(n){transition-delay:0s}}
.hero h1 .hero-marathon{white-space:nowrap;font:inherit;letter-spacing:inherit}.hero-marathon sup{font-size:.29em;line-height:0;vertical-align:super;letter-spacing:0;margin-left:.08em}html[data-theme=light] .hero-marathon sup{color:#3a398c}html[data-theme=dark] .hero-marathon sup{color:#c0b4ff}@media(max-width:760px){.hero h1{font-size:clamp(45px,11.5vw,72px)}.hero h1 .hero-marathon{letter-spacing:-2.5px}}
/* Genuine project evidence instead of another generic company introduction. */
.project-stories{margin-top:70px}.project-story{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:48px 0;border-top:1px solid #dcd3e5}.project-story-reverse{grid-template-columns:1fr 1.2fr}.project-story-reverse .project-image{order:2}.project-story-reverse .project-copy{order:1}.project-image{min-width:0}.project-photo-open{display:block;border:0;padding:0;background:#252035;width:100%;position:relative;cursor:zoom-in;text-align:left;overflow:hidden;border-radius:4px}.project-photo-open>img{width:100%;height:auto;display:block;transition:transform .6s}.project-photo-open:hover>img{transform:scale(1.025)}.project-photo-open>span{position:absolute;bottom:16px;right:16px;background:#171225db;color:#fff;padding:9px 13px;border:1px solid #ffffff35;font-size:10px;letter-spacing:.3px;backdrop-filter:blur(8px)}.project-image>p{font-size:10px;line-height:1.7;color:#877491;margin:12px 0 0}.project-copy .eyebrow{font-size:9px;letter-spacing:1.3px;color:#755588}.project-copy h3{font-size:35px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:19px 0 26px}.project-copy dl{margin:0}.project-copy dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;margin-top:20px}.project-copy dt{font-size:11px;font-weight:500;color:#4f365e;line-height:1.8}.project-copy dd{font-size:13px;line-height:1.85;color:#6c567b;margin:0}.project-evidence{border-top:1px solid #e0d5e7;margin-top:27px;padding-top:18px}.project-evidence>span{display:block;font-size:9px;letter-spacing:.5px;color:#927c9e}.project-evidence strong{display:block;font-size:13px;font-weight:500;margin-top:8px}.project-evidence small{display:block;font-size:10px;color:#82688e;margin-top:4px}.people{padding-top:85px}.project-photo-dialog{max-width:min(1180px,94vw);width:fit-content;max-height:94vh;border:1px solid #9274b466;padding:18px;border-radius:7px;background:#181326;color:#eee6f5;overflow:auto;box-shadow:0 20px 80px #0006}.project-photo-dialog::backdrop{background:#090612df;backdrop-filter:blur(7px)}.project-photo-full{display:block;max-width:100%;max-height:76vh;object-fit:contain;width:auto;margin:auto}.project-photo-close{display:block;margin:0 0 14px auto;border:1px solid #a992bf70;border-radius:4px;padding:9px 13px;color:#eee6f5;background:transparent;font-size:12px}.project-photo-dialog p{font-size:12px;line-height:1.8;margin:14px 0 0;color:#c6b5d2}html[data-theme=dark] .project-story{border-color:#85649735}html[data-theme=dark] .project-copy .eyebrow{color:#b79bc9}html[data-theme=dark] .project-copy dt{color:#dbcae6}html[data-theme=dark] .project-copy dd{color:#bba6c9}html[data-theme=dark] .project-image>p{color:#a58ab5}html[data-theme=dark] .project-evidence{border-color:#85649735}html[data-theme=dark] .project-evidence>span,html[data-theme=dark] .project-evidence small{color:#ae92bd}html[data-theme=light] .project-photo-dialog{background:#f8f5fc;color:#31203f}html[data-theme=light] .project-photo-close{color:#3a398c}html[data-theme=light] .project-photo-dialog p{color:#715380}@media(max-width:1050px){.project-story,.project-story-reverse{gap:30px;grid-template-columns:1fr 1fr}.project-copy h3{font-size:30px}.project-copy dl>div{grid-template-columns:1fr;gap:4px;margin-top:15px}.project-copy dd{font-size:12px}.project-photo-open>span{font-size:9px;right:10px;bottom:10px}}@media(max-width:760px){.project-stories{margin-top:45px}.project-story,.project-story-reverse{grid-template-columns:1fr;gap:25px;padding:33px 0}.project-story-reverse .project-image,.project-story-reverse .project-copy{order:initial}.project-copy h3{font-size:30px;margin:15px 0 20px}.project-copy dd{font-size:13px}.project-copy dt{font-size:12px}.project-image>p{font-size:10px}.project-evidence small{font-size:11px}.project-copy dl>div{gap:5px}.people{padding-top:65px}.project-photo-dialog{padding:12px;max-width:94vw}.project-photo-full{max-height:70vh}}

/* Countdown above the full-width track. */
.breakout-experience{margin-top:38px}
.breakout-experience .breakout-visual{margin-top:20px}
.breakout-countdown{display:flex;justify-content:center;align-items:center;gap:20px;min-height:72px;text-align:center}
.countdown-label{font-size:clamp(16px,2vw,22px);font-weight:500;color:#c7bbda}
.countdown-number{display:grid;place-items:center;min-width:76px;height:72px;font-size:48px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#ffa100}
html[data-theme=light] .countdown-label{color:#3a398c}
html[data-theme=light] .countdown-number{color:#875913}
.testimonials .testimonial-logo{display:flex;align-items:center;justify-content:flex-start}
.testimonial-logo img.teba-logo{display:block;width:105px;max-width:100%;height:auto;max-height:38px;object-fit:contain}
.fact-logo img.bgd-logo{width:92px;max-width:100%;height:auto;max-height:46px;object-fit:contain}
@media(min-width:1100px){.testimonials{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.breakout-countdown{gap:12px}.countdown-number{font-size:40px;min-width:65px}.breakout-experience{margin-top:26px}}

/* Keep the track, instructions and phase text in separate layout rows. */
.hero-visual.track-visual{height:auto;min-height:0;padding-bottom:12px}
.track-course{position:relative;width:100%;aspect-ratio:600 / 580}
.track-course .marathon-map{position:absolute;inset:0;width:100%;height:100%;max-height:none;transform:none!important}
.track-course .stop-1{top:20%;left:4%}
.track-course .stop-2{top:46%;right:1%}
.track-course .stop-3{top:74%;left:7%}
.track-instruction{display:block;text-align:right;font-size:12px;line-height:1.6;color:#b8b2d8;padding:4px 8px 16px}
.track-visual .track-detail{position:static;margin:0 8px;padding:18px 0 0;min-height:112px}
.track-detail p{line-height:1.6;max-width:100%}
html[data-theme=light] .track-instruction{color:#6b607c}
@media(max-width:600px){.track-course .track-stop{font-size:11px;padding:9px 10px;gap:6px}.track-course .track-stop b{margin-left:2px}.track-visual .track-detail{min-height:125px}}

/* Countdown belongs to the animation, with a stable, centred number slot. */
.breakout-experience .breakout-visual{margin-top:0;padding-top:28px}
.breakout-countdown{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:108px;margin:0 auto;text-align:center}
.countdown-label{font-size:clamp(16px,2vw,21px);line-height:1.4;letter-spacing:0}
.countdown-number{width:110px;min-width:110px;height:64px;font-size:52px;line-height:1}
.breakout-experience .breakout-svg{margin:0 0 12px}
.track-detail strong{line-height:1.4}
.track-visual .track-detail{min-height:150px}
@media(max-width:600px){.breakout-experience .breakout-visual{padding-top:22px}.breakout-countdown{gap:6px;min-height:96px}.countdown-number{height:58px;font-size:46px}.track-visual .track-detail{min-height:160px}}

.breakout-countdown.countdown-finished{visibility:hidden;pointer-events:none}

/* Original JOIN job board, with its own readable surface in either theme. */
.jobs-embed{background:#fff;color:#121222;color-scheme:light;border-radius:8px;padding:28px;min-width:0;overflow:hidden}
#join-widget{width:100%;min-height:160px}
#join-widget iframe{width:100%;max-width:100%;border:0}
.jobs-direct{display:inline-flex;margin-top:24px}
@media(max-width:600px){.jobs-embed{padding:16px 10px}.jobs-direct{font-size:14px}}


/* The outcome: implemented AI colleagues, with concise, readable copy. */
.colleague-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.colleague-card{padding:36px;background:#201d36;border:1px solid #72638d66;border-top:3px solid #ffa100;border-radius:6px}
.colleague-role{font-size:12px;letter-spacing:1.6px;color:#c7b9e3}
.colleague-card h3{font-size:clamp(32px,3.3vw,44px);letter-spacing:-1.2px;margin:20px 0;color:#fff}
.colleague-card p{font-size:16px;line-height:1.7;color:#d4cce2;margin:16px 0}
.colleague-card .colleague-benefit{font-size:21px;line-height:1.45;color:#fff}
.colleague-task{margin-top:28px;padding-top:20px;border-top:1px solid #8b79a64d;display:grid;gap:10px}
.colleague-task span{font-size:12px;letter-spacing:1.3px;color:#ffbd57}
.colleague-task strong{font-size:16px;font-weight:500;line-height:1.6;color:#eee8f7}
.colleague-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}
.colleague-bottom p{font-size:16px;line-height:1.6;margin:0;color:#cec4de}
html[data-theme=light] .colleague-card{background:#f0edf7;border-color:#d4cce3;border-top-color:#ffa100}
html[data-theme=light] .colleague-card h3,html[data-theme=light] .colleague-card .colleague-benefit,html[data-theme=light] .colleague-task strong{color:#302649}
html[data-theme=light] .colleague-card p,html[data-theme=light] .colleague-bottom p,html[data-theme=light] .colleague-role{color:#594b6e}
html[data-theme=light] .colleague-task span{color:#80500a}
.distance .plan-guidance p,.distance .plan-guidance strong{color:#f1edff}
.distance .plan-guidance a{color:#ffe0a6}
@media(max-width:760px){.colleague-grid{grid-template-columns:1fr;gap:20px}.colleague-card{padding:26px}.colleague-bottom{align-items:flex-start;flex-direction:column;gap:16px}}

/* Three original colleagues share one compact, keyboard-accessible stage. */
.colleague-tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.colleague-tabs button{display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #9283b366;border-radius:6px;background:transparent;color:#e8e0f5;font:inherit;font-size:16px;cursor:pointer;line-height:1.4}
.colleague-tabs button[aria-selected=true]{background:#3a398c;border-color:#b0a1e4;color:#fff}
.colleague-tabs button:focus-visible,.colleague-showcase:focus-visible{outline:3px solid #ffa100;outline-offset:4px}
.colleague-dot{width:10px;height:10px;flex:none;border-radius:50%}.emil-dot{background:#82bafa}.richard-dot{background:#65c2bd}.louise-dot{background:#ffca0a}
.colleague-showcase{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:32px;border:1px solid #9283b34d;border-radius:8px;background:#201d36}
.colleague-portrait{display:grid;place-items:center;aspect-ratio:1.2;background:#eff6ff;border-radius:6px;padding:24px;min-width:0}
.colleague-showcase[data-colleague-active="1"] .colleague-portrait{background:#eaf7f5}
.colleague-showcase[data-colleague-active="2"] .colleague-portrait{background:#fff9e5}
.colleague-portrait img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}
.colleague-profile h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:18px 0;color:#fff;overflow-wrap:anywhere}
.colleague-profile .colleague-benefit{font-size:22px;line-height:1.5;color:#fff;margin:0 0 18px}
.colleague-profile .colleague-description{font-size:16px;line-height:1.7;color:#d4cce2;margin:0}
html[data-theme=light] .colleague-showcase{background:#f0edf7;border-color:#d4cce3}
html[data-theme=light] .colleague-tabs button{color:#3a3151;border-color:#b6a9cc}
html[data-theme=light] .colleague-tabs button[aria-selected=true]{color:#fff;background:#3a398c}
html[data-theme=light] .colleague-profile h3,html[data-theme=light] .colleague-profile .colleague-benefit{color:#302649}
html[data-theme=light] .colleague-profile .colleague-description{color:#594b6e}
@media(max-width:760px){.colleague-showcase{grid-template-columns:1fr;padding:22px;gap:24px}.colleague-tabs{gap:8px}.colleague-tabs button{font-size:14px;padding:11px 12px}.colleague-portrait{aspect-ratio:1.4;padding:20px}.colleague-portrait img{max-height:260px}.colleague-profile .colleague-benefit{font-size:20px}.colleague-profile h3{font-size:30px}}

/* Animated process diagrams for the two customer outcomes. */
.case-motion{--case-accent:#a997ff;position:relative;overflow:hidden;border:1px solid #75659166;border-radius:8px;padding:28px;background:radial-gradient(ellipse at 80% 50%,#3a398c66,transparent 70%),#181628;color:#f7f3ff;min-height:380px}
.case-invoice{--case-accent:#ffb33b;background:radial-gradient(ellipse at 80% 50%,#70441344,transparent 70%),#181628}
.case-top,.case-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:1.2px;line-height:1.6}.case-top{color:#e2d9ef}.case-live{color:var(--case-accent);white-space:nowrap;font-size:10px}
.case-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:38px}
.case-step{position:relative;padding:16px 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:5px;min-width:0;overflow:hidden}
.case-step>span{display:block;color:var(--case-accent);font-size:12px;margin-bottom:9px}.case-step strong{font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;display:block}
.case-step i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--case-accent);transform:scaleX(0);transform-origin:left}
.case-flow{position:relative;height:2px;background:#ffffff18;margin:22px 0 26px;overflow:hidden}
.case-flow i{position:absolute;width:15%;height:100%;left:-15%;background:var(--case-accent);box-shadow:0 0 12px var(--case-accent)}
.case-outcome{display:flex;align-items:baseline;gap:14px}.case-outcome>strong{font-size:clamp(64px,7vw,94px);line-height:1;letter-spacing:-4px;font-weight:500;color:var(--case-accent)}.case-outcome>span{font-size:18px;line-height:1.4}
.case-motion .case-outcome-note{font-size:14px;color:#d4cadf;line-height:1.7;margin:12px 0 26px}
.case-foot{padding-top:18px;border-top:1px solid #ffffff20;color:#c1b5d0;font-size:9px;letter-spacing:1px}
.case-visible .case-step i{animation:caseStep 6s calc(var(--step)*1.1s) infinite}
.case-visible .case-flow i{animation:caseFlow 3.3s linear infinite}.case-visible .case-flow i:nth-child(2){animation-delay:1.1s}.case-visible .case-flow i:nth-child(3){animation-delay:2.2s}
@keyframes caseStep{0%,5%{transform:scaleX(0);opacity:1}25%,65%{transform:scaleX(1);opacity:1}85%,100%{transform:scaleX(1);opacity:0}}
@keyframes caseFlow{to{left:115%}}
.motion-paused .case-motion *{animation:none!important}.motion-paused .case-step i{transform:scaleX(1);opacity:1}
html[data-theme=light] .case-motion{background:radial-gradient(ellipse at 80% 50%,#e0d9fb,transparent 70%),#f2eff9;color:#302649;--case-accent:#51419e;border-color:#d3c8e3}
html[data-theme=light] .case-invoice{background:radial-gradient(ellipse at 80% 50%,#ffe7bf,transparent 70%),#fff7ea;--case-accent:#925500}
html[data-theme=light] .case-top,html[data-theme=light] .case-motion .case-outcome-note,html[data-theme=light] .case-foot{color:#594b6e}
html[data-theme=light] .case-step{background:#ffffff75;border-color:#8e7da333}html[data-theme=light] .case-flow{background:#8e7da333}html[data-theme=light] .case-foot{border-color:#8e7da333}
@media(max-width:600px){.case-motion{padding:22px 18px;min-height:350px}.case-top{font-size:10px;letter-spacing:.8px}.case-live{font-size:9px}.case-pipeline{gap:6px;margin-top:28px}.case-step{padding:13px 8px}.case-step strong{font-size:12px}.case-outcome>strong{font-size:72px}.case-outcome>span{font-size:16px}.case-foot{font-size:8px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.case-motion *{animation:none!important}.case-step i{transform:scaleX(1)}}

/* Distances as a clear offer: strong hierarchy, compact comparison, one full-scope highlight. */
.distance .plan-common{background:transparent;border:0;border-bottom:1px solid #ffffff35;border-radius:0;padding:0 0 24px;margin-bottom:32px;gap:24px}
.distance .plan-common strong{font-size:15px;color:#fff}.distance .plan-common p{font-size:14px;color:#e0d9f2}
.distance-cards{gap:20px;align-items:stretch}
.distance .distance-card{position:relative;padding:28px 24px;background:#201f4b;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 16px 36px #14103220;overflow:hidden}
.distance-card:before{content:'';position:absolute;top:0;left:24px;right:24px;height:3px;background:#958bdd}
.distance .distance-card:hover{transform:translateY(-4px);border-color:#c4baf0}
.distance .plan-topline{font-size:11px;letter-spacing:1px;align-items:center;margin-bottom:24px;color:#d4c8ee;min-height:34px}
.distance .plan-topline .plan-distance-number{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #b7a7db66;border-radius:50%;font-size:13px;color:#d4c8ee;letter-spacing:0}
.distance .distance-card h3{font-size:clamp(24px,2.2vw,31px);font-weight:600;letter-spacing:-1px;margin:0 0 10px;line-height:1.2;color:#fff}
.distance .plan-tagline{font-size:14px;line-height:1.6;color:#ddd5ed;min-height:46px}
.distance .plan-numbers{gap:12px;padding:24px 0;margin-top:20px;border-color:#ffffff25;grid-template-columns:1.1fr 1fr}
.distance .plan-numbers strong{font-size:64px;font-weight:500;letter-spacing:-3px;color:#fff;line-height:1}
.distance .plan-numbers>div:nth-child(2) strong{color:#ffbd55}
.distance .plan-numbers span{font-size:13px;color:#ddd5ed;line-height:1.4;margin-top:12px}
.distance .plan-fit{font-size:14px;line-height:1.65;color:#e0d8ef;min-height:70px;margin:22px 0 16px}
.distance .plan-features{margin-bottom:24px}.distance .plan-features>div{min-height:57px;padding:12px 0;border-color:#ffffff18}
.distance .plan-features dt{font-size:14px;max-width:78%;line-height:1.5;color:#eee8f6}
.distance .plan-features dd{font-size:15px}.distance .plan-features dd.included>span[aria-hidden]{font-size:20px;color:#ffca78}
.distance .plan-features .excluded{color:#b6a9ce}
.plan-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.plan-offer{margin-top:auto;padding:22px 0 20px;display:grid;gap:7px}.plan-offer strong{font-size:17px;font-weight:500;color:#fff}.plan-offer>span{font-size:12px;line-height:1.5;color:#cfc3e6}
.distance .distance-card .button{margin-top:0;min-height:54px;font-size:14px;padding:16px;background:transparent;border:1px solid #c5b9e1;color:#fff;justify-content:space-between;border-radius:6px;box-shadow:none}
.distance .distance-card .button:hover{background:#ffffff12}
.distance .plan-flagship{background:#fbf8f0;border-color:#ffa100;box-shadow:0 18px 45px #14103235}
.plan-flagship:before{left:0;right:0;height:5px;background:#ffa100}
.distance .plan-flagship h3,.distance .plan-flagship .plan-numbers strong,.plan-flagship .plan-offer strong{color:#242039}
.distance .plan-flagship .plan-topline,.distance .plan-flagship .plan-topline .plan-distance-number,.distance .plan-flagship .plan-tagline,.distance .plan-flagship .plan-fit,.distance .plan-flagship .plan-numbers span,.distance .plan-flagship .plan-features dt,.plan-flagship .plan-offer>span{color:#5a5069}
.distance .plan-flagship .plan-topline .plan-distance-number{border-color:#c9c0d4}
.distance .plan-flagship .plan-numbers,.distance .plan-flagship .plan-features>div{border-color:#d8d0df}
.distance .plan-flagship .plan-numbers>div:nth-child(2) strong,.distance .plan-flagship .plan-features dd.included,.distance .plan-flagship .plan-features dd.included>span[aria-hidden]{color:#865009}
.distance .plan-flagship .button{background:#ffa100;border-color:#ffa100;color:#201a2d;font-weight:600}.distance .plan-flagship .button:hover{background:#ffb329}
@media(max-width:1100px) and (min-width:761px){.distance-cards{gap:12px}.distance .distance-card{padding:24px 18px}.distance .plan-topline{font-size:10px;letter-spacing:.5px}.distance .plan-fit{min-height:94px}}
@media(max-width:760px){.distance-cards{gap:22px}.distance .distance-card{padding:28px}.distance .plan-fit,.distance .plan-tagline{min-height:0}.distance .distance-card h3{font-size:30px}.distance .plan-numbers strong{font-size:68px}.distance .plan-common p{margin-top:10px}}

.colleague-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.colleague-tabs button{font-size:14px;padding:13px 14px;text-align:left;min-width:0;overflow-wrap:anywhere}
.colleague-showcase[data-colleague-active="3"] .colleague-portrait{background:#e8f8ef}
.colleague-showcase[data-colleague-active="4"] .colleague-portrait{background:#fff8e2}
.colleague-showcase[data-colleague-active="5"] .colleague-portrait{background:#e7f5f3}
.colleague-showcase[data-colleague-active="6"] .colleague-portrait{background:#f1ebfc}
@media(max-width:1000px){.colleague-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.colleague-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.colleague-tabs button{font-size:13px;padding:12px 10px;gap:8px}}

.colleague-showcase[data-colleague-active="7"] .colleague-portrait{background:#eaf3ff}

/* ERP integration remains visible alongside the development phases. */
.erp-integration{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:30px 0 0;margin-top:36px;border-top:1px solid #9b8bb74d}
.erp-integration h3{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:12px 0}
.erp-integration p{font-size:15px;line-height:1.7;margin:0;color:#d0c5e0}
.erp-systems ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:0}
.erp-systems li{padding:11px 15px;border:1px solid #a192c166;border-radius:5px;font-size:15px;font-weight:600;letter-spacing:.3px;color:#f4effc;background:#ffffff06}
.erp-systems p{font-size:13px}
html[data-theme=light] .erp-integration p{color:#62536f}
html[data-theme=light] .erp-systems li{color:#3a398c;background:#eeebf5;border-color:#c6bcd7}
@media(max-width:760px){.erp-integration{grid-template-columns:1fr;gap:24px}.erp-integration h3{font-size:24px}}

.software-band{margin-top:30px;border-top:1px solid #9b8bb733;padding-top:24px;min-width:0}
.software-band-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:12px;color:#c5b8d9;letter-spacing:1px;line-height:1.6}
.software-band-heading>span:last-child{letter-spacing:0;font-size:14px}
.software-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.software-track{display:flex;width:max-content;animation:softwareMarquee 38s linear infinite}
.software-group{display:flex;flex-shrink:0;gap:18px;padding-right:18px}
.software-logo{display:flex;align-items:center;gap:16px;width:224px;flex:none;padding:20px 18px;border:1px solid #9786b34d;border-radius:6px;background:#ffffff05;box-sizing:border-box}
.software-logo img{width:46px;height:46px;object-fit:contain;flex:none;filter:none}.software-logo span{color:#eee8f8;font-size:14px;font-weight:500;line-height:1.5}
.software-window:hover .software-track,.motion-paused .software-track{animation-play-state:paused}
@keyframes softwareMarquee{to{transform:translateX(-50%)}}
html[data-theme=light] .software-band-heading{color:#6b5a7c}html[data-theme=light] .software-logo{background:#ffffff66;border-color:#d4c9e1}html[data-theme=light] .software-logo span{color:#3a3050}
@media(max-width:600px){.software-band-heading{flex-direction:column;gap:5px}.software-logo{width:202px;padding:16px}.software-logo img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.software-track{animation:none}.software-window{overflow-x:auto;mask-image:none}.software-group[aria-hidden=true]{display:none}}

/* Vendor wordmarks join the same continuous band as the application icons. */
.software-vendor{flex-direction:column;justify-content:center;gap:7px;padding:12px 18px}
.software-logo.software-vendor img{width:118px;height:43px;object-fit:contain}
.software-vendor span{font-size:12px;line-height:1.2}
.software-track{animation-duration:68s}
.software-logo{background:#f7f7fc;border-color:#d9d3e3}
.software-logo span{color:#302a42}
html[data-theme=light] .software-logo{background:#f7f7fc}
.erp-integration{grid-template-columns:1.25fr 1fr;align-items:end}
@media(max-width:760px){.erp-integration{grid-template-columns:1fr}}

/* Logos only, optically centred with no duplicate product labels. */
.software-logo,.software-logo.software-vendor{width:180px;height:92px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:18px;gap:0}
.software-logo img{width:52px;height:52px}
.software-logo.software-vendor img{width:125px;height:49px}
.software-track{animation-duration:72s}
@media(max-width:600px){.software-logo,.software-logo.software-vendor{width:158px;height:84px;padding:16px}.software-logo.software-vendor img{width:116px;height:46px}}


/* A compact closing with two clear ways to speak to Gabi. */
.closing-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.closing .closing-actions .button{margin-top:0;font-size:15px;padding:17px 24px}
.closing-call{display:inline-flex;align-items:center;gap:14px;min-height:50px;font-size:16px;font-weight:500;color:#3a398c;text-decoration:none;border-bottom:1px solid #8278b1}
.closing-call:hover{color:#21195c;border-color:currentColor}
.closing-call:focus-visible{outline:3px solid #ffa100;outline-offset:5px}
.closing> .wrap>p{max-width:650px;margin:24px auto 0;font-size:16px;line-height:1.7}
.closing> .wrap>small{font-size:13px;color:#625973}
html[data-theme=dark] .closing-call{color:#d2caff;border-color:#8a7da8}
html[data-theme=dark] .closing-call:hover{color:#fff}
html[data-theme=dark] .closing> .wrap>small{color:#c9bfd8}
@media(max-width:600px){.closing-actions{flex-direction:column;gap:14px}.closing .closing-actions .button{font-size:14px}.closing> .wrap>p{font-size:15px}}

/* Integration marquee: transparent surfaces and optically balanced marks. */
.software-logo,.software-logo.software-vendor,html[data-theme=light] .software-logo{width:180px;height:96px;padding:12px;flex-direction:row;justify-content:center;background:transparent;border:0;border-radius:0;box-shadow:none}
.software-logo img,.software-logo.software-vendor img{width:64px;height:64px;max-width:100%;object-fit:contain;filter:none}
.software-logo img[src$="software-lexware.svg"]{width:150px;height:64px}
.software-logo img[src$="software-acriba.svg"]{width:145px;height:64px}
.software-logo img[src$="software-shd.svg"]{width:150px;height:75px}
.software-logo img[src$="software-ibm.svg"]{width:130px;height:64px}
.software-logo img[src$="software-sap.svg"]{width:105px;height:64px}
.software-logo img[src$="software-topm.png"]{width:72px;height:72px;filter:url(#logo-alpha)}
html[data-theme=dark] .software-logo img{filter:none}
html[data-theme=dark] .software-logo img[src$="software-topm.png"]{filter:url(#logo-alpha) brightness(0) invert(1)}
@media(max-width:600px){.software-logo,.software-logo.software-vendor{width:166px;height:88px;padding:8px}}

/* Personal, compact call link beside the appointment action. */
.closing-call{display:inline-flex;align-items:center;gap:14px;border-bottom:0;text-align:left;padding:4px 0}
.closing-call-photo{width:56px;height:56px;flex:none;object-fit:cover;object-position:center 30%;border-radius:50%;border:2px solid #a99bc355}
.closing-call-copy{display:flex;flex-direction:column;gap:5px;line-height:1.4}
.closing-call-copy>span:first-child{font-weight:600}
.closing-call-number{font-size:14px;color:#625973;font-weight:400}
html[data-theme=dark] .closing-call-number{color:#c9bfd8}
.closing-call:hover .closing-call-copy>span:first-child{text-decoration:underline;text-underline-offset:4px}
.closing-call:focus-visible{outline:2px solid #ffa100;outline-offset:6px;border-radius:4px}

/* Clear outcomes first; full package comparison on demand. */
.distance .plan-outcome{display:flex;align-items:center;gap:18px;margin:28px 0 16px}
.distance .plan-outcome>strong{font-size:84px;line-height:1;font-weight:500;letter-spacing:-5px;color:#ffbf5b}
.plan-outcome>div{display:grid;gap:3px}.plan-outcome span{font-size:22px;font-weight:600;color:#fff}.plan-outcome small{font-size:14px;color:#ddd5ed}
.distance .plan-duration{font-size:14px;color:#eee8f6;padding:9px 14px;background:#ffffff0d;border:1px solid #ffffff25;border-radius:30px;align-self:flex-start}
.distance .plan-fit{min-height:70px;margin:24px 0 18px;font-size:16px}
.plan-benefits{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #ffffff25;display:grid;gap:14px}
.plan-benefits li{position:relative;padding-left:24px;font-size:15px;line-height:1.55;color:#eee8f6}.plan-benefits li:before{content:'✓';position:absolute;left:0;color:#ffbf5b}
.distance .plan-flagship .plan-outcome>strong{color:#3a398c}.plan-flagship .plan-outcome span{color:#242039}.plan-flagship .plan-outcome small,.plan-flagship .plan-benefits li{color:#5a5069}
.distance .plan-flagship .plan-duration{color:#3a398c;background:#3a398c08;border-color:#3a398c30}.plan-flagship .plan-benefits{border-color:#d8d0df}.plan-flagship .plan-benefits li:before{color:#865009}
.distance .plan-offer{padding-top:30px}.plan-offer>span{font-size:14px}
.plan-comparison{margin-top:28px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;color:#fff}
.plan-comparison summary{font-size:16px;padding:22px 40px 22px 0;color:#fff}.plan-comparison summary:after{color:#ffbf5b}
.plan-table-scroll{overflow-x:auto;padding-bottom:24px}.plan-comparison table{border-collapse:collapse;width:100%;min-width:660px;font-size:14px;color:#eee8f6;text-align:left}.plan-comparison caption{text-align:left;padding:0 0 16px;font-size:14px;color:#ddd5ed}.plan-comparison th,.plan-comparison td{padding:15px 12px;border-bottom:1px solid #ffffff20}.plan-comparison th{font-weight:500}.plan-comparison thead th{color:#ffce82}.plan-comparison tbody th{width:34%}
.faq .faq-intro{font-size:16px;line-height:1.7;max-width:350px;color:#c9bfd8}.faq summary{font-size:17px;line-height:1.5;padding-right:36px}.faq details p{font-size:16px;line-height:1.8;color:#c9bfd8}
html[data-theme=light] .faq .faq-intro,html[data-theme=light] .faq details p{color:#625973}
@media(max-width:1000px) and (min-width:761px){.plan-outcome span{font-size:18px}.distance .plan-outcome{gap:12px}.distance .plan-outcome>strong{font-size:72px}.distance .plan-fit{min-height:110px}}
@media(max-width:760px){.distance .plan-fit{min-height:0}.faq summary{font-size:16px}.distance .plan-tagline{min-height:0}.plan-comparison summary{font-size:16px}}

/* Founder story: original running photograph and a concise personal journey. */
.founder-story{background:#19172c;color:#f5f1fc;border-top:1px solid #ffffff15}
.founder-layout{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.founder-photo{margin:0;position:relative;max-width:350px;justify-self:center;width:100%}
.founder-photo>img{display:block;width:100%;height:auto;border-radius:8px;aspect-ratio:auto}
.founder-photo figcaption{padding:18px 0 0;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:2px solid #ffa100;padding-bottom:18px}
.founder-photo figcaption strong{font-size:18px;font-weight:600}.founder-photo figcaption span{font-size:14px;color:#c9bfd8}
.founder-copy .eyebrow{font-size:12px;letter-spacing:1.6px;color:#c9bfd8}.founder-copy h2{font-size:clamp(38px,4vw,58px);margin:20px 0 24px}.founder-copy h2 em{color:#ffbf5b}
.founder-copy p{font-size:16px;line-height:1.75;color:#c9bfd8}.founder-copy .founder-lead{font-size:21px;line-height:1.5;color:#f5f1fc}
.founder-milestones{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:20px;margin:30px 0;padding:24px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.founder-milestones strong{display:block;font-size:26px;color:#ffbf5b;font-weight:500;margin-bottom:10px}.founder-milestones span{font-size:14px;line-height:1.6;color:#c9bfd8;display:block}
.founder-why h3{font-size:24px;color:#f5f1fc;margin:0 0 12px}.founder-copy .text-link{font-size:14px;color:#ffbf5b;margin-top:10px}
html[data-theme=light] .founder-story{background:#eeebf5;color:#2a2238;border-color:#d7cee3}
html[data-theme=light] .founder-copy p,html[data-theme=light] .founder-copy .eyebrow,html[data-theme=light] .founder-milestones span,html[data-theme=light] .founder-photo figcaption span{color:#625973}
html[data-theme=light] .founder-copy .founder-lead,html[data-theme=light] .founder-why h3{color:#2a2238}
html[data-theme=light] .founder-copy h2 em,html[data-theme=light] .founder-milestones strong,html[data-theme=light] .founder-copy .text-link{color:#3a398c}
html[data-theme=light] .founder-milestones{border-color:#cfc5dd}
@media(max-width:800px){.founder-layout{grid-template-columns:1fr;gap:36px}.founder-photo{max-width:320px}.founder-copy h2{font-size:44px}.founder-milestones{gap:12px}.founder-photo figcaption{flex-wrap:wrap}}
@media(max-width:420px){.founder-milestones{grid-template-columns:1fr}.founder-milestones>div{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start}.founder-milestones strong{margin:0}}

/* Personal story replaces the two long project explanations. */
.founder-inline,html[data-theme=light] .founder-inline{background:transparent;padding:70px 0;margin:60px 0;border-top:1px solid #9184ab45;border-bottom:1px solid #9184ab45}
.founder-timeline{list-style:none;margin:30px 0;padding:0;position:relative}
.founder-timeline li{display:grid;grid-template-columns:66px 1fr;gap:24px;position:relative;padding:0 0 26px 22px;border-left:2px solid #9184ab50}
.founder-timeline li:last-child{padding-bottom:0}.founder-timeline li:before{content:'';position:absolute;left:-6px;top:9px;width:10px;height:10px;border-radius:50%;background:#ffa100}
.story-year{font-size:21px;color:#ffbf5b;line-height:1.5}.founder-timeline h3{font-size:19px;line-height:1.5;margin:0;color:#f5f1fc}.founder-timeline p{margin:6px 0 0;font-size:15px;line-height:1.65}
.founder-timeline li.story-visible{animation:storyStepIn .7s both}.founder-timeline li.story-visible:before{animation:storyDot 1.2s both}
@keyframes storyStepIn{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes storyDot{from{box-shadow:0 0 0 0 #ffa10060}to{box-shadow:0 0 0 12px #ffa10000}}
html[data-theme=light] .story-year{color:#3a398c}html[data-theme=light] .founder-timeline h3{color:#2a2238}
.motion-paused .founder-timeline li,.motion-paused .founder-timeline li:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.founder-timeline li.story-visible,.founder-timeline li.story-visible:before{animation:none}}
@media(max-width:600px){.founder-inline{padding:45px 0;margin:40px 0}.founder-timeline li{grid-template-columns:55px 1fr;gap:14px;padding-left:18px}}

/* Matching start and finish banners. */
.kinetic-band,.closing .finish-tape{background:#ffa100;color:#17172b;padding:26px 0;border:0;transform:rotate(-1.6deg) scale(1.015);box-shadow:0 12px 45px #15142b12}
.closing.finish-arrived .finish-tape{transform:rotate(-1.6deg) scale(1.015)}
.finish-tape:before{display:none}
.kinetic-band>.marquee-track,.finish-track>span{font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.9vw,43px);font-weight:700;line-height:1.05;letter-spacing:-1px}
.finish-track>span{padding-right:0}.kinetic-band i{font-size:1.05em;color:#3a398c;margin:0 34px;font-weight:400}
.closing .finish-track{font-size:inherit;letter-spacing:normal;animation-name:finishMarquee;animation-timing-function:linear;animation-iteration-count:infinite}
.distance .plan-outcome small{max-width:170px;line-height:1.5}.distance .plan-fit{min-height:106px}
@media(max-width:760px){.kinetic-band,.closing .finish-tape{padding:22px 0}.kinetic-band>.marquee-track,.finish-track>span{font-size:26px;letter-spacing:-.7px}.kinetic-band i{margin:0 23px}.distance .plan-fit{min-height:0}}

/* A dedicated portrait route keeps the mobile story readable. */
.breakout-mobile-svg{display:none}.marathon-map .map-main{font-size:34px;letter-spacing:1px;font-weight:600}
@media(max-width:760px){
.breakout-visual .breakout-svg,.breakout-visual .breakout-mobile-summary{display:none}
.breakout-mobile-svg{display:block;width:100%;max-width:380px;height:auto;margin:0 auto 18px;overflow:visible}
.breakout-mobile-svg text{font-family:Inter,Arial,sans-serif;fill:#e6def3;font-size:16px;font-weight:500}
.breakout-mobile-svg .mobile-cycle-labels>text:last-child,.breakout-mobile-svg .mobile-cycle-centre{font-size:18px;letter-spacing:2px}
.breakout-mobile-svg .mobile-stage-sub{font-size:12px;font-weight:400;fill:#c9bfd8}
.mobile-path-labels circle{fill:#3a398c;stroke:#a996ed;stroke-width:1.5}.breakout-mobile-svg .mobile-stage-num{fill:#ffe0a6;font-size:12px}
.mobile-path-labels{opacity:0;transition:opacity .5s}.mobile-cycle-labels{transition:opacity .4s}
.breakout-visual[data-state=run] .mobile-path-labels{opacity:1}.breakout-visual[data-state=run] .mobile-cycle-labels{opacity:0}
.breakout-head h2{font-size:clamp(29px,7.8vw,42px);letter-spacing:-1px}.breakout-head>p{font-size:16px}
.breakout-visual .breakout-countdown{min-height:96px;padding:0 8px}.breakout-caption{font-size:14px}.breakout-bottom{padding:0 12px 20px}
.track-visual{min-width:0}.track-stop{max-width:48%}.track-detail p{font-size:15px}
.section-head{flex-direction:column;align-items:flex-start;gap:24px}.section-head>p{max-width:none}
.hero-actions{align-items:stretch}.hero-actions .button{max-width:100%;white-space:normal}.closing-actions .button{max-width:100%;white-space:normal}
.founder-copy,.phase-panel,.questions,.journey-grid,.steps,.distance-card{min-width:0}
html[data-theme=light] .breakout-mobile-svg text{fill:#3a3050}html[data-theme=light] .breakout-mobile-svg .mobile-stage-sub{fill:#625973}html[data-theme=light] .breakout-mobile-svg .mobile-stage-num{fill:#fff}
}
@media(prefers-reduced-motion:reduce){.mobile-path-labels,.mobile-cycle-labels{transition:none}}

.marathon-map .map-main{font-size:27px;letter-spacing:-.7px}.marathon-map .map-sub{font-size:13px;letter-spacing:2px}

/* Remove duplicate framing and keep the focus on the offer. */
.breakout-takeaway{display:flex;justify-content:center;padding-top:24px}.breakout-takeaway a{margin-top:0}

.track-heading>span{font-size:10px;letter-spacing:1px;line-height:1.5}

.site-footer{padding-top:56px;padding-bottom:28px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:50px;padding-bottom:40px}
.footer-contact .brand{display:inline-block;margin-bottom:14px}.footer-contact p,.footer-contact address{font-size:15px;line-height:1.7;font-style:normal;color:#bfb4d1}.footer-contact>a:not(.brand){display:block;font-size:16px;line-height:1.8}.footer-contact address{margin-top:18px}
nav.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}nav.footer-nav h2{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 8px}nav.footer-nav a{font-size:15px;line-height:1.5}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-theme=light] .footer-contact p,html[data-theme=light] .footer-contact address{color:#625973}
@media(max-width:760px){.footer-columns{grid-template-columns:1fr 1fr;gap:32px}.footer-contact{grid-column:1/-1}.site-footer .footer-bottom{gap:20px;flex-wrap:wrap}.site-footer{padding-top:40px}}

.legal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #9184ab55}.legal-header img{width:165px;height:auto}.legal-main{max-width:850px;padding:64px 0 80px}.legal-main h1{font-size:clamp(40px,7vw,64px);letter-spacing:-2px}.legal-main h2{font-size:23px;letter-spacing:-.5px;margin:32px 0 14px}.legal-main p,.legal-main address{font-size:17px;line-height:1.8;font-style:normal}.legal-main a{text-decoration:underline;text-underline-offset:4px}.legal-main dl{display:grid;grid-template-columns:160px 1fr;gap:12px 24px;font-size:16px}.legal-main dd{margin:0}.legal-main dt{font-weight:600}.legal-main a{overflow-wrap:anywhere}@media(max-width:500px){.legal-main dl{grid-template-columns:1fr;gap:4px}.legal-main dd{margin-bottom:14px}.legal-header{gap:20px}.legal-header a{font-size:14px}}html[data-theme=dark] .legal-main,html[data-theme=dark] .legal-header{color:#f3edfc}html[data-theme=light] .legal-main,html[data-theme=light] .legal-header{color:#2a2238}
.legal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #9184ab55}.legal-header img{width:165px;height:auto}.legal-main{max-width:850px;padding:64px 0 80px}.legal-main h1{font-size:clamp(40px,7vw,64px);letter-spacing:-2px}.legal-main h2{font-size:23px;letter-spacing:-.5px;margin:32px 0 14px}.legal-main p,.legal-main address{font-size:17px;line-height:1.8;font-style:normal}.legal-main a{text-decoration:underline;text-underline-offset:4px}.legal-main dl{display:grid;grid-template-columns:160px 1fr;gap:12px 24px;font-size:16px}.legal-main dd{margin:0}.legal-main dt{font-weight:600}.legal-main a{overflow-wrap:anywhere}@media(max-width:500px){.legal-main dl{grid-template-columns:1fr;gap:4px}.legal-main dd{margin-bottom:14px}.legal-header{gap:20px}.legal-header a{font-size:14px}}html[data-theme=dark] .legal-main,html[data-theme=dark] .legal-header{color:#f3edfc}html[data-theme=light] .legal-main,html[data-theme=light] .legal-header{color:#2a2238}.legal-main h3{font-size:19px;line-height:1.5;letter-spacing:0;margin:24px 0 12px}.legal-main li{font-size:16px;line-height:1.8}.privacy-review{padding:18px;border-left:3px solid #ffa100;background:#ffa10010;font-size:15px;line-height:1.7;margin:20px 0}.legal-main{overflow-wrap:anywhere}
body.admin-bar header{top:32px} @media(max-width:782px){body.admin-bar header{top:46px}} .pm-empty{padding:8rem 2rem;min-height:60vh} .legal-main img{max-width:100%;height:auto}

/* Supplied Gillig vector is white on transparent; retain its alpha in both themes. */
html[data-theme=light] .fact-logo img.gillig-logo{filter:brightness(0) saturate(100%)}
html[data-theme=dark] .fact-logo img.gillig-logo{filter:none}

.fact-logo img.gillig-logo{width:105px;max-width:100%;height:auto;max-height:34px}

/* Fact logos: equal 120px visible artwork width, centered in one shared 70px row.
   Offsets account for each supplied asset's internal whitespace. */
.facts-four .fact-logo{position:relative;width:120px;height:70px;overflow:hidden}
.facts-four .fact-logo img{position:absolute;object-fit:fill;max-width:none;max-height:none;margin:0}
.facts-four .fact-logo img.bgd-logo{width:121.1px;height:60.27px;left:-1.1px;top:4.4px}
.facts-four .fact-logo img.fact-martin-logo{width:132.74px;height:78.85px;left:-6.37px;top:-.58px}
.facts-four .fact-logo img.fact-dingolfing-logo{width:139.21px;height:82.69px;left:-9.19px;top:-6.62px}
.facts-four .fact-logo img.gillig-logo{width:120px;height:37.13px;left:0;top:16.44px}

/* Preserve vendor colors and internal details; brighten only dark lettering. */
html[data-theme=dark] .software-logo img[src$="software-acriba.svg"]{content:url("assets/software-acriba-dark.svg")}
html[data-theme=dark] .software-logo img[src$="software-locosoft.svg"]{content:url("assets/software-locosoft-dark.svg")}
/* Legal headers use a separate logo wrapper from the main navigation. */
html[data-theme=dark] .legal-header img[src$="philipp-logo.png"]{filter:brightness(0) invert(1)}
html[data-theme=light] .legal-header img[src$="philipp-logo.png"]{filter:none}

/* Show the three equal project phases directly alongside package duration. */
.distance-card .plan-phase-duration{font-size:14px;line-height:1.6;color:inherit;opacity:.9;margin:8px 0 18px;max-width:34ch}

/* Editorial rhythm: results first, clear type, purposeful movement. Mainpage only. */
html:has(main>.hero){--paper:#faf9f6;--violet:#403a91;--orange:#ffa300}
html:has(main>.hero) main h2{font-weight:600;letter-spacing:-.035em;line-height:1.12}
html:has(main>.hero) main h2 em,html:has(main>.hero) .hero h1 em{font-weight:600;background:none;-webkit-text-fill-color:currentColor;animation:none}
html:has(main>.hero) .hero h1{font-weight:600;line-height:1.05}
html:has(main>.hero) .hero h1 em{color:#c7bcff}
html:has(main>.hero) .hero .intro{font-size:clamp(17px,1.4vw,20px);line-height:1.65;max-width:48ch}
html:has(main>.hero) .eyebrow{font-size:12px;letter-spacing:.1em;line-height:1.6}
html:has(main>.hero) .section{padding-top:80px;padding-bottom:80px}
html:has(main>.hero) .track-aura,html:has(main>.hero) .track-instruction{display:none}
html:has(main>.hero) .marathon-map rect:nth-child(2n){opacity:.24;animation:none}
html:has(main>.hero) .map-main{font-size:58px}
html:has(main>.hero) .track-visual{background:none;box-shadow:none}
html:has(main>.hero) .hero .button:after,html:has(main>.hero) .closing .button:after,html:has(main>.hero) .phase-panel:after,html:has(main>.hero) .distance-panel:after{display:none}
html:has(main>.hero) .phase-panel,html:has(main>.hero) .distance-card{border-radius:12px;box-shadow:none}
html:has(main>.hero) .distance-card:hover{transform:none;box-shadow:none}
html:has(main>.hero) .testimonials figure,html:has(main>.hero) .testimonials figure:hover{transform:none;box-shadow:none;border-radius:12px}
html:has(main>.hero) .testimonials blockquote{font-size:17px;line-height:1.7}
html:has(main>.hero) .testimonials figcaption{font-size:14px}
html:has(main>.hero) .facts-four article{padding-top:24px;padding-bottom:28px}
html:has(main>.hero) .facts-four .metric{font-weight:600;font-variant-numeric:tabular-nums}
html:has(main>.hero) .facts-four p{font-size:16px;line-height:1.65;max-width:30ch}
html:has(main>.hero) .customer-proof .testimonial-heading{margin-top:0}
html:has(main>.hero) .founder-story{border-top:1px solid #8d83a733;margin-top:0}
html:has(main>.hero) .founder-copy h2{font-size:clamp(36px,4vw,58px)}
html:has(main>.hero) .breakout-head{margin-bottom:24px}
html:has(main>.hero) .breakout-head .eyebrow,html:has(main>.hero) .breakout-sentence{display:none}
html:has(main>.hero) .finish-tape{padding-top:13px;padding-bottom:13px;transform:none}
html:has(main>.hero) .finish-track{font-size:16px;letter-spacing:.1em;animation-duration:42s}
html:has(main>.hero) .race-progress{width:156px;padding:10px 12px;box-shadow:none;opacity:.85}
html:has(main>.hero) .race-progress .race-label,html:has(main>.hero) .race-progress .race-stage{display:none}
html:has(main>.hero) .race-progress .race-distance b{font-size:19px}
html:has(main>.hero) .race-progress .race-distance small{font-size:11px}
html:has(main>.hero) .race-progress:hover,html:has(main>.hero) .race-progress:focus-visible{opacity:1}
html:has(main>.hero) .button{transition:transform .2s ease,background .2s ease;box-shadow:none}
html:has(main>.hero) .button:hover{transform:translateY(-2px)}
html:has(main>.hero) main p{line-height:1.65}
html[data-theme=light]:has(main>.hero) body,html[data-theme=light]:has(main>.hero) header{background:#faf9f6;color:#242031}
html[data-theme=light]:has(main>.hero) .hero h1>span,html[data-theme=light]:has(main>.hero) .section h2,html[data-theme=light]:has(main>.hero) .founder-copy h2{color:#242031}
html[data-theme=light]:has(main>.hero) .hero h1 em,html[data-theme=light]:has(main>.hero) .section h2 em{color:#403a91}
html[data-theme=light]:has(main>.hero) .hero .intro,html[data-theme=light]:has(main>.hero) .section-head>p,html[data-theme=light]:has(main>.hero) .facts-four p,html[data-theme=light]:has(main>.hero) .founder-lead,html[data-theme=light]:has(main>.hero) .founder-why p,html[data-theme=light]:has(main>.hero) .questions p{color:#514b60}
html[data-theme=light]:has(main>.hero) .breakout{background:#efedf6}
html[data-theme=light]:has(main>.hero) .journey,html[data-theme=light]:has(main>.hero) .people,html[data-theme=light]:has(main>.hero) .founder-story,html[data-theme=light]:has(main>.hero) .customer-proof{background:transparent}
html[data-theme=light]:has(main>.hero) .phase-panel{background:#fff;border-color:#d9d5e4;color:#242031}
html[data-theme=light]:has(main>.hero) .testimonials figure{background:#fff;border-color:#d9d5e4}
html[data-theme=light]:has(main>.hero) .testimonials blockquote{color:#242031}
html[data-theme=light]:has(main>.hero) .distance h2,html[data-theme=light]:has(main>.hero) .closing h2{color:inherit}
html[data-theme=light]:has(main>.hero) .distance h2 em,html[data-theme=light]:has(main>.hero) .closing h2 em{color:inherit}
@media(max-width:760px){
html:has(main>.hero) .section{padding-top:52px;padding-bottom:52px}
html:has(main>.hero) .hero .intro{font-size:17px}
html:has(main>.hero) .race-progress{display:none}
html:has(main>.hero) .finish-track{font-size:14px}
html:has(main>.hero) .testimonials blockquote{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html:has(main>.hero) *,html:has(main>.hero) *:before,html:has(main>.hero) *:after{animation:none!important;transition:none!important}}

.motion-scoped:not(.motion-in-view),.motion-scoped:not(.motion-in-view) *,.motion-scoped:not(.motion-in-view) *:before,.motion-scoped:not(.motion-in-view) *:after{animation-play-state:paused!important}

/* Repair contrast on brand surfaces, independently of light-page text colors. */
html[data-theme=light]:has(main>.hero) .distance .section-head>p{color:#eeeaf8}
html:has(main>.hero) .distance .plan-common,html:has(main>.hero) .distance .plan-guidance{color:#eeeaf8}
html:has(main>.hero) .marathon-map .map-main{font-size:24px;font-weight:600;letter-spacing:-.6px}
.logo-window .logo-row{overflow:hidden;width:100%;padding:6px 0}
.logo-window .logo-row+.logo-row{margin-top:12px}
.logo-window .logo-run-group{flex:none}
html:has(main>.hero) .closing .finish-tape{position:relative;top:auto;left:0;width:100%;background:#ffa300;color:#17172b;transform:none;padding:22px 0;margin:0 0 64px}
html:has(main>.hero) .closing .finish-track>span{font-size:clamp(18px,2vw,28px);line-height:1.3;letter-spacing:.015em;padding-right:36px}
html:has(main>.hero) .closing{padding-top:0}
.breakout-choice{text-align:center;margin:20px 0 28px}.breakout-choice>p{font-size:18px;font-weight:600}.breakout-choice>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.breakout-choice-button{padding:12px 18px;border:1px solid #85799e;border-radius:8px;background:transparent;color:inherit;font-size:15px;line-height:1.4;transition:background .2s,transform .2s}
.breakout-choice-button[aria-pressed=true]{background:#403a91;color:#fff;border-color:#403a91}
.breakout-choice-button[data-breakout-choice=run]{border-color:#ffa300}.breakout-choice-button[data-breakout-choice=run][aria-pressed=true]{background:#ffa300;color:#242031}
.breakout-choice-button:hover{transform:translateY(-2px)}.breakout-choice-button:focus-visible{outline:3px solid #ffa300;outline-offset:4px}
.breakout-countdown[hidden]{display:none!important}
#join-widget{min-height:160px}
@media(max-width:600px){.breakout-choice-button{width:100%;max-width:310px}.logo-window .logo-row+.logo-row{margin-top:4px}}

/* Customer-facing credo: four concise principles within the founder story. */
.founder-credo .credo-principles{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:22px 0 0}
.founder-credo .credo-principles>div{border-top:1px solid #9184ab55;padding-top:12px}
.founder-credo dt{font-size:17px;font-weight:600;color:inherit}
.founder-credo dd{margin:6px 0 0;font-size:15px;line-height:1.65;color:#cec8dd}
html[data-theme=light] .founder-credo dd{color:#514b60}
@media(max-width:540px){.founder-credo .credo-principles{grid-template-columns:1fr;gap:14px}}

/* One clear first-screen message, with a quiet supporting track. */
html:has(main>.hero) .hero{align-items:center;padding-top:48px;padding-bottom:48px;gap:40px}
html:has(main>.hero) .hero h1{margin-top:24px;margin-bottom:24px}
html:has(main>.hero) .hero .intro{max-width:36ch;font-size:18px}
html:has(main>.hero) .hero-actions .text-link,html:has(main>.hero) .hero .appointment img,html:has(main>.hero) .hero .track-detail{display:none}
html:has(main>.hero) .hero .appointment{margin-top:16px}
html:has(main>.hero) .track-heading{justify-content:flex-end;border:0}
html:has(main>.hero) .track-heading>span{display:none}
html:has(main>.hero) .track-visual{max-width:480px;width:100%;justify-self:center}
html:has(main>.hero) .marathon-map .map-sub,html:has(main>.hero) .marathon-map .map-live{display:none}
html:has(main>.hero) .marathon-map rect:nth-child(2n){display:none}
html:has(main>.hero) #philipp{width:90%;max-width:1160px;margin-left:auto;margin-right:auto}
html:has(main>.hero) .founder-layout{align-items:center;justify-content:center;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:64px}
html:has(main>.hero) .founder-photo{align-self:center;margin-inline:auto;width:100%;max-width:360px}
.jobs-disclosure{border-top:1px solid #9386aa66;border-bottom:1px solid #9386aa66}
.jobs-disclosure>summary{font-size:20px;font-weight:600;padding:24px 40px 24px 0;cursor:pointer}
.jobs-disclosure[open] .jobs-embed{margin-top:12px}
html:has(main>.hero) .jobs .section-head{margin-bottom:20px}
@media(max-width:760px){html:has(main>.hero) .hero{padding-top:32px;gap:20px}html:has(main>.hero) .founder-layout{grid-template-columns:1fr;gap:32px}html:has(main>.hero) .track-visual{max-width:360px}}

/* People, shared values and a story with room to move. */
html:has(main>.hero) .erp-integration{display:block;text-align:center}
html:has(main>.hero) .erp-integration>div{max-width:820px;margin-inline:auto}
html:has(main>.hero) .erp-integration p{max-width:700px;margin-inline:auto}
html:has(main>.hero) .founder-timeline{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;border:0;padding:20px 0 24px;margin:32px 0;scrollbar-color:#403a91 transparent}
html:has(main>.hero) .founder-timeline li{display:block;flex:0 0 85%;scroll-snap-align:start;border-top:3px solid #403a9155;padding:24px 12px 16px 0;opacity:.5;transition:opacity .5s,border-color .5s;min-width:0}
html:has(main>.hero) .founder-timeline li.is-current{opacity:1;border-color:#ffa300}
html:has(main>.hero) .founder-timeline li:before{display:none}
html:has(main>.hero) .story-year{display:block;font-size:clamp(38px,5vw,68px);line-height:1.2;font-weight:600;margin-bottom:18px;color:#403a91}
html:has(main>.hero) .founder-timeline p{font-size:18px;line-height:1.65}
html:has(main>.hero) #crew .people-heading{display:block;text-align:center;max-width:820px;margin:0 auto 32px}
html:has(main>.hero) #crew .people-heading h2{font-size:clamp(32px,4.5vw,60px);line-height:1.1;margin:20px 0}
html:has(main>.hero) #crew .people-heading p{font-size:20px;line-height:1.6;max-width:650px;margin:24px auto}
.team-orbit{height:440px;position:relative;margin:24px auto 52px;max-width:1120px;overflow:hidden}
.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(24px,3vw,40px);line-height:1.25;font-weight:600;z-index:3;padding:14px;background:var(--bg,#faf9f6);border-radius:24px}
.orbit-center em{color:#403a91;font-style:normal}
.orbit-photo{position:absolute;left:50%;top:50%;width:90px;height:108px;border-radius:18px;object-fit:cover;will-change:transform;box-shadow:0 8px 20px #24203114}
.team-credo{text-align:center;max-width:1060px;margin:0 auto 56px}
.team-credo h3{font-size:clamp(28px,3vw,40px);margin-bottom:16px}
.team-credo>p{font-size:20px;line-height:1.6}
.team-credo .credo-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:36px;text-align:left}
.team-credo .credo-principles>div{border-top:2px solid #403a9140;padding-top:22px}
.team-credo dt{font-size:20px;font-weight:600;margin-bottom:12px}
.team-credo dd{font-size:16px;line-height:1.7;margin:0}
.team-directory{border-top:1px solid #9386aa66;border-bottom:1px solid #9386aa66;margin-bottom:40px}
.team-directory>summary{padding:24px 12px;font-size:20px;font-weight:600;cursor:pointer}
.team-directory .people-grid{padding-top:24px}
body.motion-paused .orbit-photo{will-change:auto}
html[data-theme="dark"] .orbit-center,body[data-theme="dark"] .orbit-center{background:#171527}
@media(max-width:760px){.team-orbit{height:300px;margin-block:12px 32px}.orbit-photo{width:58px;height:72px;border-radius:12px}.orbit-center{font-size:22px;padding:8px}.team-credo .credo-principles{grid-template-columns:1fr 1fr;gap:24px}.team-credo>p,html:has(main>.hero) #crew .people-heading p{font-size:18px}.team-directory>summary{font-size:18px}html:has(main>.hero) .founder-timeline li{flex-basis:88%}}

.timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;font-size:14px}.timeline-controls button{width:44px;height:44px;border:1px solid #9386aa88;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:22px}html[data-theme=dark] .orbit-center em,html[data-theme=dark] .story-year{color:#b7adff}

/* Compact integration row and a readable, sequential founder timeline. */
html:has(main>.hero) .integration-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid #9386aa44}
html:has(main>.hero) .integration-compact .erp-integration{margin:0;padding:0;border:0;text-align:left}
html:has(main>.hero) .integration-compact .erp-integration h3{font-size:clamp(24px,2.5vw,34px)}
html:has(main>.hero) .integration-compact .erp-integration p{font-size:18px;line-height:1.6;margin:16px 0 0}
html:has(main>.hero) .integration-compact .software-band{min-width:0;margin:0;padding:24px 0;border:0}
html:has(main>.hero) .integration-compact .software-group{gap:32px}
html:has(main>.hero) .founder-timeline{display:block;overflow:visible;scroll-snap-type:none;padding:0 0 0 22px;margin:32px 0;border-left:2px solid #9386aa55}
html:has(main>.hero) .founder-timeline li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;position:relative;border:0;padding:0 0 28px;opacity:1;transform:none;transition:none}
html:has(main>.hero) .founder-timeline li:last-child{padding-bottom:0}
html:has(main>.hero) .founder-timeline li:before{display:block;content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#ffa300;left:-28px;top:10px}
html:has(main>.hero) .founder-timeline .story-year{font-size:24px;line-height:1.4;margin:0}
html:has(main>.hero) .founder-timeline p{font-size:16px;line-height:1.7;margin:0}
html:has(main>.hero) .founder-timeline li.story-visible{animation:year-arrives .7s both}
html:has(main>.hero) .founder-timeline li:nth-child(2){animation-delay:.22s}
html:has(main>.hero) .founder-timeline li:nth-child(3){animation-delay:.44s}
@keyframes year-arrives{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.team-orbit{height:340px;max-width:920px;margin-bottom:36px}
.orbit-photo{box-shadow:none;border-radius:22px;width:90px;height:108px}
.team-jobs-action{text-align:center;margin:28px 0 0}
.team-jobs-action .button{display:inline-flex;align-items:center;gap:36px;background:#ffa300;color:#242031;padding:18px 26px;text-decoration:none;border-radius:4px;font-weight:600}
html:has(main>.hero) #crew{padding-bottom:24px}
html:has(main>.hero) #jobs{padding-top:40px}
@media(max-width:760px){html:has(main>.hero) .integration-compact{grid-template-columns:1fr;gap:8px;margin-top:32px;padding-top:24px}.team-orbit{height:270px}.orbit-photo{width:58px;height:72px;border-radius:14px}html:has(main>.hero) .founder-timeline li{grid-template-columns:60px minmax(0,1fr);gap:14px}}
@media(prefers-reduced-motion:reduce){html:has(main>.hero) .founder-timeline li.story-visible{animation:none}}
body.motion-paused .founder-timeline li.story-visible{animation:none!important}

html:has(main>.hero) #crew .team-directory{margin-bottom:0}
html:has(main>.hero) #crew #jobs.team-jobs{margin:0;padding:0;border-top:0;scroll-margin-top:100px}
html:has(main>.hero) #crew .team-jobs>summary{padding:24px 12px;font-size:20px;font-weight:600}
html:has(main>.hero) #crew .team-jobs .jobs-direct{display:inline-block;margin:20px 12px 28px}
@media(max-width:760px){html:has(main>.hero) #crew .team-jobs>summary{font-size:18px}.team-orbit .orbit-photo{width:46px;height:58px}}

/* A shared editorial composition for the people and their principles. */
html:has(main>.hero) #crew .people-heading{max-width:900px;margin-bottom:48px}
.team-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;margin:0 0 56px}
.team-showcase .team-orbit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-content:center;position:relative;overflow:visible;width:100%;height:auto;max-width:560px;margin:0 auto;padding:0 0 12px}
.team-showcase .orbit-center{grid-column:1/-1;position:static;transform:none;background:none!important;padding:0;margin:0 0 24px;text-align:left;border-radius:0;font:600 clamp(24px,2.3vw,32px)/1.25 Inter,Arial,sans-serif;letter-spacing:-.8px}
.team-showcase .orbit-center br{display:none}
.team-showcase .orbit-center em{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal;margin-left:7px}
.team-showcase .orbit-photo{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:none}
.team-showcase .orbit-photo:nth-of-type(even){margin-top:18px}
.team-showcase .team-credo{margin:0;max-width:none;text-align:left}
.team-showcase .team-credo h3{font-size:clamp(28px,2.6vw,38px);line-height:1.2;margin:0 0 16px;letter-spacing:-.8px}
.team-showcase .team-credo>p{font-size:18px;line-height:1.6;margin:0;max-width:35ch}
.team-showcase .credo-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:28px 0 0}
.team-showcase .credo-principles>div{padding-top:16px;border-top:1px solid #9386aa55}
.team-showcase .credo-principles dt{font-size:18px;margin-bottom:8px}
.team-showcase .credo-principles dd{font-size:16px;line-height:1.6}
html[data-theme=dark] .team-showcase .orbit-center em{color:#b7adff}
@media(max-width:960px){.team-showcase{gap:36px}.team-showcase .team-orbit{gap:10px}.team-showcase .credo-principles{gap:20px}}
@media(max-width:700px){.team-showcase{grid-template-columns:1fr;gap:36px;margin-bottom:36px}.team-showcase .team-orbit{max-width:480px}.team-showcase .orbit-center{text-align:center;font-size:26px}.team-showcase .team-credo h3{text-align:center}.team-showcase .team-credo>p{text-align:center;margin:auto}.team-showcase .orbit-photo{width:100%;height:auto;border-radius:10px}html:has(main>.hero) #crew .people-heading{margin-bottom:32px}}

/* One headline, people in motion, details on demand. */
html:has(main>.hero) #crew .people-heading{margin:0 auto 16px}
html:has(main>.hero) #crew .people-heading h2{margin:0;font-size:clamp(32px,4.2vw,56px)}
#crew .team-showcase{display:block;margin:0 auto 28px;max-width:1120px}
#crew .team-showcase .team-orbit{display:block;position:relative;width:100%;max-width:none;height:230px;padding:0;margin:0 auto;overflow:hidden}
#crew .team-showcase .orbit-photo{position:absolute;width:clamp(64px,7.2vw,96px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;margin:0;box-shadow:none}
#crew .team-values{border-top:1px solid #9386aa66;border-bottom:1px solid #9386aa66;margin:0}
#crew .team-values>summary{padding:24px 12px;font-size:20px;font-weight:600;cursor:pointer}
#crew .team-values .team-credo{max-width:none;text-align:left;margin:0;padding:8px 12px 32px}
#crew .team-values .team-credo>p{font-size:18px;margin:0 0 24px}
#crew .team-values .credo-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0}
#crew .team-values .credo-principles>div{padding-top:14px;border-top:1px solid #9386aa44}
#crew .team-values dt{font-size:18px}#crew .team-values dd{font-size:16px;line-height:1.6}
html:has(main>.hero) #crew .team-directory{border-top:0;margin:0}
@media(max-width:700px){#crew .team-showcase .team-orbit{height:250px}#crew .team-showcase .orbit-photo{width:clamp(56px,17vw,80px);border-radius:12px}#crew .team-values>summary{font-size:18px}#crew .team-values .credo-principles{grid-template-columns:1fr 1fr;gap:24px}#crew .team-showcase{margin-bottom:20px}}

#crew .team-showcase .team-orbit{height:290px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
@media(max-width:700px){#crew .team-showcase .team-orbit{height:250px}#crew .team-showcase .orbit-photo{width:clamp(54px,15vw,76px)}}

#crew .team-showcase{max-width:850px}#crew .team-showcase .team-orbit{height:380px;mask-image:none}#crew .team-showcase .orbit-photo{width:84px}html:has(main>.hero) #crew .people-heading p{margin:18px auto 0}
@media(max-width:700px){#crew .team-showcase .team-orbit{height:330px}#crew .team-showcase .orbit-photo{width:56px}}

html:has(main>.hero) #crew>.people-grid{margin:36px 0 48px}html:has(main>.hero) #crew .people-heading{margin-bottom:32px}

/* Keep the complete main navigation reachable on narrow screens. */
header:has(nav[aria-label="Hauptnavigation"]) nav{font-size:14px;gap:20px}
@media(max-width:1100px){
 header:has(nav[aria-label="Hauptnavigation"]){display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:90px;gap:12px;padding:18px 5% 0}
 header:has(nav[aria-label="Hauptnavigation"]) .brand img{width:145px;max-width:100%;height:auto}
 header:has(nav[aria-label="Hauptnavigation"]) .header-actions{grid-column:2;grid-row:1}
 header:has(nav[aria-label="Hauptnavigation"]) nav{display:flex;grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;overflow-x:auto;gap:24px;padding:0 0 10px;scrollbar-width:thin}
 header:has(nav[aria-label="Hauptnavigation"]) nav a{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;min-height:44px;font-size:14px}
 header:has(nav[aria-label="Hauptnavigation"]) .button.small{font-size:12px;min-height:44px;padding:10px 12px}
 header:has(nav[aria-label="Hauptnavigation"]) .theme-switch{min-width:44px;min-height:44px}
}
@media(max-width:420px){header:has(nav[aria-label="Hauptnavigation"]) .brand img{width:112px}header:has(nav[aria-label="Hauptnavigation"]) .header-actions{gap:6px}header:has(nav[aria-label="Hauptnavigation"]) .theme-name{display:none}}

@media(max-width:360px){header:has(nav[aria-label="Hauptnavigation"]) .brand img{width:88px}}

html[data-theme=dark]:has(main>.hero) .founder-timeline .story-year{color:#c3baff}html[data-theme=dark]:has(main>.hero) .founder-timeline{border-left-color:#817897}html[data-theme=dark]:has(main>.hero) .founder-timeline p{color:#d5cfe3}

/* Compact agency awards beneath customer voices. */
.agency-awards{max-width:1060px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:32px}
.agency-awards h3{font:500 14px/1.4 Inter,sans-serif;white-space:nowrap;margin:0;color:inherit}
.agency-awards-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:center}
.agency-awards-list a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;border-radius:4px}
.agency-awards-list img{display:block;width:100%;max-width:100px;height:48px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.8;transition:opacity .2s}
.agency-awards-list a:nth-child(2) img{max-width:76px;height:44px}
.agency-awards-list a:nth-child(3) img{max-width:110px}
.agency-awards-list a:nth-child(5) img{max-width:84px;height:44px}
.agency-awards-list a:nth-child(6) img{max-width:66px;height:44px}
.agency-awards-list a:hover img,.agency-awards-list a:focus-visible img{opacity:1}
.agency-awards-list a:focus-visible{outline:2px solid #ffa300;outline-offset:5px}
html[data-theme=dark] .agency-awards-list img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
@media(max-width:900px){.agency-awards{grid-template-columns:1fr;gap:14px}.agency-awards h3{text-align:center}.agency-awards-list{max-width:740px;width:100%;margin:auto}}
@media(max-width:600px){.agency-awards-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;max-width:380px}.agency-awards{margin-top:20px;padding-top:16px}.agency-awards-list img{height:44px}}

/* Keep awards close to the following story section. */
html:has(main>.hero) #kundenstimmen.section{padding-bottom:20px}
@media(max-width:600px){html:has(main>.hero) #kundenstimmen.section{padding-bottom:16px}}

/* Mobile navigation: one compact header and a full-screen menu. */
.mobile-menu-toggle{display:none}
.mobile-navigation{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px max(6vw,20px) max(28px,env(safe-area-inset-bottom));border:0;background:#121222;color:#f8f7fc;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.mobile-navigation::backdrop{background:#121222}
.mobile-navigation[open]{display:flex;flex-direction:column;animation:mobile-menu-in .22s ease-out}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:16px}
.mobile-menu-close,.mobile-menu-toggle{font:500 16px/1.3 Inter,sans-serif;color:inherit;border:0;background:none;padding:12px 0;min-height:44px;cursor:pointer}
.mobile-menu-close span,.mobile-menu-toggle span{margin-left:10px}
.mobile-navigation nav[aria-label="Hauptnavigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;overflow:visible;font-size:clamp(22px,5vw,30px)}
.mobile-navigation nav a{display:block;padding:13px 0;line-height:1.3;border-bottom:1px solid #ffffff20}
.mobile-navigation .header-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:auto;padding-top:32px}
.mobile-navigation .header-actions .button{order:-1;text-align:center;justify-content:center;white-space:normal;background:#ffa300;color:#171429;border:0;padding:18px 22px;font-size:16px}
.mobile-navigation .theme-switch{align-self:flex-start;font-size:14px;padding:12px 16px;color:inherit;background:none;border:1px solid #ffffff40;border-radius:4px}
.mobile-navigation .theme-name{display:inline!important;margin-left:8px}
body.mobile-menu-open{overflow:hidden}
html[data-theme=light] .mobile-navigation{background:#faf9f6;color:#242031}
html[data-theme=light] .mobile-navigation nav a{border-color:#24203122}
html[data-theme=light] .mobile-navigation .theme-switch{border-color:#24203144}
@keyframes mobile-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){body>header.menu-enhanced{height:80px;min-height:80px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 6%;gap:20px}body>header.menu-enhanced .brand img{width:145px;height:auto}body>header.menu-enhanced .mobile-menu-toggle{display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}}
body.motion-paused .mobile-navigation[open]{animation:none}

/* Consistent, generous menu controls. */
body>header.menu-enhanced .mobile-menu-toggle{width:58px;height:58px;min-height:58px;flex:0 0 58px;padding:0;border:1px solid currentColor;border-radius:4px;justify-content:center}
body>header.menu-enhanced .mobile-menu-toggle span{margin:0;font-size:30px;line-height:1}
.mobile-navigation .header-actions .theme-switch{width:100%;align-self:stretch;display:flex;justify-content:center;align-items:center;min-height:58px;padding:18px 22px;font:500 16px/1.4 Inter,sans-serif;border-radius:4px;box-sizing:border-box}
.mobile-navigation .header-actions .button{min-height:58px;font:500 16px/1.4 Inter,sans-serif;box-sizing:border-box}

/* Center the menu icon without a visible box. */
body>header.menu-enhanced .mobile-menu-toggle{width:48px;height:48px;min-height:48px;flex:0 0 48px;border:0;border-radius:0;padding:0;background:transparent;align-items:center;justify-content:center;line-height:1}
body>header.menu-enhanced .mobile-menu-toggle svg{display:block;width:28px;height:28px;flex:none;margin:0}

/* Desktop shows only the theme icon; mobile menu names the action. */
body>header .theme-switch .theme-name{display:none!important}
body>header .theme-switch{width:44px;min-width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
body>header .theme-switch>[aria-hidden]{margin:0}
.mobile-navigation .theme-switch .theme-name{display:inline!important}

/* Flagship card always has a light surface, including dark mode. */
html:has(main>.hero) .distance .plan-flagship .plan-phase-duration{color:#5a5069;opacity:1}