/* Final presentation layer. Product data and supplied screen pixels are unchanged. */
.final-pass{--section-space:clamp(56px,6.5vw,92px)}
.final-pass .head-l,.final-pass .head>*,.final-pass .mod-head{min-width:0}
.final-pass .h1,.final-pass .h1s,.final-pass .h2,.final-pass .h2s{overflow-wrap:anywhere}
.final-pass .sec{padding-top:var(--section-space)}
.final-pass .end{margin-top:var(--section-space)}
.final-pass .end-in{padding-block:clamp(56px,7vw,96px)}
.final-pass .end .h2{font-size:clamp(36px,4.2vw,60px)}
.final-pass .shot{box-shadow:0 2px 5px rgba(26,22,19,.04),0 16px 36px -20px rgba(26,22,19,.18)}
.final-pass .phero .h1s{max-width:20ch}
.final-pass .phero .lede{max-width:36em}
.final-pass .facts3{margin-top:36px;padding-top:24px}
/* The opening copy is immediately readable; the product demo retains its own motion. */
.final-pass .hero-copy>*,.final-pass .phero>.wrap>*,.final-pass .prx>.wrap>*{animation:none}

/* One strong opening and two equally weighted product overviews. */
.final-pass .home-intro{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(40px,5vw,64px)}
.final-pass .home-intro .h1{font-size:clamp(42px,6.3vw,88px);font-weight:560;line-height:1.04;max-width:1240px}
.home-intro-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;margin-top:32px}
.final-pass .home-intro-bottom .lede{margin-top:0;font-size:clamp(18px,1.4vw,20px);max-width:34em}
.final-pass .home-paths{margin-top:0;gap:24px}
.final-pass .home-paths a{min-width:0;flex:1;padding:12px 0 10px;border-top:1px solid #BEB7AF;text-decoration:none}
.final-pass .home-paths a:hover{border-top-color:var(--or);color:var(--or-ink)}
.final-pass .home-paths b{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:20px}
.final-pass .home-paths b span{margin-left:0}
.final-pass .home-pm,.final-pass .home-review{padding-block:clamp(48px,6vw,80px);margin:0}
.final-pass .home-pm{border-top:1px solid var(--line)}
.final-pass .home-product-label{margin-bottom:22px;gap:10px 12px}
.final-pass .home-product-copy .h2{font-size:clamp(34px,3.3vw,46px);line-height:1.08}
.final-pass .home-product-copy .lede{font-size:17px;line-height:1.55;margin-top:20px;max-width:34em}
.final-pass .home-terms{line-height:1.7}
.ovx-home{min-width:0}
/* home overlay: the steps take the full width under the frame so none of them wraps; Replay sits under them */
.ovx-home .ovx-cap{grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:761px){.ovx-home .ovx-replay{justify-self:end;margin-top:0}}
@media(min-width:901px) and (max-width:1339px){.ovx-home .ovx-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}}
@media(max-width:380px){.ovx .ovx-steps{column-gap:12px;letter-spacing:.11em}}
.final-pass.home-consolidated .end{margin-top:0}
.final-pass .home-independence{padding-bottom:26px}
.final-pass .home-independence a{text-decoration:underline;text-underline-offset:3px}
.final-pass.home-consolidated .end-sheet{display:none}

/* PM workflows: keep the explanation alongside the evidence. */
.page-pm .pm-chapters{display:flex;flex-wrap:wrap;gap:8px 24px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--line2)}
.page-pm .pm-chapters a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:600;color:var(--ink2)}
.page-pm .pm-chapters a:hover{color:var(--or-ink)}
.page-pm .mod>.wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px 48px;align-items:center}
.page-pm .mod-head{display:flex;flex-direction:column;gap:20px;margin:0}
.page-pm .mod-k{width:100%;padding-top:14px;border-top:1px solid var(--line2);font-size:16px}
.page-pm .mod-h{font-size:clamp(30px,2.7vw,38px);line-height:1.12}
.page-pm .mod-pts{border-top:0}
.page-pm .mod-pts li{display:block;font-size:15px;line-height:1.55;padding:12px 0}
.page-pm .mod-pts li:first-child{padding-top:0}
.page-pm .mod-pts b{display:inline;font-weight:600;margin-right:.25em}
.page-pm .mod>.wrap>.shot{margin:0;width:100%;min-width:0}
.page-pm .workflow-note{grid-column:1/-1;max-width:78ch;font-size:14px;margin:0;padding:16px 0 0;border-top:1px solid var(--line)}
.page-pm .seat-grid{margin-top:32px}
.page-pm .seat-grid .seat-fig{max-width:1020px;margin-inline:auto;width:100%}
.page-pm .fld-single{max-width:270px}
@media(min-width:901px){
  .page-pm #command>.wrap{display:block}
  .page-pm #command .mod-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;margin-bottom:28px}
  .page-pm #command .mod-k{grid-column:1;align-self:end}
  .page-pm #command .mod-h{grid-column:1;align-self:start}
  .page-pm #command .mod-pts{grid-column:2;grid-row:1/3}
  .page-pm #command .workflow-note{margin-top:20px}
}

/* Quiet, consistent spacing on the supporting pages. */
.final-pass .founders{margin-top:32px}
.final-pass .founder b{font-size:21px}
.page-about #founders .head-l{grid-column:1/-1}
.page-about #team-h{max-width:none}
.page-about .stats2{margin-top:36px}
.page-about .about-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);align-items:start}
.page-about .about-intro-copy{min-width:0}
.page-about .stats2{grid-template-columns:minmax(0,1fr);gap:26px;margin:0}
.page-about .stats2 b{font-size:44px}
.page-about .stats2 span{max-width:34ch;font-size:15px}
.page-review .ch{padding-top:clamp(48px,6vw,84px)}
.page-review .ch-confirm{padding-block:40px;margin-top:56px;border-block:1px solid var(--line2)}
.page-review .ch-confirm .ch-head{margin:0}
.page-review .ch-confirm+.wrap .ch{padding-top:56px}
.page-contact .cgrid{margin-top:36px}
.page-contact .tblock{position:sticky;top:calc(var(--navh) + 28px)}

/* Optional large view uses an ordinary link, with no additional interaction code. */
.screen-link{display:block;color:inherit;text-decoration:none;border-radius:inherit}
.screen-link:hover{text-decoration:none;color:inherit}
.screen-link:focus-visible{outline:3px solid var(--or-ink);outline-offset:-3px}   /* inside: .shot clips overflow */
.on-dark .screen-link:focus-visible{outline-color:#F2F0EC}
.se-desk{display:none}
.screen-link img{display:block}
.screen-expand{display:flex;justify-content:flex-end;padding:9px 12px;font-size:12px;line-height:1.4;color:var(--ink2);background:var(--paper);border-top:1px solid var(--line)}
.on-dark .screen-expand{background:#191613;color:#C5BFBA;border-top-color:#3D3732}

@media(max-width:1100px){
  .page-pm .mod>.wrap{gap:24px 32px}
  .page-pm .mod-h{font-size:30px}
}
@media(max-width:900px){
  .home-intro-bottom{grid-template-columns:minmax(0,1fr);gap:26px}
  .final-pass .home-paths{max-width:560px;width:100%}
  .final-pass .home-product-grid{gap:32px}
  .final-pass .ovx-home{margin-top:4px}
  .page-pm .mod>.wrap{grid-template-columns:minmax(0,1fr)}
  .page-pm .mod-head{gap:18px}
  .page-pm .mod-pts li{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px}
  .page-pm .workflow-note{grid-column:1}
  .page-contact .tblock{position:static}
  .page-about .about-intro{grid-template-columns:minmax(0,1fr);gap:32px}
  .page-about .stats2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:760px){
  .final-pass .home-intro .h1{font-size:clamp(39px,8.5vw,62px)}
    .final-pass .home-intro-bottom .lede{font-size:18px}
  .final-pass .home-product-copy .h2{font-size:34px}
  .page-pm .mod-pts li{display:block}
  .page-pm .mod-pts b{display:block;margin:0 0 3px}
  .page-pm .mod>.wrap>.mobile-phone{width:min(66vw,280px);margin-inline:auto;border:0;background:transparent;box-shadow:none}
  .page-pm .mobile-phone .screen-expand{border:0;background:transparent;justify-content:center}
  .page-pm .mobile-phone .se-wide{display:none}
  .page-pm .mobile-phone .se-desk{display:inline}
  .page-pm .fld-single{max-width:250px}
  .page-pm .pm-chapters{gap:4px 22px;margin-top:24px}
  .page-review .ch-confirm{margin-top:44px}
  .final-pass .end-r .ctas{margin-top:24px}
  .page-contact .cgrid{margin-top:26px}
  .page-contact .cform{padding:20px;gap:18px}
  .page-contact .topic{min-height:52px;padding-block:9px}
  .page-contact .topic input{top:11px}
  .page-about .stats2{grid-template-columns:minmax(0,1fr)}
  .page-about .stats2 li{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;align-items:start;padding-top:16px}
  .page-about .stats2 b{flex:0 0 146px;white-space:nowrap;font-size:36px;line-height:1.05}   /* fits "9.7 days" on one line */
  .page-about .stats2 span{flex:1 1 160px;min-width:0;font-size:14px}
  .page-about .where .nw{white-space:normal}
  .page-about .revtbl{display:block;border:0;background:transparent}
  .page-about .revtbl thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .page-about .revtbl tbody{display:block}
  .page-about .revtbl tr{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px 14px;padding:18px 16px;border:1px solid var(--line2);border-bottom:0;background:var(--sheet)}
  .page-about .revtbl tr:last-child{border-bottom:1px solid var(--line2)}
  .page-about .revtbl td{min-width:0;width:auto;padding:0;border:0}
  .page-about .revtbl .rev{grid-column:1;grid-row:1/3}
  .page-about .revtbl .dt{grid-column:2;grid-row:1;font-size:12px}
  .page-about .revtbl td:last-child{grid-column:2;grid-row:2}
  .page-about .revtbl tr.cloud{background:rgba(244,120,32,.06)}
  .page-about .revtbl tr.cloud td{background:transparent}
  .page-pricing .cmp-wrap{overflow:visible}
  .page-pricing .cmp{display:block;margin-top:24px}
  .page-pricing .cmp thead,.page-pricing .cmp tbody{display:block}
  .page-pricing .cmp tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-pricing .cmp thead tr{border-bottom:2px solid var(--ink);column-gap:24px}
  .page-pricing .cmp thead th{border:0;padding:12px 0;font-size:15px;min-width:0;overflow-wrap:anywhere}
  .page-pricing .cmp .cmp-feat{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .page-pricing .cmp tbody tr{border-bottom:1px solid var(--line2);gap:0 24px;padding:16px 0}
  .page-pricing .cmp tbody th{grid-column:1/-1;width:auto;padding:0 0 6px;font-size:14px;font-weight:600;border:0}
  .page-pricing .cmp td{padding:0;border:0;min-width:0;font-size:15px;line-height:1.5}
}
@media(max-width:380px){
  .final-pass .home-paths b{font-size:17px}
  .final-pass .home-paths a>span{font-size:13px}
  .final-pass .home-paths{gap:20px}
}


/* Last pass: sentence-aligned headlines, real actions on the home overviews, the PM product stage. */
.h1-line{display:block;text-wrap:balance}
.final-pass .home-ctas{margin-top:26px;align-items:center;gap:14px 28px}
.final-pass .home-ctas .more{min-height:44px}
.final-pass .home-product-copy .home-terms{margin-top:20px}
.final-pass .phero .hstage{margin-top:clamp(40px,4.6vw,60px)}
.final-pass .hstage-in .hero-shot,.final-pass .hstage-in .hero-phone{animation-name:riseOnly}
@keyframes riseOnly{from{transform:translateY(44px)}to{transform:none}}
.page-pm .pm-chapters{margin-top:0;padding-top:0;border-top:0}
.page-pm .pm-chapters a{padding-bottom:2px;border-bottom:1px solid transparent}
.page-pm .pm-chapters a:hover{border-bottom-color:currentColor;text-decoration:none}
.page-review .ch-dark{margin-top:clamp(56px,7vw,96px)}
@media(max-width:760px){
  .final-pass .h1s{font-size:clamp(34px,9.4vw,40px)}
  .final-pass .home-intro .h1{font-size:clamp(36px,8.6vw,44px)}
  .final-pass .home-ctas .btn{width:100%}
  .final-pass .home-ctas .more{width:100%}
}
/* Plan Review sign-up in the launch bar: on phones the bar hides "Plan Review is available now", so the link names the product */
/* launch bar: on narrow screens the second message folds into the link ("Sign up for Plan Review");
   wider, the link reads "Sign up" and the full name stays in its accessible name */
.bar-m{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:739px){.bar-x{display:none}.bar-m{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}}
/* Ask the drawings (SiteSync ChatBot) on Plan Review, restored at Walker's direction */
.ask-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px;align-items:center}
.ask-copy{grid-column:1 / span 5;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ask-fig{grid-column:7 / span 5;position:relative;margin:0;justify-self:center;width:min(100%,480px)}
.ask-fig::before{content:"";position:absolute;inset:-12% -18%;z-index:-1;background:radial-gradient(closest-side,rgba(244,120,32,.10),transparent 72%)}
.ask-fig img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(26,22,19,.1),0 40px 80px -30px rgba(26,22,19,.45),0 6px 14px rgba(26,22,19,.08)}
@media(max-width:1100px){.ask-copy,.ask-fig{grid-column:1 / -1}.ask-fig{justify-self:start}}
@media(max-width:760px){.ask-fig{width:min(100%,400px)}}
/* overlay step labels: when one has to wrap (under ~350px), wrap it evenly */
.ovx-steps li{text-wrap:balance}
@media print{
  .bar,.skip,.mnav,.nav-cta{display:none}
  figure,.shot,tr,.qa-list li,.tiers>*,.offers>*,.founders>*{break-inside:avoid}
}
/* no one-word last lines in captions and stat notes */
figcaption,.stats2 span{text-wrap:pretty}
/* sheet numbers keep their lowercase suffix (A106a) inside uppercase labels */
.ovl-key .sheetno{text-transform:none}
/* no one-word last lines in the home terms and the included-tools grid */
.home-terms,.xtra-grid p{text-wrap:pretty}
/* About: on phones the location heading breaks before the city, not after the dash */
.br-m{display:none}
@media(max-width:600px){.page-about .where .br-m{display:inline}}
/* SiteSync PM, Drawings: what's next. Future work is drawn dashed, the way a drawing shows work that isn't built yet;
   the label sits on the line like a legend. */
.page-pm .next-note{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 56px;margin:34px 0 0;padding:34px 36px 30px;border-radius:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3CclipPath id='k'%3E%3Crect width='100%25' height='100%25' rx='14'/%3E%3C/clipPath%3E%3Crect width='100%25' height='100%25' rx='14' fill='none' stroke='%23A34A08' stroke-opacity='.55' stroke-width='3' stroke-dasharray='8 6' stroke-dashoffset='12.445' clip-path='url(%23k)'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat,rgba(255,255,255,.5)}
.page-pm .next-tag{position:absolute;top:-7.75px;left:23.555px;margin:0;padding:2px 10.835px 2px 12.445px;background:linear-gradient(var(--paper) 7.75px,rgba(255,255,255,.5) 0),var(--paper);font:600 11.5px/1.3 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--or-ink)}
.page-pm .next-body{margin:0;max-width:30ch;font-family:Archivo,sans-serif;font-stretch:110%;font-weight:560;font-size:clamp(21px,1.9vw,26px);line-height:1.22;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.page-pm .next-link{margin:0;max-width:24ch;font-size:15px;line-height:1.5;color:var(--ink2);text-wrap:balance}
.page-pm .next-link .more{display:inline-flex;min-height:0;margin-top:2px;white-space:nowrap}
@media(max-width:900px){
  .page-pm .next-note{grid-template-columns:minmax(0,1fr);margin-top:22px;padding:28px 22px 22px}
  .page-pm .next-tag{left:9.555px}
  .page-pm .next-link{max-width:none}
}

/* Contact form honeypot: off-screen for people, visible to bots that fill every field. */
.cform .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}