/* Compact editorial rhythm: let the work, comparison and motion carry the page. */
.buyer-site .section{padding:64px 0}
.buyer-site .section-heading{margin-bottom:30px}
.buyer-site .section-heading h2{margin:0;max-width:770px;font-size:clamp(36px,3.5vw,52px);line-height:1.1;letter-spacing:-.045em}
.buyer-site .proof-section{padding-top:64px}
.proof-section .section-heading,.services-section>.wrap>.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:end}
.proof-section .section-heading>p,.services-section>.wrap>.section-heading>p{margin:0;font-size:16px;line-height:1.65}
.buyer-site .overview-copy h2{margin:0 0 20px;font-size:clamp(36px,3.5vw,52px)}
.overview-grid{gap:7%;grid-template-columns:1fr 1fr}
.vsl-poster{aspect-ratio:16/9}
.buyer-site .video-poster{aspect-ratio:16/9}
.buyer-site .primary-proof .video-copy{padding:25px}
.buyer-site .primary-proof .video-copy blockquote{font-size:26px;line-height:1.3}
.buyer-site .primary-proof .metric-card{padding:25px}
.buyer-site .primary-proof{align-items:start}
.service-row{gap:7%;padding:36px 0}
.service-copy h3{font-size:33px;margin-bottom:16px}
.service-copy>p{font-size:16px}
.service-copy ul{margin-top:17px}
.service-visual{padding:24px;min-height:0}
.services-section .tools-row{margin-top:8px;padding-top:26px}
.services-section .tools-row>p{margin:0}
.comparison-section{margin-top:40px}
.case-teaser .case-copy{padding:24px}
.case-teaser .case-image{height:200px;padding:18px}
.case-teaser h3{font-size:27px}
.buyer-site .about-grid{grid-template-columns:.72fr 1fr;gap:7%}
.buyer-site .about-portrait{aspect-ratio:1.1/1}
.buyer-site .about-copy h2{font-size:clamp(36px,3.5vw,52px);line-height:1.1}
.buyer-site .about-copy>p{font-size:18px;line-height:1.65;margin-top:20px}
.buyer-site .about-copy .founder-name{margin-top:18px}
.founder-credential{margin-top:20px;padding-top:20px}
.faq-grid{gap:7%;grid-template-columns:1fr 1.1fr}
.faq-grid h2{font-size:clamp(36px,3.5vw,52px);margin:0;line-height:1.1}
.faq-list details{padding:19px 0}
.buyer-site .closing-section{padding:68px 0}
.buyer-site .closing-section h2{font-size:clamp(44px,5vw,68px);margin:0 auto 22px;max-width:780px}
.buyer-site .closing-section .wrap>p{margin-bottom:24px}
.library-intro{padding:42px 0 46px}
.library-intro h1{margin:0 0 20px}
.case-hero h1{margin-top:0}
@media(max-width:850px){.proof-section .section-heading,.services-section>.wrap>.section-heading{grid-template-columns:1fr;gap:18px}.buyer-site .about-grid{grid-template-columns:.85fr 1fr;gap:6%}.faq-grid{grid-template-columns:1fr;gap:28px}.buyer-site .about-copy>p{font-size:17px}.service-copy h3{font-size:29px}.service-row{gap:5%}}
@media(max-width:600px){.buyer-site .section{padding:44px 0}.buyer-site .section-heading{margin-bottom:24px}.buyer-site .proof-section{padding-top:44px}.buyer-site .section-heading h2{font-size:36px}.overview-grid{grid-template-columns:1fr;gap:24px}.buyer-site .overview-copy h2{font-size:36px;margin-bottom:16px}.service-row{padding:28px 0;gap:22px}.service-copy h3{font-size:30px}.service-visual{padding:20px}.buyer-site .primary-proof .video-copy{padding:22px}.buyer-site .primary-proof .video-copy blockquote{font-size:24px}.buyer-site .primary-proof .metric-card{padding:22px}.buyer-site .about-grid{grid-template-columns:1fr;gap:28px}.buyer-site .about-portrait{max-width:390px;aspect-ratio:1.2/1}.buyer-site .about-copy h2,.faq-grid h2{font-size:36px}.case-teaser .case-image{height:180px}.buyer-site .closing-section{padding:48px 0}.buyer-site .closing-section h2{font-size:44px}.comparison-section{margin-top:30px}.library-intro{padding:36px 0}.library-intro h1{font-size:43px}}

/* Visible transmission and dimensional buyer nodes keep the story legible. */
.buyer-attention-story{--story-cycle:9.5s}
.offer-center{background:radial-gradient(circle,#222c25 30%,#19201cf5 60%,#19201c00 72%);filter:drop-shadow(0 10px 15px #0004)}
.offer-center>img{filter:drop-shadow(0 1px 0 #959c90) drop-shadow(0 3px 0 #606b5d) drop-shadow(0 7px 7px #0008)}
.branch-buyer{background:linear-gradient(145deg,#435044,#202921 70%);box-shadow:inset 0 1px 1px #f7f5ef50,inset 0 -4px 6px #0005,0 7px 12px #0004;border-color:#d0d7c870}
.branch-buyer:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid #f7f5ef20;pointer-events:none}
.branch-now .branch-buyer:after{animation:buyer-attention-wave var(--story-cycle) infinite}
.branch-now .branch-buyer{animation:buyer-attention-received var(--story-cycle) infinite}
.route-relevant{stroke-width:2.2}
.route-relevant-spark{fill:none;stroke:#fffef6;stroke-width:4;stroke-linecap:round;stroke-dasharray:.07 .93;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #f7f5ef99);animation:attention-route-spark var(--story-cycle) infinite}
.outreach-packet-svg{filter:drop-shadow(0 4px 4px #0009)}
@keyframes attention-route-spark{0%,14%{stroke-dashoffset:1;opacity:0}18%{opacity:1}37%{stroke-dashoffset:0;opacity:1}42%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes buyer-attention-received{0%,30%,100%{background:#253028;color:var(--paper);transform:translateY(0) scale(1);box-shadow:inset 0 1px 1px #fff3,0 7px 12px #0004}42%,84%{background:var(--paper);color:var(--ink);transform:translateY(-3px) scale(1.1);box-shadow:inset 0 2px 1px #fff,0 5px 0 #777f71,0 13px 22px #0006}94%{transform:none}}
@keyframes buyer-attention-wave{0%,34%{transform:scale(.9);opacity:0}40%{transform:scale(1);opacity:1}57%{transform:scale(1.7);opacity:0}58%,100%{transform:scale(.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.route-relevant-spark{display:none}.branch-now .branch-buyer:after{animation:none}.branch-now .branch-buyer{animation:none;background:var(--paper);color:var(--ink)}}

/* A repeated message visibly fans out; buyer context builds a different one. */
.relevance-intro{gap:7%;margin-bottom:30px;grid-template-columns:1.1fr .9fr}
.relevance-intro h2{font-size:clamp(36px,3.5vw,52px);line-height:1.1;letter-spacing:-.045em}
.relevance-intro>p{font-size:16px;line-height:1.65}
.relevance-live{gap:24px;--demo-cycle:8s}
.relevance-lane{min-width:0}
.relevance-lane h3{font-size:22px;letter-spacing:-.02em;font-weight:500;margin:0 0 16px}
.message-demo{height:355px;border:1px solid #f7f5ef30;border-radius:16px;background:linear-gradient(145deg,#2b352d,#1d271f);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #f7f5ef12,0 12px 25px #0002}
.generic-source{display:flex;align-items:center;gap:10px;position:absolute;left:28px;top:22px;font-size:13px;color:#bec7b7}
.generic-source>.icon{width:18px;height:18px}
.unchanged-message{position:absolute;top:65px;left:26px;right:26px;padding:22px 24px;border-radius:10px;background:#394439;border:1px solid #f7f5ef44;box-shadow:0 12px 20px #0004;z-index:3}
.unchanged-message strong{font-size:17px;font-weight:500}
.unchanged-message>div{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.unchanged-message i,.duplicate-message i{display:block;height:4px;background:#e0e4d640;border-radius:5px;width:85%}
.unchanged-message i:last-child{width:60%}
.duplicate-flight{position:absolute;top:139px;left:32px;right:32px;height:130px;z-index:2}
.duplicate-message{position:absolute;left:18%;top:0;width:64%;height:61px;border:1px solid #f7f5ef60;border-radius:8px;background:#344032;padding:11px 17px;box-shadow:0 5px 9px #0004;opacity:0;animation:duplicate-send var(--demo-cycle) calc(var(--copy)*.35s) infinite;transform-origin:50% 0}
.duplicate-message>.icon{position:absolute;width:16px;height:16px;left:13px;top:12px}
.duplicate-message i{height:3px;width:70%;margin:6px 0 0 26px}
.duplicate-message i:last-child{width:45%}
.generic-recipients{position:absolute;bottom:24px;left:12%;right:12%;display:flex;justify-content:space-between;z-index:1}
.generic-recipients>span{width:36px;height:36px;border:1px solid #f7f5ef44;background:#29342a;display:grid;place-items:center;border-radius:10px;box-shadow:inset 0 1px 0 #fff2}
.generic-recipients .icon{width:20px;height:20px}
.context-ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 22px 0;position:relative;z-index:2}
.context-ingredient{display:flex;flex-direction:column;gap:11px;padding:13px 12px;border:1px solid #f7f5ef40;border-radius:9px;background:#344132;min-height:103px;animation:ingredient-arrives var(--demo-cycle) calc(var(--ingredient)*.4s) infinite}
.context-ingredient>.icon{width:20px;height:20px;flex:none}
.context-ingredient>span{font-size:12px;line-height:1.45;color:#e4e8de}
.context-merge{height:46px;position:relative;margin:0 15%;z-index:2}
.context-merge svg{width:100%;height:100%;overflow:visible}
.context-merge path{fill:none;stroke:#d5ddcc;stroke-width:1.5;stroke-dasharray:480;stroke-dashoffset:480;animation:context-connects var(--demo-cycle) infinite}
.context-merge>img{position:absolute;width:25px;height:25px;left:calc(50% - 12px);top:14px;padding:5px;border-radius:6px;background:var(--ink);border:1px solid #e4e8d977;animation:context-mark var(--demo-cycle) infinite}
.assembled-message{margin:0 22px;padding:18px 20px;background:var(--paper);border-radius:10px;color:var(--ink);box-shadow:0 10px 22px #0005;animation:context-message-builds var(--demo-cycle) infinite;transform-origin:50% 0}
.assembled-message>div{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #19201c22;margin-bottom:10px;font-size:15px}
.assembled-message strong{font-weight:500}
.assembled-message .icon{width:18px;height:18px;flex:none}
.assembled-message>div>.icon:last-child{margin-left:auto}
.assembled-message p{font-size:13px;line-height:1.45;margin-top:6px;animation:context-line-writes var(--demo-cycle) calc(var(--line)*.35s) infinite}
.demo-outcome{font-size:14px;line-height:1.5;margin:14px 0 0;color:#c8d0c0}
.relevance-section .relevance-caption{margin-top:24px;padding-top:20px;font-size:15px}
.demo-loop-driver{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;animation:demo-clock var(--demo-cycle) linear infinite}
@keyframes demo-clock{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes duplicate-send{0%,7%{opacity:0;transform:translate(0,-24px) scale(.9)}18%{opacity:1;transform:translate(0,7px) scale(1)}47%{opacity:1;transform:translate(calc((var(--copy) - 1.5)*37px),calc(51px + var(--copy)*7px)) rotate(calc((var(--copy) - 1.5)*5deg)) scale(.85)}70%,100%{opacity:0;transform:translate(calc((var(--copy) - 1.5)*58px),138px) rotate(calc((var(--copy) - 1.5)*9deg)) scale(.35)}}
@keyframes ingredient-arrives{0%,5%{opacity:0;transform:translateY(-22px) rotateX(25deg)}22%,80%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px) scale(.94)}}
@keyframes context-connects{0%,22%{stroke-dashoffset:480;opacity:0}30%{opacity:1}45%,84%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes context-mark{0%,25%{opacity:0;transform:scale(.5)}38%,84%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.5)}}
@keyframes context-message-builds{0%,34%{opacity:0;transform:translateY(-16px) scale(.86)}48%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(15px)}}
@keyframes context-line-writes{0%,45%{clip-path:inset(0 100% 0 0);opacity:0}62%,86%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0);opacity:0}}

/* A single aligned comparison, with a continuous GetAttn column. */
.comparison-section>h3{font-size:34px;line-height:1.15;margin:0 0 26px;max-width:700px}
.comparison-scroll{overflow:auto;border:1px solid #19201c20;border-radius:14px}
.approach-comparison{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;text-align:left;font-size:15px;line-height:1.5}
.approach-comparison th,.approach-comparison td{padding:20px 23px;vertical-align:middle}
.approach-comparison th{font-weight:500}
.approach-comparison thead td{width:25%;background:var(--paper)}
.approach-comparison thead th{font-size:21px;background:#fff}
.approach-comparison thead th:last-child,.approach-comparison tbody td:last-child{background:var(--ink);color:var(--paper)}
.approach-comparison thead img{width:25px;height:25px;vertical-align:middle;margin-right:11px}
.approach-comparison tbody th{font-size:14px;background:var(--paper);color:#4d5846}
.approach-comparison tbody td{border-top:1px solid #19201c16;background:#fff;color:#626b5b}
.approach-comparison tbody td:last-child{border-top-color:#ffffff20}
.approach-comparison tbody th{border-top:1px solid #19201c16}
.approach-comparison tbody td:last-child>.icon{width:17px;height:17px;float:left;margin-top:3px}
.approach-comparison tbody td>span{display:block;padding-left:28px}
@media(max-width:850px){.relevance-intro{grid-template-columns:1fr;gap:18px}.relevance-live{grid-template-columns:1fr;gap:28px}.message-demo{max-width:640px}.relevance-lane{width:100%}.context-ingredient>span{font-size:13px}.comparison-section>h3{font-size:31px}.approach-comparison{font-size:14px}.approach-comparison th,.approach-comparison td{padding:17px}}
@media(min-width:851px) and (max-width:1100px){.message-demo{height:400px}}
@media(max-width:600px){.relevance-intro h2{font-size:36px}.relevance-intro{margin-bottom:25px}.relevance-lane h3{font-size:21px;margin-bottom:13px}.message-demo{height:350px}.context-ingredients{margin:18px 16px 0;gap:7px;grid-template-columns:1fr}.context-ingredient{min-height:0;flex-direction:row;align-items:center;padding:9px 11px;gap:10px}.context-ingredient>span{font-size:12px}.context-ingredient>.icon{width:18px;height:18px}.context-merge{height:31px}.context-merge>img{top:5px}.assembled-message{margin-inline:16px;padding:14px 15px}.assembled-message>div{font-size:14px;margin-bottom:8px;padding-bottom:8px}.assembled-message p{font-size:12px}.unchanged-message{left:18px;right:18px;padding:20px}.unchanged-message strong{font-size:16px}.duplicate-flight{left:20px;right:20px}.duplicate-message{left:10%;width:80%}.generic-source{left:20px}.generic-recipients{left:14%;right:14%}.demo-outcome{font-size:13px}.approach-comparison{min-width:650px}.approach-comparison thead td{width:24%}.approach-comparison th,.approach-comparison td{padding:16px}.approach-comparison tbody th,.approach-comparison thead td{position:sticky;left:0;z-index:2;box-shadow:3px 0 7px #19201c0b}.approach-comparison thead th{font-size:18px}.comparison-section>h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.duplicate-message{animation:none;opacity:.7;transform:translate(calc((var(--copy) - 1.5)*25px),calc(30px + var(--copy)*10px)) scale(.75)}.context-ingredient,.context-merge>img,.assembled-message,.assembled-message p{animation:none;opacity:1;transform:none;clip-path:none}.context-merge path{animation:none;stroke-dashoffset:0;opacity:1}}

/* Floating buyer panels give the three conditions a stronger physical presence. */
.attention-branches{aspect-ratio:600/610}
.attention-branch-lines,.attention-dot-sphere{height:95.08%}
.offer-center{top:43.93%}
.attention-branch{width:45%;padding:16px 17px;display:flex;flex-direction:row;align-items:center;gap:13px;text-align:left;border:1px solid #f7f5ef2e;border-radius:15px;background:linear-gradient(145deg,#334033f2,#202a22f2);box-shadow:inset 0 1px 0 #ffffff18,0 9px 19px #0003;backdrop-filter:blur(5px)}
.attention-branch.branch-outside{left:50%;top:1.4%;width:55%}
.attention-branch.branch-later{left:24%;top:65.1%}
.attention-branch.branch-now{left:76%;top:65.1%;animation:relevant-panel var(--story-cycle) infinite}
.branch-buyer{flex:none;margin:0;width:42px;height:42px}
.branch-buyer>.icon{width:21px;height:21px}
.branch-copy{min-width:0}
.attention-branch strong{font-size:14px}
.attention-branch p{font-size:12px;line-height:1.4;margin-top:7px;color:#e1e7d9;max-width:none}
.branch-context{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:#abb9a4}
.conversation-destination{top:91%;font-size:13px}
@keyframes relevant-panel{0%,30%,100%{border-color:#f7f5ef2e;box-shadow:inset 0 1px 0 #ffffff18,0 9px 19px #0003}42%,84%{border-color:#f7f5ef80;box-shadow:inset 0 1px 0 #ffffff30,0 12px 26px #0005,0 0 20px #f7f5ef08}}
@media(max-width:1100px){.attention-branch{padding:12px;gap:10px}.branch-buyer{width:34px;height:34px}.attention-branch strong{font-size:13px}.attention-branch p{font-size:11px}.branch-context{font-size:10px}}
@media(max-width:850px){.attention-branch{padding:15px;gap:12px}.attention-branch strong{font-size:14px}.attention-branch p{font-size:12px}.branch-context{font-size:11px}.branch-buyer{width:40px;height:40px}}
@media(max-width:600px){.attention-branches{aspect-ratio:600/800}.attention-branch-lines,.attention-dot-sphere{height:72.5%}.offer-center{top:33.5%;width:23%}.attention-branch{padding:13px 10px;gap:9px;flex-direction:column;text-align:center}.attention-branch.branch-outside{top:0;width:70%;padding:11px 13px;flex-direction:row;text-align:left}.attention-branch.branch-later,.attention-branch.branch-now{top:49.625%}.branch-buyer{width:28px;height:28px}.branch-buyer>.icon{width:17px;height:17px}.branch-context{display:none}.attention-branch strong{font-size:12px}.attention-branch p{font-size:11px;margin-top:5px}.conversation-destination{top:88%;font-size:12px}.buyer-hero .buyer-attention-caption{margin-top:14px}.branch-outside .branch-buyer{margin-right:3px}}
@media(prefers-reduced-motion:reduce){.attention-branch.branch-now{animation:none;border-color:#f7f5ef80}}
.attention-branch.branch-later,.attention-branch.branch-now{min-height:110px}
@media(min-width:851px) and (max-width:1300px){.attention-branches{aspect-ratio:600/740}.attention-branch-lines,.attention-dot-sphere{height:78.378%}.offer-center{top:36.216%}.attention-branch.branch-later,.attention-branch.branch-now{top:53.648%}.conversation-destination{top:90%}}
@media(max-width:600px){.attention-branch.branch-later,.attention-branch.branch-now{min-height:114px}}
.approach-comparison thead img.comparison-brand{display:block;width:125px;height:auto;margin:0}
@media(max-width:600px){.comparison-scroll{overflow:visible}.approach-comparison{display:block;min-width:0}.approach-comparison thead,.approach-comparison tbody{display:block}.approach-comparison tr{display:grid;grid-template-columns:1fr 1fr}.approach-comparison thead td{display:none}.approach-comparison thead th{font-size:15px;padding:18px 13px;display:flex;align-items:center}.approach-comparison thead img.comparison-brand{width:100px;max-width:100%}.approach-comparison tbody th{grid-column:1/-1;position:static;box-shadow:none;padding:12px 14px;font-size:13px}.approach-comparison tbody td{padding:14px 13px;font-size:13px;line-height:1.5;min-width:0}.approach-comparison tbody td:last-child>.icon{display:none}.approach-comparison tbody td>span{padding-left:0}.approach-comparison thead th:first-of-type{border-radius:13px 0 0 0}.approach-comparison thead th:last-child{border-radius:0 13px 0 0}.approach-comparison tbody tr:last-child td:first-of-type{border-radius:0 0 0 13px}.approach-comparison tbody tr:last-child td:last-child{border-radius:0 0 13px 0}}