.experience-story.wrap{position:relative;isolation:isolate;width:100%;max-width:none;margin-top:24px;padding:110px max(44px,calc((100vw - 1400px)/2));overflow:hidden;background:#152739;color:#f3f6f8}
.story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(2.4) sepia(.25) hue-rotate(155deg) saturate(.6)}
.experience-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102337c9,#10233785);z-index:-1}
.experience-story .muted{color:#bbcedd}.experience-story p,.experience-story .eyebrow{color:#becdd9}.experience-story .story-steps h3{color:#f3f6f8}.experience-story .step-number{color:#86a7bf}.experience-story .text-link{color:#dceaf5;border-bottom:1px solid #8faabd;padding-bottom:10px}
.story-motion{position:absolute;bottom:25px;right:max(44px,calc((100vw - 1400px)/2));color:#d6e1e9;border:1px solid #7d96a7;border-radius:30px;padding:8px 16px;font-size:11px;background:#142435b3}.story-motion:hover{background:#294359}
.solutions-section{background:#f8fafb}.solution-grid{gap:24px;align-items:stretch}.solution-card{background:#fff;border:1px solid #d7dfe5;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px -22px #213c52;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}.solution-card:hover{border-color:#859ead;box-shadow:0 22px 38px -25px #213c5270}.solution-card .solution-visual{border-radius:0;height:270px;border-bottom:1px solid #94aaba45;overflow:hidden;position:relative}.solution-card .solution-content{padding:27px;flex:1;display:flex;flex-direction:column}.solution-card .solution-content h3{font-size:27px;letter-spacing:-1px}.solution-card .solution-content>p:not(.eyebrow){font-size:13px;min-height:0;margin-bottom:26px}.solution-card .solution-content .text-link{margin-top:auto;color:#254d6c;align-self:flex-start}.solution-card .solution-content .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px}.solution-card .visual-caption{color:#bed0de;letter-spacing:.08em;font-size:8px;bottom:15px;left:22px}
.solution-card .visual-web{background:linear-gradient(125deg,#233e56,#122436)}.solution-card .mini-browser{transform:perspective(1000px) rotateY(-12deg) rotateZ(-4deg);top:33px;left:10%;width:83%;height:205px;border:1px solid #b5c9d7;border-radius:8px;box-shadow:16px 24px 22px #07142155;transition:transform .45s}.solution-card:hover .mini-browser{transform:perspective(1000px) rotateY(-3deg) rotateZ(-2deg)}.solution-card .browser-bar{background:#e4edf3}.solution-card .mini-web-content{background:linear-gradient(110deg,#213f59,#4d6a7e);height:180px;padding:20px}.solution-card .mini-web-content strong{font-size:36px;line-height:1.04;font-weight:400}.solution-card .mini-web-content small{font-size:6px}.solution-card .mini-web-orb{background:radial-gradient(ellipse at 22% 20%,#edf4f6,#afc2ce 30%,#314d61 64%,#112537 83%);box-shadow:inset -8px -12px 20px #07192980;width:112px;height:132px;right:15px;top:30px;border-radius:50%}.solution-card .mini-web-link{font-size:7px;padding:7px 10px}
.solution-card .visual-app{background:linear-gradient(125deg,#506474,#233a4c)}.solution-card .phone{top:22px;width:154px;border-color:#b7c3cc;background:#f1f5f7;transform:rotate(9deg);box-shadow:20px 22px 24px #07142155;transition:transform .45s}.solution-card:hover .phone{transform:rotate(3deg)}.solution-card .phone-card{background:#d4e0e8}.solution-card .phone-card strong{color:#244259}.solution-card .phone-card b{background:#2e5067}.solution-card .phone>p strong{color:#18364b}
.solution-card .visual-flow{background:linear-gradient(145deg,#20354a,#101f30)}.solution-card .flow-node{background:#21394e;border:1px solid #668499;border-radius:7px;color:#e2ecf4;box-shadow:0 12px 24px #08152566;width:220px;font-size:11px;padding:14px}.solution-card .flow-node>span{color:#c1d9ea;background:#39566c}.solution-card .node-one{top:29px}.solution-card .node-two{bottom:31px}.solution-card .flow-center{top:105px;width:58px;height:58px;border-radius:12px;background:linear-gradient(135deg,#dce7ee,#7a99af);color:#213c50;box-shadow:0 8px 18px #07142177}.solution-card .flow-center .brand-mark{width:29px;height:29px}.solution-card .flow-connector{top:83px;height:24px;background:#829eb2}.solution-card .flow-connector.second{top:163px;height:26px}
.project-builder.wrap{width:100%;max-width:none;padding:100px max(44px,calc((100vw - 1400px)/2));background:linear-gradient(90deg,#102337a6 0%,#10233785 45%,#10233748 100%),url('architectural-ribs.svg') center/cover;color:#f2f6f9;position:relative}.project-builder .section-intro h2{color:#f2f6f9}.project-builder .section-intro .muted{color:#c3d4e1}.project-builder .section-intro>p,.project-builder .builder-note{color:#c0cfdc}.project-builder .builder-panel{color:#1b2d3b;background:#f9fbfc;border:1px solid #d6e1e8;border-radius:14px;box-shadow:0 24px 80px #03101f66;padding:32px}.project-builder .builder-result{background:#e9eff3;border-radius:8px}.project-builder .builder-panel .primary{background:#254f70;color:#fff;border:1px solid #456e8d}.project-builder .project-types input:checked+span{background:#e1edf5;border-color:#7395ae;color:#214761}.project-builder input{accent-color:#315b7b}.project-builder .builder-top>span:last-child{color:#426f8c}
@media(max-width:1000px){.solution-grid{gap:16px}.solution-card .solution-content{padding:20px}.solution-card .solution-content h3{font-size:23px}.solution-card .solution-visual{height:245px}.solution-card .mini-browser{left:8%;width:88%}.solution-card .mini-web-orb{width:80px;right:4px}.solution-card .flow-node{width:85%}}
@media(max-width:680px){.experience-story.wrap,.project-builder.wrap{padding:65px 24px 78px}.story-motion{right:24px;bottom:20px}.solution-grid{gap:24px}.solution-card .solution-visual{height:260px}.solution-card .solution-content{padding:24px}.solution-card .mini-browser{left:10%;width:82%}.solution-card .mini-web-orb{width:112px;right:12px}.solution-card .flow-node{width:220px}.project-builder .builder-panel{padding:23px 18px}.project-builder.wrap{background-position:30% center}.project-builder .section-intro h2{max-width:340px}}
@media(prefers-reduced-motion:reduce){.solution-card,.solution-card .mini-browser,.solution-card .phone{transition:none}.solution-card:hover .mini-browser{transform:perspective(1000px) rotateY(-12deg) rotateZ(-4deg)}.solution-card:hover .phone{transform:rotate(9deg)}}

/* Art-directed service imagery */
.solution-card .service-art{height:auto;aspect-ratio:1.62;background:#142538}
.solution-card .service-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.solution-card:hover .service-art img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.solution-card .service-art img{transition:none}.solution-card:hover .service-art img{transform:none}}

.demo-languages{display:flex;gap:3px;position:absolute;right:44px;top:108px;z-index:15;border:1px solid #ffffff55;background:#172c3ddd;border-radius:4px;padding:3px}.demo-languages button{padding:7px 9px;color:#edf3f7;font-size:11px}.demo-languages button[aria-pressed=true]{background:#d6e3eb;color:#182d3e;border-radius:2px}@media(max-width:680px){.demo-languages{top:94px;right:20px}}