/* Website services extend the existing NAIS shell without changing the automation page. */
.websites-page .website-hero{padding-bottom:72px}
.website-story{max-width:1050px;margin:58px auto 0;background:#0b233e;border-radius:21px;padding:27px clamp(22px,3vw,42px) 38px;color:white;text-align:left;box-shadow:0 24px 52px #0b233e20;overflow:hidden;position:relative}
.website-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 89% 25%,#1ca8c633,transparent 35%);pointer-events:none}
.story-header{position:relative;display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #ffffff35;color:#b7dce8;font-size:12px;font-weight:650}
.story-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:27px}
.story-step{border:1px solid #ffffff30;border-radius:15px;padding:22px;min-width:0;background:#ffffff0b}
.story-step span{display:block;color:#80d8e9;font-size:12px;font-weight:750;margin-bottom:27px}
.story-step strong{display:block;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.04em;line-height:1.1}
.story-step p{color:#c4d7e1!important;font-size:14px!important;line-height:1.5;margin:11px 0 0!important}
.websites-page .flow-caption{max-width:1050px;text-align:right!important;margin:12px auto 0!important;font-size:12px!important;color:#637887!important}
@media(max-width:760px){.website-story{margin-top:38px}.story-grid{grid-template-columns:1fr;gap:10px}.story-step{padding:16px 19px}.story-step span{margin-bottom:10px}.story-header span:last-child{display:none}.websites-page .flow-caption{text-align:left!important}}