/* Three related products, each explained through its own documents and outputs. */
header > .hero{padding-bottom:48px}
#bid-journey{padding:40px 0 24px;border:0;background:transparent}
.suite-intro{text-align:center;margin-bottom:16px}
.suite-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--mu);margin:0 0 16px}
.suite-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.04em;word-spacing:.04em;margin:0 auto;max-width:26ch}
.suite-intro>p:last-child{margin:18px auto 0;max-width:45em;color:var(--bd);font-size:18px;line-height:1.6;text-wrap:balance}
.suite-product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:72px;padding:72px 0;border-bottom:1px solid var(--ln);text-align:left}
.suite-product:last-child{border-bottom:0;padding-bottom:40px}
.suite-product:nth-of-type(2) .suite-copy{grid-column:2;grid-row:1}
.suite-product:nth-of-type(2) .suite-visual{grid-column:1;grid-row:1}
.suite-name{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--tx);font-size:18px;font-weight:700;letter-spacing:-.025em}
.suite-name svg{width:22px;height:22px;color:var(--cta);flex-shrink:0}
.suite-copy h3{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;word-spacing:.04em;font-weight:750;color:var(--tx)}
.suite-description{margin:20px 0 24px;color:var(--bd);font-size:16px;line-height:1.8;max-width:40em}
.suite-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:10px;background:var(--cta,#facc15);color:#101828;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 12px 28px -16px #facc15;transition:background .2s,box-shadow .2s}
.suite-link:hover{background:#fde047;color:#101828;text-decoration:none;box-shadow:0 14px 30px -14px #facc15}
.suite-link>span{font-size:18px;transition:transform .2s}
.suite-link:hover>span{transform:translate(2px,-2px)}
.suite-link:focus-visible{outline:2px solid var(--tx);outline-offset:6px}
.suite-visual{margin:0;padding:8px 0;min-width:0;color:var(--tx);font:400 12px/1.5 var(--sans);isolation:isolate}
.suite-inputs{display:flex;justify-content:center;gap:12px}
.suite-input{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid var(--ln);border-radius:5px;color:var(--mu);font-size:10px;font-weight:500;background:var(--bg);transition:color .25s,border-color .25s}
.suite-input.is-reading{color:var(--tx);border-color:color-mix(in srgb,var(--cta) 65%,var(--ln))}
.suite-input-icon{display:block;width:12px;height:16px;border:1px solid currentColor;flex-shrink:0;position:relative}
.suite-input-icon:after{content:'';position:absolute;left:2px;right:2px;top:5px;height:1px;background:currentColor;box-shadow:0 3px currentColor;opacity:.6}
.suite-feed{position:relative;height:38px;width:1px;background:var(--ln);margin:auto}
.suite-feed i{position:absolute;left:-5px;top:0;width:11px;height:14px;background:var(--cta);border:2px solid var(--bg);opacity:0;will-change:transform,opacity}
.suite-review,.suite-estimate,.suite-drafting{padding:20px;border:1px solid var(--ln);border-radius:10px;background:color-mix(in srgb,var(--card) 60%,var(--bg));box-shadow:0 18px 55px -38px #0005}
.suite-window-title{display:flex;align-items:center;gap:9px;padding-bottom:17px;margin-bottom:2px;border-bottom:1px solid var(--ln);font-size:11px;font-weight:600;color:var(--mu)}
.suite-window-title svg{width:18px;height:18px;flex-shrink:0}
.suite-live{width:5px;height:5px;border-radius:50%;background:var(--cta);margin-left:auto}
.suite-finding{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--ln)}
.suite-finding:last-child{border-bottom:0;padding-bottom:1px}
.suite-finding-mark{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;color:var(--cta);background:color-mix(in srgb,var(--cta) 9%,transparent);font-weight:700;border-radius:4px}
.suite-finding>div{flex:1;min-width:0}
.suite-finding strong{display:block;font-size:12px;font-weight:600}
.suite-finding>div>span{display:block;margin-top:3px;font-size:10px;color:var(--mu)}
.suite-source{font-size:9px;color:var(--mu);border-bottom:1px solid var(--cta);padding-bottom:2px}
.suite-visual-note{margin:13px 0 0;text-align:center;color:var(--mu);font-size:10px;line-height:1.6}
.suite-work-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;padding-top:16px;font-size:11px;color:var(--bd)}
.suite-work-row>i{height:6px;background:var(--ln);position:relative;overflow:hidden}
.suite-work-row>i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:var(--cta);transform-origin:left;transition:transform 1.1s ease}
.suite-effort{margin-top:25px;padding-bottom:21px}
.suite-effort>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--mu)}
.suite-effort-line{height:3px;background:var(--ln);position:relative;margin-top:13px}
.suite-effort-line:after{content:'';position:absolute;left:23%;right:10%;top:0;height:3px;background:var(--cta)}
.suite-effort-line i,.suite-effort-line b{position:absolute;left:23%;top:-4px;width:1px;height:11px;background:var(--tx);z-index:1}
.suite-effort-line b{left:auto;right:10%}
.suite-price{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ln);padding-top:15px;font-size:11px;color:var(--mu)}
.suite-price strong{font-size:15px;color:var(--tx);font-weight:650}
.suite-drafts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:24px}
.suite-draft{min-width:0;text-align:center}
.suite-draft-paper{width:76px;height:103px;margin:0 auto 15px;background:var(--bg);border:1px solid var(--ln);border-top:2px solid var(--cta);border-radius:2px;padding:15px 12px;box-sizing:border-box}
.suite-draft-paper b{display:block;width:60%;height:4px;background:var(--tx);opacity:.65;margin-bottom:14px}
.suite-draft-paper i{display:block;height:2px;background:var(--mu);margin-top:6px;opacity:.35;transform-origin:left;transition:transform .8s ease}
.suite-draft-paper i:nth-child(3){width:78%}.suite-draft-paper i:last-child{width:60%}
.suite-draft strong{display:block;font-size:11px;font-weight:600;line-height:1.6}
.suite-draft>span{display:block;font-size:9px;color:var(--mu);margin-top:5px}
.suite-output{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
.suite-visual.is-animated .suite-output:not(.is-revealed){opacity:.15;transform:translateY(5px)}
.suite-visual.is-animated .suite-output:not(.is-revealed) .suite-draft-paper i,.suite-visual.is-animated .suite-output:not(.is-revealed)>i:after{transform:scaleX(0)}
#bid-journey + #who{padding-top:56px}
@media(max-width:1000px){.suite-product{gap:40px;padding-block:56px}.suite-inputs{gap:6px}.suite-input{gap:5px;padding:8px 7px;font-size:9px}.suite-review,.suite-estimate,.suite-drafting{padding:16px}.suite-work-row{grid-template-columns:110px minmax(0,1fr);gap:12px}.suite-drafts{gap:10px}}
@media(max-width:760px){
 header > .hero{padding-bottom:36px}#bid-journey{padding-top:28px}.suite-intro>p:last-child{font-size:16px;max-width:30em}
 .suite-product{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}.suite-product:nth-of-type(2) .suite-copy,.suite-product:nth-of-type(2) .suite-visual{grid-column:auto;grid-row:auto}
 .suite-name{font-size:17px;margin-bottom:15px}.suite-copy h3{font-size:32px}.suite-description{font-size:15px;line-height:1.75;margin-block:16px 18px}.suite-link{font-size:14px}
 .suite-visual{max-width:540px;width:100%;margin-inline:auto}.suite-inputs{gap:6px}.suite-input{padding:8px 7px;font-size:9px}.suite-input-icon{width:10px;height:14px}
 .suite-source{display:none}.suite-draft-paper{width:66px;height:94px}.suite-drafts{gap:10px}.suite-draft strong{font-size:10px}
 #bid-journey + #who{padding-top:40px}
}
@media(max-width:380px){.suite-inputs{flex-wrap:wrap;gap:6px}.suite-input{justify-content:center}.suite-finding{gap:8px}.suite-finding strong{font-size:11px}.suite-work-row{grid-template-columns:105px minmax(0,1fr);gap:8px}.suite-price strong{font-size:13px}.suite-copy h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.suite-output,.suite-link>span,.suite-input,.suite-work-row>i:after,.suite-draft-paper i{transition:none!important}.suite-feed i{display:none}}
@media print{.suite-product{break-inside:avoid}.suite-visual .suite-output{opacity:1!important;transform:none!important}.suite-feed i{display:none}}
