/* BuyerBuilt: make the system, its materials and its launch plan tangible. */
.sales-page .site-hero { padding-bottom:72px; gap:10px; }
.sales-page .hero-intro > p { max-width:760px; color:#485c47; }
.sales-page .acquisition-section { padding-bottom:80px; }
.sales-page .acquisition-heading h2 { font-size:clamp(2rem,3.2vw,3.15rem); }
.sales-page .acquisition-map { background-color:#eaf0e2; border-color:#bdcbb0; padding:34px; box-shadow:0 16px 45px #233f2410; }
.sales-page .map-node { min-height:254px; }
.sales-page .channel-fan span { background:#fcfcf7; box-shadow:0 3px 8px #18242007; }
.sales-page .attract .map-node { padding-top:10px; }
.sales-page .map-node strong { margin-top:5px; }
.sales-page .page-chrome { margin-bottom:13px; padding-bottom:12px; }
.sales-page .page-action { display:none; }
.mini-ad-art { position:relative; height:120px; margin:0 0 15px; }
.mini-ad-back,.mini-ad-front { position:absolute; width:84px; height:103px; border-radius:5px; }
.mini-ad-back { background:#b3c391; left:calc(50% - 58px); top:5px; transform:rotate(-12deg); border:1px solid #819866; }
.mini-ad-front { left:calc(50% - 32px); top:9px; background:#173b30; padding:9px; transform:rotate(8deg); box-shadow:0 6px 10px #173b3026; }
.mini-ad-orbit { display:block; height:52px; width:52px; border:12px solid #d9f28a; border-radius:50%; margin:0 auto 8px; }
.mini-ad-front i { display:block; height:3px; width:55%; background:#a6b8a8; margin:4px 0; border-radius:1px; }
.mini-ad-front b { position:absolute; bottom:10px; right:10px; color:#d9f28a; font-weight:400; }
.mini-page-art { margin:0 0 14px; }
.mini-page-columns { display:grid; grid-template-columns:1.1fr 1fr; gap:10px; }
.mini-page-columns i { display:block; background:#9da992; height:4px; margin:7px 0; border-radius:2px; }
.mini-page-columns i:nth-child(2) { width:74%; }
.mini-page-columns b { display:block; height:8px; width:70%; border-radius:2px; background:#547546; margin-top:13px; }
.mini-page-columns > span { background:radial-gradient(circle at 55% 45%,#b6ca81 0 24%,transparent 25%),#e4eadc; border-radius:3px; }
.mini-form { display:flex; gap:4px; margin-top:12px; }
.mini-form i { flex:1; height:16px; background:#f5f6ef; border:1px solid #d3ddc8; border-radius:2px; }
.mini-form b { width:22px; text-align:center; background:#d9f28a; color:#29442f; font:500 12px 'DM Sans',sans-serif; border-radius:2px; }
.mini-crm-art { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; height:72px; margin-bottom:20px; }
.mini-crm-art > span { padding:7px 4px; background:#25483d; border-radius:3px; border-top:3px solid #aac574; }
.mini-crm-art > span:nth-child(2) { border-color:#e4d6af; }
.mini-crm-art > span:nth-child(3) { border-color:#8dafae; }
.mini-crm-art i { display:block; height:13px; border-radius:2px; background:#537366; margin-bottom:5px; }
.route-symbol { width:26px; height:26px; display:block; color:#4e6c3b; margin-bottom:10px; }
.sales-page .route { padding:15px 17px; }
.sales-page .route-condition { font-size:.75rem; }
.sales-page .map-feedback { background:#dde8cf; }
.value-wrap { max-width:1280px; margin:0 auto; }
.asset-delivery { padding:84px 55px 58px; background:#112f29; color:#f5f6eb; }
.delivery-heading,.activation-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:end; margin-bottom:48px; }
.sales-page :is(.asset-delivery,.activation-section) h2 { font:600 clamp(2.5rem,4.1vw,4rem)/1.1 Manrope,sans-serif; letter-spacing:-.05em; margin:16px 0 0; text-wrap:balance; }
.sales-page .asset-delivery h2 em { font-style:normal; color:#d9f28a; font-weight:700; }
.sales-page .asset-delivery .eyebrow { color:#c6dba8; }
.delivery-heading > p { font-size:1.125rem; line-height:1.75; max-width:465px; color:#d5e1cf; margin:0 0 3px; }
.asset-collection { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 34px; }
.deliverable { min-width:0; }
.asset-scene { height:238px; border:1px solid #456457; border-radius:10px; position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 50%,#2d5241,transparent 75%),#1a3b31; }
.deliverable-copy { padding:22px 2px 0; }
.deliverable-copy > span { font-size:.6875rem; font-weight:500; letter-spacing:.075em; color:#b7caa9; line-height:1.6; }
.sales-page .deliverable h3 { font-size:1.5rem; font-weight:600; line-height:1.3; letter-spacing:-.035em; margin:10px 0 12px; color:#f5f6eb; }
.sales-page .deliverable p { font-size:1rem; line-height:1.75; color:#d5e1cf; margin:0; max-width:360px; }
.asset-scene .paper-lines i { display:block; background:#a3ae96; height:4px; border-radius:2px; margin-top:6px; width:75%; }
.asset-scene .paper-lines i:last-child { width:54%; }
.ad-print { position:absolute; width:143px; height:177px; border-radius:5px; box-shadow:0 12px 18px #061b2433; padding:17px; }
.ad-print > span { font:600 8px 'DM Sans',sans-serif; letter-spacing:.09em; }
.ad-print-back { background:#cbd7b0; color:#213c2d; top:25px; left:calc(50% - 116px); transform:rotate(-12deg); }
.ad-target { height:76px; width:76px; border:16px solid #567850; border-radius:50%; margin:23px auto; }
.ad-print-front { background:#f3f2dc; color:#1e392d; top:37px; left:calc(50% - 23px); transform:rotate(9deg); }
.ad-graphic { height:76px; position:relative; margin:13px 0; overflow:hidden; background:#d9f28a; border-radius:2px; }
.ad-graphic i { display:block; width:70px; height:70px; border:14px solid #173b30; border-radius:50%; position:absolute; }
.ad-graphic i:nth-child(1) { left:-33px; top:18px; }
.ad-graphic i:nth-child(2) { left:29px; top:18px; }
.ad-graphic i:nth-child(3) { left:90px; top:18px; }
.ad-print b { position:absolute; right:15px; bottom:15px; font-size:19px; font-weight:400; }
.browser-sheet { position:absolute; width:255px; max-width:82%; background:#f7f8ef; top:34px; left:50%; transform:translateX(-50%) rotate(-3deg); border-radius:7px; box-shadow:8px 12px 0 #081e2666,0 15px 25px #081e2655; padding:0 15px 17px; }
.browser-bar { display:flex; gap:4px; border-bottom:1px solid #d5decb; padding:12px 0; }
.browser-bar i { height:4px; width:4px; border-radius:50%; background:#8d9d83; }
.browser-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:14px; margin:18px 0; }
.browser-layout span { font:600 8px 'DM Sans',sans-serif; color:#29432e; }
.browser-layout .paper-lines { margin-top:10px; }
.browser-layout b { display:block; height:9px; width:50px; background:#577844; margin-top:12px; border-radius:2px; }
.browser-picture { border-radius:3px; background:radial-gradient(circle at 48% 49%,transparent 0 19%,#496c3c 20% 34%,transparent 35%),#d9e8b8; }
.browser-form { padding-top:12px; border-top:1px solid #d5decb; display:flex; gap:7px; }
.browser-form i { height:18px; flex:1; border:1px solid #becdb0; border-radius:3px; }
.browser-form b { width:27px; height:18px; background:#d9f28a; color:#29432e; text-align:center; border-radius:3px; font-size:13px; }
.guide-pages { position:absolute; width:139px; height:172px; background:repeating-linear-gradient(90deg,#dce2ca 0 2px,#adb994 2px 3px); top:38px; left:calc(50% - 52px); transform:rotate(8deg); border-radius:3px; box-shadow:0 10px 20px #061b2433; }
.guide-cover { position:absolute; width:142px; height:178px; top:24px; left:calc(50% - 80px); transform:rotate(-7deg); background:#d9f28a; color:#233e2a; border-radius:3px; border-left:7px solid #a7c36a; box-shadow:0 9px 17px #061b2444; padding:17px 14px; }
.guide-cover > span { font:600 8px 'DM Sans',sans-serif; letter-spacing:.05em; }
.guide-symbol { font:500 65px/.9 Manrope,sans-serif; margin:13px 0; }
.guide-cover small { display:block; font-size:6px; letter-spacing:.05em; margin-top:13px; }
.guide-cover .paper-lines i { background:#809653; }
.segment-source { position:absolute; top:34px; left:50%; transform:translateX(-50%); display:flex; gap:7px; padding:12px 20px; border:1px solid #77915a; border-radius:7px; background:#31513b; }
.segment-source span { width:14px; height:14px; background:#d9f28a; border-radius:50%; }
.segment-source span:nth-child(2) { opacity:.7; }.segment-source span:nth-child(3) { opacity:.45; }
.segment-branches { position:absolute; top:95px; left:20%; right:20%; height:36px; border:1px solid #a5bf79; border-bottom:0; border-radius:8px 8px 0 0; }
.segment-branches::before { content:''; position:absolute; height:21px; top:-22px; left:50%; border-left:1px solid #a5bf79; }
.segment-branches::after { content:''; position:absolute; height:37px; top:0; left:50%; border-left:1px solid #a5bf79; }
.segment-paths { position:absolute; top:131px; left:8%; right:8%; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.segment-paths > span { min-width:0; font:600 8px 'DM Sans',sans-serif; color:#233e2a; text-align:center; padding:13px 3px; border-radius:5px; background:#d9f28a; box-shadow:0 8px 16px #061b2422; }
.segment-paths > span:nth-child(2) { background:#eadfbf; }.segment-paths > span:nth-child(3) { background:#a4c6b8; }
.segment-paths i { display:block; width:20px; height:20px; border:1px solid #627750; border-radius:50%; margin:0 auto 11px; }
.email-sheet { position:absolute; width:200px; max-width:72%; height:112px; background:#eaf0dc; border-radius:5px; padding:14px; box-shadow:0 12px 20px #061b2433; color:#2d4930; }
.email-one { top:24px; left:calc(50% - 113px); transform:rotate(-5deg); }.email-two { top:101px; left:calc(50% - 81px); transform:rotate(5deg); background:#f6f5e7; }
.email-sheet svg { display:inline-block; width:25px; height:20px; stroke:#4b6c3d; stroke-width:1.5; fill:none; vertical-align:middle; margin-right:7px; }
.email-sheet > span { font:600 7px 'DM Sans',sans-serif; letter-spacing:.015em; }
.email-sheet .paper-lines { margin-top:14px; }
.playbook-sheet { position:absolute; top:27px; left:50%; transform:translateX(-50%) rotate(-5deg); width:175px; height:181px; padding:20px; background:#f2efdb; color:#2e4930; border-radius:3px; border-left:9px solid #cbd4b8; box-shadow:0 12px 20px #061b2433; }
.playbook-sheet > span { font:600 8px 'DM Sans',sans-serif; }
.playbook-tabs { position:absolute; top:21px; right:-10px; display:grid; gap:4px; }.playbook-tabs i { width:10px; height:22px; border-radius:0 3px 3px 0; background:#d9f28a; }.playbook-tabs i:nth-child(2){background:#9cbea4}.playbook-tabs i:nth-child(3){background:#e4d5a0}
.playbook-row { display:flex; align-items:center; gap:9px; margin-top:16px; }
.playbook-row b { font:500 10px Manrope,sans-serif; }
.playbook-row i { height:4px; width:80%; background:#a6b396; border-radius:2px; }
.playbook-check { position:absolute; bottom:9px; right:10px; width:40px; height:40px; border:1px solid #67864f; border-radius:50%; background:#d9f28a; text-align:center; font-size:25px; }
.delivery-close { display:flex; align-items:center; gap:22px; padding-top:34px; margin-top:42px; border-top:1px solid #526c58; }
.kit-mark { display:flex; align-items:center; justify-content:center; width:46px; height:46px; flex-shrink:0; background:#d9f28a; color:#112f29; font-size:26px; border-radius:50%; }
.delivery-close p { color:#d5e1cf; font-size:1rem; line-height:1.7; margin:0; }.delivery-close strong{font-weight:600;color:#f5f6eb}
.delivery-close .text-link { color:#d9f28a; margin:0 0 0 auto; gap:16px; flex-shrink:0; }
.activation-section { padding:86px 55px 90px; background:#eaf0d9; color:#193a2d; }
.activation-heading .eyebrow { color:#4f653e; }.activation-heading h2 em{font-style:normal;font-weight:700;color:#4e713a}
.activation-heading > p { color:#495e3f; font-size:1.125rem; line-height:1.75; margin:0; max-width:460px; }
.launch-project { border:1px solid #b8c6a5; border-radius:12px; overflow:hidden; background:#fafbf3; box-shadow:0 20px 48px #354b2410; }
.project-heading { padding:29px 34px; background:#f3f6e9; border-bottom:1px solid #c7d3b6; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.project-label { font-size:.6875rem; letter-spacing:.1em; font-weight:600; color:#566b46; }.sales-page .project-heading h3{font-size:1.5rem;letter-spacing:-.035em;margin:7px 0 0;line-height:1.3;font-weight:600}
.project-badge { border:1px solid #9eb477; background:#e3edca; color:#3d562f; padding:10px 13px; border-radius:5px; font-size:.6875rem; letter-spacing:.04em; line-height:1.6; }
.project-schedule { padding:34px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.project-phase { position:relative; min-width:0; display:flex; flex-direction:column; }
.phase-top { position:relative; padding-bottom:31px; border-bottom:2px solid #b5c797; color:#526a3f; font-size:.6875rem; letter-spacing:.03em; font-weight:600; }
.phase-top::after { content:''; position:absolute; bottom:-2px; right:-22px; width:22px; height:2px; background:#b5c797; }.project-phase:last-child .phase-top::after{display:none}
.phase-dot { position:absolute; bottom:-7px; left:0; width:12px; height:12px; background:#557738; border:3px solid #fafbf3; border-radius:50%; outline:1px solid #557738; }
.sales-page .project-phase h4 { font:600 1.125rem/1.45 Manrope,sans-serif; letter-spacing:-.025em; margin:25px 0 11px; }
.project-phase p { font-size:.9375rem; line-height:1.75; color:#4b6041; margin:0 0 24px; }
.phase-checkpoint { display:flex; align-items:center; gap:7px; font-size:.75rem; line-height:1.6; font-weight:500; color:#465f35; margin-top:auto; padding-top:14px; border-top:1px dashed #b1c29b; }
.phase-checkpoint > span:first-child { font-size:1.25rem; }
.project-details { padding:26px 34px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; border-top:1px solid #c7d3b6; background:#eef3e2; }
.project-details article { display:flex; gap:14px; align-items:flex-start; min-width:0; }
.project-detail-icon { font-size:1.5rem; color:#4a6835; line-height:1.4; flex-shrink:0; }
.sales-page .project-details h4 { font:600 .9375rem/1.5 Manrope,sans-serif; letter-spacing:-.025em; margin:0 0 9px; }
.project-details p { color:#4b6041; font-size:.875rem; line-height:1.75; margin:0; }
.project-foot { display:grid; grid-template-columns:1fr 1.3fr; gap:40px; padding:22px 34px; border-top:1px solid #c7d3b6; align-items:center; }
.project-foot > span { color:#536a41; font-size:.6875rem; letter-spacing:.035em; line-height:1.7; max-width:265px; }.project-foot p{font-size:.8125rem;line-height:1.7;margin:0;color:#4b6041}
.sales-page .founder-portrait figcaption { line-height:1.65; }.sales-page .founder-portrait figcaption span{font-size:.8125rem;line-height:1.65}
.sales-page .scope-options { padding-top:45px; }
@media(min-width:1400px){.value-wrap{max-width:1280px}}
@media(max-width:1100px){
 .sales-page .map-node { min-height:245px; }.route-symbol{float:left;margin:0 10px 7px 0;width:23px;height:23px}
 .sales-page .route strong { clear:both; display:block; }
 .delivery-heading,.activation-heading { gap:45px; }
 .asset-collection { gap:34px 22px; }.asset-scene{height:215px}
 .ad-print { scale:.9; }.ad-print-back{left:calc(50% - 107px)}.ad-print-front{left:calc(50% - 32px)}
 .email-one{left:calc(50% - 100px)}.email-two{left:calc(50% - 91px);top:88px}
 .project-schedule{gap:24px 30px;grid-template-columns:repeat(2,minmax(0,1fr))}.phase-top::after{right:-30px;width:30px}.project-phase:nth-child(even) .phase-top::after{display:none}
 .project-details{gap:24px}.project-details article{gap:9px}
 .delivery-close { flex-wrap:wrap; }.delivery-close .text-link{margin-left:68px}
}
@media(max-width:900px){
 .asset-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.asset-scene{height:238px}
 .delivery-heading,.activation-heading{grid-template-columns:1fr;gap:24px}.delivery-heading>p,.activation-heading>p{max-width:590px}
 .project-heading{align-items:flex-start}.project-badge{max-width:145px}
 .project-details{grid-template-columns:1fr}.project-details article{gap:18px}.project-detail-icon{width:24px}
}
@media(max-width:760px){
 .sales-page .site-hero{padding-bottom:43px;gap:5px}.sales-page .acquisition-section{padding-bottom:48px}
 .sales-page .acquisition-map{padding:23px 19px}.sales-page .map-node{min-height:0}
 .mini-ad-art{height:102px;margin-bottom:15px}.mini-ad-back,.mini-ad-front{scale:.8;transform-origin:center top}
 .sales-page .attract .map-node { padding-top:18px; }.mini-page-art{max-width:245px;width:100%;margin-inline:auto}.mini-crm-art{height:66px;max-width:245px;width:100%;align-self:center;margin-bottom:14px}
 .sales-page .map-node strong { font-size:1.125rem; }.route-symbol{float:left;margin:0 12px 7px 0;width:26px;height:26px}
 .asset-delivery { padding:56px 24px 37px; }.activation-section{padding:58px 24px}
 .sales-page :is(.asset-delivery,.activation-section) h2 { font-size:clamp(2.25rem,7.5vw,3.1rem); }
 .delivery-heading,.activation-heading{margin-bottom:32px;gap:22px}
 .delivery-heading>p,.activation-heading>p{font-size:1.0625rem}
 .asset-collection{gap:32px 20px}.asset-scene{height:210px}.deliverable-copy{padding-top:18px}
 .sales-page .deliverable h3{font-size:1.25rem}.sales-page .deliverable p{font-size:.9375rem}.deliverable-copy>span{font-size:.625rem}
 .delivery-close{gap:15px;margin-top:32px;padding-top:26px}.kit-mark{display:none}.delivery-close .text-link{margin-left:0}.delivery-close p{font-size:.9375rem}
 .project-heading{padding:23px;flex-wrap:wrap}.project-badge{max-width:none}.sales-page .project-heading h3{font-size:1.35rem}
 .project-schedule{padding:27px 23px;gap:28px}.phase-top::after{right:-28px;width:28px}.project-details{padding:24px 23px}
 .project-foot{grid-template-columns:1fr;gap:12px;padding:22px 23px}.project-foot>span{max-width:none}
}
@media(max-width:560px){
 .asset-collection{grid-template-columns:1fr;gap:34px}.asset-scene{height:230px}.deliverable-copy{padding-top:18px}.deliverable-copy>span{font-size:.6875rem}
 .sales-page .deliverable h3{font-size:1.5rem}.sales-page .deliverable p{font-size:1rem;max-width:none}
 .project-schedule{grid-template-columns:1fr;gap:26px;padding-left:25px}.project-phase{padding-left:21px;border-left:1px solid #b5c797}
 .phase-top{padding-bottom:0;border-bottom:0}.phase-top::after{display:none}.phase-dot{left:-27px;bottom:auto;top:3px}
 .sales-page .project-phase h4{margin-top:14px}.project-phase p{margin-bottom:14px}.phase-checkpoint{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}