/* A benefit-led homepage, with depth on dedicated service and pricing pages. */
.site-v5 .main-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--orange)}
.site-v5 .underlined-link>span{font-size:inherit;line-height:inherit;flex-shrink:1;transform:none}
.site-v5 .underlined-link>.icon,.site-v5 .header-cta>.icon{flex-shrink:0;transition:transform .25s var(--ease)}
.site-v5 .underlined-link:hover>.icon,.site-v5 .header-cta:hover>.icon{transform:translate(3px,-3px)}
.site-v5 .underlined-link{gap:22px;font-size:1rem;min-height:44px}
.site-v5 .masthead{gap:32px}
.site-v5 .header-cta>span{font-size:inherit;line-height:inherit}
.site-v5 .main-nav{gap:30px}
.site-v5 h1,.site-v5 h2,.site-v5 h3{overflow-wrap:break-word}
.site-v5 .hero{min-height:660px;display:flex;flex-direction:column}
.site-v5 .hero-inner{width:100%;flex:1;padding:35px 48px 38px}
.site-v5 .hero h1{font-size:clamp(3.3rem,8.5vw,8.4rem);line-height:1.01;letter-spacing:-.058em;max-width:1300px}
.site-v5 .hero-kicker{margin-bottom:35px}
.site-v5 .hero-scene{inset:0;width:100%;height:100%;object-position:70% 63%;opacity:.68}
.site-v5 .hero-shade{background:linear-gradient(90deg,#101010ed 0%,#101010b8 35%,#10101022 75%),linear-gradient(0deg,#101010c7,transparent 65%)}
.site-v5 .hero-lower{margin-top:32px;max-width:750px}
.site-v5 .hero-lower>.hero-gist{font-size:1.4rem;line-height:1.5;color:#fff;max-width:100%}
.site-v5 .hero-lower>.hero-explanation{font-size:1rem;line-height:1.8;max-width:565px;color:#d5d5cd;margin-top:11px}
.site-v5 .hero-actions{margin-top:25px;gap:27px}
.site-v5 .hero-edge{margin:0 48px;min-height:64px}
.site-v5 .hero-edge>p{font-size:.8125rem}
.section-heading{margin-bottom:42px}
.section-heading>.mono,.detail-heading>.mono{display:block;margin-bottom:23px;color:var(--muted);font-size:.8125rem}
.section-heading h2,.detail-heading h2,.why-websage h2,.home-budget h2{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.08}
.home-services{padding-block:92px 70px;scroll-margin-top:100px}
.service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.service-story{padding-top:23px;border-top:1px solid var(--ink);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.service-story-top{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:30px}
.service-story-top>.mono{font-size:.8125rem;color:#65655a}
.service-story-top>.icon{width:27px;height:27px;color:#a73c22}
.service-story h3{font-family:var(--display);font-size:clamp(1.8rem,2.65vw,2.7rem);line-height:1.14;letter-spacing:-.05em}
.service-story>p{margin-top:20px;font-size:1.0625rem;line-height:1.8;color:var(--muted);max-width:500px}
.plain-outcomes{list-style:none;padding:0;margin:23px 0 24px;width:100%;font-size:1rem;line-height:1.65}
.plain-outcomes li{border-top:1px solid var(--line);padding:10px 0}
.plain-outcomes li:last-child{border-bottom:1px solid var(--line)}
.service-story>.underlined-link{margin-top:auto}
.additional-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:52px;padding-top:25px;border-top:1px solid var(--line)}
.additional-help>p{font-size:.9375rem;color:var(--muted)}
.additional-help>div{display:flex;gap:26px;flex-wrap:wrap}
.additional-help .underlined-link{font-size:.875rem;border:0;gap:10px}
.additional-help .icon{width:17px;height:17px}
.home-proof{background:var(--dark);color:var(--paper);padding-block:75px}
.home-proof .section-heading>.mono{color:#b7b7a9}
.home-proof .live-project{margin-bottom:0;gap:55px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.home-proof .live-project-image{background:#272724;border:1px solid #ffffff29}
.home-proof .live-project img{aspect-ratio:1.6;object-fit:cover;object-position:top}
.home-proof .live-project h3{font-family:var(--display);font-size:2.4rem;letter-spacing:-.05em}
.proof-caption{display:flex;justify-content:space-between;align-items:center;gap:45px;border-top:1px solid #ffffff29;margin-top:40px;padding-top:24px}
.proof-caption>p{font-size:.9375rem;color:#b7b7a9;max-width:590px;line-height:1.75}
.proof-caption>.underlined-link{flex-shrink:0}
.why-websage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:80px;padding-block:90px}
.why-websage>div>.mono{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:23px}
.why-intro{font-size:1.0625rem;line-height:1.8;color:var(--muted);margin-top:24px;max-width:440px}
.why-list{padding-top:3px}
.why-list article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding-block:25px}
.why-list article:last-child{padding-bottom:0}
.why-list article>.mono{color:#a33a1e;margin-top:4px;font-size:.875rem}
.why-list h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.035em}
.why-list p{margin-top:10px;font-size:1rem;line-height:1.75;color:var(--muted)}
.site-v5 .getting-started{background:#e9e9e2;padding-block:70px}
.site-v5 .process-heading h2{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.08}
.home-budget{padding-block:75px;border-bottom:1px solid var(--line)}
.budget-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);gap:85px;align-items:center}
.budget-inner>div>.mono{display:block;margin-bottom:24px;font-size:.8125rem;color:var(--muted)}
.home-budget h2{font-size:clamp(2.2rem,3.8vw,3.6rem)}
.budget-inner>div>p:not(.mono){color:var(--muted);margin-top:22px;font-size:1rem;line-height:1.8}
.budget-inner>div:last-child>.underlined-link{font-size:1.15rem;width:100%;padding-block:17px}
.budget-inner>div:last-child>p{font-size:.9375rem;max-width:320px;margin-top:17px}
.site-v5 .conversation h2{font-size:clamp(3rem,6.6vw,6.6rem);line-height:1.05}
.site-v5 .conversation-cta{display:flex;gap:30px;align-items:center;min-height:60px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:1.25rem;max-width:100%;flex-shrink:0}
.site-v5 .conversation-cta>.icon{width:32px;height:32px;flex-shrink:0}
.site-v5 .footer-services{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding:22px 0;font-size:.875rem}
.footer-services>a{display:flex;align-items:center;min-height:44px}
.page-intro{padding-block:65px 65px;border-bottom:1px solid var(--line)}
.page-intro>.mono{font-size:.8125rem;color:var(--muted);margin-bottom:30px}
.page-intro h1{font-size:clamp(3rem,6.7vw,6.8rem);line-height:1.04;letter-spacing:-.055em;max-width:1150px}
.page-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-top:32px}
.page-intro-bottom>p{font-size:1.1875rem;line-height:1.8;color:var(--muted);max-width:760px}
.page-intro-bottom>.action{flex-shrink:0;min-width:290px;max-width:100%}
.page-intro-bottom>.underlined-link{flex-shrink:0}
.detail-section{padding-block:75px}
.detail-heading{margin-bottom:36px}
.detail-heading h2{font-size:clamp(2.3rem,4vw,3.8rem)}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.detail-grid article{min-width:0;border-top:1px solid var(--line);padding-top:25px}
.detail-grid article>.mono{font-size:.8125rem;color:var(--muted);display:block;margin-bottom:19px}
.detail-grid h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.04em}
.detail-grid p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:15px}
.detail-grid .detail-price{font-size:1.1rem;color:var(--ink)}
.detail-grid .underlined-link{margin-top:17px;font-size:.9375rem}
.detail-tinted{background:#e9e9e2}
.detail-follow{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:37px;padding-top:24px}
.detail-follow>p{font-size:.9375rem;line-height:1.8;color:var(--muted);max-width:730px}
.detail-follow>.underlined-link{flex-shrink:0}
.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.split-copy>.lead-copy{font-size:1.4rem;line-height:1.6;max-width:490px;letter-spacing:-.025em}
.split-copy>div>p{font-size:1rem;color:var(--muted);line-height:1.8}
.split-copy>div>p+p{margin-top:20px}
.split-copy .underlined-link{margin-top:18px}
.pricing-page .services{padding-top:45px}
.pricing-page .services-heading h2{font-size:2.3rem}
.pricing-page .services-heading>.mono,.pricing-page .services-heading>p{display:none}
.work-page .page-intro{border-bottom:0}
.work-page .evidence{padding-block:60px 75px}
.work-page .evidence-heading{padding-bottom:30px}
.site-v5 .hero-edition{font-size:.75rem}
.site-v5 :where(.service-pair,.additional-help,.proof-caption,.why-websage,.budget-inner,.detail-grid,.split-copy,.detail-follow,.page-intro-bottom)>*{min-width:0}
@media(max-width:1100px){
 .additional-help{display:block}.additional-help>div{margin-top:10px;gap:15px 25px}
 .page-intro-bottom{flex-wrap:wrap;gap:25px}.page-intro-bottom>p{max-width:780px}
 .detail-follow{flex-wrap:wrap;gap:18px}.budget-inner{gap:45px}
}
@media(max-width:960px){
 .site-v5 .masthead{gap:20px}.site-v5 .hero-inner{padding-inline:30px}.site-v5 .hero-edge{margin-inline:30px}
 .site-v5 .hero{min-height:620px}.site-v5 .hero h1{font-size:8.5vw}
 .service-pair{gap:35px}.service-story h3{font-size:2rem}
 .home-proof .live-project{gap:30px;grid-template-columns:1.25fr 1fr}.home-proof .live-project h3{font-size:2rem}
 .why-websage{gap:45px}.proof-caption{gap:25px}.proof-caption>.underlined-link{flex-shrink:1}
 .detail-grid{gap:25px}.detail-grid h3{font-size:1.35rem}
 .site-v5 .conversation-cta{font-size:1.125rem;gap:18px;flex-shrink:1}
}
@media(max-width:720px){
 .site-v5 .section-shell{width:calc(100% - 40px)}
 .site-v5 .masthead{padding:10px 18px;gap:10px;min-height:68px}
 .site-v5 .hero{min-height:0;margin:0 6px}
 .site-v5 .hero-inner{padding:29px 20px 25px}
 .site-v5 .hero-kicker{margin-bottom:29px}
 .site-v5 .hero h1{font-size:clamp(1.95rem,9.55vw,4.3rem);line-height:1.07;letter-spacing:-.055em}
 .site-v5 .hero-scene{object-position:64% center;opacity:.58}
 .site-v5 .hero-shade{background:linear-gradient(90deg,#101010ed,#101010a6 50%,#10101066),linear-gradient(0deg,#101010c7,transparent)}
 .site-v5 .hero-lower{margin-top:27px}
 .site-v5 .hero-lower>.hero-gist{font-size:1.15rem;line-height:1.55}
 .site-v5 .hero-lower>.hero-explanation{font-size:1rem;line-height:1.75;margin-top:12px}
 .site-v5 .hero-actions{gap:10px;margin-top:25px;align-items:stretch}
 .site-v5 .hero-actions>.action{min-width:0;min-height:56px;font-size:1rem}
 .site-v5 .hero-actions>.underlined-link{align-self:flex-start;font-size:1rem}
 .site-v5 .hero-edge{margin-inline:20px;padding-block:12px;gap:6px}
 .site-v5 .hero-edge>p{font-size:.8125rem;line-height:1.65}
 .site-v5 .motion-toggle{font-size:.75rem;min-height:44px}
 .section-heading{margin-bottom:29px}
 .section-heading>.mono,.detail-heading>.mono{font-size:.75rem;margin-bottom:20px;line-height:1.7}
 .section-heading h2,.detail-heading h2,.why-websage h2,.site-v5 .process-heading h2{font-size:clamp(2rem,8vw,3.2rem);line-height:1.13}
 .home-services{padding-block:49px 41px}
 .service-pair{grid-template-columns:minmax(0,1fr);gap:35px}
 .service-story{padding-top:20px}.service-story-top{margin-bottom:20px}
 .service-story-top>.mono{font-size:.75rem;max-width:calc(100% - 39px)}
 .service-story h3{font-size:1.85rem;line-height:1.18}
 .service-story>p{font-size:1rem;line-height:1.75;margin-top:17px}
 .plain-outcomes{font-size:.9375rem;margin:20px 0 16px}
 .site-v5 .service-story>.underlined-link{font-size:1rem}
 .additional-help{margin-top:34px;padding-top:23px}
 .additional-help>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px}
 .additional-help .underlined-link{font-size:.9375rem}
 .home-proof{padding-block:45px}
 .home-proof .live-project{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-proof .live-project h3{font-size:1.85rem;margin-top:14px}
 .home-proof .live-project p{font-size:1rem}
 .proof-caption{display:block;margin-top:27px;padding-top:23px}
 .proof-caption>p{font-size:.9375rem;line-height:1.75}
 .proof-caption>.underlined-link{margin-top:15px}
 .why-websage{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:47px}
 .why-websage>div>.mono{font-size:.75rem;margin-bottom:20px}
 .why-intro{font-size:1rem;line-height:1.75;margin-top:20px}
 .why-list{padding:0}.why-list article{padding-block:22px;grid-template-columns:23px minmax(0,1fr);gap:15px}
 .why-list h3{font-size:1.3rem;line-height:1.35}.why-list p{font-size:1rem;line-height:1.75;margin-top:10px}
 .site-v5 .getting-started{padding-block:45px}
 .home-budget{padding-block:45px}.budget-inner{grid-template-columns:minmax(0,1fr);gap:24px}
 .budget-inner>div>.mono{font-size:.75rem;margin-bottom:20px}.home-budget h2{font-size:2rem;line-height:1.15}
 .budget-inner>div>p:not(.mono){margin-top:19px;font-size:1rem;line-height:1.75}
 .budget-inner>div:last-child>.underlined-link{font-size:1.1rem;line-height:1.5}
 .budget-inner>div:last-child>p{font-size:.9375rem;margin-top:13px;max-width:none}
 .site-v5 .questions{padding-block:45px}
 .site-v5 .questions-intro h2{font-size:2.2rem;line-height:1.1}
 .site-v5 .conversation h2{font-size:clamp(2.3rem,9.4vw,4rem);line-height:1.1;letter-spacing:-.055em}
 .site-v5 .conversation-cta{font-size:1.15rem;gap:19px;flex-shrink:1;white-space:normal;width:100%}
 .site-v5 .conversation-cta>span{min-width:0}
 .site-v5 .conversation-cta>.icon{width:27px;height:27px}
 .site-v5 .footer-services{flex-direction:column;align-items:flex-start;gap:0;padding:18px 0;font-size:.9375rem}
 .page-intro{padding-block:38px 40px}.page-intro>.mono{font-size:.75rem;line-height:1.75;margin-bottom:25px}
 .page-intro h1{font-size:clamp(2.3rem,9.7vw,4rem);line-height:1.09}
 .page-intro-bottom{margin-top:24px;gap:23px;display:flex;flex-direction:column;align-items:stretch}
 .page-intro-bottom>p{font-size:1.0625rem;line-height:1.8}
 .page-intro-bottom>.action{min-width:0;font-size:1rem}
 .page-intro-bottom>.underlined-link{align-self:flex-start;font-size:1rem}
 .detail-section{padding-block:44px}.detail-heading{margin-bottom:26px}
 .detail-grid{grid-template-columns:minmax(0,1fr);gap:27px}
 .detail-grid article{padding-top:21px}.detail-grid article>.mono{font-size:.75rem;margin-bottom:14px}
 .detail-grid h3{font-size:1.55rem;line-height:1.3}.detail-grid p{font-size:1rem;line-height:1.8;margin-top:13px}
 .detail-grid .underlined-link{margin-top:14px}.detail-grid .detail-price{font-size:1.0625rem}
 .detail-follow{display:block;margin-top:27px;padding-top:23px}
 .detail-follow>p{font-size:.9375rem;line-height:1.8}.detail-follow>.underlined-link{margin-top:16px;font-size:.9375rem}
 .split-copy{grid-template-columns:minmax(0,1fr);gap:23px}.split-copy>.lead-copy{font-size:1.2rem;line-height:1.65}
 .split-copy>div>p{font-size:1rem;line-height:1.8}.split-copy .underlined-link{font-size:.9375rem}
 .pricing-page .services{padding-top:35px}.pricing-page .services-heading h2{font-size:2rem;line-height:1.15}
 .work-page .evidence{padding-block:40px 45px}
 .site-v5 .footer-contact a{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:380px){
 .site-v5 .section-shell{width:calc(100% - 34px)}
 .site-v5 .hero-inner{padding-inline:17px}.site-v5 .hero-edge{margin-inline:17px}
 .site-v5 .hero-actions>.action{font-size:.9375rem;padding-left:14px;gap:12px}
 .site-v5 .hero-actions .action-arrow{min-width:46px}
 .service-story h3{font-size:1.7rem}
}
@media(prefers-reduced-motion:reduce){.site-v5 .underlined-link>.icon,.site-v5 .header-cta>.icon{transition:none}}

/* Project evidence and links added after competitor review. */
.site-v5 .project-view{padding-block:0 45px}
.project-view figure{margin:0}
.project-view img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.project-view figcaption{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:15px}
.site-v5 .live-project .underlined-link{display:flex;width:fit-content;max-width:100%;margin-top:12px}
.site-v5 .why-list .underlined-link{display:flex;width:fit-content;max-width:100%;font-size:.9375rem;margin-top:10px}
.site-v5 .detail-grid p .underlined-link{display:flex;width:fit-content;max-width:100%}
@media(max-width:720px){.site-v5 .project-view{padding-bottom:20px}}

.site-v5 .conversation-note>a{max-width:100%}
.site-v5 .conversation-note>a>span,.site-v5 .footer-contact>a>span{min-width:0;overflow-wrap:anywhere}
.site-v5 .conversation-note>a>.icon,.site-v5 .footer-contact>a>.icon{flex:0 0 18px}