/* Audience journeys and contact, within the existing BoosteryLab visual system. */
.brand-yellow{color:var(--yellow)}
.button.contact-outline{background:transparent;color:var(--blue-dark);border-color:#5575B980}
.button.contact-outline:hover{background:#e7eefb;border-color:var(--blue)}
.journey-section{max-width:1340px;margin:auto;padding:55px 60px 45px;border-top:1px solid var(--line)}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:34px}
.journey-heading h2{font-size:54px;letter-spacing:-.055em;line-height:1.08}
.journey-heading>p{max-width:380px;font-size:16px;line-height:1.8}
.journey{display:grid;grid-template-columns:.95fr 1.2fr;gap:40px;align-items:center}
.journey-copy{position:relative;z-index:2;min-width:0}
.audience-switch{display:inline-flex;background:#e9edf3;border:1px solid #e0e5ef;border-radius:30px;padding:5px;gap:4px}
.audience-switch button{border:0;border-radius:25px;background:transparent;color:#526581;padding:10px 20px;font-size:13px;font-weight:600;transition:background .3s,color .3s,box-shadow .3s}
.audience-switch button[aria-selected=true]{background:var(--blue);color:white;box-shadow:0 3px 10px #3854831a}
.journey[data-audience=company] .audience-switch button[aria-selected=true]{background:var(--yellow);color:#42311d}
.path-intro{font-size:13px;max-width:370px;margin:20px 0 16px;color:#66738a;min-height:42px}
.journey-steps{display:grid;gap:4px}
.journey-step{display:flex;align-items:flex-start;gap:18px;width:100%;text-align:left;padding:15px 16px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--ink);transition:background .3s,border-color .3s,transform .3s}
.journey-step>span{font:11px/1.8 var(--mono);color:#71839f;padding-top:2px}
.journey-step strong{font-size:17px;font-weight:600;letter-spacing:-.025em}
.journey-step p{font-size:12px;line-height:1.65;margin-top:5px;color:#657186;max-width:370px}
.journey-step[aria-pressed=true]{background:#e9effb;border-color:#d7e2f5;transform:translateX(4px)}
.journey-step[aria-pressed=true]>span{color:var(--blue-dark)}
.journey[data-audience=company] .journey-step[aria-pressed=true]{background:#fff0d9;border-color:#f1d6b3}
.journey[data-audience=company] .journey-step[aria-pressed=true]>span{color:var(--amber)}
.journey-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.journey-actions .button{font-size:12px;padding:12px 20px;min-height:44px}
.journey-actions .text-link{font-size:11px}
.journey-visual{position:relative;min-width:0;height:530px;border:1px solid #e0e6f0;border-radius:30px;background:linear-gradient(135deg,#edf2fc,#f5f7fb 70%);isolation:isolate;perspective:1200px;overflow:hidden;transition:background .6s}
.journey[data-audience=company] .journey-visual{background:linear-gradient(135deg,#fff0da,#f8f6f1 70%);border-color:#efe2cd}
.journey-halo{position:absolute;inset:10% -20%;background:radial-gradient(ellipse,#c5d6f566,transparent 65%);transform:rotate(-20deg);transition:background .6s}
.journey[data-audience=company] .journey-halo{background:radial-gradient(ellipse,#f4cc8e66,transparent 65%)}
.journey-world{position:absolute;left:50%;top:46%;width:620px;height:500px;transform-style:preserve-3d;transform:translate(-50%,-50%) scale(var(--journey-scale,.88)) rotateX(var(--jx,8deg)) rotateY(var(--jy,-10deg)) rotateZ(-5deg);transition:transform .7s var(--ease)}
.journey-connections{position:absolute;inset:0;width:620px;height:500px;overflow:visible}
.connection-base{fill:none;stroke:#9eb4d5;stroke-width:2}
.connection-signal{fill:none;stroke:var(--blue);stroke-width:4;stroke-dasharray:28 600;animation:journey-signal 4.5s linear infinite;stroke-linecap:round}
.journey[data-audience=company] .connection-signal{stroke:#ce8c37}
.connection-junction{fill:var(--yellow);stroke:white;stroke-width:2}
.journey-station{position:absolute;padding:16px 18px;border-radius:15px;border:1px solid #d5dfef;box-shadow:3px 5px 0 #d1dcec,0 20px 35px #314b6e17;transform-style:preserve-3d;background:#fff;transition:transform .7s var(--ease),box-shadow .7s,border-color .7s}
.station-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;white-space:nowrap}
.station-number{font:10px var(--mono);color:#59739e}
.station-label{font-size:13px;font-weight:600;color:#455c80;letter-spacing:-.02em}
.station-brief{left:32px;top:39px;width:200px;height:182px;transform:translateZ(0) rotate(-9deg)}
.station-work{left:220px;top:174px;width:244px;height:203px;transform:translateZ(0) rotate(5deg);background:var(--blue);border-color:#7694ce;box-shadow:3px 5px 0 #3c5a96,0 20px 40px #25477926}
.station-work .station-number,.station-work .station-label{color:white}
.station-talk{left:424px;top:327px;width:177px;height:158px;transform:translateZ(0) rotate(-7deg);background:#ffe3bc;border-color:#efca96;box-shadow:3px 5px 0 #e2bf8d,0 20px 35px #704f2317}
.station-talk .station-label{color:#725020}
.brief-sheet{border:1px solid #dce5f4;background:#f5f8fc;border-radius:8px;padding:15px}
.brief-sheet>i{height:5px;border-radius:3px;display:block;background:#c8d8f1;margin-bottom:9px;width:90%}
.brief-sheet>i:nth-child(2){width:65%;background:#f3c98f}
.brief-sheet>i:nth-child(3){width:76%}
.brief-sheet>div{display:flex;gap:6px;margin-top:15px}.brief-sheet b{display:block;width:35px;height:15px;background:#dbe5f7;border-radius:5px}.brief-sheet b:last-child{background:#fce6c7}
.journey-laptop{position:relative;border:1px solid #d3dded;background:#f4f7fe;border-radius:7px;height:119px;margin:17px 5px 0;box-shadow:0 5px 9px #1b346930}
.laptop-toolbar{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid #dbe5f4}.laptop-toolbar i{width:4px;height:4px;border-radius:50%;background:#b1c3e3}.laptop-toolbar i:first-child{background:var(--yellow)}
.laptop-workspace{display:grid;grid-template-columns:38px 1fr 1fr;gap:8px;padding:12px;height:86px}
.laptop-workspace span{border-radius:4px;background:#dce6f8;border:1px solid #d6e2f6}.laptop-workspace span:first-child{grid-row:span 2;background:#c2d3ef}.laptop-workspace span:nth-child(3){background:#fce3bf;border-color:#efdab8}.laptop-workspace span:last-child{display:none}
.laptop-base{position:absolute;bottom:-7px;left:-8px;right:-8px;height:7px;border-radius:1px 1px 7px 7px;background:#c8d6ee}
.conversation-shapes{position:relative;height:85px}.conversation-shapes>div{position:absolute;top:0;left:0;width:95px;padding:12px;background:#fff8ed;border-radius:9px 9px 9px 1px;border:1px solid #f0d0a2;box-shadow:0 6px 12px #a0764015}.conversation-shapes>div:last-child{top:35px;left:39px;background:var(--blue);border:1px solid #7694ce;border-radius:9px 9px 1px 9px}.conversation-shapes i{display:block;width:100%;height:4px;border-radius:3px;background:#e7ccaa;margin:4px 0}.conversation-shapes i:last-child{width:66%}.conversation-shapes>div:last-child i{background:#c1d1ee}
.journey[data-step="0"] .station-brief{transform:translateZ(35px) translateY(-12px) rotate(-3deg);border-color:#92add8;box-shadow:4px 7px 0 #c2d1e8,0 28px 45px #314b6e25}
.journey[data-step="1"] .station-work{transform:translateZ(45px) translateY(-14px) rotate(0);border-color:#bccdf0;box-shadow:5px 8px 0 #3c5a96,0 28px 50px #25477930}
.journey[data-step="2"] .station-talk{transform:translateZ(45px) translateY(-14px) rotate(0);border-color:#c9934e;box-shadow:4px 7px 0 #dfb57d,0 28px 45px #704f2324}
.journey-token{position:absolute;left:175px;top:184px;width:35px;height:35px;background:var(--yellow);border:1px solid #ffd99c;border-radius:10px;box-shadow:3px 4px 0 #d59746,0 12px 20px #90632925;transform:translateZ(60px) rotate(-14deg);transition:left .85s var(--ease),top .85s var(--ease),transform .85s var(--ease);z-index:3}
.journey-token span{position:absolute;inset:11px;border:1px solid #9c691f;border-radius:3px}
.journey[data-step="1"] .journey-token{left:398px;top:317px;transform:translateZ(65px) rotate(14deg)}
.journey[data-step="2"] .journey-token{left:556px;top:435px;transform:translateZ(65px) rotate(-14deg)}
.journey-visual-caption{position:absolute;bottom:0;left:0;right:0;min-height:61px;padding:18px 24px;display:flex;gap:14px;align-items:center;border-top:1px solid #d9e2f1;background:#ffffff90;backdrop-filter:blur(14px);font-size:12px;color:#52678b}
.journey-counter{font:10px var(--mono);color:#7484a0;flex-shrink:0}.journey-status{font-weight:600}.journey-hint{margin-left:auto;font-size:9px;color:#7b879b}
.journey-changing .journey-path:not([hidden]){animation:journey-copy-in .32s var(--ease) both}
.focus-bridge{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding:10px 24px 30px;margin-bottom:25px}
.focus-bridge h2{font-size:35px;letter-spacing:-.045em}.focus-bridge p{font-size:14px;max-width:390px;margin-top:17px}
.scope-art{position:relative;height:210px;perspective:900px;min-width:0}
.scope-orbit{position:absolute;width:300px;height:160px;border:1px solid #d2deef;border-radius:50%;top:25px;left:50%;transform:translateX(-50%) rotate(-9deg);box-shadow:0 0 0 16px #edf2fa}
.scope-tile{position:absolute;width:110px;height:135px;border:1px solid #cedbef;border-radius:13px;padding:25px 17px;background:#fff;box-shadow:4px 6px 0 #d3def0,0 18px 25px #24436f15;transform:rotateY(-20deg) rotateZ(-9deg);animation:scope-drift 7s ease-in-out infinite}
.scope-one{left:calc(50% - 155px);top:45px;background:var(--blue);border-color:#7898d0;box-shadow:4px 6px 0 #3e5c98,0 18px 25px #24436f22}.scope-two{left:calc(50% - 46px);top:15px;animation-delay:-2s}.scope-three{left:calc(50% + 60px);top:55px;background:var(--yellow);border-color:#f8ce95;box-shadow:4px 6px 0 #dfa253,0 18px 25px #a0702e22;animation-delay:-4s}
.scope-tile i{display:block;height:7px;background:#ccd9ef;border-radius:5px;margin:12px 0}.scope-tile i:nth-child(2){width:75%}.scope-one i{background:#adc2e9}.scope-three i{background:#fff0d6}
.scope-signal{position:absolute;left:30%;top:170px;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px #FCB86024;animation:scope-signal 5s ease-in-out infinite}
.contact-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:70px;align-items:start;padding-bottom:70px}
.contact-page .contact-intro{padding-bottom:0}.contact-page .contact-intro h1{font-size:76px}.contact-page .contact-intro>p{max-width:420px;font-size:16px}
.contact-art{position:relative;height:250px;perspective:900px;isolation:isolate;margin:12px 0 5px}
.contact-envelope{position:absolute;width:220px;height:150px;top:65px;left:calc(50% - 120px);transform:rotateY(-18deg) rotateX(12deg) rotateZ(-8deg);transform-style:preserve-3d;animation:envelope-drift 7s ease-in-out infinite}
.envelope-face{position:absolute;inset:0;background:var(--blue);border:1px solid #7694ce;border-radius:12px;box-shadow:5px 7px 0 #3f5d98,0 25px 40px #2a477d25}.envelope-flap{position:absolute;inset:0;background:linear-gradient(145deg,#6d8bc6,#5575B9);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);border-radius:12px}
.envelope-letter{position:absolute;left:20px;right:20px;height:140px;top:-40px;border-radius:9px;border:1px solid #f2c68d;background:#ffe3bd;padding:22px;transform:translateZ(-1px);animation:letter-drift 7s ease-in-out infinite}
.envelope-letter i{display:block;height:6px;background:#d3a36666;border-radius:5px;margin:10px 0}.envelope-letter i:last-child{width:65%}
.contact-orbit{position:absolute;left:calc(50% - 165px);top:55px;width:300px;height:170px;border:1px solid #d0deef;transform:rotate(-14deg);border-radius:50%;z-index:-1;box-shadow:0 0 0 16px #edf2fa}.contact-dot{position:absolute;left:calc(50% + 104px);top:61px;width:27px;height:27px;border-radius:8px;background:var(--yellow);box-shadow:3px 4px 0 #dfa456;transform:rotate(12deg);animation:letter-drift 7s -3s ease-in-out infinite}
.contact-other{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:15px}.contact-other p{width:100%;font-size:12px;color:#71809a}.contact-other .text-link{font-size:12px}.contact-demo-link{background:none;border:0;border-bottom:1px solid #5575B966;padding:0 0 3px;color:var(--blue-dark)}
.contact-composer{background:#fff;border:1px solid #e0e7f1;border-radius:25px;padding:34px;margin-top:65px;box-shadow:0 20px 45px #2a42780a}
.contact-composer h2{font-size:29px;letter-spacing:-.04em}.contact-topics{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}
.contact-topics button{padding:9px 13px;border-radius:23px;border:1px solid #d8e2f2;color:#58709c;background:#f4f7fc;font-size:11px;transition:background .25s,color .25s}
.contact-topics button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#503a1a}
.contact-guidance{background:#edf2fc;border:1px solid #e3eafa;border-radius:13px;padding:19px;margin-bottom:23px;min-height:142px}
.contact-guidance h3{font-size:17px;color:#3e5a8c;letter-spacing:-.02em}.contact-guidance p{font-size:12px;margin-top:8px;line-height:1.7;color:#60708c}
.contact-composer label{display:block;font-size:13px;font-weight:600;margin-bottom:9px;color:#415574}
.contact-composer textarea{border:1px solid #cfdbea;border-radius:12px;background:#fbfcfe;padding:16px;min-height:190px;max-height:420px;font-size:13px;line-height:1.7;color:#42536e}
.contact-help{font-size:10px;line-height:1.7;margin:8px 0 20px;color:#78859a}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-actions .button{font-size:12px;min-height:44px;padding:11px 21px}
.contact-destination{font-size:11px;line-height:1.6;margin-top:16px;color:#68758b;overflow-wrap:anywhere}.contact-status{font-size:12px;color:var(--blue-dark);margin-top:8px;min-height:19px}
@keyframes journey-signal{to{stroke-dashoffset:-628}}
@keyframes journey-copy-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes scope-drift{50%{transform:rotateY(-10deg) rotateZ(-3deg) translateY(-9px)}}
@keyframes scope-signal{50%{left:65%;top:174px}}
@keyframes envelope-drift{50%{transform:rotateY(-10deg) rotateX(8deg) rotateZ(-4deg) translateY(-7px)}}
@keyframes letter-drift{50%{translate:0 -10px}}
@media(max-width:1200px){.journey-section{padding:45px 42px}.journey{grid-template-columns:1fr 1.1fr;gap:25px}.journey-world{--journey-scale:.74}.journey-visual{height:490px}.journey-heading h2{font-size:49px}.journey-hint{display:none}.contact-layout{gap:40px}.contact-page .contact-intro h1{font-size:66px}.contact-composer{padding:28px}.header nav{gap:21px}.header-inner{gap:20px}}
@media(max-width:950px) and (min-width:761px){.header nav{gap:14px}.header nav .simple-nav,.header nav .nav-trigger{font-size:12px}.nav-cta{padding:9px 13px}.journey-section{padding:40px 30px}.journey-world{--journey-scale:.59}.journey-visual{height:450px}.journey-heading>p{max-width:300px;font-size:14px}.journey-step{padding:13px 10px;gap:12px}.journey-step p{font-size:11px}.journey-step strong{font-size:15px}.audience-switch button{padding:10px 14px;font-size:12px}.contact-layout{gap:26px}.contact-page .contact-intro h1{font-size:58px}.contact-composer{padding:23px}.focus-bridge{padding:10px 0 30px;gap:20px}.focus-bridge h2{font-size:31px}.scope-art{scale:.9}}
@media(max-width:760px){.header-inner{padding:20px 22px 10px;gap:15px}.header nav{justify-content:space-between;gap:12px}.journey-section{padding:40px 22px 25px}.journey-heading{display:block;margin-bottom:26px}.journey-heading h2{font-size:46px}.journey-heading>p{margin-top:19px;max-width:430px;font-size:14px}.journey{grid-template-columns:1fr;gap:28px}.audience-switch{width:100%}.audience-switch button{flex:1}.path-intro{min-height:0;max-width:100%}.journey-step{padding:13px 15px}.journey-step p{max-width:100%}.journey-visual{height:410px;border-radius:22px}.journey-world{--journey-scale:.68;top:44%}.journey-visual-caption{padding:16px 20px;min-height:56px}.journey-hint{display:none}.journey-actions{gap:18px}.focus-bridge{grid-template-columns:1fr;gap:16px;padding:20px 0 10px;margin-bottom:25px}.focus-bridge h2{font-size:33px}.scope-art{height:200px;margin-top:5px}.scope-orbit{width:260px}.scope-tile{width:100px}.scope-one{left:calc(50% - 145px)}.scope-two{left:calc(50% - 45px)}.scope-three{left:calc(50% + 50px)}.contact-layout{grid-template-columns:1fr;gap:12px;padding-bottom:45px}.contact-page .contact-intro{padding-bottom:0}.contact-page .contact-intro h1{font-size:56px}.contact-art{display:none}.contact-other{margin-top:25px}.contact-composer{margin-top:18px;padding:25px;border-radius:20px}.contact-composer h2{font-size:28px}.contact-guidance{min-height:0}.contact-topics{margin:22px 0}.contact-other .text-link{font-size:11px}.footer-links{flex-wrap:wrap;gap:22px}.hero-copy .actions{gap:12px}}
@media(max-width:450px){.journey-world{--journey-scale:.54}.journey-visual{height:350px}.journey-step p{font-size:12px}.journey-visual-caption{font-size:11px;gap:10px}.contact-composer{padding:22px}.contact-topics{gap:6px}.contact-topics button{padding:8px 10px;font-size:10px}}
@media(max-width:360px){.header-inner{padding-left:17px;padding-right:17px}.header nav{gap:10px}.header nav .simple-nav,.header nav .nav-trigger{font-size:11px}.journey-section{padding-left:17px;padding-right:17px}.journey-heading h2{font-size:42px}.journey-world{--journey-scale:.46}.journey-visual{height:300px}.journey-step{padding:12px 11px;gap:12px}.journey-step strong{font-size:16px}.contact-composer{padding:19px}.contact-page .contact-intro h1{font-size:49px}.contact-topics button{font-size:9px}.scope-art{scale:.9}.hero-copy .actions .button{padding:12px 20px}}
.motion-paused .journey-world{transform:translate(-50%,-50%) scale(var(--journey-scale,.88)) rotateX(8deg) rotateY(-10deg) rotateZ(-5deg)!important}
@media(prefers-reduced-motion:reduce){.journey-world{transform:translate(-50%,-50%) scale(var(--journey-scale,.88)) rotateX(8deg) rotateY(-10deg) rotateZ(-5deg)!important}}
@media(max-width:760px){.journey-step p{display:none}.journey-step[aria-pressed=true] p{display:block}.journey-step{min-height:55px}.audience-switch button{white-space:nowrap;padding:10px 12px;font-size:12px}.journey{gap:24px}}