/* Reference card family: split rail, circuit texture and rising cyan reveal. */
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel){
 --card-fill:#e0f4fc;
 position:relative;isolation:isolate;overflow:visible;
 border:0;border-radius:32px 0 32px 32px;
 background:#f3f5f7 url('/images/card-circuit.svg') left top/cover no-repeat;
 box-shadow:none;
 transition:transform .45s ease,box-shadow .45s ease;
}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel)::before{
 content:'';display:block;position:absolute;inset:auto 0 auto auto;top:-5px;
 width:84%;height:5px;border:0;border-radius:0;
 background:linear-gradient(90deg,#00a8df 0 50%,#10243e 50% 100%);
 clip-path:none;z-index:2;pointer-events:none;
}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel)::after{
 content:'';display:block;position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:inherit;
 background:url('/images/card-circuit.svg') left top/cover no-repeat,var(--card-fill);
 clip-path:inset(100% 0 0 0 round 32px 0 32px 32px);
 transition:clip-path .5s ease;z-index:0;pointer-events:none;
}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel)>*{position:relative;z-index:1}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel):is(:hover,:focus-within){
 background-color:#f3f5f7;transform:translateY(-12px);box-shadow:0 18px 35px #10243e0a;
}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel):is(:hover,:focus-within)::after{
 clip-path:inset(0 0 0 0 round 32px 0 32px 32px);
}
body :is(.service-grid,.content-grid,.value-grid,.process-grid){row-gap:76px;padding-top:12px;padding-bottom:38px}
body .service-card{display:flex;flex-direction:column;text-align:center;padding:42px 30px 67px;min-height:445px}
body .service-card .card-number{display:none}
body .service-card h3{display:flex;align-items:center;justify-content:center;font-size:23px;line-height:1.4;letter-spacing:-.035em;min-height:90px;margin:0 0 23px;padding:0 0 24px;border-bottom:1px solid #d7dfe5;color:#10243e}
body .service-card p{font-size:13px;line-height:1.85;margin-bottom:28px;color:#607285;flex:1}
body .service-card .card-link{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #d7dfe5;margin-top:auto;padding-top:21px;font-size:11px;color:#10243e}
body .service-card .card-link>span{display:grid;place-items:center;width:35px;height:35px;background:#fff!important;color:#007b9e!important;border-radius:50%;font-size:20px;transition:transform .45s ease}
body .service-card:is(:hover,:focus-visible) .card-link>span{transform:rotate(45deg)}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel)>:is(.service-icon,.card-icon,.team-symbol){
 position:absolute;left:50%;bottom:-35px;top:auto;right:auto;transform:translateX(-50%);
 display:grid;place-items:center;width:76px;height:76px;min-width:76px;
 padding:0;margin:0;border:10px solid #fff;border-radius:50%;
 background:#f3f5f7;color:#007b9e!important;z-index:3;
 transition:background-color .5s ease,color .5s ease;
}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel)>:is(.service-icon,.card-icon,.team-symbol) .line-icon{width:29px;height:29px}
body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel):is(:hover,:focus-within)>:is(.service-icon,.card-icon,.team-symbol){
 transform:translateX(-50%);background:#cceef9;border-color:#fff;
}
body :is(.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.contact-panel){padding-bottom:65px;margin-bottom:20px}
body :is(.content-card,.value-grid>article,.process-grid>article)>:is(h2,h3){padding-bottom:23px;border-bottom:1px solid #d7dfe5}
body :is(.value-grid>article,.process-grid>article,.team-grid>.content-card,.home-links>.content-card){text-align:center}
body .process-grid>article>span:not(.card-icon){display:block;margin-bottom:20px;padding-bottom:0;border:0;color:#007b9e}
body .article-card{padding:0 0 45px}
body .article-card .article-art{border-radius:32px 0 0 0}
body .article-card .article-card-body{background:transparent;padding:28px}
body .article-card .article-card-body h3{padding-bottom:20px;border-bottom:1px solid #d7dfe5}
body .accent-panel,.sidebar-help{margin-bottom:45px}
body .phase-details>article{margin-bottom:65px}
body .careers-strip{margin-block:22px 60px;padding-bottom:45px}
body .careers-strip>div{position:static}
body .careers-strip>div>.card-icon{position:absolute;display:grid;place-items:center;left:50%;bottom:-35px;transform:translateX(-50%);width:76px;height:76px;margin:0;padding:0;border:10px solid #fff;border-radius:50%;background:#f3f5f7;color:#007b9e!important;z-index:3;transition:background-color .5s}
body .careers-strip>div>.card-icon .line-icon{width:29px;height:29px}
body .careers-strip:is(:hover,:focus-within)>div>.card-icon{background:#cceef9;transform:translateX(-50%)}
body .contact-panel{margin-bottom:45px}
body :is(.service-card,.content-card):focus-visible{outline:3px solid #007b9e;outline-offset:7px}
@media(max-width:900px){body .service-card{padding-inline:25px}body .service-card h3{font-size:22px}body .service-grid{column-gap:22px}}
@media(max-width:480px){body .service-card{min-height:0;padding:36px 29px 65px}body .service-card h3{min-height:0;font-size:24px}body :is(.service-grid,.content-grid,.value-grid,.process-grid){row-gap:72px}body .phase-details>article{padding-bottom:65px}body .contact-panel{padding-bottom:65px}}
@media(hover:none){body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel):is(:hover,:focus-within){transform:none}}
@media(prefers-reduced-motion:reduce){body :is(.service-card,.content-card,.value-grid>article,.process-grid>article,.notice-card,.accent-panel,.sidebar-help,.phase-details>article,.careers-strip,.contact-panel):is(:hover,:focus-within){transform:none}body .service-card:is(:hover,:focus-visible) .card-link>span{transform:none}}
/* Only cards on matching pale surfaces need an additional visible edge. */
body .process-section .process-grid>article,
body .about-band .value-grid>article,
body .service-sidebar .sidebar-help{
 outline:1px solid #9dbacb;
 outline-offset:-1px;
}
/* Keep the compact sidebar card's content clear of its decorative edges. */
body .service-sidebar .sidebar-help{padding:26px 16px 65px;min-width:0}
body .sidebar-help .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:.08em;margin-bottom:18px}
body .sidebar-help .eyebrow::before{width:12px;height:2px;margin:0;flex:none}
body .sidebar-help h3{margin-bottom:14px;text-wrap:balance}
body .sidebar-help p{margin-bottom:22px}
body .sidebar-help .button{width:100%;justify-content:space-between;gap:8px;padding:10px;min-height:54px}
body .sidebar-help .button-arrow{width:32px;height:32px;border-radius:9px}