.services-page{background:#000;color:#fff}.services-page .header{background:linear-gradient(#000a,transparent)}.svc-hero{margin:24px 2.5% 0;position:relative;min-height:700px;height:49vw;max-height:950px;overflow:hidden}.svc-hero-image{position:absolute;inset:0;background:linear-gradient(180deg,#310707a3,#18000025 60%,#0008),url('assets/Jerryt-met-can-2-1024x570.jpg') center 40%/cover}.svc-hero-content{position:relative;padding-top:clamp(230px,22vw,420px)}.svc-hero-content h1{font-size:clamp(35px,3.5vw,64px)}.svc-hero-copy{width:49%;margin:24px 0 25px auto;font-size:clamp(12px,1.04vw,20px);color:#d8d4d4}.svc-hero-copy p+p{margin-top:12px}.svc-hero-content>.eyebrow{margin-bottom:14px}.svc-marquee{font-family:ManifoldOblique;white-space:nowrap;font-size:16px;color:#999;overflow:hidden;line-height:3;text-align:center;background:radial-gradient(ellipse at 50% 0,#5d0b0b90,transparent 65%)}.svc-steps{display:flex;flex-direction:row-reverse;gap:20px;width:87.5%;padding-left:20px}.svc-step{position:relative;flex:1;min-width:0;overflow:hidden;background:#69343424;border:1px solid #ffffff3b;padding:130px 25px 30px}.svc-step-art{position:absolute;left:-19%;top:-26%;width:85%;opacity:.09;filter:brightness(0) invert(1);pointer-events:none}.svc-number{font-family:ManifoldOblique;font-size:48px;position:absolute;top:33px;right:25px}.svc-number small{font-family:Manifold;font-size:10px}.svc-step h3{font-size:18px;margin-bottom:20px}.svc-step p{font-size:12px;color:#b3abab}.svc-caption{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.svc-caption p{font-size:12px;color:#a9a4a4}.svc-caption h2{font-size:clamp(23px,2.1vw,40px)}.svc-caption .text-link{margin-top:25px}.svc-solutions{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.svc-solution-list article{border:1px solid #ffffff29;background:#69343424;padding:33px 28px}.svc-solution-list article+article{border-top:0}.svc-solution-list h3{font-size:19px;margin-bottom:15px}.svc-solution-list p,.svc-solutions-intro p{font-size:13px;color:#b3abab}.svc-solutions-intro p{margin-top:25px}.svc-solutions-intro .pill{margin-top:25px}.svc-proof-banner{overflow:hidden;opacity:.4}.svc-proof-banner>img{width:103%;max-width:none;filter:brightness(0) invert(1)}.svc-proof-banner>p{font-family:ManifoldOblique;font-size:clamp(16px,2vw,36px);margin-right:12.5%;margin-top:20px}.svc-case-grid{width:87.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-left:20px}.svc-case-grid .case-card{background:#69343424;border-color:#ffffff30}.svc-case-grid .case-copy p{color:#aaa}.svc-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.svc-stack-grid article{background:#69343424;border:1px solid #ffffff30;padding:22px}.svc-stack-grid img{width:100%;height:150px;object-fit:contain;filter:brightness(0) invert(1)}.svc-stack-grid h3{font-size:14px;margin-top:15px}.svc-stack-names{margin-bottom:25px;font-size:10px!important;color:#777!important}.svc-route{position:relative;background:#69343424;border-block:1px solid #ffffff25;min-height:320px;padding:60px 0;overflow:hidden}.svc-route>img{position:absolute;width:50%;height:130%;object-fit:contain;left:-3%;top:-15%;opacity:.12;filter:brightness(0) invert(1)}.svc-route h2{font-size:clamp(23px,2.1vw,40px)}.svc-route p{position:relative;max-width:570px;width:50%;margin:20px 0 0 auto;font-size:13px;color:#b3abab}.svc-route .pill{position:relative;margin-top:28px}.svc-editorial{max-width:1000px;margin-right:12.5%;font-size:12px;color:#9b9696;line-height:1.7}.svc-editorial h3{font-family:Manifold;font-size:14px;color:#eee;margin-bottom:25px}.svc-editorial p+p{margin-top:22px}
@media(min-width:1700px){.svc-step{padding-top:200px;padding-bottom:50px}.svc-step p,.svc-caption p,.svc-solution-list p,.svc-solutions-intro p{font-size:18px}.svc-step h3,.svc-solution-list h3{font-size:24px}.svc-number{font-size:72px}.svc-stack-grid img{height:230px}.svc-stack-grid h3{font-size:20px}.svc-editorial{max-width:1075px;font-size:18px}.svc-editorial h3{font-size:20px}.svc-route p{font-size:18px}}
@media(max-width:1100px){.svc-hero{min-height:700px}.svc-hero-content{padding-top:235px}.svc-hero-copy{width:58%}.svc-step{padding:115px 18px 24px}.svc-step h3{font-size:16px}.svc-step p{font-size:11px}.svc-steps,.svc-case-grid{width:92%}.svc-solutions{gap:5%}.svc-solution-list article{padding:25px 20px}.svc-stack-grid img{height:115px}.svc-stack-grid article{padding:18px 12px}.svc-editorial{margin-right:8%}}
@media(max-width:760px){.svc-hero{margin:12px 3% 0;min-height:750px;height:auto}.svc-hero-image{background-position:35% center}.svc-hero-content{padding-top:290px;padding-bottom:65px}.svc-hero-content h1{font-size:clamp(35px,8vw,54px)}.svc-hero-copy{width:100%;max-width:430px;font-size:13px}.svc-marquee{font-size:11px;line-height:4}.svc-steps{width:100%;overflow:auto;scroll-snap-type:x mandatory;padding:0 6%;gap:16px;flex-direction:row}.svc-step{flex:0 0 87%;scroll-snap-align:center;padding:125px 24px 28px;min-height:350px}.svc-step h3{font-size:20px}.svc-step p{font-size:12px}.svc-number{font-size:52px}.svc-caption{display:flex;flex-direction:column-reverse;gap:25px}.svc-caption>div,.svc-caption>h2{width:100%}.svc-caption h2{font-size:27px}.svc-solutions{display:flex;flex-direction:column-reverse;gap:35px}.svc-solutions-intro h2{font-size:27px}.svc-solutions-intro p{font-size:13px}.svc-solution-list article{padding:28px 23px}.svc-proof-banner>img{width:170%;margin-left:-50%}.svc-proof-banner>p{margin-right:6%;font-size:18px}.svc-case-grid{width:100%;display:flex;overflow:auto;padding:0 6%;scroll-snap-type:x mandatory}.svc-case-grid .case-card{flex:0 0 87%;scroll-snap-align:center}.svc-stack-grid{grid-template-columns:1fr 1fr;gap:10px}.svc-stack-grid img{height:120px}.svc-stack-grid h3{font-size:14px}.svc-route{min-height:390px;padding:50px 0}.svc-route>img{width:100%;left:-45%;opacity:.09}.svc-route p{width:90%;font-size:13px}.svc-route h2{font-size:27px}.svc-editorial{margin-right:6%;font-size:12px}.svc-editorial h3{font-size:14px}}
@media(max-width:760px){.svc-caption h2{overflow-wrap:anywhere}}
/* Glass detail layer: scoped to services, shared motion stays in app.js. */
.services-page .svc-hero,.services-page .svc-route,.services-page .svc-proof-banner{max-width:1920px;margin-inline:auto}.services-page .svc-hero{width:95%}.svc-hero-content{padding-bottom:56px}.svc-jump{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:38px}.svc-jump a{display:flex;align-items:center;gap:16px;padding:12px 17px;border:1px solid #ffffff25;border-radius:99px;background:linear-gradient(130deg,#ffffff0c,#53171718);backdrop-filter:blur(18px);font-size:12px;min-height:44px;transition:background .25s,border-color .25s,transform .25s}.svc-jump a:hover{background:#ffffff16;border-color:#ffffff60;transform:translateY(-2px)}.svc-jump a span{opacity:.6}.svc-step,.svc-solution-list article,.svc-stack-grid article{background:linear-gradient(135deg,#ffffff0c,#692b2b1c 60%,#ffffff04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff0c,0 18px 55px #0002;border-color:#ffffff2b;transition:background .3s,border-color .3s,box-shadow .3s}.svc-step:hover,.svc-solution-list article:hover,.svc-stack-grid article:hover{border-color:#ffffff55;background:linear-gradient(135deg,#ffffff12,#692b2b28 60%,#ffffff06);box-shadow:inset 0 1px 0 #ffffff15,0 18px 55px #0003}.svc-step p,.svc-caption p,.svc-solution-list p,.svc-solutions-intro p,.svc-route p{font-size:clamp(14px,.95vw,18px);line-height:1.7;color:#c3bcbc}.svc-step h3{line-height:1.25}.svc-solutions{align-items:start}.svc-solutions-intro{position:sticky;top:140px}.svc-solutions-intro .eyebrow{margin-top:0;color:#a69b9b;font-size:11px}.svc-detail-card{scroll-margin-top:125px}.svc-detail-heading{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-bottom:18px}.svc-detail-heading img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.svc-detail-heading h3{margin:0}.svc-detail-index{margin-right:auto;font-size:11px;color:#988a8a}.svc-detail-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;list-style:none;padding:0;margin:0 0 21px}.svc-detail-tags li{font-size:10px;line-height:1.4;border:1px solid #ffffff20;background:#ffffff05;padding:6px 9px;border-radius:40px;color:#b6abab}.svc-stack-names{color:#a89d9d!important;font-size:11px!important;line-height:1.9}.svc-editorial{font-size:14px;color:#b6acac}.svc-editorial h3{line-height:1.6}.services-page .svc-route{background:linear-gradient(115deg,#ffffff05,#69343422 55%,#ffffff07);backdrop-filter:blur(20px);border-color:#ffffff25}.svc-route .wrap{position:relative}.services-page .svc-process{scroll-margin-top:120px}.svc-caption>*{min-width:0}.svc-steps{max-width:1680px}.svc-case-grid{max-width:1680px}.svc-hero-image{transition:transform 1.5s cubic-bezier(.2,.6,.3,1)}
@media(min-width:1920px){.svc-hero-content{padding-top:420px}.svc-steps,.svc-case-grid{margin-left:max(0px,calc((100% - 1920px)/2))}.svc-editorial{margin-right:max(12.5%,calc((100% - 1440px)/2))}}
@media(max-width:1100px){.svc-solutions-intro{top:110px}.svc-detail-heading{gap:9px}.svc-detail-heading h3{font-size:18px}.svc-detail-heading img{width:38px;height:38px}.svc-step h3{font-size:17px}.svc-jump a{font-size:11px}.svc-step p{font-size:13px}.svc-solutions-intro h2{font-size:25px}}
@media(max-width:760px){.services-page .svc-hero{width:94%;min-height:720px;margin-top:12px}.svc-hero-content{padding-top:255px;padding-bottom:55px}.svc-hero-content h1{font-size:clamp(28px,7.3vw,50px);line-height:1.13;letter-spacing:-.035em}.svc-hero-copy{font-size:14px;line-height:1.65}.svc-jump{gap:8px;margin-top:24px}.svc-jump a{font-size:11px;padding:10px 13px;gap:10px;flex:0 1 auto;max-width:100%}.svc-steps{display:flex;flex-direction:column;width:88%;padding:0;margin-inline:auto;overflow:visible;gap:14px}.svc-step{flex:none;min-height:0;padding:110px 23px 28px}.svc-step-art{width:70%;left:-15%;top:-12%;max-height:300px;object-fit:contain}.svc-step h3{font-size:21px}.svc-step p,.svc-caption p,.svc-solution-list p,.svc-solutions-intro p,.svc-route p{font-size:14px;line-height:1.7}.svc-caption{gap:22px}.svc-caption h2{font-size:clamp(22px,5.8vw,31px);overflow-wrap:normal}.svc-solutions-intro{position:static}.svc-solutions-intro h2{font-size:clamp(24px,6vw,31px)}.svc-solution-list{width:100%}.svc-solution-list article{padding:25px 20px}.svc-detail-heading{gap:10px}.svc-detail-heading h3{font-size:20px}.svc-detail-heading img{width:38px;height:38px}.svc-detail-tags{gap:6px;margin-bottom:18px}.svc-detail-tags li{font-size:10px}.svc-detail-card{scroll-margin-top:100px}.svc-stack-grid article{padding:18px 12px}.svc-stack-grid h3{font-size:14px}.svc-stack-grid img{height:110px}.svc-stack-names{font-size:11px!important}.svc-editorial{font-size:14px;line-height:1.75}.svc-editorial h3{font-size:15px}.svc-route .wrap{width:88%}.svc-route h2{font-size:clamp(23px,6vw,31px)}.svc-route p{width:100%}.svc-case-grid .case-card{min-width:0}.svc-case-grid .case-copy{padding:23px 20px}.svc-case-grid .case-copy h3{font-size:19px}.svc-case-grid .case-copy p{font-size:13px}.svc-proof-banner>p{font-size:16px}.svc-step,.svc-solution-list article,.svc-stack-grid article{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:370px){.svc-jump{display:grid;grid-template-columns:1fr 1fr}.svc-jump a{justify-content:flex-end;gap:6px;font-size:10px;padding-inline:9px}.svc-detail-heading h3{font-size:18px}.svc-detail-heading img{width:30px;height:30px}.svc-step h3{font-size:19px}.svc-caption h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.svc-jump a,.svc-step,.svc-solution-list article,.svc-stack-grid article,.svc-hero-image{transition:none}.svc-jump a:hover{transform:none}}
/* Feedback v4: content-sized hero and one shared rhythm for process cards. */
.services-page .svc-hero{height:auto;max-height:none;min-height:700px}
.services-page .svc-hero-content{padding-bottom:clamp(64px,5vw,96px)}
.services-page .svc-hero-content>.pill{max-width:100%;white-space:normal;text-align:right}
.services-page .svc-hero-copy{max-width:670px;line-height:1.65}
.services-page .svc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:24px 20px;align-items:stretch}
.services-page .svc-step{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;row-gap:24px;text-align:right}
.services-page .svc-step:nth-child(1){grid-column:3}.services-page .svc-step:nth-child(2){grid-column:2}.services-page .svc-step:nth-child(3){grid-column:1}
.services-page .svc-step h3,.services-page .svc-step p{margin:0;max-width:46ch;width:100%;justify-self:end;align-self:start}
.services-page .svc-step h3{max-width:34ch;text-wrap:balance}
.services-page .svc-caption p+p{margin-top:20px}
@media(max-width:760px){.services-page .svc-hero{min-height:0}.services-page .svc-hero-content{padding-bottom:64px}.services-page .svc-steps{display:flex;flex-direction:column;gap:16px}.services-page .svc-step{display:block}.services-page .svc-step h3{margin-left:auto;margin-bottom:24px}.services-page .svc-step p{margin-left:auto}.services-page .svc-step p+p{margin-top:20px}}
/* Official Clay symbol; preserve the approved surrounding card design. */
.services-page .svc-detail-heading img[src$="clay-symbol.png"],.services-page .svc-stack-grid img[src$="clay-symbol.png"]{filter:none;opacity:1}

/* Current official brand colors, scoped to the services examples and stack. */
.services-page .svc-detail-heading img[src$="n8n-symbol-accent.svg"],.services-page .svc-stack-grid img[src$="n8n-symbol-accent.svg"],.services-page .svc-detail-heading img[src$="clay-official-current.png"],.services-page .svc-stack-grid img[src$="clay-official-current.png"]{filter:none;opacity:1}