/* Draft21 uses proposal20's shared branding and fixed reader. */
.simple-visual{padding:26px;min-height:360px;background:var(--white)}.simple-visual>h4{font-size:23px;line-height:1.2;margin:14px 0 25px}.simple-visual>.eyebrow{font-size:9px}.simple-visual h5{font-size:27px;letter-spacing:-.035em;line-height:1.15;margin:12px 0}.paper-tag{font-size:9px;font-weight:650;letter-spacing:.12em;color:var(--muted)}.brief-paper{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--paper)}.brief-paper>p{font-size:13px;color:var(--muted)}.scope-pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.flow-pill{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:11px;color:var(--ink)}.brief-budget{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:17px;font-size:13px;color:var(--muted)}.brief-budget strong{color:var(--ink);font-size:18px}.visual-takeaway{font-size:13px!important;color:var(--muted);line-height:1.6;margin-top:20px}.visual-caption{font-size:10px;color:var(--muted);margin-top:13px}.optional-product{display:flex;align-items:center;gap:15px;margin-top:19px}.optional-product .button{font-size:12px;min-height:44px;padding:12px 16px;gap:25px;white-space:nowrap}.optional-product>span{font-size:11px;color:var(--muted);max-width:185px;line-height:1.6}.days-grid{display:grid;grid-template-columns:35px repeat(7,minmax(0,1fr));gap:7px;text-align:center;align-items:center;margin-top:35px}.days-grid>small{font-size:9px;color:var(--muted)}.days-grid>strong{font-size:10px;text-align:left}.day-mark{height:34px;display:grid;place-items:center;border-radius:5px;background:var(--paper);color:var(--muted);font-size:12px}.kit-mark{background:color-mix(in srgb,var(--blue) 17%,var(--paper));color:var(--blue)}.crew-mark{background:color-mix(in srgb,var(--green) 17%,var(--paper));color:var(--green)}.two-counts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 10px}.two-counts>div{border-top:1px solid var(--line);padding-top:18px}.two-counts strong{display:block;font-size:48px;line-height:1;letter-spacing:-.05em;font-weight:650}.two-counts span{font-size:12px;color:var(--muted);display:block;margin-top:12px}.request-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--paper)}.request-card h5{font-size:21px}.request-card p{font-size:12px;color:var(--muted)}.reply-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.reply-cards article{border:1px solid var(--line);border-radius:8px;padding:15px 12px}.reply-icon{display:block;font-size:23px;color:var(--green);margin-bottom:10px}.reply-cards strong{display:block;font-size:15px}.reply-cards small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px}.attached-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.attached-note>span{color:var(--green);font-size:20px}.attached-note p{font-size:12px;color:var(--muted)}.attached-note strong{font-weight:550;color:var(--ink)}.offer-tabs{display:flex;gap:6px;margin-bottom:18px}.offer-tabs button{flex:1;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 8px;font-size:12px}.offer-tabs [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.offer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.offer-card{border:1px solid var(--line);border-radius:10px;padding:18px 13px;min-width:0;background:var(--paper)}.offer-card.chosen{border-color:var(--green);box-shadow:inset 0 3px 0 var(--green)}.offer-initial{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--muted);font-size:12px}.offer-card h5{font-size:19px;margin:14px 0}.offer-price{font-size:20px;letter-spacing:-.025em;font-weight:600;line-height:1.4}.offer-price small{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:.05em}.offer-scope{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px;min-height:36px}.offer-state{display:block;font-size:10px;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;color:var(--muted)}.chosen .offer-state{color:var(--green)}.commitment ol{list-style:none;padding:0;margin:25px 0 0}.commitment li{display:flex;gap:16px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.commitment li>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--green);font-size:11px}.commitment li strong{font-size:15px;font-weight:550}.commitment li small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.inventory-visual{text-align:center}.scan-icon{display:inline-block;font-size:45px;letter-spacing:4px;border:1px solid var(--line);border-radius:10px;padding:15px 17px;margin-bottom:17px;background:var(--paper)}.inventory-visual>p{font-size:20px;line-height:1.4;letter-spacing:-.02em}.inventory-visual .two-counts{text-align:left}.inventory-visual .flow-pill{margin-top:10px}.delivery-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:20px 0}.flow-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.delivery-row strong{font-size:16px;font-weight:550}.delivery-row small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.delivery-row b{font-size:10px;color:var(--green);margin-left:auto;font-weight:500}.money-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.money-line span{font-size:12px;color:var(--muted)}.money-line strong{font-size:19px;white-space:nowrap;font-weight:550;letter-spacing:-.02em}.money-result{padding:25px 0}.money-result>span{font-size:12px;color:var(--muted)}.money-result strong{display:block;color:var(--green);font-size:43px;letter-spacing:-.045em;line-height:1.2;margin:8px 0}.money-result small{font-size:11px;color:var(--muted)}.paid-label{font-size:12px;display:block;padding-top:15px;border-top:1px solid var(--line)}
#preview-dialog{max-width:510px;padding:35px}.preview-close{float:right;margin:0 0 15px 15px}#preview-dialog h2{font-size:30px;clear:both;padding-top:15px}#preview-description{font-size:16px;color:var(--muted);margin-top:20px}#preview-return{margin-top:25px}.stage-copy>h3{max-width:19ch}.reader-content{padding:30px}.stage-layout{grid-template-columns:.82fr 1.18fr;gap:35px}
@media(min-width:1450px){.simple-visual{padding:30px}.simple-visual>h4{font-size:27px}.offer-card{padding:23px 18px}.offer-price{font-size:24px}}
@media(max-width:1000px){.optional-product{align-items:flex-start;flex-direction:column;gap:8px}.optional-product>span{max-width:none}.simple-visual{padding:20px}.offer-cards{gap:7px}.offer-card{padding:14px 9px}.offer-price{font-size:17px}.offer-card h5{font-size:17px}.offer-scope{font-size:10px}.days-grid{gap:4px}.reply-cards{gap:7px}.reply-cards article{padding:12px 8px}.stage-layout{gap:25px}.money-line{gap:10px}.money-line strong{font-size:16px}}
@media(max-width:700px){.stage-layout{grid-template-columns:1fr}.stage-copy>h3{max-width:none}.simple-visual{padding:20px;min-height:0}.simple-visual>h4{font-size:24px}.optional-product{align-items:center;flex-direction:row}.optional-product>span{max-width:170px}.stage-result{font-size:13px}.offer-price{font-size:19px}.reader-content{padding:22px 18px}}
@media(max-width:420px){.simple-visual{padding:18px 13px}.simple-visual>.eyebrow{font-size:8px}.simple-visual>h4{font-size:21px;margin-bottom:20px}.offer-card{padding:13px 8px}.offer-price{font-size:16px}.offer-card h5{font-size:16px}.offer-tabs button{font-size:11px}.reply-cards small{font-size:9px}.reply-cards strong{font-size:13px}.optional-product{align-items:flex-start;flex-direction:column}.days-grid>small{font-size:8px}.days-grid{grid-template-columns:30px repeat(7,minmax(0,1fr));gap:3px}.day-mark{height:29px}.brief-paper{padding:18px}.brief-budget strong{font-size:16px}.two-counts strong{font-size:40px}.two-counts span{font-size:11px}.money-line span{font-size:11px}.money-line strong{font-size:15px}.money-result strong{font-size:38px}.delivery-row{gap:9px}.delivery-row small{font-size:10px}.delivery-row b{font-size:9px}}
.stage-layout>*{min-width:0}.scan-icon{max-width:100%;overflow:hidden}
@media(max-width:420px){.scan-icon{font-size:30px;letter-spacing:2px;padding:12px}}

.hero-explain .hero-signature{display:block;margin-top:12px;font-size:16px;font-weight:600}
@media(max-width:600px){.hero-explain .hero-signature{font-size:14px}}

/* Align the maze mark with the headline, independently of supporting copy. */
.hero-title{align-items:start}
.hero-title>img{align-self:start;margin-top:38px}

.audience-lead{display:block}.audience-lead h2{margin-top:0}

/* Six concrete capabilities, two rows on desktop. */
.capability-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px;padding-block:26px}
.capability-strip>span{display:flex;align-items:baseline;line-height:1.6}
.capability-strip>span::before{flex-shrink:0}
@media(max-width:900px){.capability-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}}
@media(max-width:600px){.capability-strip{grid-template-columns:1fr;gap:14px}}

.capability-strip{scroll-margin-top:140px}

/* All six fit at 13px in the wide layout; retain readable grids below it. */
@media(min-width:1344px){.capability-strip{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:16px}.capability-strip>span{flex:0 0 auto;white-space:nowrap}}

.audience-walkthrough{margin-top:24px}

/* A quiet brand-colour boundary between the landing and audience sections. */
.proposal-hero{position:relative;border-bottom:0;padding-bottom:3px}
.proposal-hero::after,.audience-section::after,.walk-page::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#10b981 0%,#3b82f6 25%,#f59e0b 50%,#8b5cf6 75%,#10b981 100%);background-size:200% 100%;animation:brand-divider-drift 24s linear infinite;pointer-events:none}
.hero-title h1{margin-top:12px}
.hero-title>img{margin-top:12px}
@keyframes brand-divider-drift{from{background-position:200% 50%}to{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.proposal-hero::after,.audience-section::after,.walk-page::after{animation:none;background-position:50% 50%}}

/* Read the audience section from heading, to six models, to their connection. */
.proposal .audience-section{padding-block:32px;scroll-margin-top:73px;min-height:calc(100svh - 73px)}
.audience-lead{display:block;margin-bottom:28px}
.audience-walkthrough{display:inline-flex;margin-top:22px}
.audience-context{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:42px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;color:var(--muted);font-size:16px;line-height:1.65}
.audience-context strong{color:var(--ink);font-weight:600;max-width:320px}
@media(min-width:1101px) and (max-height:800px){
 .proposal .audience-section{padding-block:20px}
 .audience-lead{margin-bottom:22px}
 .audience-walkthrough{margin-top:18px}
 .proposal .audience-card{padding:18px}
 .proposal .audience-grid{gap:14px}
 .audience-card h3{margin-block:8px 10px}
 .audience-card small{margin-top:10px}
 .audience-context{margin-top:18px;padding-top:16px;gap:28px}
}
@media(max-width:900px){.audience-context{grid-template-columns:1fr;gap:10px}.audience-context strong{max-width:none}}
@media(max-width:600px){.proposal .audience-section{padding-block:36px;scroll-margin-top:69px;min-height:0}.audience-lead{margin-bottom:26px}}
@media(min-width:1101px) and (max-height:740px){
 .proposal .audience-section{padding-block:16px}
 .audience-lead{margin-bottom:18px}
 .audience-walkthrough{margin-top:14px}
 .proposal .audience-card{padding:14px 18px}
 .proposal .audience-grid{gap:12px}
 .audience-context{margin-top:14px;padding-top:12px}
}

/* Matching page endings, with a centred closing thought beneath the models. */
.proposal .audience-section{position:relative;padding-bottom:27px}
.audience-context{display:block;text-align:center;border-top:0;margin-top:24px;padding-top:0}
.audience-context strong{display:block;max-width:none;margin-bottom:8px}
.audience-context p{margin-inline:auto;max-width:none}
@media(min-width:1101px){
 .proposal-hero{min-height:calc(100svh - 73px);display:flex;flex-direction:column;scroll-margin-top:73px}
 .proposal-hero>.container{flex:1;display:flex;flex-direction:column;justify-content:space-between}
 .proposal .audience-section{display:flex;flex-direction:column;min-height:calc(100svh - 73px)}
 .audience-section>.container{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
 .audience-lead{margin-bottom:0}
 .audience-context{margin-top:0}
}
@media(min-width:1101px) and (max-height:850px){
 .proposal-hero{padding-top:16px}
 .hero-title h1,.hero-title>img{margin-top:0}
 .hero-explain{margin-top:14px}
 .hero-explain .hero-signature{margin-top:8px}
 .hero-actions{margin-block:16px 20px}
 .product-card{padding:20px 26px}
 .product-logo{height:65px;margin-bottom:16px}
 .product-logo img{height:63px}
 .product-card h2{margin-block:10px}
 .card-example{margin-top:16px;padding-top:12px}
 .connection-explain{margin-block:14px}
 .capability-strip{padding-block:18px}
 .audience-section>.container{gap:20px}
 .proposal .audience-section{padding-bottom:23px}
}
@media(min-width:1101px) and (max-height:740px){
 .hero-actions{margin-block:12px 16px}
 .product-card{padding-block:16px}
 .product-logo{margin-bottom:12px;height:57px}
 .product-logo img{height:55px}
 .connection-explain{margin-block:10px}
 .capability-strip{padding-block:12px;row-gap:12px}
 .audience-section>.container{gap:16px}
 .proposal .audience-section{padding-bottom:19px}
}
@media(min-width:1101px) and (max-height:740px){
 .proposal-hero{padding-top:12px}
 .hero-explain{margin-top:10px}
 .hero-actions{margin-block:8px 12px}
 .card-example{margin-top:12px}
 .connection-explain{margin-block:8px}
}

/* Let each walkthrough step use the full page, without a nested scroll area. */
.walk-section{padding-bottom:0}
.walk-section>.container{padding-bottom:28px}
.walk-page{position:relative;scroll-margin-top:73px;padding-bottom:3px}
.walk-page .reader{height:auto;min-height:calc(100svh - 76px);grid-template-rows:44px 58px minmax(auto,1fr) 76px}
.walk-page .reader-content{overflow:visible}
@media(min-width:1101px) and (max-height:950px){
 .walk-page .reader{grid-template-rows:38px 48px minmax(auto,1fr) 66px}
 .walk-page .reader-content{padding:20px 26px}
 .walk-page .simple-visual{padding:18px;min-height:0}
 .walk-page .simple-visual>h4{margin:10px 0 16px}
 .walk-page .offer-card{padding:14px 12px}
 .walk-page .offer-card h5{margin:10px 0;font-size:21px}
 .walk-page .offer-scope{min-height:32px;margin-top:8px}
 .walk-page .offer-state{margin-top:10px;padding-top:10px}
 .walk-page .visual-takeaway{margin-top:14px}
 .walk-page .optional-product{margin-top:14px}
 .walk-page .stage-copy h3{margin:12px 0 16px}
 .walk-page .stage-choice{margin-top:18px}
 .walk-page .stage-detail{margin-top:16px;padding-top:12px}
 .walk-page .stage-result{margin-top:18px;padding-top:14px}
 .walk-page .reader-bottom{padding-block:10px}
}
@media(max-width:600px){
 .walk-page{scroll-margin-top:69px}
 .walk-page .reader{min-height:calc(100svh - 72px);grid-template-rows:39px 51px minmax(auto,1fr) 71px}
}
@media(min-width:1101px) and (max-height:950px){.walk-page .reader-content{padding-block:16px}}
@media(min-width:1101px) and (max-height:740px){
 .walk-page .reader-content{padding-block:12px}
 .walk-page .simple-visual{padding:16px}
 .walk-page .simple-visual>h4{margin:8px 0 12px}
 .walk-page .offer-card h5{margin-block:8px}
 .walk-page .offer-scope{min-height:18px}
 .walk-page .visual-takeaway{margin-top:10px}
 .walk-page .visual-caption{margin-top:9px}
 .walk-page .offer-tabs{margin-bottom:14px}
}

@media(min-width:1101px) and (max-height:950px){
 .walk-page .commitment ol{margin-top:14px}
 .walk-page .commitment li{padding-block:9px}
 .walk-page .scan-icon{font-size:38px;padding:10px 17px;margin-bottom:10px}
 .walk-page .two-counts{margin-top:18px}
 .walk-page .two-counts>div{padding-top:12px}
 .walk-page .two-counts span{margin-top:8px}
 .walk-page .delivery-row{padding-block:12px}
 .walk-page .money-line{padding-block:12px}
 .walk-page .money-result{padding-block:16px}
}
@media(min-width:1101px) and (max-height:740px){
 .walk-page .brief-paper{padding:18px}
 .walk-page .scope-pills{margin-block:16px}
 .walk-page .commitment li{padding-block:7px}
 .walk-page .scan-icon{padding-block:6px;margin-bottom:6px}
 .walk-page .two-counts{margin-top:12px}
 .walk-page .two-counts>div{padding-top:8px}
 .walk-page .inventory-visual .flow-pill{margin-top:4px}
 .walk-page .money-result{padding-block:12px}
}
@media(min-width:1101px) and (max-height:740px){
 .walk-page .reader-content{padding-block:10px}
 .walk-page .request-card{padding:16px}
 .walk-page .reply-cards{margin-top:12px}
 .walk-page .reply-cards article{padding-block:11px}
 .walk-page .attached-note{margin-top:16px;padding-top:12px}
}

/* Six selectable business models, with no application screenshots. */
.audience-invite{margin-top:18px;font-size:15px;color:var(--muted)}
a.audience-card{display:block;position:relative;color:inherit;text-decoration:none;transition:border-color .18s,background-color .18s}
a.audience-card:hover,a.audience-card:focus-visible{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,var(--white))}
a.audience-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.audience-open{display:block;margin-top:12px;font-size:11px;font-weight:600;color:var(--green)}
.model-walk{padding:0;scroll-margin-top:73px}
.model-walk .walk-page{padding:16px 0 15px;min-height:calc(100svh - 73px);display:flex;flex-direction:column}
.model-walk .walk-page>.container{display:flex;flex-direction:column;flex:1;gap:14px}
.journey-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:62px}
.journey-title .eyebrow{font-size:10px;letter-spacing:.1em}
.journey-title h2{font-size:27px;line-height:1.15;margin-top:8px;letter-spacing:-.03em}
.journey-controls{display:flex;gap:14px;align-items:center}
.journey-controls label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted)}
.journey-controls select{font:inherit;font-size:12px;min-height:36px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);max-width:280px}
.model-walk .reader{flex:1;min-height:0;height:auto;grid-template-rows:44px minmax(auto,1fr) 64px;scroll-margin-top:73px}
.model-walk #stage-nav{grid-template-columns:repeat(var(--stage-count,7),1fr)}
.model-walk .reader-content{padding:22px 26px;overflow:visible}
.model-walk .stage-layout{grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;min-height:100%}
.model-walk .stage-copy h3{font-size:32px;line-height:1.1;margin:12px 0 16px;max-width:24ch}
.model-walk .stage-copy>.eyebrow{font-size:10px}
.model-walk .stage-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}
.model-walk .stage-choice{margin-top:18px}
.model-walk .stage-detail{margin-top:15px;padding-top:12px}
.model-walk .stage-result{margin-top:18px;padding-top:14px}
.model-walk .simple-visual{min-height:0;padding:22px}
.model-walk .simple-visual>h4{font-size:23px;line-height:1.2;margin:10px 0 18px}
.model-walk .offer-card{padding:14px 12px}
.model-walk .offer-card h5{font-size:18px;line-height:1.2;min-height:44px;margin:12px 0}
.model-walk .offer-price{font-size:21px}
.model-walk .offer-scope{min-height:34px;margin-top:10px}
.model-walk .offer-state{margin-top:12px;padding-top:10px}
.model-walk .visual-takeaway{margin-top:16px}
.model-walk .visual-caption{margin-top:12px}
.model-walk .reader-bottom{padding:10px 20px}
.journey-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
.journey-footnote button{padding:0;border:0;background:none;font:inherit;font-size:11px;color:var(--ink);cursor:pointer}
.journey-footnote button:hover{color:var(--green)}
.journey-list>div{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.journey-list>div:first-child{border-top:0;padding-top:4px}
.journey-list>div>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--green)}
.journey-list strong{font-size:18px;display:block;line-height:1.3}
.journey-list small{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}
.template-note{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);margin-top:20px;line-height:1.65}
.template-note>span{font-size:30px;color:var(--green)}
.template-note strong{color:var(--ink);font-weight:600}
.journey-total{border-top:1px solid var(--line);padding-top:16px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.journey-total span{font-size:13px;color:var(--muted)}
.journey-total strong{font-size:28px;color:var(--green);white-space:nowrap}
.model-walk .story-row{padding-block:13px;font-size:13px;gap:16px}
.model-walk .story-row strong{font-size:14px;white-space:nowrap}
@media(min-width:1101px) and (max-height:850px){
 .model-walk .walk-page{padding-block:12px;}
 .model-walk .walk-page>.container{gap:10px}
 .journey-toolbar{min-height:56px}
 .journey-title h2{font-size:25px}
 .model-walk .reader-content{padding:18px 24px}
 .model-walk .stage-copy h3{font-size:29px;margin-block:10px 12px}
 .model-walk .stage-choice{margin-top:14px}
 .model-walk .stage-detail{margin-top:12px;padding-top:10px}
 .model-walk .stage-result{margin-top:14px;padding-top:12px}
 .model-walk .simple-visual{padding:18px}
 .model-walk .simple-visual>h4{font-size:21px;margin:8px 0 14px}
 .model-walk .offer-card{padding:12px 10px}
 .model-walk .offer-card h5{margin:8px 0;min-height:42px}
 .model-walk .offer-scope{margin-top:8px}
 .model-walk .offer-tabs{margin-bottom:12px}
 .model-walk .visual-takeaway{margin-top:12px}
 .model-walk .visual-caption{margin-top:8px}
 .model-walk .journey-list>div{padding-block:14px}
 .model-walk .reply-cards article{padding:14px 10px}
 .model-walk .reply-cards strong{font-size:14px}
}
@media(min-width:1101px) and (max-height:740px){
 .model-walk .reader-content{padding-block:12px}
 .model-walk .stage-copy h3{font-size:28px}
 .model-walk .stage-copy>p:not(.eyebrow){font-size:14px}
 .model-walk .stage-choice p{font-size:13px}
 .model-walk .stage-result{font-size:13px}
 .model-walk .simple-visual{padding:16px}
 .model-walk .offer-card h5{font-size:16px;min-height:38px}
 .model-walk .offer-initial{display:none}
 .model-walk .offer-scope{font-size:11px}
 .model-walk .journey-list>div{padding-block:12px}
}
@media(max-width:1100px){
 .journey-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
 .journey-controls{width:100%}
 .journey-controls label:first-child{flex:1}
 .journey-controls select{max-width:100%;width:100%}
 .model-walk .stage-layout{grid-template-columns:1fr;gap:24px}
 .model-walk .reader-content{padding:22px}
 .model-walk .stage-copy h3{max-width:none}
 .model-walk .simple-visual{padding:20px}
 .journey-footnote{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:600px){
 .model-walk{scroll-margin-top:69px}
 .model-walk .walk-page{min-height:calc(100svh - 69px);padding-block:20px}
 .journey-title h2{font-size:25px}
 .journey-controls{gap:10px}
 .journey-controls label:first-child{min-width:0}
 .journey-controls select{font-size:11px;padding-inline:8px}
 .model-walk .reader-content{padding:20px 16px}
 .model-walk .reader{grid-template-rows:48px minmax(auto,1fr) 64px}
 .model-walk .reader-bottom{padding:10px}
 .model-walk .stage-copy h3{font-size:28px}
 .model-walk .simple-visual{padding:14px}
 .model-walk .simple-visual>h4{font-size:21px}
 .model-walk .offer-card{padding:12px 8px}
 .model-walk .offer-card h5{font-size:15px;min-height:54px}
 .model-walk .offer-price{font-size:16px}
 .model-walk .offer-tabs button{white-space:normal;font-size:10px;padding:8px 4px}
 .model-walk .offer-scope{font-size:10px;min-height:48px}
 .model-walk .offer-cards{gap:6px}
 .model-walk .reply-cards strong{font-size:12px;overflow-wrap:anywhere}
 .model-walk .reply-cards article{padding:12px 8px}
 .journey-total{align-items:flex-start;flex-direction:column;gap:8px}
 .model-walk .story-row strong{font-size:12px}
 .model-walk .story-row{font-size:12px}
}

.audience-open{position:absolute;top:18px;right:18px;margin:0;font-size:18px;line-height:1}
.proposal .model-walk{scroll-margin-top:73px}
@media(max-width:600px){.proposal .model-walk{scroll-margin-top:69px}}
@media(min-width:1101px) and (max-height:740px){
 .model-walk .offer-card h5{min-height:34px}
 .model-walk .offer-state{margin-top:8px}
}
@media(min-width:1101px) and (max-height:740px){.audience-invite{margin-top:10px}}
@media(min-width:1101px) and (max-height:850px){
 .model-walk .offer-card h5{margin-block:6px}
 .model-walk .offer-initial{width:26px;height:26px}
 .model-walk .offer-state{padding-top:8px}
}

/* v37: a separate process map for every stage. */
.model-walk #stage-content{height:100%;display:flex;flex-direction:column;gap:18px}
.process-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:44px;align-items:start;min-height:142px}
.model-walk .process-intro h3{font-size:30px;max-width:760px;line-height:1.12;margin:9px 0 12px}
.model-walk .process-intro .stage-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:760px;margin:0}
.process-example{border-left:1px solid var(--line);padding-left:24px}
.process-example>.eyebrow{font-size:9px;margin:0 0 8px;line-height:1.4}
.example-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:11px;line-height:1.55;margin:3px 0}
.example-facts span{color:var(--muted);flex-shrink:0}
.example-facts strong{font-weight:600;text-align:right}
.example-open{background:none;border:0;padding:8px 0 0;font:inherit;font-size:12px;font-weight:600;color:var(--green);cursor:pointer;text-align:left}
.example-open:hover{text-decoration:underline;text-underline-offset:4px}
.process-map{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}
.process-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}
.process-heading h4{font-size:13px;line-height:1.4;font-weight:600;margin:0}
.process-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}
.kind-request{--flow-color:var(--blue)}
.kind-reply{--flow-color:var(--purple)}
.kind-choice{--flow-color:var(--amber)}
.kind-result{--flow-color:var(--green)}
.process-canvas{height:210px;position:relative}
.process-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.process-canvas svg>path{stroke:var(--flow-color);stroke-width:1.7;fill:none;opacity:.65;vector-effect:non-scaling-stroke}
.process-canvas svg>path.is-connected{opacity:1;stroke-width:2.5}
.process-canvas marker path{fill:var(--flow-color)}
.process-node{position:absolute;left:calc(1.5% + var(--col)*20%);top:calc(var(--row)*100%*50/190);width:17%;height:calc(100%*40/190);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:3px 9px;border:1px solid color-mix(in srgb,var(--flow-color) 55%,var(--line));border-left:3px solid var(--flow-color);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 7px #00000008}
.process-node strong{font-size:13px;line-height:1.3;font-weight:600}
.process-node small{font-size:10px;line-height:1.35;color:var(--muted)}
.process-node:hover,.process-node[aria-pressed="true"]{background:color-mix(in srgb,var(--flow-color) 12%,var(--paper));border-color:var(--flow-color);box-shadow:0 0 0 1px var(--flow-color)}
.process-node:focus-visible,.example-open:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.process-explanation{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start;min-height:52px;padding:10px 0 0;margin-top:5px;font-size:12px;line-height:1.5}
.process-explanation>strong{color:var(--flow-color);font-size:12px;font-weight:600}
.process-explanation p{color:var(--muted);margin:0}
.process-legend{display:flex;gap:22px;font-size:9px;color:var(--muted);margin-top:6px}
.process-legend span{display:flex;align-items:center;gap:6px}
.process-legend span:before{content:"";height:5px;width:12px;border-radius:3px;background:var(--flow-color)}
.mobile-process{display:none}
#example-dialog{width:min(860px,calc(100vw - 36px));max-height:calc(100svh - 48px);padding:28px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;margin:auto;overflow:auto}
#example-dialog::backdrop{background:#050d18c9;backdrop-filter:blur(5px)}
.example-dialog-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.example-dialog-head h2{font-size:26px;line-height:1.2;margin:10px 0 0}
.example-dialog-head .eyebrow{font-size:10px}
#example-close{width:36px;height:36px;flex-shrink:0;background:none;border:1px solid var(--line);color:var(--ink);border-radius:50%;font-size:25px;cursor:pointer}
#example-dialog .simple-visual{padding:22px}
.example-decision{margin-top:22px;font-size:14px;line-height:1.6;color:var(--muted)}
.example-decision>strong{color:var(--amber)}
.example-decision p{margin:8px 0}
.example-decision .example-result{color:var(--green);padding-top:12px;border-top:1px solid var(--line)}
@media(min-width:1101px) and (max-height:850px){
 .model-walk #stage-content{gap:12px}
 .process-intro{min-height:127px;gap:32px}
 .model-walk .process-intro h3{font-size:27px;margin-block:8px 10px}
 .model-walk .process-intro .stage-copy>p:not(.eyebrow){font-size:13px;line-height:1.5}
 .process-map{padding-top:9px}
 .process-heading{margin-bottom:9px}
 .process-canvas{height:178px}
 .process-node strong{font-size:12px}
 .process-node small{font-size:9px}
 .process-explanation{min-height:47px;font-size:11px;line-height:1.45;padding-top:8px}
 .process-explanation>strong{font-size:11px}
 .process-legend{margin-top:4px}
}
@media(min-width:1101px) and (max-height:740px){
 .process-intro{min-height:122px}
 .model-walk .process-intro h3{font-size:25px}
 .process-canvas{height:168px}
 .process-node{padding-inline:7px}
 .process-node strong{font-size:12px;line-height:1.2}
 .process-node small{font-size:9px;line-height:1.3}
 .process-heading h4{font-size:12px}
 .process-explanation{min-height:43px;font-size:11px}
}
@media(max-width:1100px){
 .process-intro{grid-template-columns:1fr;gap:22px;min-height:0}
 .process-example{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
 .example-facts>div{font-size:13px}
 .model-walk #stage-content{gap:26px}
 .process-canvas{display:none}
 .process-heading{display:block}
 .process-heading h4{font-size:16px}
 .process-heading>span{display:none}
 .mobile-process{display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .mobile-process-item{border:1px solid var(--line);border-radius:8px;padding:14px}
 .mobile-process-item .process-node{position:static;width:100%;height:auto;min-height:48px;padding:8px 12px;pointer-events:none}
 .mobile-process-item .process-node strong{font-size:14px}
 .mobile-process-item .process-node small{font-size:11px}
 .mobile-process-item p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0}
 .process-next{font-size:11px;line-height:1.5;color:var(--green);display:block}
 .process-explanation{display:none}
 .process-legend{flex-wrap:wrap;gap:12px;margin-top:18px}
}
@media(max-width:600px){
 .mobile-process{grid-template-columns:1fr}
 .model-walk .process-intro h3{font-size:27px}
 #example-dialog{padding:20px}
 .example-dialog-head h2{font-size:23px}
 #example-dialog .simple-visual{padding:14px}
 #example-dialog .offer-cards{grid-template-columns:1fr}
 #example-dialog .offer-card h5{min-height:0}
}
@media(min-width:1101px){
 .model-walk .reader{grid-template-rows:44px minmax(0,1fr) 64px}
 .model-walk #stage-content{display:grid;grid-template-rows:minmax(0,1fr) auto}
 .process-intro{min-height:0}
 .process-explanation{height:56px;min-height:56px}
}
@media(min-width:1101px) and (max-height:740px){.process-canvas{height:164px}}

/* v38: explain the situation first, with figures that can be read at a glance. */
.process-intro{grid-template-columns:1.4fr 1fr;gap:42px;align-content:start;padding-top:8px}
.model-walk .process-intro h3{font-size:clamp(30px,2.65vw,38px);line-height:1.12;margin-block:10px 16px}
.model-walk .process-intro .stage-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:700px}
.process-example{padding-left:28px}
.process-example>.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:13px}
.example-figures{display:grid;grid-template-columns:repeat(var(--figures),minmax(0,1fr));gap:22px}
.example-figure strong{display:block;font-size:54px;letter-spacing:-.045em;line-height:1;font-weight:700;color:var(--blue);white-space:nowrap}
.example-figure:nth-child(2) strong{color:var(--purple)}
.example-figure:nth-child(3) strong{color:var(--green)}
.example-figure span{display:block;font-size:13px;line-height:1.35;margin-top:8px;color:var(--ink)}
.example-note{font-size:13px;line-height:1.5;margin:14px 0 0;color:var(--muted);max-width:440px}
.process-example .example-open{font-size:13px;padding-top:10px}
.financial-figures{gap:15px}
.financial-figures .example-figure strong{font-size:31px}
@media(min-width:1101px) and (max-height:850px){
 .process-intro{gap:30px;padding-top:0;grid-template-columns:1.5fr 1fr}
 .model-walk .process-intro h3{font-size:27px;margin-block:7px 10px}
 .model-walk .process-intro .stage-copy>p:not(.eyebrow){font-size:13px;line-height:1.5}
 .process-example{padding-left:22px}
 .process-example>.eyebrow{font-size:9px;margin-bottom:7px}
 .example-figure strong{font-size:38px}
 .example-figure span{font-size:11px;margin-top:4px}
 .example-note{font-size:11px;line-height:1.35;margin-top:8px}
 .process-example .example-open{font-size:11px;padding-top:5px}
 .financial-figures{gap:10px}
 .financial-figures .example-figure strong{font-size:24px}
}
@media(min-width:1101px) and (max-height:740px){
 .model-walk .process-intro h3{font-size:25px;margin-block:6px 8px}
 .example-figure strong{font-size:31px}
 .example-figure span{font-size:10px;margin-top:3px}
 .example-note{font-size:10px;margin-top:6px}
 .process-example .example-open{font-size:10px;padding-top:4px}
 .financial-figures .example-figure strong{font-size:21px}
}
@media(max-width:1100px){
 .process-intro{grid-template-columns:1fr;padding-top:0;gap:20px}
 .process-example{padding:18px 0 0}
 .example-figures{max-width:500px}
 .example-figure strong{font-size:46px}
 .example-note{max-width:none}
}
@media(max-width:600px){
 .model-walk .process-intro h3{font-size:28px}
 .model-walk .process-intro .stage-copy>p:not(.eyebrow){font-size:14px}
 .financial-figures{gap:10px}
 .financial-figures .example-figure strong{font-size:23px}
 .financial-figures .example-figure span{font-size:11px}
}
.process-heading .process-hint{font-size:12px;font-weight:600;color:var(--green);padding:5px 10px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--green) 7%,var(--paper));line-height:1.2}
.process-node:hover{box-shadow:0 0 0 2px var(--flow-color);background:color-mix(in srgb,var(--flow-color) 18%,var(--paper))}
@media(min-width:1101px) and (max-height:850px){.process-heading .process-hint{font-size:11px;padding:3px 8px}}
@media(max-width:1100px){.process-heading .process-hint{display:none}}

/* v39: keep the landing divider in view and disclose mobile explanations on demand. */
@media(min-width:1101px) and (min-height:851px) and (max-height:950px){
 .proposal-hero{padding-top:24px}
 .hero-actions{margin-block:22px 26px}
 .connection-explain{margin-block:18px}
}
.mobile-hint{display:none}
@media(max-width:1100px){
 .process-heading{align-items:flex-start;flex-direction:column;gap:10px}
 .process-heading .process-hint{display:block}
 .desktop-hint{display:none}
 .mobile-hint{display:inline}
 .mobile-process{gap:10px;align-items:start}
 .mobile-process-item{padding:0;overflow:hidden}
 .mobile-process-item summary{position:relative;display:block;cursor:pointer;padding:12px 34px 12px 14px;border-left:3px solid var(--flow-color);list-style:none}
 .mobile-process-item summary::-webkit-details-marker{display:none}
 .mobile-process-item summary::after{content:"+";position:absolute;right:13px;top:14px;font-size:20px;color:var(--flow-color)}
 .mobile-process-item details[open] summary::after{content:"−"}
 .mobile-process-item summary strong{display:block;font-size:14px;color:var(--ink)}
 .mobile-process-item summary small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
 .mobile-process-item summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
 .mobile-process-item details[open]{background:color-mix(in srgb,var(--green) 4%,var(--paper))}
 .mobile-process-item p{padding:0 14px;margin:0 0 14px}
 .mobile-process-item .process-next{display:block;margin:0;padding:8px 14px;border-top:1px solid var(--line);font-size:10px;line-height:1.5}
}

/* v40: animated PFP colour frame, with a calm, readable button face. */
.model-walk #next,.sales-signup,.pfp-brand-button{
 position:relative;isolation:isolate;border-color:transparent;
 background:var(--paper);color:var(--ink);transform:none;
 box-shadow:0 2px 12px #3b82f618;
 transition:box-shadow .2s ease,background-color .2s ease;
}
.model-walk #next::before,.sales-signup::before,.pfp-brand-button::before{
 content:"";position:absolute;inset:-1px;border-radius:inherit;padding:3px;
 background:linear-gradient(90deg,#10b981 0%,#3b82f6 25%,#f59e0b 50%,#8b5cf6 75%,#10b981 100%);
 background-size:200% 100%;animation:brand-divider-drift 12s linear infinite;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.model-walk #next:hover,.sales-signup:hover,.pfp-brand-button:hover{background:var(--white);color:var(--ink);transform:none;box-shadow:0 0 16px #3b82f62b}
.model-walk #next:focus-visible,.sales-signup:focus-visible,.pfp-brand-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.model-walk #next::before,.sales-signup::before,.pfp-brand-button::before{animation:none;background-position:50% 50%}}

/* v41: slide headings receive reading focus, without Safari's control outline. */
.model-walk #stage-content .stage-copy>h3[tabindex="-1"]:focus{
 outline:none;
}

/* v42: a helpful viewing tip at both phone entry points. */
.phone-view-note{display:none}
@media(max-width:767px){
 .phone-view-note{display:block;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:8px;padding:13px 15px;background:var(--white);font-size:13px;line-height:1.5;color:var(--ink)}
 .phone-view-note strong{display:block;font-weight:600}
 .phone-view-note p{margin-top:5px;font-size:12px;line-height:1.55;color:var(--muted)}
 .proposal-hero .phone-view-note{margin-bottom:24px}
}

/* v44: a clear invitation, connected-company value and simple seat pricing. */
.proposal .sales-close{padding:36px 0 28px;min-height:calc(100svh - 73px);scroll-margin-top:73px;display:flex}
.sales-close>.container{display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.sales-main{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}
.sales-message h2{font-size:clamp(40px,4.3vw,62px);line-height:1.08;margin:16px 0 22px;max-width:760px}
.sales-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px}
.sales-pricing{border:1px solid var(--line);background:var(--white);padding:24px 28px;border-radius:14px}
.sales-pricing>.eyebrow{font-size:10px}
.sales-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:12px 0}
.sales-price strong{font-size:64px;font-weight:750;letter-spacing:-.055em;line-height:1;color:var(--ink)}
.sales-price span{font-size:14px;color:var(--muted)}
.sales-pricing>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.55}
.sales-pricing .sales-company{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}
.sales-signup{width:100%;margin-top:20px;justify-content:space-between;font-size:15px}
.sales-preview{display:block;font-size:10px;color:var(--muted);margin-top:10px;text-align:center}
.sales-benefits{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.sales-benefits article{padding-top:20px;border-top:1px solid var(--line)}
.sales-benefits h3{font-size:23px;line-height:1.2;margin:10px 0 12px}
.sales-benefits article>p:last-child{font-size:14px;color:var(--muted);line-height:1.65;max-width:590px}
.sales-roadmap{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;border-top:1px solid var(--line);padding-top:20px;align-items:center}
.sales-roadmap .eyebrow{color:var(--amber);font-size:10px}
.sales-roadmap h3{font-size:21px;margin-top:8px}
.sales-roadmap>p{font-size:14px;color:var(--muted);line-height:1.65}
.sales-roadmap strong{color:var(--ink);font-weight:600}
.sales-close .closing-links{margin-top:0}
@media(min-width:1001px) and (max-height:800px){
 .proposal .sales-close{padding-block:24px 20px}
 .sales-close>.container{gap:18px}
 .sales-main{gap:42px}
 .sales-message h2{font-size:44px;margin:12px 0 18px}
 .sales-lead{font-size:16px}
 .sales-pricing{padding:18px 22px}
 .sales-price strong{font-size:52px}
 .sales-price{margin:10px 0}
 .sales-pricing .sales-company{margin-top:12px;padding-top:12px}
 .sales-signup{margin-top:14px;min-height:45px;padding-block:12px}
 .sales-benefits article,.sales-roadmap{padding-top:14px}
 .sales-benefits h3{font-size:21px;margin-block:8px}
 .sales-benefits article>p:last-child,.sales-roadmap>p{font-size:13px}
 .sales-roadmap h3{font-size:20px}
}
@media(max-width:1000px){
 .sales-main{gap:28px;grid-template-columns:1.15fr 1fr}
 .sales-message h2{font-size:40px}
 .sales-lead{font-size:16px}
 .sales-pricing{padding:22px}
 .sales-benefits{gap:28px}
}
@media(max-width:700px){
 .proposal .sales-close{padding-block:32px;scroll-margin-top:69px;min-height:0}
 .sales-close>.container{gap:30px}
 .sales-main,.sales-benefits,.sales-roadmap{grid-template-columns:1fr;gap:26px}
 .sales-message h2{font-size:39px}
 .sales-lead{font-size:16px}
 .sales-pricing{padding:23px}
 .sales-price strong{font-size:60px}
 .sales-benefits h3{font-size:24px}
 .sales-roadmap{gap:14px}
 .sales-close .closing-links{font-size:12px;gap:18px}
}

/* v45: larger selected-step explanations and a branded chart boundary. */
.process-map{position:relative;border-top:0;padding-top:16px}
.process-map::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#10b981 0%,#3b82f6 25%,#f59e0b 50%,#8b5cf6 75%,#10b981 100%);background-size:200% 100%;animation:brand-divider-drift 24s linear infinite}
@media(min-width:1101px){
 .process-explanation{height:88px;min-height:88px;font-size:16px;line-height:1.5;grid-template-columns:190px 1fr;padding-top:12px}
 .process-explanation>strong{font-size:16px}
 .process-legend{font-size:10px}
}
@media(min-width:1101px) and (max-height:850px){
 .process-map{padding-top:12px}
 .process-canvas{height:170px}
 .process-explanation{height:80px;min-height:80px;font-size:14px;line-height:1.5;padding-top:10px}
 .process-explanation>strong{font-size:14px}
}
@media(min-width:1101px) and (max-height:740px){
 .model-walk #stage-content{gap:8px}
 .process-canvas{height:154px}
 .process-explanation{height:72px;min-height:72px;font-size:13px;padding-top:8px}
 .process-explanation>strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.process-map::before{animation:none;background-position:50% 50%}}
/* Expanded, stage-specific examples. The close control stays visible while reading. */
#example-dialog{width:min(1000px,calc(100vw - 36px));max-height:calc(100svh - 32px);padding:0;overflow:hidden}
#example-dialog[open]{display:flex;flex-direction:column}
#example-dialog .example-dialog-head{padding:22px 28px;margin:0;border-bottom:1px solid var(--line);flex-shrink:0}
#example-dialog #example-body{overflow:auto;min-height:0;padding:24px 28px 28px;overscroll-behavior:contain}
#example-dialog .example-overview{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:22px}
#example-dialog .simple-visual{background:var(--white);border:1px solid var(--line);border-radius:10px}
.example-walkthrough{margin-top:28px}
.example-walkthrough>h3{font-size:23px}
.example-walkthrough ol{list-style:none;margin:14px 0 0;padding:0}
.example-walkthrough li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.example-step-index{font-size:13px;font-weight:650;color:var(--blue);padding-top:2px}
.example-walkthrough h4{font-size:17px;line-height:1.4;margin:0 0 7px}
.example-walkthrough li p{font-size:15px;line-height:1.65;color:var(--muted)}
.example-watch{margin-top:24px;border-left:3px solid var(--amber);padding:3px 0 3px 18px}
.example-watch h3{font-size:17px;color:var(--amber);margin-bottom:8px}
.example-watch p,.example-carry>p:last-child{font-size:15px;line-height:1.65;color:var(--muted)}
.example-carry{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.example-carry .eyebrow{font-size:10px;margin-bottom:8px}
.example-disclaimer{font-size:11px;color:var(--muted);margin-top:22px}
.crew-comparison h4{font-size:20px;margin:8px 0 16px}
@media(max-width:600px){
 #example-dialog{width:calc(100vw - 20px)}
 #example-dialog .example-dialog-head{padding:18px}
 #example-dialog .example-dialog-head h2{font-size:22px}
 #example-dialog #example-body{padding:18px}
 #example-dialog .example-overview{font-size:14px}
 .example-walkthrough>h3{font-size:22px}
 .example-walkthrough li{gap:12px}
 .example-walkthrough li p,.example-watch p,.example-carry>p:last-child{font-size:14px}
 .crew-comparison .story-row{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(min-width:1101px) and (max-height:740px){.process-map{padding-top:8px}}
@media(min-width:1101px) and (min-height:851px) and (max-height:950px){
 .model-walk .reader-content{padding-block:16px}
 .model-walk #stage-content{gap:12px}
 .process-canvas{height:174px}
}
#example-dialog .simple-visual{min-height:0}

/* v46: legal information is part of the signup page, not a separate page below. */
.sales-close .signup-legal{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin:0;padding:14px 0 0;border-top:1px solid var(--line);color:var(--muted)}
.signup-legal .legal-notice p{font-size:11px;line-height:1.5;margin:0}
.signup-legal .legal-notice p:first-child{color:var(--ink)}
.signup-legal .legal-navigation{display:flex;flex-direction:column;gap:12px;min-width:265px}
.proposal .signup-legal nav{display:flex;justify-content:flex-end;gap:20px;margin:0;font-size:11px;flex-wrap:wrap}
.signup-legal .closing-links{display:flex;justify-content:flex-end;gap:20px;margin:0;font-size:11px}
.signup-legal a:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1001px) and (max-height:800px){
 .sales-close>.container{gap:14px}
 .proposal .sales-close{padding-block:20px 14px}
 .sales-benefits h3{margin-block:7px}
 .sales-close .signup-legal{padding-top:10px}
}
@media(max-width:700px){
 .sales-close .signup-legal{grid-template-columns:1fr;gap:18px;padding-top:20px}
 .signup-legal .legal-navigation{gap:20px;min-width:0}
 .proposal .signup-legal nav,.signup-legal .closing-links{justify-content:flex-start;font-size:12px}
 .signup-legal .legal-notice p{font-size:11px;line-height:1.65;margin-top:4px}
}

/* Approved industry product artwork, kept legible in both appearances. */
.sales-roadmap{grid-template-columns:1.1fr 1fr 1fr;gap:28px}
.roadmap-intro,.roadmap-product p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px}
.roadmap-logo{height:64px;display:flex;align-items:center}
.roadmap-logo img{height:64px;max-width:100%;object-fit:contain;object-position:left center}
[data-theme="light"] .roadmap-logo{background:#101820;border-radius:8px;padding:6px 10px;width:max-content;max-width:100%}
[data-theme="light"] .roadmap-logo img{height:52px}
@media(min-width:1001px) and (max-height:800px){.roadmap-logo,.roadmap-logo img{height:46px}.roadmap-product p,.roadmap-intro{font-size:12px;margin-top:6px}.sales-roadmap{gap:24px}.sales-roadmap h3{font-size:18px}[data-theme="light"] .roadmap-logo{height:46px}[data-theme="light"] .roadmap-logo img{height:38px}}
@media(max-width:700px){.sales-roadmap{grid-template-columns:1fr;gap:22px}.roadmap-logo,.roadmap-logo img{height:66px}.roadmap-product p,.roadmap-intro{font-size:14px}}

/* Regional growth partners: product roadmap takes two thirds; invitation one third. */
.sales-future{display:grid;grid-template-columns:2fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:20px;align-items:start}
.sales-future .sales-roadmap{display:block;border:0;padding:0}
.sales-future .roadmap-heading h3{margin:6px 0 16px;font-size:21px}
.roadmap-products{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sales-future .roadmap-logo,.sales-future .roadmap-logo img{height:54px}
[data-theme="light"] .sales-future .roadmap-logo img{height:42px}
.growth-partner{border-left:1px solid var(--line);padding-left:28px}
.growth-partner>.eyebrow{font-size:10px;color:var(--green)}
.growth-partner h3{font-size:23px;line-height:1.2;margin:6px 0 10px}
.growth-partner>p:not(.eyebrow){font-size:13px;line-height:1.5;color:var(--muted)}
.growth-interest{margin:12px 0;min-height:42px;padding:10px 16px;font-size:13px;gap:20px;width:100%;justify-content:space-between;opacity:1;cursor:pointer}
.growth-partner .growth-access{font-size:12px;line-height:1.45}
@media(min-width:1001px) and (max-height:800px){.sales-future{padding-top:12px;gap:24px}.sales-future .roadmap-heading h3{font-size:18px;margin-bottom:12px}.sales-future .roadmap-logo,.sales-future .roadmap-logo img{height:46px}[data-theme="light"] .sales-future .roadmap-logo img{height:34px}.growth-partner{padding-left:24px}.growth-partner h3{font-size:20px;margin-bottom:6px}.growth-interest{margin:8px 0;min-height:38px;padding-block:8px}}
@media(max-width:900px){.sales-future{grid-template-columns:1fr}.growth-partner{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.growth-interest{width:auto;min-width:240px}.growth-partner .growth-access{max-width:480px}}
@media(max-width:480px){.roadmap-products{grid-template-columns:1fr;gap:22px}.sales-future .roadmap-logo,.sales-future .roadmap-logo img{height:64px}[data-theme="light"] .sales-future .roadmap-logo img{height:52px}}
@media(min-width:1001px){.sales-message h2{font-size:clamp(40px,3.4vw,52px);margin-block:10px 16px}.sales-close>.container{gap:20px}.proposal .sales-close{padding-block:26px 20px}.growth-partner .growth-access{max-width:38ch}}
@media(min-width:1001px) and (max-height:800px){.sales-message h2{font-size:40px}.sales-close>.container{gap:14px}.proposal .sales-close{padding-block:18px 16px}}
@media(min-width:1001px) and (max-height:800px){.sales-close>.container{gap:10px}.proposal .sales-close{padding-top:12px}.sales-future{padding-top:10px}.sales-future .roadmap-logo,.sales-future .roadmap-logo img{height:64px}[data-theme="light"] .sales-future .roadmap-logo img{height:52px}}

.roadmap-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:600px){.roadmap-products{grid-template-columns:1fr}}