/* B6: compact Prevail account with explicit contribution and implementation detail. */
.variant-b .prevail-preview{display:block;background:var(--white)}
.variant-b .prevail-preview .preview-top{padding:20px 26px}
.prevail-logo{width:105px;height:auto}
.prevail-preview .preview-top .eyebrow{font-size:9px}
.variant-b .prevail-preview .preview-copy{padding:28px 26px 30px}
.prevail-preview .preview-copy h2{font-size:32px;line-height:1.14;max-width:380px;text-wrap:balance}
.prevail-preview .preview-copy p{font-size:14px;line-height:1.8;margin:16px 0 22px}
.prevail-case .case-grid{grid-template-columns:1.05fr 1fr;gap:72px;align-items:start}
.prevail-case .case-grid h2{font-size:42px;max-width:520px;text-wrap:balance}
.prevail-case .case-lede{font-size:15px;line-height:1.8;max-width:500px;margin:21px 0 26px}
.prevail-case .case-facts{padding-top:5px}
.prevail-case .case-facts>div{grid-template-columns:112px minmax(0,1fr);gap:24px;padding-block:22px}
.prevail-case .case-facts>div:first-child{padding-top:0}
.prevail-case .case-facts>div>span{line-height:1.65}
.prevail-case .case-facts p{font-size:14px;line-height:1.8}
@media(max-width:1050px){.prevail-case .case-grid{gap:40px}.prevail-case .case-grid h2{font-size:38px}.prevail-case .case-facts>div{grid-template-columns:98px minmax(0,1fr);gap:18px}.variant-b .prevail-preview .preview-copy{padding:25px 23px}.prevail-preview .preview-copy h2{font-size:29px}}
@media(max-width:780px){.prevail-case .case-grid{grid-template-columns:1fr;gap:32px}.prevail-case .case-grid h2{font-size:38px;max-width:600px}.prevail-case .case-lede{max-width:620px}.prevail-case .case-facts>div{grid-template-columns:118px minmax(0,1fr);gap:24px;padding-block:19px}.prevail-preview .preview-copy h2{max-width:none;font-size:31px}}
@media(max-width:470px){.variant-b .prevail-preview .preview-top{padding:18px 21px}.prevail-logo{width:99px}.variant-b .prevail-preview .preview-copy{padding:23px 21px}.prevail-preview .preview-copy h2{font-size:29px}.prevail-preview .preview-copy p{font-size:13px}.prevail-case .case-grid h2{font-size:35px}.prevail-case .case-lede{font-size:14px}.prevail-case .case-facts>div{grid-template-columns:1fr;gap:8px}.prevail-case .case-facts p{font-size:13px}}

/* B7: visible service scope, readable labels, and distinct project evidence. */
.variant-b .service{display:flex;flex-direction:column;min-width:0}
.variant-b .service>p{max-width:none;min-height:0;font-size:15px;line-height:1.7}
.service-inclusions{margin-top:25px;display:flex;flex-direction:column;flex:1}
.service-inclusions h4{font:600 13px/1.5 var(--sans);margin:0;color:var(--navy)}
.service-inclusions .details-body{display:flex;flex-direction:column;flex:1;font-size:14px;line-height:1.7}
.service-inclusions ul{margin:15px 0 23px;padding-left:18px}
.service-inclusions .details-body a{margin-top:auto;padding-block:10px;min-height:44px;align-self:flex-start}
.variant-b .service-number,.variant-b .eyebrow,.variant-b .hero .eyebrow,.variant-b .prevail-preview .preview-top .eyebrow{font-size:12px;letter-spacing:.09em}
.prevail-case .case-facts>div{grid-template-columns:130px minmax(0,1fr);gap:24px}
.prevail-case .case-facts>div>span{font-size:12px;letter-spacing:.035em;padding-top:2px}
.prevail-case .case-facts p,.variant-b .prevail-preview .preview-copy p{font-size:15px;line-height:1.75}
.prevail-case .case-grid>div:first-child>.button{margin-top:28px}
.variant-b .hero-copy .identity p,.variant-b .hero-copy .identity-note{font-size:13px}
.variant-b .header .persistent-cta{font-size:13px;min-height:44px}
.variant-b .header .menu-button{font-size:13px}
.variant-b .reading-grid span,.expanded-footer nav h2,.footer-bottom{font-size:12px}
.expanded-footer nav a,.expanded-footer p,.privacy-note,.form-note{font-size:13px}
.review-bar .wrap{font-size:12px}
.review-bar .wrap>span{max-width:none}
.review-bar .wrap a{align-self:center;white-space:normal}
.case-section :focus-visible,.expanded-footer :focus-visible{outline-color:#efbf98}
#main:focus{outline:none}
.design-switcher{scroll-padding-inline:8px}
@media(max-width:1150px){.design-switcher>span,.design-switcher .version-description{display:none}}
@media(max-width:960px){.variant-b .header .persistent-cta{max-width:200px}.prevail-case .case-facts>div{grid-template-columns:1fr;gap:8px}.variant-b .header nav{font-size:14px}}
@media(max-width:780px){.service-inclusions{margin-top:20px}.variant-b .service>p{max-width:600px}.variant-b .service{padding-block:30px}.prevail-case .case-facts>div{grid-template-columns:140px minmax(0,1fr);gap:24px}.review-bar .wrap{flex-wrap:wrap;gap:6px 18px}.variant-b .hero-copy .identity p{font-size:13px}}
@media(max-width:470px){.variant-b .header{padding-inline:16px;gap:8px}.variant-b .header .brand{font-size:23px}.variant-b .header .menu-button{font-size:12px;padding:9px 8px}.variant-b .header .persistent-cta{font-size:12px;max-width:137px;padding:9px 10px}.prevail-case .case-facts>div{grid-template-columns:1fr;gap:8px}.variant-b .hero .eyebrow{line-height:1.7}.prevail-case .case-grid h2{font-size:35px}.variant-b .hero-copy .identity{align-items:flex-start}.variant-b .hero-copy .identity strong{font-size:25px}.variant-b .hero-copy .identity p{font-size:12px}.variant-b .hero-copy .identity-note{font-size:12px}.expanded-footer nav a{font-size:13px}.design-switcher a{min-width:44px;font-size:12px;padding:12px 9px}.review-bar .wrap{font-size:12px}}
@media(max-width:360px){.variant-b .header .brand{font-size:21px}.variant-b .header .persistent-cta{max-width:115px;padding-inline:8px}.variant-b .header{gap:6px}.variant-b .hero-copy .identity{gap:13px}.variant-b .hero-copy .identity strong{font-size:23px}}

.prevail-case .case-grid h2>span{display:block;text-wrap:balance}
@media(max-width:360px){.variant-b .header .persistent-cta{max-width:108px}}
@media(max-width:360px){.variant-b .header:has(.menu-button){display:grid;grid-template-columns:minmax(0,1fr) 44px 108px;column-gap:6px;padding-inline:12px}.variant-b .header:has(.menu-button) .brand{margin-right:0}.variant-b .header .menu-button{width:44px;padding-inline:0;justify-content:center}.variant-b .header:has(.menu-button) nav{grid-column:1/-1}.variant-b .header:has(.menu-button) .persistent-cta{width:108px}}
@media(max-width:360px){.variant-b .header:has(.menu-button) .persistent-cta{grid-column:3;grid-row:1}}

/* B8: original screenshot evidence and a smaller historical project account. */
.variant-b .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:48px}
.variant-b .hero h1{font-size:clamp(42px,4.25vw,61px)}
.variant-b .hero-description{font-size:20px;max-width:550px;line-height:1.55}
.system-preview{margin:0;background:var(--white);border:1px solid var(--line);box-shadow:7px 7px 0 #ede8dd}
.system-preview-heading{padding:19px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.system-preview-heading .eyebrow{margin:0;font-size:11px!important;letter-spacing:.06em}
.sample-type{font-size:12px;white-space:nowrap;color:var(--muted)}
.screenshot-link{display:block;border-block:1px solid var(--line)}
.screenshot-link img{width:100%;height:auto}
.system-preview figcaption{padding:25px 25px 22px}
.system-preview h2,.system-preview figcaption h3{font-size:29px;line-height:1.15;text-wrap:balance}
.system-preview figcaption p{font-size:14px;line-height:1.7;margin:12px 0 16px}
.example-disclosure{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px}
.selected-work{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:35px;align-items:center;border-block:1px solid var(--line);padding-block:34px}
.work-context .eyebrow{margin-bottom:18px}.work-context img{width:110px;height:auto}
.work-summary h2{font-size:29px;line-height:1.2}.work-summary p{font-size:15px;line-height:1.75;max-width:680px;margin-top:12px}
.selected-work>.text-link{white-space:nowrap}
.example-page{padding-block:38px 70px}.example-page>h1{font-size:clamp(38px,4.5vw,60px);max-width:900px;text-wrap:balance}.example-lede{font-size:21px;line-height:1.6;max-width:850px;margin-top:24px;color:var(--navy)}
.example-note{font-size:14px;max-width:800px;margin:18px 0 32px}.example-image{margin:35px 0;border:1px solid var(--line);background:var(--white)}.example-image img{width:100%;height:auto}.example-image figcaption{padding:17px 24px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.example-explanation{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px;margin-block:42px}.example-explanation h2{font-size:29px;margin-bottom:15px}.example-explanation p{font-size:16px;line-height:1.8}.example-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}
.prevail-detail{max-width:1000px}.prevail-detail .button{margin-top:15px}
@media(max-width:1050px){.variant-b .hero{gap:32px}.selected-work{grid-template-columns:135px minmax(0,1fr);gap:24px}.selected-work>.text-link{grid-column:2;justify-self:start}.system-preview-heading{display:block}.sample-type{display:block;margin-top:8px}.system-preview h2,.system-preview figcaption h3{font-size:26px}}
@media(max-width:780px){.variant-b .hero{grid-template-columns:1fr;gap:36px}.variant-b .hero h1{font-size:clamp(39px,7vw,54px)}.variant-b .hero-description{font-size:19px;max-width:650px}.system-preview-heading{display:flex}.sample-type{margin:0}.system-preview h2,.system-preview figcaption h3{font-size:29px}.selected-work{grid-template-columns:1fr;gap:20px;padding-block:28px}.selected-work>.text-link{grid-column:1}.work-context{display:flex;align-items:center;justify-content:space-between;gap:20px}.work-context .eyebrow{margin:0}.example-explanation{grid-template-columns:1fr;gap:30px}.example-lede{font-size:18px}}
@media(max-width:470px){.system-preview-heading{display:block;padding:17px 20px}.sample-type{margin-top:5px}.system-preview figcaption{padding:22px 20px}.system-preview h2,.system-preview figcaption h3{font-size:28px}.work-summary h2{font-size:28px}.example-image figcaption{padding:15px}.example-page{padding-top:25px}}