/* Taste 10: the handoff board, with transparent navigation and shared pill CTAs. */
.nav-pill{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.intro-actions .btn{border-radius:9999px}
:is(.why-section,.outcomes-section,.test,.faq-section){--heading:'Outfit',sans-serif;--body:'Work Sans',sans-serif;font-family:var(--body);--tile:#f5f0e8;--tile-light:#ffffff;--tile-blue:#e3f2fc;--tile-sand:#f5f0e8}
:is(.why-section,.outcomes-section,.test,.faq-section) :is(h2,h3){font-family:var(--heading);text-wrap:balance}
body :is(.why-heading,.outcomes-heading,.test .section-head,.faq-heading) h2{font-size:clamp(44px,5.5vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.045em;margin:0}
:is(.why-section,.outcomes-section,.test,.faq-section) p{text-wrap:pretty}
body :is(.why-copy p,.outcome-copy>p,.includes p,.faq-answer p){color:var(--ink);line-height:1.6}
.why-section,.outcomes-section,.test,.faq-section{padding:112px var(--gutter)}
.why-wrap,.outcomes-wrap,.test .wrap,.faq-layout{max-width:1320px;margin-inline:auto}
.why-heading,.outcomes-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;padding:0;margin:0 0 56px}
body :is(.why-heading,.outcomes-heading)>p:last-child{max-width:330px;font-size:18px;line-height:1.5;margin:0;color:var(--ink)}
.why-section{background:var(--tile)}
.why-card{border-radius:8px;min-height:500px;background:var(--tile-light)}
.why-card-two{background:var(--tile-blue)}
.why-card-three{background:var(--tile-sand)}
.why-copy{padding:48px}
body .why-copy h3{font-size:clamp(34px,3.25vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.035em;max-width:18ch}
body .why-copy p{font-size:18px;max-width:34ch;margin-top:28px}
.why-art{min-height:450px}
.why-art :is(.approval-note,.quote-paper,.manual-sheet,.late-clock){border-radius:6px;box-shadow:none}
.why-art .art-caption{font-size:13px;letter-spacing:0;text-transform:lowercase;color:var(--ink)}
.why-art :is(.quote-paper,.manual-sheet,.thought,.draft-stamp){border:0}
.why-outcomes-link{margin-top:0}
.outcomes-section,.outcomes-carousel{background:var(--paper)}
.outcomes-viewport{border-radius:8px;background:var(--tile-blue)}
.outcome-slide{grid-template-columns:1.15fr 1fr}
.outcome-copy{padding:48px;background:var(--tile-blue);justify-content:center}
body .outcome-copy h3{font-size:clamp(34px,3.25vw,48px);line-height:1.08;font-weight:500;letter-spacing:-.035em;max-width:17ch}
body .outcome-copy>p{font-size:18px;margin-top:28px;max-width:35ch}
.outcome-image{min-height:500px}
.outcomes-controls{width:100%;justify-content:space-between;border-radius:0;padding:16px 0;margin:8px 0 0;background:none}
.outcome-dots button{min-width:44px;min-height:44px}
body .outcome-counter{font-size:14px;letter-spacing:0;color:var(--ink)}
.outcome-arrows button{width:48px;height:48px;border-radius:50%;background:var(--tile-blue);color:var(--ink)}
.outcomes-foot{padding-top:12px;align-items:center}
body .outcomes-foot>span{font-size:13px;letter-spacing:0}
#test{background:var(--ink);color:var(--paper)}
#test .section-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:none;margin-bottom:48px;align-items:start}
#test .section-head h2{color:var(--paper)}
body #test .lead{font-size:18px;color:var(--paper);max-width:50ch;margin:0}
#test .test-grid{display:block;margin:0}
#test .includes{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0}
#test .includes li{display:block;padding:36px;background:var(--tile-light);color:var(--ink);border:0;border-radius:8px;margin:0}
#test .includes li:nth-child(2){background:var(--tile-sand)}
#test .includes li:nth-child(3){grid-column:1/-1;background:var(--tile-blue);padding-block:44px}
#test .includes li:nth-child(3)>div{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
body #test .includes h3{font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.025em;max-width:23ch}
body #test .includes p{font-size:17px;max-width:54ch;margin:18px 0 0}
body #test .includes li:nth-child(3) p{margin-top:0}
.faq-section{background:var(--tile-light)}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:64px;border:0;padding:0;align-items:start}
.faq-heading{position:sticky;top:120px}
.faq-heading h2{max-width:9ch}
.faq-heading p{font-size:18px;line-height:1.6;margin:32px 0 20px}
.faq-list,.faq-item{border:0}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--tile);border-radius:6px;padding-inline:24px}
body .faq-item summary{font-family:var(--body);font-size:18px;line-height:1.4;letter-spacing:0;font-weight:500;min-height:88px;padding:24px 0}
.faq-item[open]{background:var(--tile-blue)}
.faq-answer{padding:0 32px 28px 0}
body .faq-answer p{font-size:16px}
:is(.why-section,.outcomes-section,.test,.faq-section) a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
:is(.why-section,.outcomes-section,.faq-section) .text-link{font-family:var(--body);text-underline-offset:5px}
:is(.why-section,.outcomes-section,.faq-section) .text-link:hover{text-decoration:underline}
@media(max-width:1050px){
 .why-copy,.outcome-copy{padding:32px}
 .faq-layout{gap:32px;grid-template-columns:.7fr 1.3fr}
 #test .section-head{gap:32px}
}
@media(max-width:760px){
 .why-section,.outcomes-section,.test,.faq-section{padding:72px 24px}
 body :is(.why-heading,.outcomes-heading,.test .section-head,.faq-heading) h2{font-size:44px}
 .why-heading,.outcomes-heading{display:block;margin-bottom:32px}
 body :is(.why-heading,.outcomes-heading)>p:last-child{font-size:16px;margin-top:24px;max-width:34ch}
 .why-copy{padding:28px 24px 12px}
 body .why-copy h3,body .outcome-copy h3{font-size:32px;max-width:20ch}
 body .why-copy p,body .outcome-copy>p{font-size:16px;margin-top:20px}
 .why-art{min-height:300px}
 .why-card{min-height:0}
 .why-art .art-caption{font-size:11px}
 .outcome-slide{grid-template-columns:1fr;grid-template-rows:240px 1fr}
 .outcome-image{min-height:0}
 .outcome-copy{padding:28px 24px;min-height:280px;justify-content:flex-start}
 .outcomes-controls{gap:0}
 .outcome-dots button{min-width:32px}
 body .outcome-counter{font-size:12px}
 .outcomes-foot{align-items:flex-start}
 #test .section-head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 body #test .lead{font-size:16px}
 #test .includes{grid-template-columns:1fr;gap:8px}
 #test .includes li,#test .includes li:nth-child(3){padding:28px 24px;grid-column:auto}
 #test .includes li:nth-child(3)>div{display:block}
 body #test .includes h3{font-size:28px}
 body #test .includes p,body #test .includes li:nth-child(3) p{font-size:16px;margin-top:18px}
 .faq-layout{grid-template-columns:1fr;gap:32px}
 .faq-heading{position:static}
 .faq-heading h2{max-width:12ch}
 .faq-heading p{margin-top:24px}
 .faq-item{padding-inline:20px}
 body .faq-item summary{font-size:17px;min-height:84px;gap:16px}
 .faq-answer{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.faq-heading{position:static}}
/* One shared page edge; the inherited wrap otherwise adds a second gutter. */
#test .wrap{width:100%}

/* Cover the diagram baked into the photo; the job list fades over this inbox. */
.plate-inbox{position:absolute;left:667px;top:549px;width:201px;height:117px;overflow:hidden;background:#f5fafe;--ss:.5025}
html.motion .intro-inbox{display:none}