/* CRO version: same brand, a single primary offer and a calmer reading hierarchy. */
.cro-page{--muted:#56514e}
.cro-page .site-nav{background:#fff}
.cro-page .cta{font-size:12px;letter-spacing:.035em;gap:16px;line-height:1.4}
.cro-page .nav-cta{font-size:11px;padding:13px 16px}
.cro-page .micro{font-size:13px;max-width:51ch;line-height:1.55}
.cro-page .section-inner{padding-block:100px}
.cro-page .section-heading{margin-bottom:32px}
.cro-page .section-heading h2{margin-bottom:0;max-width:22ch}
.cro-page .eyebrow{font-size:11px;letter-spacing:.12em}
.cro-page .hero .section-inner{padding-block:0}
.cro-page .hero-grid{min-height:760px;gap:54px;grid-template-columns:1.08fr 1fr}
.cro-page .hero h1{font-size:clamp(52px,5.2vw,80px);max-width:15ch;line-height:1.06;margin-bottom:25px}
.cro-page .hero .pitch{font-size:17px;line-height:1.55;max-width:51ch;margin-bottom:26px}
.cro-page .hero .audience{font-size:14px;line-height:1.6;margin-top:20px;max-width:55ch}
.cro-page .hero-art{min-height:0;height:730px;margin-right:0}
.cro-page .art-paper{left:-5%;font-size:11px}
.cro-page .art-target{width:25%;right:0}
.cro-page .art-brush{left:-3%;font-size:42px}
.cro-page .art-photo{width:87%;right:2%}
.cro-page .fact-strip{font-size:11px;padding-block:18px;letter-spacing:.035em}
.cro-page .ticker .mq-b{font-size:11px;letter-spacing:.12em}
.pain-scene{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.pain-scene .section-inner{min-height:650px;display:flex;flex-direction:column;justify-content:center;padding-block:80px;position:relative}
.pain-scene h2{font-size:clamp(44px,5.6vw,84px);max-width:13ch;line-height:1.08}
.pain-scene h2 span{color:#ed302d}
.pain-scene .lead{color:#dfdcda;font-size:18px;max-width:44ch}
.pain-scene .eyebrow{color:#fff}
.pain-portrait{position:absolute;inset:0 0 0 36%;z-index:-1}
.pain-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1)}
.pain-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),rgba(17,16,16,.7) 21%,transparent 74%)}
.cro-page .pain-details .section-inner{padding-block:72px}
.cro-page .situations{gap:38px;margin-bottom:38px}
.cro-page .situation p{font-size:17px;line-height:1.65}
.bridge{font-size:21px;line-height:1.6;max-width:84ch}
.acquisition-flow{display:grid;grid-template-columns:repeat(5,1fr);margin:52px 0 36px;padding:0;list-style:none;}
.acquisition-flow li{position:relative;padding:32px 20px 28px 0;margin-right:22px}
.acquisition-flow li:not(:last-child):after{content:'→';position:absolute;right:-13px;top:29px;color:var(--red);font-size:24px}
.acquisition-flow li:last-child{margin:0;padding-right:0}
.acquisition-flow h3{font-family:var(--display);font-size:27px;font-weight:400;text-transform:uppercase;letter-spacing:0;min-height:68px}
.acquisition-flow p{font-size:16px;line-height:1.65;color:var(--muted)}
.system-context{font-size:19px;max-width:78ch}
.qualification{margin-top:42px;border-left:3px solid var(--red);padding:26px 30px;background:#f7f7f7;display:flex;gap:22px;align-items:flex-start}
.qualification>.crosshair{color:var(--red);margin-top:3px}
.qualification h3{font-size:24px}.qualification p{max-width:87ch;color:var(--muted)}
.primary-offer{background:var(--ink);color:#fff}
.primary-offer .eyebrow{color:#ff706c}
.primary-offer h2{font-size:clamp(52px,7vw,104px)}
.offer-promise{font-size:clamp(24px,2.8vw,36px);line-height:1.3;max-width:31ch;margin-bottom:46px}
.responsibilities{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;padding-block:36px 48px;}
.responsibility h3{font-size:25px}.responsibility ul{list-style:none;margin:24px 0 0;padding:0}
.responsibility li{padding:10px 0 10px 24px;position:relative;color:#e5e2e0;font-size:18px}
.responsibility li:before{content:'✓';color:#ff706c;position:absolute;left:0;top:10px;font-size:16px}
.customer-role{padding-left:40px;}
.customer-role p{color:#c9c4c0;font-size:16px;margin-top:28px;max-width:39ch}
.offer-decision{display:flex;align-items:center;gap:64px;justify-content:space-between;margin-top:40px}
.offer-decision>div:first-child{max-width:64ch}.offer-decision h3{font-size:23px;max-width:36ch}
.offer-decision p{color:#d4cfcc;font-size:17px}
.offer-decision .term-note{font-size:14px;max-width:70ch;color:#bcb7b4}
.offer-decision .cta-wrap{flex-shrink:0}.primary-offer .cta{background:#fff;color:var(--ink);border-color:#fff}
.primary-offer .cta:hover{background:var(--red);color:#fff;border-color:var(--red)}
.primary-offer .micro{color:#c9c4c0}
.cro-page .secondary-offers h2{font-size:clamp(36px,4vw,58px)}
.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;align-items:stretch}
.secondary-grid .offer-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px;background:#fff;border:1px solid var(--ink);box-shadow:7px 7px 0 rgba(17,16,16,.05)}
.offer-symbol{display:block;width:88px;height:81px;flex-shrink:0;margin-bottom:28px}
.secondary-grid h3{font:400 clamp(28px,2.4vw,34px)/1.2 var(--display);letter-spacing:0;text-transform:uppercase;margin:0 0 20px}
.secondary-grid p{color:var(--muted);font-size:17px;line-height:1.65;margin:0}
.secondary-grid .scope-note{font-size:14px;line-height:1.55;margin-top:auto;padding-top:28px;color:var(--ink)}
.section-note{margin-top:36px;color:var(--muted);font-size:16px}
.proof .lead{max-width:65ch}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}
.post-card{margin:0;display:flex;flex-direction:column;border:1px solid var(--ink);padding:24px;background:#fff}
.post-topic{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.post-card blockquote{margin:10px 0 24px;font:400 clamp(24px,2.2vw,31px)/1.25 var(--display);text-transform:uppercase}
.post-card--statement blockquote>span,.post-quote-words>span{display:block}
.post-quote-words{text-align:left}
.text-link{font-size:15px;line-height:1.5;text-underline-offset:5px;padding-block:12px;display:inline-block}
.text-link:hover{color:var(--red)}.post-card .text-link{margin-top:auto;align-self:flex-start}
.content-workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:92px;align-items:start}
.content-workflow h3{font:400 clamp(36px,3.4vw,48px)/1.15 var(--display);text-transform:uppercase;letter-spacing:0;max-width:24ch}.content-workflow p{color:var(--muted);max-width:53ch}
.content-step-scene{position:relative;padding-left:48px;min-width:0}
.workflow-crosshair{position:absolute;left:-48px;top:50%;width:32px;height:32px;display:block;color:var(--red);opacity:0;pointer-events:none;transform:translateY(-50%)}
.content-steps{list-style:none;margin:0;padding:0}.content-steps li{padding:22px 0;}
.content-steps strong{position:relative;display:block;font-size:22px;margin-bottom:6px}.content-steps span{color:var(--muted);font-size:17px}
.signature-quote{margin:50px 0;padding:36px 40px;border-left:4px solid var(--red);background:#f7f7f7;max-width:980px}
.signature-quote blockquote{margin:0 0 20px;font:400 clamp(28px,3.3vw,44px)/1.2 var(--display);text-transform:uppercase}
.signature-quote figcaption{font:11px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.outreach-example{padding-block:28px;}
.outreach-example>p:not(.eyebrow){font-size:21px;font-weight:600;line-height:1.8;margin-bottom:15px}
.outreach-example span{color:var(--red);margin-inline:8px}
.outreach-example small{font-size:15px;color:var(--muted);display:block;max-width:91ch}
.proof-actions{display:flex;align-items:center;gap:32px;margin-top:42px}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:center}
.about-photo{position:relative;margin:0 24px 0 0;transform:rotate(-2deg);border:1px solid var(--line);padding:10px 10px 35px}
.about-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 8%;filter:grayscale(1)}
.about-photo figcaption{font:11px/1.5 var(--mono);text-transform:uppercase;position:absolute;bottom:10px;right:14px}
.about h2{font-size:clamp(44px,5vw,70px)}.about p{max-width:56ch;color:var(--muted)}
.about .eyebrow{color:var(--red)}.about .about-quote{font-size:22px;font-weight:600;color:var(--ink);margin-block:30px}
.social-note{display:flex;align-items:center;gap:16px}.social-note span{font-size:14px;color:var(--muted);line-height:1.5}
.social-note .linkedin-link{flex:0 0 48px;width:48px;height:48px}
.collaboration-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-top:42px}
.collaboration-steps li{font-size:18px;padding-block:26px 30px;line-height:1.65}
.fit-section{background:#fff;}
.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:44px}
.fit-columns h3{font-size:25px}.fit-columns ul{list-style:none;padding:0;margin:0}
.fit-columns li{position:relative;padding:16px 0 16px 28px;font-size:18px;line-height:1.6}
.fit-columns li:before{content:'✓';position:absolute;left:0;top:16px;color:var(--red)}
.fit-no li:before{content:'×';color:var(--muted)}
.cro-page .questions .section-inner{grid-template-columns:.85fr 1.15fr;gap:76px}
.cro-page .questions h2{max-width:14ch}.cro-page .questions .lead{font-size:17px;max-width:30ch}
.cro-page .faq summary{font-size:19px;line-height:1.45;padding-block:24px}
.cro-page .faq p{font-size:17px;line-height:1.65}
.cro-page .closing .section-inner{padding-block:100px;min-height:0}
.closing-copy{max-width:68%;position:relative;z-index:1}.cro-page .closing h2{font-size:clamp(46px,5.6vw,82px);max-width:19ch}
.cro-page .closing .lead{font-size:19px;max-width:61ch;margin-bottom:34px}
.cro-page .closing .booking-email{font-size:14px;margin-top:34px;color:var(--muted)}
.cro-page .booking-cta{background:var(--red);border-color:var(--red)}
.cro-page .booking-cta:hover{background:var(--ink);border-color:var(--ink)}
.cro-page .skip-link:not(:focus){visibility:hidden}
.cro-page .skip-link:focus{visibility:visible}
.cro-page .closing .money-motif{width:29%;right:10px;top:185px}
.cro-page .site-footer{font-size:11px;align-items:center;padding-block:32px}
.cro-page .site-footer>span{margin-right:80px}
.cro-page .site-footer .legal-links{flex-wrap:wrap;gap:20px}
.sticky-mobile{display:none}
.cro-page .appointment-dialog{width:min(392px,calc(100vw - 24px));max-height:calc(100dvh - 180px);height:620px}
.cro-page .appointment-identity h2{font-size:28px}.cro-page .appointment-content{min-height:0}
.cro-page .appointment-close{min-width:44px;min-height:44px}
.calendar-focus-guard{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1000px) and (min-height:650px){
 .cro-page .hero>.section-inner{height:calc(100svh - var(--nav));display:flex;flex-direction:column}
 .cro-page .hero .hero-grid{flex:1;min-height:0}
 .cro-page .hero .hero-copy{padding-block:24px}
 .cro-page .hero h1{font-size:clamp(48px,6.6svh,78px);margin-bottom:20px}
 .cro-page .hero-art{height:100%;align-self:stretch}
 .cro-page .hero .art-photo{top:8%;height:80%}
 .cro-page .hero .art-brush{bottom:14%;font-size:clamp(32px,4.6svh,50px)}
 .cro-page .hero .art-caption{bottom:3%}
 .cro-page .hero .fact-strip{flex-shrink:0}
 .pain-scene .section-inner{min-height:calc(100svh - var(--nav));max-height:none}
}
@media(max-width:1100px){
 .cro-page .site-nav nav{gap:18px;margin-right:0}
 .cro-page .site-nav nav a{font-size:10px}
 .cro-page .hero-grid{gap:26px}.cro-page .hero .pitch{font-size:16px}
 .acquisition-flow h3{font-size:24px}.acquisition-flow li{margin-right:14px;padding-right:12px}
 .offer-decision{align-items:flex-start;gap:30px;flex-direction:column}
 .about-grid{gap:50px}.content-workflow{gap:44px}.fit-columns{gap:42px}
 .cro-page .questions .section-inner{gap:36px}.post-card{padding:24px 20px}
}
@media(max-width:820px){
 .cro-page{--nav:68px;font-size:17px}.cro-page .site-nav{padding-inline:20px;gap:12px}
 .cro-page .site-nav nav,.cro-page .nav-cta{display:none}
 .cro-page .site-nav:after{content:'LINKEDIN DONE4YOU';font:10px/1.5 var(--mono);letter-spacing:.04em}
 .cro-page .wrap{padding-inline:24px}.cro-page .section-inner{padding-block:68px}
 .cro-page h2{font-size:clamp(38px,7.5vw,58px)}
 .cro-page .section-heading{margin-bottom:28px}.cro-page .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.09em}
 .cro-page .hero-grid{display:flex;flex-direction:column;min-height:0;gap:0;align-items:stretch}
 .cro-page .hero-copy{padding-block:32px 14px}
 .cro-page .hero h1{font-size:clamp(42px,8.4vw,64px);max-width:17ch;line-height:1.07;margin-bottom:22px}
 .cro-page .hero .pitch{font-size:17px;line-height:1.6;margin-bottom:24px;max-width:54ch}
 .cro-page .hero .audience{font-size:14px;margin-top:20px;max-width:55ch}
 .cro-page .hero-art{height:540px;width:min(540px,100%);margin:8px auto 26px;align-self:center}
 .cro-page .art-photo{width:86%;top:6%;height:84%;padding:10px 10px 32px}
 .cro-page .art-brush{font-size:38px;bottom:12%}.cro-page .art-caption{font-size:8px}
 .cro-page .art-paper{left:0;top:10%;padding:18px;font-size:10px;height:23%}
 .cro-page .hero .fact-strip{display:none}
 .cro-page .cta{min-height:54px;max-width:100%;padding:17px 19px;font-size:12px;letter-spacing:.015em}
 .cro-page .micro{font-size:13px;line-height:1.6}
 .pain-scene .section-inner{min-height:650px;padding-block:62px;justify-content:flex-end}
 .pain-portrait{inset:0}.pain-portrait img{object-position:center 18%}
 .pain-portrait:after{background:linear-gradient(0deg,var(--ink),rgba(17,16,16,.92) 20%,rgba(17,16,16,.08) 85%)}
 .pain-scene h2{font-size:clamp(44px,8vw,68px);max-width:15ch}.pain-scene .lead{max-width:44ch;font-size:17px}
 .cro-page .pain-details .section-inner{padding-block:58px}.cro-page .situations{gap:28px;grid-template-columns:1fr;margin-bottom:28px}
 .situation h3 br{display:none}.cro-page .situation h3{max-width:none;font-size:23px}
 .cro-page .situation p{max-width:65ch}.bridge{font-size:19px}
 .acquisition-flow{grid-template-columns:1fr;margin-top:32px;}
 .acquisition-flow li,.acquisition-flow li:last-child{padding:24px 0 30px 30px;margin:0}
 .acquisition-flow li:not(:last-child):after{content:'↓';left:0;right:auto;top:24px;font-size:23px}
 .acquisition-flow li:last-child:after{content:'✓';position:absolute;left:0;top:24px;color:var(--red)}
 .acquisition-flow h3{font-size:29px;min-height:0;margin-bottom:10px}.acquisition-flow p{font-size:17px}
 .qualification{padding:24px 22px;gap:0}.qualification>.crosshair{display:none}.qualification h3{font-size:23px}
 .system-context{font-size:18px}.qualification p{font-size:17px}
 .responsibilities{grid-template-columns:1fr;gap:34px;padding-block:28px 32px}
 .responsibility li{font-size:17px}.customer-role{padding:28px 0 0;}
 .offer-promise{font-size:28px;max-width:30ch;margin-bottom:30px}
 .offer-decision{margin-top:32px}.primary-offer h2{font-size:clamp(48px,9vw,72px)}
 .secondary-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.secondary-grid p{max-width:65ch}
 .secondary-grid .offer-card{padding:28px 24px}.secondary-grid h3{font-size:30px}
 .offer-symbol{width:76px;height:70px;margin-bottom:24px}
 .post-grid{grid-template-columns:1fr;gap:22px;margin-top:32px}.post-card{padding:24px}
 .post-card blockquote{font-size:30px;max-width:27ch;margin-top:8px}
 .content-workflow{grid-template-columns:1fr;gap:26px;margin-top:56px}.content-workflow h3{font-size:36px}
 .content-step-scene{padding-left:40px}.workflow-crosshair{left:-40px;width:28px;height:28px}
 .signature-quote{padding:28px 24px;margin-block:34px}.signature-quote blockquote{font-size:31px}
 .outreach-example>p:not(.eyebrow){font-size:19px;line-height:1.9}.outreach-example span{margin-inline:4px}
 .proof-actions{align-items:flex-start;gap:14px;flex-direction:column;margin-top:28px}
 .about-grid{grid-template-columns:1fr;gap:44px}.about-photo{max-width:440px;width:90%;margin:0 auto}
 .about-photo img{aspect-ratio:4/4.4}.about .section-heading h2{font-size:48px}
 .collaboration-steps{grid-template-columns:1fr;gap:0;margin-top:26px}.collaboration-steps li{font-size:17px}
 .fit-columns{grid-template-columns:1fr;gap:40px;margin-top:30px}.fit-columns li{font-size:17px}
 .cro-page .questions .section-inner{grid-template-columns:1fr;gap:30px}.cro-page .questions h2{max-width:20ch}
 .cro-page .questions .lead{max-width:48ch}.cro-page .faq summary{font-size:18px}
 .cro-page .closing .section-inner{padding-block:68px}.closing-copy{max-width:100%}
 .cro-page .closing h2{font-size:clamp(44px,8vw,64px);max-width:19ch}.cro-page .closing .lead{font-size:18px}
 .cro-page .closing .money-motif{position:static;width:230px;max-width:70%;margin:24px auto 0}
 .cro-page .site-footer{padding:28px 24px calc(100px + env(safe-area-inset-bottom));gap:22px;align-items:flex-start;font-size:12px}
 .cro-page .site-footer>span{display:none}.cro-page .site-footer .legal-links{gap:24px}
 .sticky-mobile{display:block;position:fixed;z-index:56;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;}
 .sticky-mobile .cta{display:flex;width:100%;background:var(--red);border-color:var(--red);min-height:52px;font-size:13px}
 .cro-page .calendar-launcher{display:none}
 .cro-page .appointment-dialog{width:calc(100% - 24px);max-width:480px;right:12px;left:auto;bottom:12px;top:auto;height:calc(100dvh - 92px);max-height:760px}
 .cro-page .appointment-header{padding:18px 16px;gap:12px}.cro-page .appointment-identity{gap:12px}
 .cro-page .appointment-identity h2{font-size:25px}.cro-page .appointment-identity p{font-size:13px}
 .cro-page .appointment-close{width:44px;height:44px}
}
@media(max-width:400px){
 .cro-page .wrap{padding-inline:20px}.cro-page .hero-copy{padding-top:26px}
 .cro-page .hero h1{font-size:42px}.cro-page .hero .eyebrow{max-width:34ch;margin-bottom:16px}
 .cro-page .hero .pitch{font-size:16px;line-height:1.55}.cro-page .hero-art{height:455px}
 .cro-page .cta{font-size:11px;padding-inline:14px;gap:12px}
 .cro-page .sticky-mobile .cta{font-size:12px}.cro-page .post-card{padding:24px}
 .cro-page .appointment-identity>.crosshair{display:none}
}
@media(prefers-reduced-motion:reduce){.cro-page *, .cro-page *:before, .cro-page *:after{scroll-behavior:auto!important}.cro-page .mq-track{animation:none}.cro-page .money-motif svg *{animation:none!important}}
@media print{.sticky-mobile,.calendar-widget{display:none!important}}
