/* Opening and record example. Motion uses transforms/opacity, with no media downloads. */
.launch{position:relative;overflow:clip;background:#f8fbfe;padding-top:65px;color:#172e3c}
.launch-copy{text-align:center;position:relative;z-index:2}
.launch-category{font-size:11px;font-weight:650;letter-spacing:2px;color:#52758b;margin:0 0 23px}
.launch h1{font-size:clamp(44px,5.25vw,78px);font-weight:600;line-height:1.1;letter-spacing:-3.8px;margin:0 auto 24px;max-width:1250px}
.launch h1>span:last-child{color:#4b89b0}
.launch-description{font-size:19px;line-height:1.65;color:#526674;max-width:640px;margin:0 auto}
.launch-actions{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:28px}
.launch-actions .button{font-size:13px;padding:14px 23px;min-height:47px}
.launch-actions .text-link{font-size:13px;min-height:46px}
.launch-stage{height:560px;max-width:1260px;position:relative;margin:48px auto 0;perspective:1600px;isolation:isolate}
.launch-halo{position:absolute;inset:7% 6% 0;background:#d9edfa;border-radius:50% 50% 15% 15%;opacity:.65;z-index:-1}
.launch-browser{position:relative;width:100%;max-width:1080px;margin:auto;border:1px solid #b8cedf;border-radius:14px;background:#fff;box-shadow:0 5px 0 #c4d6e3,0 10px 0 #e5edf3,0 28px 50px -25px #28496160;overflow:clip;transform-origin:50% 50%;transform:perspective(1800px) rotateX(3deg);contain:layout paint}
.launch-browser-bar{height:35px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7fafc;border-bottom:1px solid #dbe6ef;font-size:8px;letter-spacing:1px;color:#607c90}
.launch-browser-bar>span:first-child{display:flex;gap:5px}.launch-browser-bar i{height:6px;width:6px;background:#c2d6e5;border-radius:50%}.launch-browser-bar>span:last-child{letter-spacing:0}
.launch #hero-dashboard .pv-shell{grid-template-columns:165px minmax(0,1fr);max-height:510px;overflow:hidden;min-height:0;font-size:11px}
.launch #hero-dashboard .pv-sidebar{display:flex;padding:18px 11px}.launch #hero-dashboard .pv-brand{padding-bottom:14px}.launch #hero-dashboard .pv-brand strong{font-size:12px}.launch #hero-dashboard .pv-brand small{font-size:9px}.launch #hero-dashboard .pv-logo{width:32px;height:32px;font-size:22px}
.launch #hero-dashboard .pv-sidebar-label{font-size:9px;margin:15px 7px 8px}.launch #hero-dashboard .pv-nav{display:flex;flex-direction:column;gap:3px;overflow:visible}.launch #hero-dashboard .pv-nav button{padding:8px;font-size:10px;min-height:31px}.launch #hero-dashboard .pv-nav-icon{font-size:8px}.launch #hero-dashboard .pv-sidebar-foot{display:none}
.launch #hero-dashboard .pv-main{padding:20px}.launch #hero-dashboard .pv-topbar{min-height:37px;padding:10px 20px;font-size:10px}.launch #hero-dashboard .pv-page-head{margin-bottom:16px}.launch #hero-dashboard .pv-page-head h3{font-size:28px;margin:7px 0}.launch #hero-dashboard .pv-page-head p{font-size:10px}.launch #hero-dashboard .pv-kicker{font-size:8px}.launch #hero-dashboard .pv-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.launch #hero-dashboard .pv-stat{padding:14px}.launch #hero-dashboard .pv-stat strong{font-size:28px;margin:10px 0}.launch #hero-dashboard .pv-stat>span,.launch #hero-dashboard .pv-stat small{font-size:9px}
.launch #hero-dashboard .pv-overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin:0}.launch #hero-dashboard .pv-overview-grid>.pv-card:last-child{display:block}.launch #hero-dashboard .pv-card{padding:15px;margin:0}.launch #hero-dashboard .pv-card h4{font-size:12px;margin-bottom:10px}.launch #hero-dashboard .pv-agenda-row{padding:12px 0;grid-template-columns:34px minmax(0,1fr);gap:9px}.launch #hero-dashboard .pv-agenda-row strong,.launch #hero-dashboard .pv-attention-row strong{font-size:11px}.launch #hero-dashboard .pv-agenda-row small,.launch #hero-dashboard .pv-attention-row small{font-size:9px}.launch #hero-dashboard .pv-time,.launch #hero-dashboard .pv-badge{font-size:8px}.launch #hero-dashboard .pv-attention-row{padding:12px 0}.launch #hero-dashboard .pv-main>.pv-card{display:none}
.launch-fragment{position:absolute;top:26%;width:260px;padding:26px;background:#fff;border:1px solid #bed6e8;border-radius:14px;box-shadow:0 30px 60px -25px #183e6260;opacity:0;pointer-events:none;visibility:hidden}
.launch-fragment-customer{left:4%}.launch-fragment-job{right:4%;top:46%}.launch-fragment>span{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#4f7c9b}.launch-fragment strong{display:block;font-size:25px;letter-spacing:-1px;margin:20px 0 8px}.launch-fragment small{font-size:11px;color:#617684}.launch-fragment b{display:block;margin-top:22px;color:#396d8c;font-size:11px;padding-top:15px;border-top:1px solid #e5edf3;font-weight:500}
.launch-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0 34px;font-size:11px;color:#617685}.launch-bottom p{margin:0}.launch-bottom .note-ref{font-size:11px}.launch-bottom button,.record-replay{border:0;background:none;color:#396d8c;padding:12px 0;font:inherit;cursor:pointer;min-height:44px}.launch-bottom button span,.record-replay span{margin-left:10px}.launch-bottom button:hover,.record-replay:hover{text-decoration:underline}
.offer-inner>h2{white-space:pre-line}.offer-bottom>p{max-width:540px}
.record-story{scroll-margin-top:120px}.record-story .section-heading h2{font-size:clamp(34px,4vw,58px)}.record-story .section-heading{margin-bottom:45px}.record-story-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:center}.record-story-copy{min-width:0}.record-story-tabs{display:flex;flex-direction:column;border-top:1px solid #d4e1eb}.record-story-tabs button{position:relative;display:flex;align-items:center;gap:20px;text-align:left;font:inherit;font-size:12px;color:#728493;padding:25px 0;border:0;border-bottom:1px solid #d4e1eb;background:none;cursor:pointer;min-height:70px}.record-story-tabs button>span{font-size:17px}.record-story-tabs button[aria-selected=true]{color:#214f6d;font-weight:600}.record-story-tabs button[aria-selected=true]:before{content:'';position:absolute;left:-18px;top:23px;bottom:23px;width:3px;background:#7cb9df}.record-story-copy>p:not(.record-example-note){font-size:14px;line-height:1.85;color:#526674;min-height:80px;margin:25px 0 10px}.record-replay{font-size:12px}.record-example-note{font-size:10px;color:#728493;margin-top:20px}
.record-story-panel{border-radius:18px;border:1px solid #d0e0eb;background:#f0f6fa;overflow:clip;min-height:475px;box-shadow:0 24px 55px -40px #1b41655c;contain:layout paint}.record-demo-bar{display:flex;justify-content:space-between;gap:20px;padding:20px 26px;background:white;border-bottom:1px solid #d6e3ed;font-size:9px;color:#60798b;letter-spacing:1px}.record-demo-bar>span:last-child{letter-spacing:0}#record-demo-content{padding:28px}.record-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.record-demo-head h3{font-size:25px;letter-spacing:-.8px;margin:0}.record-demo-tag{font-size:9px;color:#426a83;background:#e0eff9;padding:6px 10px;border-radius:5px}.record-demo-form{padding:25px;background:white;border:1px solid #d6e3ed;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.record-demo-field>span{font-size:10px;color:#667e8e;display:block;margin-bottom:10px}.record-demo-value{padding:11px 12px;border:1px solid #d3e0e9;border-radius:5px;min-height:40px;font-size:13px;background:#fbfdfe;overflow-wrap:anywhere}.record-demo-value:empty:after{content:' ';display:inline-block}.record-demo-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;min-height:42px;font-size:11px;color:#637b8b}.record-demo-action{display:inline-block;padding:12px 18px;border-radius:6px;background:#214f6d;color:#fff;font-weight:500}.record-demo-identity{display:flex;gap:15px;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e2eaf1}.record-demo-identity>b{display:grid;place-items:center;width:44px;height:44px;background:#d7ebf9;border-radius:10px;font-size:17px}.record-demo-identity strong{display:block;font-size:15px}.record-demo-identity small{font-size:11px;display:block;color:#667e8e;margin-top:6px}.record-job-detail{background:#fff;border:1px solid #d6e3ed;border-radius:10px;padding:25px}.record-demo-job-row{display:flex;justify-content:space-between;gap:18px;font-size:12px;padding:13px 0;border-bottom:1px solid #edf2f6}.record-demo-job-row>span{color:#60798b}.record-demo-job-row>strong{text-align:right;font-weight:500}.record-demo-notice{font-size:11px;color:#3b745b;background:#ebf5f0;padding:13px 15px;border-radius:6px;margin-top:20px}.record-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.record-overview-stats>div{background:#fff;border:1px solid #d6e3ed;border-radius:8px;padding:18px;font-size:11px;color:#667e8e}.record-overview-stats strong{display:block;font-size:31px;letter-spacing:-1px;color:#183342;margin-top:8px}.record-overview-job{background:#fff;border:1px solid #b4d3e7;border-radius:10px;padding:22px}.record-overview-job>small{font-size:9px;letter-spacing:1px;color:#53758b}.record-overview-job>h4{font-size:19px;margin:16px 0 9px}.record-overview-job>p{font-size:12px;color:#617685;margin:0 0 18px}.record-overview-job>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#53758b}
@media(min-width:1500px){.launch{padding-top:75px}.launch-stage{margin-top:58px;height:590px}}
@media(max-width:1000px){.launch{padding-top:45px}.launch h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2.6px}.launch-description{font-size:17px}.launch-stage{height:505px;margin-top:36px}.launch #hero-dashboard .pv-shell{grid-template-columns:125px minmax(0,1fr);max-height:470px}.launch #hero-dashboard .pv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.launch #hero-dashboard .pv-stat{padding:12px}.launch #hero-dashboard .pv-overview-grid{grid-template-columns:1fr}.launch #hero-dashboard .pv-overview-grid>.pv-card:last-child{display:none}.launch #hero-dashboard .pv-sidebar{padding:15px 7px}.launch #hero-dashboard .pv-nav button{font-size:9px;min-height:29px;padding:6px}.record-story-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.record-demo-form{gap:17px;padding:20px}.record-demo-head h3{font-size:23px}#record-demo-content{padding:23px}.record-story-tabs button>span{font-size:15px}}
@media(max-width:760px){.launch{padding-top:35px}.launch-copy.wrap,.launch-stage.wrap,.launch-bottom.wrap{width:calc(100% - 36px)}.launch-category{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}.launch h1{font-size:clamp(33px,8.3vw,57px);line-height:1.16;letter-spacing:-1.7px;margin-bottom:19px}.launch h1>span{display:inline}.launch-description{font-size:14px;line-height:1.8;max-width:390px}.launch-actions{margin-top:23px;gap:25px}.launch-actions .button{font-size:11px;padding:12px 18px;min-height:44px;gap:17px}.launch-actions .text-link{font-size:11px;gap:13px}.launch-stage{height:385px;margin-top:32px;perspective:1000px}.launch-browser{border-radius:10px;transform:perspective(1200px) rotateX(3deg)}.launch-browser-bar{height:29px;font-size:6px;padding:0 10px}.launch-browser-bar>span:last-child{display:none}.launch-browser-bar i{width:4px;height:4px}.launch #hero-dashboard .pv-shell{display:grid;grid-template-columns:1fr;max-height:348px}.launch #hero-dashboard .pv-sidebar{display:none}.launch #hero-dashboard .pv-main{padding:16px 13px}.launch #hero-dashboard .pv-topbar{min-height:30px;padding:8px 13px;font-size:8px}.launch #hero-dashboard .pv-topbar-right{font-size:7px}.launch #hero-dashboard .pv-page-head{margin-bottom:12px}.launch #hero-dashboard .pv-page-head h3{font-size:23px;margin:6px 0}.launch #hero-dashboard .pv-page-head p{font-size:8px;line-height:1.6}.launch #hero-dashboard .pv-page-head .pv-kicker{font-size:7px}.launch #hero-dashboard .pv-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.launch #hero-dashboard .pv-stat{padding:11px}.launch #hero-dashboard .pv-stat strong{font-size:25px;margin:6px 0}.launch #hero-dashboard .pv-stat>span,.launch #hero-dashboard .pv-stat small{font-size:8px}.launch #hero-dashboard .pv-overview-grid{display:grid;grid-template-columns:1fr;gap:0}.launch #hero-dashboard .pv-card{padding:12px}.launch #hero-dashboard .pv-card h4{font-size:10px;margin-bottom:6px}.launch #hero-dashboard .pv-agenda-row{padding:8px 0}.launch #hero-dashboard .pv-agenda-row strong{font-size:9px}.launch #hero-dashboard .pv-agenda-row small{font-size:8px}.launch #hero-dashboard .pv-agenda-row .pv-badge{font-size:7px}.launch #hero-dashboard .pv-agenda-row:nth-child(n+2){display:none}.launch-fragment{width:190px;padding:20px;top:20%}.launch-fragment strong{font-size:21px}.launch-fragment-job{top:43%}.launch-fragment-customer{left:0}.launch-fragment-job{right:0}.launch-bottom{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:9px;padding-top:5px;padding-bottom:25px}.launch-bottom p{grid-column:1/-1}.launch-bottom .note-ref,.launch-bottom button{font-size:9px}.record-story-layout{grid-template-columns:1fr;gap:26px}.record-story .section-heading{margin-bottom:26px}.record-story-tabs{flex-direction:row;gap:0;border:0}.record-story-tabs button{flex:1;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 7px;border-bottom:2px solid #d4e1eb;min-height:90px;font-size:10px;line-height:1.5}.record-story-tabs button>span{font-size:12px}.record-story-tabs button[aria-selected=true]{border-color:#6badd7}.record-story-tabs button[aria-selected=true]:before{display:none}.record-story-copy>p:not(.record-example-note){font-size:13px;min-height:47px;margin:18px 0 0}.record-replay{font-size:11px}.record-example-note{display:inline;margin-left:15px;font-size:9px}.record-story-panel{min-height:440px;border-radius:13px}.record-demo-bar{padding:16px 18px;font-size:8px}#record-demo-content{padding:20px 17px}.record-demo-head h3{font-size:22px}.record-demo-form{padding:17px;gap:18px 12px}.record-demo-field>span{font-size:9px}.record-demo-value{font-size:11px;min-height:37px;padding:10px}.record-demo-head{margin-bottom:18px}.record-demo-foot{font-size:9px}.record-demo-action{padding:11px 13px}.record-job-detail{padding:20px}.record-demo-identity small{font-size:10px}.record-demo-job-row{font-size:11px}.record-overview-job{padding:20px}.record-story{scroll-margin-top:145px}}
@media(max-width:360px){.launch-copy.wrap,.launch-stage.wrap,.launch-bottom.wrap{width:calc(100% - 28px)}.launch h1{font-size:32px;letter-spacing:-1.4px}.launch-stage{height:380px}.record-demo-form{grid-template-columns:1fr 1fr;padding:13px;gap:16px 10px}.record-demo-value{font-size:10px;padding:9px 7px}.record-demo-head h3{font-size:20px}.record-example-note{display:block;margin:0}.record-story-panel{min-height:435px}.record-story-tabs button{padding-left:3px;padding-right:5px}.record-demo-tag{font-size:8px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.launch-browser{transform:none}.launch-fragment{display:none}.launch *, .record-story *{scroll-behavior:auto!important}.loader-line{animation:none}}

/* The workflow is directly selectable, without an artificial scroll runway. */
#workflow{min-height:0}.workflow-pin{position:static}

/* Keep the product visible on arrival and the walkthrough close to its heading. */
@media(min-width:761px){.launch{padding-top:40px}.launch-category{margin-bottom:18px}.launch h1{margin-bottom:20px}.launch-description{max-width:790px;font-size:18px}.launch-actions{margin-top:22px}.launch-stage{margin-top:32px}}
.record-story{padding-top:75px;padding-bottom:75px}#workflow{padding-bottom:55px}
@media(max-width:760px){.record-story{padding-top:55px;padding-bottom:55px}}

@media(max-width:760px){
 .record-story-layout{display:flex;flex-direction:column;align-items:stretch;gap:17px}
 .record-story-copy{display:contents}.record-story-tabs{order:0}.record-story-panel{order:1;width:100%}
 #record-story-description{order:2;min-height:0;margin:0;font-size:13px;line-height:1.8;color:#526674}
 .record-replay{order:3;align-self:flex-start;padding:4px 0}.record-example-note{order:4;margin:0;align-self:flex-start}
 .record-story .section-heading h2{font-size:34px;letter-spacing:-1.3px}.record-story .section-heading{margin-bottom:20px}
 .record-story{padding-top:40px}#workflow{padding-bottom:35px}
}
/* Product-first opening: the entire animated window fits ahead of the headline. */
.launch{padding-top:12px;display:flex;flex-direction:column}
.launch-stage.wrap{order:0;height:clamp(350px,58svh,620px);margin:0 auto 24px;display:grid;place-items:center;max-width:1260px}
.launch-copy{order:1;padding-bottom:22px}.launch-bottom{order:2;margin-top:14px}
.launch-browser{transform:perspective(1800px) rotateX(3deg) scale(var(--opening-fit,1));grid-area:1/1;width:100%}
.launch-halo{inset:8% 5% 0;border-radius:46% 46% 25% 25%;opacity:.6}
.launch-fragment{width:240px;top:16%}.launch-fragment-customer{left:6%}.launch-fragment-job{right:6%;top:48%}
.launch-copy h1{font-size:clamp(43px,4.5vw,68px)}
.record-story-panel{min-height:605px}#record-demo-content{position:relative;min-height:545px}
.record-demo-action{position:relative;overflow:hidden;white-space:nowrap;transition:background-color .25s,color .25s;user-select:none}
.record-demo-action.is-pressed{background:#346d92}.record-demo-action.is-saved{background:#e4f2eb;color:#286647}
.record-demo-pointer{position:absolute;width:17px;height:23px;background:#172f40;clip-path:polygon(0 0,100% 64%,58% 68%,43% 100%);z-index:6;pointer-events:none;filter:drop-shadow(1px 2px 1px #ffffff)}
.record-click-ring{position:absolute;left:68%;top:55%;width:45px;height:45px;border:2px solid #bfe3ff;border-radius:50%;pointer-events:none}
.record-feedback{min-height:44px;margin-top:15px;padding:10px 0;font-size:11px;line-height:1.7;color:#326a50}
.record-select{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;background:#fff}
.assignment-field{position:relative}.record-mechanic-options{position:absolute;top:67px;left:0;right:0;z-index:4;background:#fff;border:1px solid #bcd4e5;border-radius:8px;padding:5px;box-shadow:0 16px 25px -15px #23435d77}
.record-mechanic-options[hidden]{display:none}.record-mechanic-options>div{display:flex;align-items:center;gap:12px;padding:10px;border-radius:5px;font-size:12px}.record-mechanic-options b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e7f1f8;font-size:11px;font-weight:500}.record-mechanic-options small{display:block;font-size:9px;color:#718697;margin-top:4px}.record-mechanic-options i{display:none;font-style:normal;margin-left:auto}.record-mechanic-options .is-selected{background:#dfedf7}.record-mechanic-options .is-selected i{display:block;color:#396d8c}
.record-plan-toggle{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:11px}.record-plan-toggle i{width:15px;height:15px;border:1px solid #a9bfce;border-radius:3px;background:white}.record-assignment-note{color:#6b8190;font-size:10px;line-height:1.8;margin:12px 0 0}
.record-invoice-preview{padding:24px;background:#fff;border:1px solid #d1e0eb;border-radius:10px;transition:border-color .35s,box-shadow .35s}
.record-invoice-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.record-invoice-heading small{font-size:8px;letter-spacing:1px;color:#698293}.record-invoice-heading strong{font-size:17px;display:block;margin:12px 0 6px}.record-invoice-heading div>span{font-size:10px;color:#687f90}.record-invoice-state{font-size:9px;padding:6px 8px;background:#f0f5f9;border-radius:4px;color:#547187;white-space:nowrap}.record-invoice-total{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px}.record-invoice-total strong{font-size:24px;letter-spacing:-.8px}.record-invoice-preview.is-generated{border-color:#9ac1dc;box-shadow:0 7px 0 -3px #d5e5f0,0 13px 0 -7px #e1edf5}
.record-xero-note{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #d5e1e9}.record-xero-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b8cbd8;border-radius:50%;font-size:11px;color:#55788f;flex-shrink:0}.record-xero-note p{margin:0}.record-xero-note strong{font-size:11px;font-weight:500}.record-xero-note p>span{display:block;font-size:9px;color:#6c8190;margin-top:5px;line-height:1.6}.record-tax-note{font-size:9px;color:#718493;line-height:1.6;margin:16px 0 0}
@media(max-width:1000px){.launch-stage.wrap{height:clamp(330px,55svh,550px)}.launch-fragment{width:210px;padding:23px}.record-story-layout{grid-template-columns:.75fr 1.25fr;gap:35px}.record-story-panel{min-height:610px}}
@media(max-width:760px){
 .launch{padding-top:4px}.launch-stage.wrap{height:clamp(300px,50svh,430px);margin:0 auto 22px;width:calc(100% - 28px)}
 .launch-browser{transform:perspective(1800px) rotateX(3deg) scale(var(--opening-fit,1))}.launch-fragment{width:154px;padding:17px;top:15%}.launch-fragment-customer{left:2%}.launch-fragment-job{right:2%;top:50%}.launch-fragment strong{font-size:18px;letter-spacing:-.5px;margin:14px 0 6px}.launch-fragment>span{font-size:7px;letter-spacing:.8px}.launch-fragment small{font-size:8px}.launch-fragment b{font-size:8px;margin-top:16px;padding-top:12px}
 .launch-copy{padding-bottom:8px}.launch-category{font-size:8px;margin-bottom:16px}.launch-copy h1{font-size:clamp(31px,8vw,48px);letter-spacing:-1.6px;line-height:1.17}.launch-bottom{margin-top:5px}
 .record-story-panel{min-height:600px}#record-demo-content{min-height:548px}.record-story-layout{display:flex;gap:17px}.record-demo-head h3{font-size:21px}.record-feedback{font-size:10px;min-height:44px;margin-top:10px}.record-demo-foot{font-size:9px;gap:10px}.record-demo-action{font-size:10px;padding:12px}.record-job-detail{padding:18px}.record-demo-identity strong{font-size:14px}.record-demo-identity small{font-size:9px}.record-invoice-preview{padding:18px}.record-invoice-heading strong{font-size:16px}.record-invoice-state{font-size:8px;padding:5px 6px}.record-invoice-heading div>span{font-size:9px}.record-demo-job-row{font-size:10px}.record-invoice-total{font-size:11px}.record-invoice-total strong{font-size:22px}.record-tax-note{font-size:8px}.record-xero-note p>span{font-size:8px}.record-demo-pointer{width:14px;height:20px}
}
@media(max-width:360px){.launch-stage.wrap{height:clamp(290px,49svh,370px)}.launch-fragment{width:140px;padding:14px}.launch-fragment strong{font-size:16px}.launch-copy h1{font-size:30px}.record-demo-action{padding:11px 9px;font-size:9px}.record-demo-head h3{font-size:19px}.record-story-panel{min-height:585px}#record-demo-content{padding:19px 13px;min-height:535px}.record-invoice-preview{padding:14px}.record-invoice-heading{gap:7px}.record-invoice-heading div>span{font-size:8px}.record-demo-identity{gap:10px}.record-demo-identity small{font-size:8px}.record-xero-note{gap:9px}}
@media(prefers-reduced-motion:reduce){.launch-browser{transform:scale(var(--opening-fit,1))}.record-demo-pointer,.record-click-ring{display:none}.record-demo-action,.record-invoice-preview{transition:none}}

@media(max-width:760px){.record-story-panel{scroll-margin-top:130px}}

/* The sticky header already supplies scroll padding; avoid doubling its offset. */
.record-story{scroll-margin-top:0}.record-story-panel{scroll-margin-top:0}

/* Connected opening records remain the same DOM nodes from close-up to dashboard. */
.launch-browser{transform:scale(var(--opening-fit,1))}.intro-tile-layer{position:absolute;inset:0;perspective:1400px;pointer-events:none;z-index:5}.intro-tile-layer[hidden]{display:none}
.intro-stage-label{position:absolute;left:12px;right:12px;bottom:2px;text-align:center;font-size:11px;line-height:1.6;font-weight:500;color:#53758d;letter-spacing:.2px;margin:0;pointer-events:none}
.intro-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.intro-record-slot{position:relative;min-width:0;aspect-ratio:280/245}
.intro-record-slot>.intro-record{position:absolute;inset:0 auto auto 0;transform:scale(var(--record-fit,1));transform-origin:0 0}
.intro-record{box-sizing:border-box;width:280px;height:245px;padding:24px;background:#fff;color:#183342;border:1px solid #bcd4e5;border-radius:13px;box-shadow:0 18px 42px -26px #274d6e69;overflow:hidden;backface-visibility:hidden}
.intro-record-type{display:block;font-size:9px;line-height:1.5;letter-spacing:1.4px;color:#527b97;font-weight:650}.intro-person{display:flex;align-items:center;gap:13px;margin:20px 0 16px}.intro-person>b{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:#dceef9;font-size:16px;font-weight:550}.intro-record h4{font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.8px;margin:0}.intro-record .intro-person p{font-size:10px;margin:6px 0 0;color:#6c8190}.intro-record-title{margin-top:20px!important}.intro-record-owner{font-size:11px;line-height:1.6;color:#6b8090;margin:7px 0 16px}.intro-record dl{margin:0}.intro-record dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eaf0f5;font-size:11px;line-height:1.2}.intro-record dt{color:#6c8291}.intro-record dd{margin:0;font-weight:500}.intro-record .intro-good{color:#39745b}.intro-record .intro-amount{font-size:24px;letter-spacing:-.8px}.intro-record-footer{font-size:9px;line-height:1.5;color:#5b7e95;margin-top:13px}.intro-tile-layer .intro-record{box-shadow:0 28px 50px -25px #254c6f70}
.launch #hero-dashboard .pv-shell{max-height:none}.launch #hero-dashboard .pv-main{padding-bottom:20px}.launch #hero-dashboard .pv-page-head p:not(.pv-kicker){max-width:none}
@media(max-width:1000px){.intro-records{gap:8px}.launch #hero-dashboard .pv-shell{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:760px){.launch #hero-dashboard .pv-shell{grid-template-columns:1fr}.launch #hero-dashboard .pv-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.launch #hero-dashboard .pv-stat{padding:8px 6px}.launch #hero-dashboard .pv-stat strong{font-size:20px}.launch #hero-dashboard .pv-stat>span{font-size:6px;line-height:1.5}.launch #hero-dashboard .pv-stat small{font-size:6px}.intro-records{gap:5px;margin-top:12px}.intro-stage-label{font-size:9px;bottom:3px}.launch #hero-dashboard .pv-main{padding:16px 11px}.launch #hero-dashboard .pv-page-head h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.launch-browser{transform:scale(var(--opening-fit,1))}.intro-tile-layer{display:none}}

.intro-record{height:280px}.intro-record-slot{aspect-ratio:1}

@media(min-width:761px){.launch-stage.wrap{margin-bottom:38px}.intro-stage-label{bottom:-14px}}

/* Editorial product reveal. Camera and panel opacity follow scrolling directly. */
.job-journey{--journey-header:110px;position:relative;height:360svh;color:#193441;background:#f3f6f8;scroll-margin-top:0}
.journey-sticky{height:calc(100svh - var(--journey-header));min-height:570px;max-height:1100px;position:sticky;top:var(--journey-header);display:flex;align-items:center;overflow:clip;box-sizing:border-box;padding:45px 0}
.journey-layout{display:grid;grid-template-columns:.85fr 1.8fr;gap:65px;align-items:center}
.journey-editorial{position:relative;z-index:2}.journey-kicker{font-size:10px;font-weight:600;letter-spacing:2.1px;color:#58768b;margin:0 0 27px}.journey-editorial h2{font-size:clamp(39px,4.2vw,68px);font-weight:550;letter-spacing:-2.6px;line-height:1.08;margin:0}.journey-editorial h2>span{color:#719bb7}.journey-story-caption{border-top:1px solid #cbd9e3;margin-top:40px;padding-top:23px;min-height:155px}.journey-count{font-size:10px;letter-spacing:1.3px;color:#66859a}.journey-story-caption h3{font-size:25px;letter-spacing:-.8px;margin:17px 0 12px;line-height:1.2}.journey-story-caption p{font-size:14px;line-height:1.8;color:#587080;margin:0;max-width:310px}.journey-editorial-foot{display:flex;flex-direction:column;gap:20px;margin-top:28px}.journey-editorial-foot>span{font-size:8px;letter-spacing:1.7px;color:#6e8797}.journey-skip{font-size:11px;color:#41657d;width:fit-content;min-height:35px;display:flex;align-items:center;gap:8px}
.journey-product{min-width:0}.journey-viewport{position:relative;aspect-ratio:1.24;min-height:430px;max-height:650px;background:#e5edf2;border:1px solid #d6e1e8;border-radius:20px;overflow:clip;isolation:isolate;display:grid;align-items:center;padding:26px 22px;box-sizing:border-box}
.journey-camera{transform-origin:30% 21%;background:#fff;border:1px solid #c8d8e3;box-shadow:0 2px 2px #29495e08,0 22px 45px -25px #29495e45;border-radius:10px;overflow:hidden;backface-visibility:hidden;position:relative}
.jc-appbar{height:52px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 23px;border-bottom:1px solid #e7edf2;background:#fcfdfe}.jc-appbrand{display:flex;align-items:center;gap:9px}.jc-appbrand>b{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#e4f1fb;font-size:23px;letter-spacing:-5px;padding-right:3px;position:relative}.jc-appbrand>b>span{color:#699fc4;position:absolute;right:5px;top:3px}.jc-appbrand strong{font-size:10px;letter-spacing:-.2px;font-weight:600}.jc-appnav{display:flex;gap:19px;font-size:9px;color:#718693;height:100%;align-items:center}.jc-nav-active{color:#244b63;height:100%;display:flex;align-items:center;border-bottom:2px solid #94c5e7}.jc-example{font-size:7px;letter-spacing:1.2px;color:#728c9f}.jc-document{padding:22px 24px 14px}.jc-breadcrumb{font-size:8px;color:#748b9c;margin-bottom:15px}.jc-breadcrumb>span{padding:0 7px;color:#abc0cf}.jc-identity{display:flex;align-items:center;justify-content:space-between;gap:16px}.jc-identity h3{font-size:clamp(20px,2vw,29px);font-weight:600;letter-spacing:-1px;margin:0 0 8px;line-height:1.2}.jc-identity p{font-size:9px;color:#6b8293;margin:0;line-height:1.7}.jc-identity p>span{padding:0 4px}.jc-numberplate{border:1px solid #b7cad7;background:#fffef8;border-radius:4px;padding:8px 10px;color:#315672;font:600 13px ui-monospace,monospace;letter-spacing:2px;white-space:nowrap}
.jc-progress{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0 22px;padding:0 0 0;gap:0}.jc-track{position:absolute;top:11px;left:10%;right:10%;height:2px;background:#e2ebf2}.jc-track i{display:block;width:100%;height:100%;background:#8ebfe0;transform-origin:left;transform:scaleX(0)}.jc-progress button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:transparent;font:inherit;padding:0 3px 3px;color:#8195a4;cursor:pointer;min-height:47px}.jc-progress button b{height:24px;width:24px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:500;border:1px solid #d4e1eb;background:#f5f9fc}.jc-progress button span{font-size:8px;line-height:1.35;text-align:center}.jc-progress button[aria-current]{color:#2d5d7d}.jc-progress button[aria-current] b{background:#bedff5;border-color:#9bc8e7;color:#244e6c;box-shadow:0 0 0 4px #edf6fc}.jc-progress button.jc-done b{background:#dfedf7;color:#3e6e8e;border-color:#bbd6e9}.jc-progress button:focus-visible{outline:2px solid #487a9b;outline-offset:4px;border-radius:4px}
.jc-view-stack{position:relative;height:228px;background:#f6f9fc;border:1px solid #e0e9f0;border-radius:8px;overflow:hidden}.jc-view{position:absolute;inset:0;padding:23px 23px 15px;opacity:0;display:flex;flex-direction:column;pointer-events:none}.jc-view:first-child{opacity:1}.jc-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.jc-label{font-size:7px;font-weight:600;color:#69879c;letter-spacing:1.25px}.jc-detail-head h4{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:8px 0 0;line-height:1.2}.jc-chip{padding:5px 9px;border-radius:4px;background:#e5f1f9;color:#446e89;font-size:8px;white-space:nowrap}.jc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.jc-fields span{display:block;font-size:8px;color:#7c91a0;margin-bottom:6px}.jc-fields strong{font-size:10px;font-weight:500;line-height:1.5}.jc-detail-foot{margin-top:auto;padding-top:13px;display:flex;align-items:center;gap:7px;border-top:1px solid #e1eaf1;font-size:8px;color:#638196;line-height:1.4}.jc-detail-foot>i{width:4px;height:4px;background:#8fbddc;border-radius:50%;flex-shrink:0}.jc-assignee{display:flex;align-items:center;gap:7px;font-size:10px;color:#44677f}.jc-assignee b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d9ebf8;font-size:10px;font-weight:500}.jc-checklist>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #e3ebf2;font-size:10px}.jc-checklist svg{width:13px;height:13px;color:#5987a5}.jc-checklist small{margin-left:auto;font-size:8px;color:#8296a4}.jc-invoice>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#718a9a;margin-bottom:13px}.jc-invoice>div:first-child strong{font-weight:500;color:#426479}.jc-invoice-line,.jc-invoice-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce7ef;padding:10px 0;font-size:9px}.jc-invoice-line strong{font-weight:500}.jc-invoice-total span{color:#6c8799}.jc-invoice-total strong{font-size:22px;letter-spacing:-.7px;font-weight:550}.jc-handover{display:flex;align-items:center;gap:16px;padding-top:6px}.jc-check-seal{width:44px;height:44px;border:1px solid #b7d7ec;background:#e5f2fb;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.jc-check-seal svg{width:23px;height:23px;color:#487895}.jc-handover strong{font-size:12px;font-weight:550}.jc-handover p{font-size:9px;color:#7a90a0;margin:7px 0}.jc-handover div>span{font-size:8px;color:#6f899a;line-height:1.5}.jc-history>div{display:flex;align-items:center;gap:10px;font-size:9px;padding:9px 0;border-top:1px solid #e1eaf1}.jc-history b{width:14px;height:14px;color:#6c96b1}.jc-history svg{width:14px;height:14px}.jc-history strong{margin-left:auto;font-size:8px;font-weight:500;color:#6f899a}.jc-document-foot{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#8a9da9;margin-top:13px;line-height:1.6}
.journey-product-caption{display:flex;align-items:center;gap:16px;padding:23px 5px 0}.journey-caption-line{height:1px;width:40px;background:#8eafc5}.journey-product-caption p{font-size:11px;line-height:1.6;color:#698395;margin:0}.journey-product-index{margin-left:auto;font-size:9px;letter-spacing:1px;color:#6c8aa0}
.journey-reduced{height:auto}.journey-reduced .journey-sticky{position:relative;top:0;height:auto;padding:70px 0;min-height:0}.journey-reduced .journey-editorial-foot>span{display:none}
@media(min-width:1500px){.journey-layout{gap:90px}.journey-viewport{padding:35px 30px}.jc-document{padding:26px 30px 19px}.jc-view-stack{height:250px}.jc-view{padding:26px}.jc-identity h3{font-size:30px}.jc-fields strong{font-size:12px}.jc-fields span{font-size:9px}.jc-progress button span{font-size:9px}}
@media(max-width:1100px) and (min-width:761px){.journey-layout{gap:30px;grid-template-columns:.8fr 1.6fr}.journey-editorial h2{font-size:39px;letter-spacing:-1.7px}.journey-viewport{padding:20px 14px;min-height:460px}.jc-appnav{gap:10px;font-size:8px}.jc-document{padding:18px 16px 13px}.jc-appbar{padding:0 16px}.jc-identity{gap:9px}.jc-numberplate{font-size:10px;padding:6px 7px;letter-spacing:1px}.jc-identity h3{font-size:22px}.jc-identity p{font-size:8px}.jc-view{padding:19px 15px}.jc-detail-head h4{font-size:18px}.jc-fields strong{font-size:9px}.jc-progress button span{font-size:7px}}
@media(max-width:760px){.job-journey{height:330svh}.journey-sticky{padding:20px 0;min-height:0}.journey-layout{display:flex;flex-direction:column;gap:22px;align-items:stretch}.journey-editorial{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:end}.journey-kicker{grid-column:1/-1;margin:0 0 13px;font-size:8px;letter-spacing:1.7px}.journey-editorial h2{font-size:33px;letter-spacing:-1.5px;line-height:1.1}.journey-story-caption{border:0;padding:0;margin:0;min-height:0}.journey-count{font-size:8px;letter-spacing:1px}.journey-story-caption h3{font-size:15px;letter-spacing:-.3px;margin:8px 0 0;line-height:1.35;min-height:20px}.journey-story-caption p{display:none}.journey-editorial-foot{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.journey-editorial-foot>span{font-size:7px;letter-spacing:1px}.journey-skip{font-size:9px;min-height:30px}.journey-viewport{aspect-ratio:auto;height:390px;min-height:0;border-radius:14px;padding:18px 10px;display:flex;align-items:center}.journey-camera{width:100%;border-radius:7px;transform-origin:25% 26%}.jc-appbar{height:36px;padding:0 12px;gap:10px}.jc-appbrand>b{width:20px;height:20px;font-size:19px;border-radius:5px}.jc-appbrand strong{font-size:8px}.jc-appbrand>b>span{right:4px;top:2px}.jc-appnav{display:none}.jc-example{font-size:6px;letter-spacing:1px}.jc-document{padding:15px 13px 11px}.jc-breadcrumb{font-size:7px;margin-bottom:13px}.jc-identity{gap:12px}.jc-identity h3{font-size:20px;letter-spacing:-.6px;margin-bottom:6px}.jc-identity p{font-size:7px;line-height:1.6}.jc-numberplate{font-size:10px;letter-spacing:1px;padding:6px 7px;white-space:nowrap}.jc-progress{margin:19px 0 15px}.jc-progress button{min-height:44px;gap:6px;padding:0 1px 4px}.jc-progress button span{font-size:6px;max-width:46px}.jc-progress button b{width:20px;height:20px;font-size:7px}.jc-track{top:9px}.jc-view-stack{height:171px}.jc-view{padding:14px 13px 11px}.jc-detail-head{margin-bottom:12px;gap:10px}.jc-label{font-size:6px;letter-spacing:.9px}.jc-detail-head h4{font-size:17px;letter-spacing:-.4px;margin-top:5px}.jc-chip{font-size:6px;padding:4px 6px}.jc-fields{gap:11px 12px}.jc-fields span{font-size:7px;margin-bottom:4px}.jc-fields strong{font-size:8px;line-height:1.4}.jc-detail-foot{font-size:6px;padding-top:9px;gap:5px}.jc-checklist>div{font-size:8px;padding:6px 0;gap:7px}.jc-checklist small{font-size:6px}.jc-checklist svg{width:11px;height:11px}.jc-assignee{font-size:8px;gap:5px}.jc-assignee b{width:22px;height:22px;font-size:8px}.jc-invoice>div:first-child{font-size:7px;margin-bottom:9px}.jc-invoice-line,.jc-invoice-total{font-size:7px;padding:7px 0}.jc-invoice-total strong{font-size:19px}.jc-handover{gap:10px;padding-top:3px}.jc-check-seal{width:32px;height:32px}.jc-check-seal svg{width:18px;height:18px}.jc-handover strong{font-size:10px}.jc-handover p{font-size:7px;margin:6px 0}.jc-handover div>span{font-size:7px}.jc-history>div{font-size:7px;padding:6px 0;gap:7px}.jc-history strong{font-size:6px}.jc-document-foot{font-size:5px;margin-top:10px;gap:8px}.journey-product-caption{padding:13px 3px 0;gap:10px}.journey-caption-line{width:22px}.journey-product-caption p{font-size:9px}.journey-product-index{font-size:8px}.journey-reduced .journey-sticky{padding:40px 0}.journey-reduced .journey-story-caption p{display:none}}
@media(max-width:380px){.journey-layout{gap:14px}.journey-editorial h2{font-size:29px}.journey-viewport{padding:13px 8px;height:370px}.jc-document{padding:13px 10px 10px}.jc-identity{flex-wrap:wrap;gap:7px}.jc-identity h3{font-size:19px}.jc-numberplate{font-size:8px;padding:4px 6px}.jc-identity p{font-size:6px}.jc-progress{margin-top:15px}.jc-progress button span{font-size:5.5px}.jc-detail-head h4{font-size:15px}.jc-fields strong{font-size:7px}.jc-view{padding:13px 10px}.jc-document-foot{font-size:4.5px}.journey-kicker{margin-bottom:10px}.journey-editorial-foot{margin-top:7px}}
@media(max-height:740px){.journey-sticky{padding:12px 0}.journey-viewport{max-height:450px}.journey-editorial-foot{margin-top:15px}.journey-story-caption{margin-top:25px;min-height:140px}.journey-editorial h2{font-size:40px}}
@media(max-height:740px) and (max-width:760px){.journey-layout{gap:10px}.journey-editorial h2{font-size:27px}.journey-editorial-foot{margin-top:5px}.journey-kicker{margin-bottom:8px}.journey-story-caption{margin:0;min-height:0}.journey-viewport{height:340px;padding-top:9px;padding-bottom:9px}.journey-product-caption{padding-top:9px}.journey-product-caption p{font-size:8px}.jc-view-stack{height:151px}.jc-detail-foot{font-size:5.5px}.jc-detail-head{margin-bottom:9px}.jc-fields{gap:8px}.jc-appbar{height:31px}.jc-document{padding-top:11px}.jc-breadcrumb{margin-bottom:10px}.jc-progress{margin:14px 0 10px}}

/* Full-workspace direction: visible from the outset, with controlled depth and no macro crop. */
.job-journey{background:#162d3c;color:#f3f8fc}.journey-kicker{color:#91b2c9}.journey-editorial h2{color:#f5f9fc}.journey-editorial h2>span{color:#b9dcf5}.journey-story-caption{border-color:#385362}.journey-count{color:#a4c3d9}.journey-story-caption h3{color:#f1f7fb}.journey-story-caption p{color:#b9cbd8}.journey-editorial-foot>span{color:#92afc3}.journey-skip{color:#b9d7eb}.journey-product-caption p,.journey-product-index{color:#a5bed0}.journey-caption-line{background:#6e93af}
.journey-layout{grid-template-columns:1fr 1.85fr;gap:50px}.journey-editorial h2{font-size:clamp(36px,3.8vw,59px);letter-spacing:-2px}
.journey-viewport{width:100%;aspect-ratio:auto;height:560px;min-height:0;max-height:none;display:block;padding:0;background:#203b4d;border:1px solid #375263;border-radius:18px;box-shadow:0 32px 65px -30px #07172288;perspective:1800px;overflow:hidden}
.journey-camera{position:absolute;left:50%;top:50%;width:calc(100% - 40px);transform-origin:50% 50%;border-radius:9px;box-shadow:0 20px 50px -20px #04132099;color:#193441}.jc-appbar{height:43px}.jc-document{padding:19px 21px 13px}.jc-progress{margin:22px 0 18px}.jc-view-stack{height:213px}.jc-view{padding:21px 21px 14px}.journey-product-caption{padding-top:19px}
@media(min-width:1500px){.journey-layout{gap:80px}.journey-viewport{height:610px}.jc-view-stack{height:240px}.jc-view{padding:26px}.jc-document{padding:24px 28px 18px}}
@media(max-width:1100px) and (min-width:761px){.journey-layout{gap:26px;grid-template-columns:.9fr 1.65fr}.journey-editorial h2{font-size:36px}.journey-camera{width:calc(100% - 28px)}.jc-document{padding:17px 16px 12px}.jc-view{padding:18px 15px 13px}.journey-viewport{height:510px}}
@media(max-height:820px) and (min-width:761px){.journey-sticky{padding:20px 0;min-height:0}.journey-viewport{height:480px}.journey-editorial h2{font-size:40px}.journey-story-caption{margin-top:30px;min-height:150px}.journey-product-caption{padding-top:16px}}
@media(max-width:760px){.journey-layout{gap:16px;grid-template-columns:none}.journey-editorial h2{font-size:31px;letter-spacing:-1.3px}.journey-viewport{height:390px;min-height:0;width:100%;padding:0;border-radius:12px}.journey-camera{width:calc(100% - 24px);transform-origin:50% 50%;border-radius:7px}.journey-product-caption{padding-top:14px}.jc-appbar{height:36px}.jc-document{padding:15px 13px 11px}.jc-progress{margin:19px 0 15px}.jc-view-stack{height:171px}.jc-view{padding:14px 13px 11px}.journey-story-caption h3{font-size:15px}.journey-story-caption{border:0;margin:0;min-height:0;padding:0}.journey-editorial-foot{margin-top:10px}.journey-reduced .journey-viewport{height:390px}}
@media(max-width:380px){.journey-viewport{height:365px}.journey-editorial h2{font-size:27px}.journey-camera{width:calc(100% - 18px)}.jc-document{padding:13px 10px 10px}.jc-view{padding:13px 10px}.jc-progress{margin-top:15px}}
@media(max-height:740px) and (max-width:760px){.journey-sticky{padding:12px 0}.journey-layout{gap:10px}.journey-editorial h2{font-size:26px}.journey-editorial-foot{margin-top:4px}.journey-viewport{height:330px}.jc-view-stack{height:151px}.jc-detail-head{margin-bottom:9px}.jc-fields{gap:8px}.jc-appbar{height:31px}.jc-document{padding-top:11px}.jc-progress{margin:14px 0 10px}.journey-product-caption{padding-top:10px}}

#job-journey .journey-kicker{color:#adc7d9}#job-journey .journey-editorial-foot>span{color:#a2bdce}
.jc-view-stack{height:238px}
@media(max-width:760px){.journey-editorial{display:block}.journey-editorial h2{font-size:33px;line-height:1.1}.journey-story-caption{display:flex;align-items:baseline;gap:13px;margin-top:17px;min-height:22px}.journey-story-caption h3{margin:0;font-size:16px}.journey-editorial-foot{margin-top:9px}.jc-view-stack{height:180px}.journey-viewport{height:395px}}
@media(max-width:380px){.journey-editorial h2{font-size:29px}.journey-story-caption{margin-top:12px}.journey-viewport{height:365px}.jc-view-stack{height:174px}}
@media(max-height:740px) and (max-width:760px){.journey-editorial h2{font-size:27px}.journey-story-caption{margin-top:10px}.journey-editorial-foot{margin-top:4px}.journey-viewport{height:330px}.jc-view-stack{height:160px}}

/* The close-up badge is rasterised at its final display size from vector text. */
.journey-booked-hd{position:absolute;z-index:4;pointer-events:none;line-height:0}.journey-booked-hd[hidden]{display:none}.journey-booked-hd svg{display:block;width:100%;height:100%;overflow:visible}