/* Websites: real work leads; shared mockups and motion retain their own owners. */
.websites-page .service-hero-grid{grid-template-columns:.9fr 1.1fr;gap:4%;padding:25px 0 65px;align-items:start}
.websites-page .service-display{font-size:clamp(68px,6.8vw,124px);line-height:1.08;letter-spacing:-.015em}
.website-opening-proof{min-width:0;position:relative;padding-top:0}
.website-proof-label{display:block;padding-left:5%;margin-bottom:4px;color:var(--cf-muted)}
.website-opening-proof .cf-project{margin:0}
.websites-page .website-opening-proof .cf-project-frame+.cf-project-caption{padding-top:14px}
.websites-page .website-opening-proof .cf-project-caption .project-card-title{font-size:clamp(30px,2.9vw,48px);line-height:1.2}
.website-opening-proof .cf-project-caption p{font-size:10px;line-height:1.6}
.website-opening-note{padding:0 5%;margin-top:20px;color:var(--cf-muted);font-size:13px;max-width:620px}
.website-opening-note strong{display:block;font-weight:500;color:var(--cf-ink);font-size:16px;margin-bottom:8px}
.website-directions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cf-line);margin-bottom:0}
.website-directions>a{display:flex;align-items:center;gap:18px;padding:29px 8% 29px 0;border-bottom:1px solid var(--cf-line);min-height:110px}
.website-directions>a+a{padding-left:8%;border-left:1px solid var(--cf-line)}
.website-directions>a>span{font:12px var(--cf-mono);color:var(--service-accent)}
.website-directions strong{display:block;font-size:17px;font-weight:500;line-height:1.3}
.website-directions small{display:block;font-size:12px;line-height:1.5;color:var(--cf-muted);margin-top:7px}
.website-directions b{font-size:26px;color:var(--service-accent);font-weight:400;margin-left:auto}
.website-directions a:hover strong{color:var(--service-accent)}
.websites-page .service-proof{margin-top:65px;border-block:1px solid var(--cf-line)}
.websites-page .service-proof-feature{margin-bottom:80px}
.website-options .service-capability{scroll-margin-top:130px}
.website-foundations{position:relative;padding-block:clamp(65px,8vw,140px);border-block:1px solid var(--cf-line);background:linear-gradient(110deg,color-mix(in srgb,var(--service-accent) 6%,var(--cf-surface-deep)),var(--cf-surface-deep) 65%)}
.website-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.website-foundation-heading h2{font:500 clamp(46px,5vw,90px)/1.13 var(--cf-display);text-transform:uppercase;letter-spacing:-.015em;margin-top:28px}
.website-foundation-heading h2 em{color:var(--service-accent)}
.website-foundation-heading>p{max-width:460px;font-size:17px;color:var(--cf-muted);margin-top:27px}
.website-foundation-sequence{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:440px;margin-top:55px;padding-block:22px;border-block:1px solid color-mix(in srgb,var(--service-accent) 28%,var(--cf-line));font:12px var(--cf-mono)}
.website-foundation-sequence i{color:var(--service-accent);font:20px var(--cf-body)}
.website-foundation-list article{display:grid;grid-template-columns:25px 1fr;gap:20px;padding:27px 0;border-top:1px solid var(--cf-line)}
.website-foundation-list article:first-child{padding-top:0;border-top:0}
.website-foundation-list article>span{font:11px/2 var(--cf-mono);color:var(--service-accent)}
.website-foundation-list h3{font-size:21px;line-height:1.35;font-weight:500}
.website-foundation-list p{font-size:15px;color:var(--cf-muted);margin-top:12px}
.websites-page .service-technology{padding-top:0;border-top:0}
.websites-page .service-tech-list a{margin-right:25px;min-height:44px;padding-block:12px}
.websites-page .service-investment{border-radius:0;position:relative;border-top:3px solid var(--service-accent)}
.websites-page .service-closing h2{font-size:clamp(65px,7.5vw,132px)}
@media(min-width:801px) and (max-width:1100px){.website-directions>a{gap:12px}.website-directions strong{font-size:15px}.website-directions small{font-size:11px}.websites-page .service-display{font-size:6.8vw}.website-opening-note{font-size:12px}.website-opening-note strong{font-size:14px}}
@media(max-width:800px){.websites-page .service-hero-grid{grid-template-columns:1fr;padding-top:10px;gap:22px;padding-bottom:35px}.websites-page .service-display{font-size:clamp(62px,11.5vw,100px)}.website-opening-proof{max-width:640px;width:100%;margin-inline:auto;padding-top:12px}.websites-page .website-opening-proof .cf-project-caption .project-card-title{font-size:36px}.website-opening-note{padding-inline:3%;max-width:none}.website-directions{grid-template-columns:1fr}.website-directions>a,.website-directions>a+a{padding:22px 0;min-height:88px;border-left:0;gap:24px}.website-directions small{font-size:13px}.website-foundation-grid{grid-template-columns:1fr;gap:50px}.website-foundation-heading h2{font-size:clamp(48px,9vw,72px)}.website-foundation-heading>p{max-width:550px}.website-foundation-sequence{margin-top:30px}.website-foundation-list article:first-child{border-top:1px solid var(--cf-line);padding-top:27px}.websites-page .service-proof{margin-top:55px}.websites-page .service-proof-feature{margin-bottom:55px}}
@media(max-width:520px){.websites-page .service-primary{gap:24px;font-size:14px;padding:14px 22px}.websites-page .service-display{font-size:clamp(42px,13.4vw,72px)}.websites-page .service-offer{font-size:11px}.websites-page .service-lead{margin-top:21px}.websites-page .service-hero-grid{gap:12px}.website-proof-label{font-size:9px}.websites-page .website-opening-proof .cf-project-caption .project-card-title{font-size:32px}.website-opening-proof .cf-project-caption p{font-size:9px}.website-opening-note{font-size:13px;margin-top:15px}.website-opening-note strong{font-size:15px}.website-foundation-heading h2{font-size:clamp(40px,10.5vw,55px)}.website-foundation-heading>p{font-size:16px}.website-foundation-sequence{font-size:10px}.website-foundation-list article{gap:13px}.website-foundation-list h3{font-size:19px}.websites-page .service-closing h2{font-size:clamp(48px,11.5vw,64px)}}
@media(forced-colors:active){.website-foundations{background:Canvas}.website-directions a,.website-foundation-sequence{border-color:CanvasText}.website-directions a:focus-visible{outline-color:Highlight}}