/* Clear visual handoff between values and projects */
.values{position:relative;z-index:0;box-shadow:0 0 0 100vmax #2a3138;clip-path:inset(0 -100vmax)}
.projects{position:relative;isolation:isolate;padding-top:94px;padding-bottom:72px;background:linear-gradient(180deg,#1c2329 0%,#171d22 100%)}
.projects::before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:min(100%,920px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(16,175,228,.9) 25%,rgba(0,161,237,.9) 75%,transparent)}
.projects::after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:145px;background:radial-gradient(ellipse at 50% 0,rgba(16,175,228,.10),transparent 68%)}
.projects .section-head{margin-bottom:38px}
.projects .kicker{margin-bottom:4px}
.project-grid article{background:linear-gradient(145deg,rgba(42,52,60,.95),rgba(28,36,42,.96));border-color:rgba(103,203,239,.22);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.project-grid article:hover{border-color:rgba(16,175,228,.65);transform:translateY(-3px)}
@media(max-width:760px){.projects{padding-top:66px;padding-bottom:52px}.projects::before{width:70%}}

/* Give the values section the same visual family as the projects section */
.values{padding-top:54px;padding-bottom:52px;background:linear-gradient(145deg,#212a31 0%,#182027 100%);box-shadow:0 0 0 100vmax #1c242b;clip-path:inset(0 -100vmax);overflow:visible}
.values::before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:min(100%,980px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(16,175,228,.82) 25%,rgba(0,161,237,.82) 75%,transparent)}
.values::after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:150px;background:radial-gradient(ellipse at 50% 0,rgba(16,175,228,.10),transparent 68%)}
.values .section-head{margin-bottom:31px}.value-grid{gap:16px}.value-grid article{grid-template-columns:42px 1fr;min-height:122px;padding:20px;border:1px solid rgba(103,203,239,.20);border-radius:12px;background:linear-gradient(145deg,rgba(42,52,60,.92),rgba(28,36,42,.95));box-shadow:0 12px 26px rgba(0,0,0,.13)}
.value-grid article,.value-grid article:nth-child(2){border-right:1px solid rgba(103,203,239,.20)}.value-grid article:hover{border-color:rgba(16,175,228,.58);transform:translateY(-2px)}.value-grid h3{font-size:.86rem;margin-top:2px}.value-grid p{font-size:.72rem}
@media(max-width:760px){.values{padding-top:42px;padding-bottom:38px}.value-grid{gap:10px}.value-grid article{min-height:0;padding:16px}.value-grid article{border-bottom:1px solid rgba(103,203,239,.20)}}

/* Contact as an integrated call-to-action card instead of a white strip */
.contact{position:relative;margin:64px auto 58px;padding:46px 50px;border:1px solid rgba(103,203,239,.24);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#242e35 0%,#1a2228 100%);color:var(--text);box-shadow:0 20px 44px rgba(0,0,0,.20)}
.contact::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 12%,rgba(16,175,228,.16),transparent 26rem),radial-gradient(circle at 55% 100%,rgba(0,161,237,.08),transparent 22rem)}
.contact-copy,.contact-grid{position:relative;z-index:1}.contact-copy h2{font-size:1.72rem}.contact-copy p{color:#d3dde3}.contact-note{color:#aebdc6!important}.contact-grid{gap:12px}.contact-grid>a:not(.contact-btn),.contact-grid>div{padding:14px 16px;border:1px solid rgba(103,203,239,.17);border-radius:9px;background:rgba(10,17,22,.24);min-height:78px}.contact-grid>a:not(.contact-btn){color:var(--text)}.contact-grid i{color:var(--blue2)}.contact-grid small{color:#c4d0d7}.contact-btn{min-height:54px;box-shadow:0 10px 24px rgba(16,175,228,.22)}
@media(max-width:1100px){.contact{margin-top:52px;padding:40px}}@media(max-width:760px){.contact{margin-top:38px;margin-bottom:38px;padding:30px 22px;border-radius:12px}.contact-copy h2{font-size:1.5rem}.contact-grid>a:not(.contact-btn),.contact-grid>div{min-height:64px}.contact-btn{min-height:50px}}

/* Keep the contact card layout, with the light service-card surface */
.contact{background:linear-gradient(145deg,#fbfcfd 0%,#eef2f4 100%);border-color:rgba(17,30,42,.13);color:var(--ink);box-shadow:0 20px 44px rgba(0,0,0,.22)}
.contact::before{background:radial-gradient(circle at 90% 12%,rgba(16,175,228,.13),transparent 26rem),radial-gradient(circle at 55% 100%,rgba(0,161,237,.10),transparent 22rem)}
.contact-copy h2{color:var(--ink)}.contact-copy p{color:#45545f}.contact-note{color:#45545f!important}.contact-grid>a:not(.contact-btn),.contact-grid>div{border-color:rgba(17,30,42,.12);background:rgba(255,255,255,.58)}.contact-grid>a:not(.contact-btn){color:var(--ink)}.contact-grid small{color:#52616b}

/* A deeper, more deliberate stage behind the light service cards */
.services-wrap{position:relative;isolation:isolate;padding-top:62px;padding-bottom:94px;overflow:hidden;background:linear-gradient(145deg,#202931 0%,#171e24 58%,#1c252c 100%)}
.services-wrap::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 13% 28%,rgba(16,175,228,.13),transparent 22rem),radial-gradient(circle at 88% 76%,rgba(0,161,237,.09),transparent 24rem)}
.services-wrap::after{content:"";position:absolute;z-index:-1;bottom:0;left:50%;width:min(100%,980px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(16,175,228,.55) 25%,rgba(0,161,237,.55) 75%,transparent)}
.services{position:relative;z-index:1}.service{box-shadow:0 20px 42px rgba(0,0,0,.25)}
@media(max-width:760px){.services-wrap{padding-top:42px;padding-bottom:64px}}