/* OCEANX — service detail pages + home service-card details */
.service-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.service-points li{position:relative;padding-left:26px;color:#dfe5f2;font-size:clamp(14px,1.05vw,16px);line-height:1.4}
.service-points li:before{content:'';position:absolute;left:0;top:.45em;width:12px;height:2px;background:#8fa3d0}
.service-card>div>span{padding-top:28px}

.sp-page{background:#fff}
.sp-page h1,.sp-page h2,.sp-page h3{margin:0;font-weight:700;letter-spacing:-.04em}
.sp-page h2 strong{color:#9aa1ae;font-weight:700}
.sp-page section{padding:110px 2.2vw}

/* hero */
.sp-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;padding:190px 2.2vw 90px;color:#fff;background:#0d1529;overflow:hidden}
.sp-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,21,41,.95) 8%,rgba(13,21,41,.45) 70%,rgba(13,21,41,.25)),var(--hero) center/cover no-repeat}
.sp-hero:after{content:'';position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.sp-hero-copy{position:relative;z-index:2;max-width:860px}
.sp-crumb{display:flex;gap:10px;flex-wrap:wrap;font:12px 'Space Mono',monospace;color:#b8c2da;margin-bottom:26px}
.sp-crumb a:hover{color:#fff}.sp-crumb b{color:#fff;font-weight:400}
.sp-hero h1{font-size:clamp(56px,8vw,118px);line-height:.95;letter-spacing:-.06em;margin:24px 0 24px}
.sp-hero p{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#d8deeb;max-width:680px;margin:0 0 8px}
.sp-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}
.sp-actions .pill{margin-top:0}
.sp-link{font:700 12px 'Space Mono',monospace;border-bottom:1px solid currentColor;padding-bottom:4px}
.sp-link.dark{color:#1e2d50;display:inline-block;margin-top:30px}
.sp-hero-index{position:absolute;z-index:2;right:2.2vw;bottom:80px;font-size:clamp(70px,10vw,150px);font-weight:700;letter-spacing:-.07em;line-height:.8;color:rgba(255,255,255,.9)}
.sp-hero-index small{font:700 14px 'Space Mono',monospace;letter-spacing:0;margin-left:6px;color:#aab5d0}

/* overview */
.sp-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:start}
.sp-intro h2{font-size:clamp(36px,4.4vw,68px);line-height:1.04;margin:26px 0;color:#1e2d50}
.sp-intro p{font-size:18px;line-height:1.7;color:#59616f;max-width:640px;margin:0}
.sp-facts{display:grid;border-top:1px solid var(--line)}
.sp-facts div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.sp-facts small{font:12px 'Space Mono',monospace;color:#7b8089;text-transform:uppercase}
.sp-facts b{font-size:19px;font-weight:600;color:#1e2d50;line-height:1.35}

/* capabilities */
.sp-caps{background:#f4f5f7}
.sp-head h2{font-size:clamp(34px,4vw,60px);line-height:1.05;margin-top:24px; color:#1e2d50}
.sp-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.sp-cap{background:#fff;padding:34px;min-height:290px;border-top:4px solid #1e2d50;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.sp-cap:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(22,33,62,.12)}
.sp-cap i{font:normal 12px 'Space Mono',monospace;color:#888}
.sp-cap h3{font-size:24px;line-height:1.15;margin:44px 0 14px; color:#1e2d50}
.sp-cap p{margin:0;color:#626975;line-height:1.6;font-size:16px}

/* image band */
.sp-band{min-height:640px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,21,41,.88),rgba(13,21,41,.2)),var(--band) center/cover no-repeat}
.sp-band-card{max-width:620px;color:#fff}
.sp-band-card h2{font-size:clamp(36px,4.4vw,66px);line-height:1.04;margin:26px 0 18px}
.sp-band-card h2 strong{color:#aab5d0}
.sp-band-card p{font-size:18px;line-height:1.6;color:#d8deeb;margin:0}

/* process */
.sp-process{background:#0d1529;color:#fff}
.sp-process h2 {color:#fff}
.sp-process h2 strong{color:#8fa3d0}
.sp-process ol{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.sp-process li{padding:34px;min-height:280px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px}
.sp-process li b{font:12px 'Space Mono',monospace;color:#8fa3d0}
.sp-process li h3{font-size:28px;margin:56px 0 14px}
.sp-process li p{margin:0;color:#c3cbdd;line-height:1.6}

/* docs + fit */
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sp-panel{padding:48px;background:#f4f5f7;border-radius:8px}
.sp-panel.dark{background:#16213e;color:#fff}
.sp-panel{font-size:clamp(30px,3vw,44px);margin:24px 0 28px;color:#1e2d50;}
.sp-panel.light{font-size:clamp(30px,3vw,44px);margin:24px 0 28px;color:#1e2d50;}
.sp-check{list-style:none;margin:0;padding:0}
.sp-check.dark{color:#1e2d50}
.sp-check li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid rgba(22,33,62,.12);font-size:17px;line-height:1.4}
.sp-panel.dark .sp-check li{border-color:rgba(255,255,255,.16)}
.sp-check li:before{content:'';position:absolute;left:2px;top:19px;width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.sp-note{margin:24px 0 0;font-size:14px;color:#6b7380;line-height:1.55}

/* faq */
.sp-faq{padding:120px 2.2vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;}
    /* display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:start} */
.sp-faq h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin-top:24px;color:#1e2d50}
/* .sp-faq details{border-bottom:1px solid var(--line);padding:24px 0}
.sp-faq details:first-child{border-top:1px solid var(--line)}
.sp-faq summary{cursor:pointer;font-size:21px;font-weight:600;color:#16213e;list-style:none;display:flex;justify-content:space-between;gap:20px}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary:after{content:'+';font:400 26px 'Space Mono',monospace;line-height:1}
.sp-faq details[open] summary:after{content:'–'}
.sp-faq details p{margin:16px 0 0;color:#626975;line-height:1.65;font-size:17px;max-width:620px} */
.faq>div:first-child a{text-decoration:underline;font-weight:700}
.accordions details{border:1px solid var(--line);border-radius:7px;padding:24px;margin-bottom:12px}
.accordions summary{font-size:18px;font-weight:600;cursor:pointer}
.accordions p{color:#667085}


/* related */
.sp-related{background:#f4f5f7}
.sp-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.sp-rel{position:relative;display:block;min-height:440px;border-radius:10px;overflow:hidden;color:#fff;background:#16213e}
.sp-rel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.sp-rel:hover img{transform:scale(1.06)}
.sp-rel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,21,41,.05) 30%,rgba(13,21,41,.92))}
.sp-rel div{position:absolute;z-index:2;left:30px;right:30px;bottom:30px}
.sp-rel small{font:12px 'Space Mono',monospace;color:#c3cbdd}
.sp-rel h3{font-size:30px;margin:12px 0 8px}
.sp-rel p{margin:0;color:#dfe5f2;line-height:1.5;font-size:15px}
.sp-rel b{position:absolute;z-index:3;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#fff;color:#16213e;display:grid;place-items:center;font-size:20px}

/* cta */
.sp-cta{text-align:center;background:#16213e;color:#fff;padding:120px 2.2vw}
.sp-cta h2{font-size:clamp(38px,5vw,76px);line-height:1.03;margin:26px auto 18px;max-width:900px}
.sp-cta h2 strong{color:#8fa3d0}
.sp-cta p{color:#c3cbdd;font-size:18px;margin:0 auto 30px;max-width:560px;line-height:1.6}
.sp-cta .pill{margin-top:0}

@media(max-width:1000px){
 .sp-intro,.sp-faq,.sp-two{grid-template-columns:1fr}
 .sp-cap-grid,.sp-rel-grid{grid-template-columns:1fr 1fr}
 .sp-process ol{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .sp-page section{padding:76px 22px}
 .sp-hero{padding:150px 22px 70px;min-height:auto}
 .sp-hero-index{display:none}
 .sp-cap-grid,.sp-rel-grid,.sp-process ol{grid-template-columns:1fr}
 .sp-facts div{grid-template-columns:1fr;gap:6px}
 .sp-panel{padding:30px 24px}
 .sp-band{background-attachment:scroll;min-height:480px}
 .sp-rel{min-height:360px}
}
@media(prefers-reduced-motion:reduce){.sp-cap,.sp-rel img{transition:none}}

/* ---- Home stacked service cards: full screen ---- */
@media(min-width:1101px){
 .service-card>div{position:relative}
 .service-count{position:absolute;top:132px;right:clamp(40px,5vw,96px);font:normal 13px 'Space Mono',monospace;color:#8fa3d0}
 .service-count b{font-size:clamp(34px,3.2vw,52px);letter-spacing:-.04em;color:#fff;font-family:'DM Sans',sans-serif;margin-right:6px}
 .service-bar{position:absolute;left:clamp(40px,5vw,96px);right:clamp(40px,5vw,96px);top:112px;height:2px;background:rgba(255,255,255,.14);display:block}
 .service-bar u{position:absolute;left:0;top:0;bottom:0;background:#8fa3d0;text-decoration:none}
 .service-card h3{margin-top:clamp(50px,10vh,120px)}
 .service-card img{transform-origin:50% 50%}
 /* hold: each card stays fully visible (content + button) before the next one slides over it */
 .service-card{margin-bottom:65vh;box-shadow:0 -14px 40px rgba(13,21,41,.16)}
 .service-card:first-child{box-shadow:none}
 .services{padding-bottom:0}
 .service-card:last-child{margin-bottom:0}
 .service-stack:after{content:'';display:block;height:65vh}
 /* Explore button: solid, high-contrast */
 .service-card>div>span{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:18px;padding:10px 10px 10px 26px;background:#fff;color:#16213e;border-radius:999px;font:700 13px 'Space Mono',monospace;letter-spacing:.04em;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:background .3s,box-shadow .3s}
 .service-card>div>span:after{content:'↗';display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#16213e;color:#fff;font-size:18px;transition:transform .3s}
 .service-card:hover>div>span{background:#cfd9f2;box-shadow:0 16px 36px rgba(0,0,0,.38)}
 .service-card:hover>div>span:after{transform:rotate(45deg)}
}

/* ---- Home: services heading area - blueprint grid + soft glow ---- */
.services{position:relative}
.services:before{content:'';position:absolute;left:0;right:0;top:0;height:560px;pointer-events:none;background-image:linear-gradient(rgba(22,33,62,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,33,62,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
.services:after{content:'';position:absolute;top:0;right:0;width:620px;height:520px;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,rgba(36,54,93,.22),transparent 65%)}
.services>.section-lead{position:relative;z-index:1}

/* ---- Home: Industries (light, interactive) ---- */
.industries{position:relative;color:#16213e;padding:100px 2.2vw 130px;background:linear-gradient(180deg,#eef2f9 0%,#dfe7f5 100%)}
.industries:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,33,62,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,33,62,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}
.industries:after{content:'';position:absolute;left:-120px;bottom:-160px;width:620px;height:620px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(36,54,93,.2),transparent 65%)}
.industries>*{position:relative;z-index:1}
.industry-head{border-bottom:1px solid rgba(22,33,62,.18)}
.industry-grid{grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:6vw;align-items:center}
.industry-list button{display:flex;align-items:center;gap:6px;width:100%;color:#a3aec4;transition:color .3s,transform .3s,padding .3s;position:relative}
.industry-list button em{background:#fff;color:#7b8699;box-shadow:0 4px 12px rgba(22,33,62,.08);transition:background .3s,color .3s}
.industry-list button:after{content:'↗';margin-left:auto;font-size:.45em;width:1.5em;height:1.5em;border-radius:50%;display:grid;place-items:center;background:#16213e;color:#fff;opacity:0;transform:translateX(-14px);transition:opacity .3s,transform .3s}
.industry-list button.active,.industry-list button:hover{color:#16213e;transform:translateX(10px)}
.industry-list button.active em,.industry-list button:hover em{background:#16213e;color:#fff}
.industry-list button.active:after{opacity:1;transform:none}
.industry-list button:focus-visible{outline:2px solid #16213e;outline-offset:4px;border-radius:8px}
.industry-visual{background:#fff;border-radius:22px;padding:14px 14px 28px;box-shadow:0 30px 70px rgba(22,33,62,.18)}
.ind-media{position:relative;border-radius:14px;overflow:hidden;height:clamp(260px,26vw,380px)}
.industry-visual .ind-media img{height:100%;width:100%;border-radius:0;object-fit:cover;transition:opacity .35s,transform .8s}
.industry-visual:hover .ind-media img{transform:scale(1.04)}
.ind-media:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(13,21,41,.85));pointer-events:none}
.ind-badge{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff}
.ind-badge small{display:block;font:12px 'Space Mono',monospace;color:#c3cbdd}
.ind-badge b{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em}
.industry-visual p{color:#4c5668;font-size:17px;line-height:1.6;margin:22px 14px 16px;transition:opacity .3s}
.ind-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 14px 22px}
.ind-tags span{font:700 11px 'Space Mono',monospace;background:#eef2f9;color:#16213e;padding:8px 12px;border-radius:999px}
.ind-link{display:inline-flex;align-items:center;gap:14px;margin:0 14px;font:700 12px 'Space Mono',monospace;color:#16213e;border-bottom:1px solid currentColor;padding-bottom:4px}
.ind-link b{font-weight:400;transition:transform .3s}.ind-link:hover b{transform:rotate(45deg)}
.industry-visual.is-swap img,.industry-visual.is-swap p{opacity:0}
@media(max-width:900px){.industry-grid{grid-template-columns:1fr;gap:40px}.industry-visual{display:block!important}.industry-list button{font-size:clamp(34px,9vw,52px)}}
@media(max-width:700px){.industries{padding-left:22px;padding-right:22px}}

/* Industries list: uppercase, solid, no arrow */
.industry-list button{font-family:'DM Sans',sans-serif;font-size:clamp(26px,3vw,46px);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;padding:20px 0 20px 0;gap:20px;color:#9aa6c0;-webkit-text-stroke:0;border-bottom:1px solid rgba(22,33,62,.14);transition:color .3s,padding .3s,border-color .3s,background .3s}
.industry-list button:first-child{border-top:1px solid rgba(22,33,62,.14)}
.industry-list button:after{content:none;display:none}
.industry-list button em{font-size:12px;padding:9px 10px;border-radius:6px;-webkit-text-stroke:0}
.industry-list button.active,.industry-list button:hover{color:#16213e;transform:none;padding-left:16px;border-bottom-color:#16213e;background:linear-gradient(90deg,rgba(22,33,62,.07),transparent 70%)}
.industry-list button.active:first-child,.industry-list button:first-child:hover{border-top-color:#16213e}
.industry-list button.active:before{content:'';position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:2px;background:#16213e}
@media(max-width:900px){.industry-list button{font-size:clamp(24px,6.5vw,38px)}}

/* Industries list: each item in a box */
.industry-list{display:grid;gap:14px}
.industry-list button{background:rgba(255,255,255,.75);border:1px solid #d5ddee;border-radius:16px;padding:20px 26px;color:#7f8cab;box-shadow:0 8px 22px rgba(22,33,62,.06);backdrop-filter:blur(6px);overflow:hidden;transition:background .3s,color .3s,box-shadow .3s,border-color .3s,transform .3s}
.industry-list button:first-child{border-top:1px solid #d5ddee}
.industry-list button:before,.industry-list button.active:before{content:none}
.industry-list button:hover{background:#fff;color:#16213e;padding-left:26px;border-color:#b9c6e2;transform:translateX(6px);box-shadow:0 14px 30px rgba(22,33,62,.12)}
.industry-list button.active{background:linear-gradient(135deg,#16213e,#24365d);color:#fff;padding-left:26px;border-color:#16213e;transform:translateX(10px);box-shadow:0 20px 44px rgba(22,33,62,.32)}
.industry-list button.active:first-child{border-top-color:#16213e}
.industry-list button.active em{background:#fff;color:#16213e}
.industry-list button.active:after{content:'';display:block;position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08);opacity:1;transform:none;width:110px;height:110px;font-size:0}
@media(max-width:900px){.industry-list button{padding:16px 18px}.industry-list button.active,.industry-list button:hover{transform:none}}

/* Industries background: clearer box grid with a few shaded squares */
.industries:before{
 background-image:
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.07),rgba(22,33,62,.07)),
  linear-gradient(rgba(22,33,62,.14) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,33,62,.14) 1px,transparent 1px);
 background-size:64px 64px,64px 64px,64px 64px,64px 64px,64px 64px,64px 64px,64px 64px,64px 64px;
 background-position:64px 128px,640px 64px,1088px 192px,320px 384px,896px 576px,192px 640px,0 0,0 0;
 background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;
 -webkit-mask-image:none;mask-image:none}

/* Industries: plain background (grid + glow removed) */
.industries:before,.industries:after{content:none;display:none}

/* Industries list: keep colour and background in sync on hover (fixes faded text flicker) */
.industry-list button{transition:transform .3s,box-shadow .3s,border-color .3s}

/* FAQ: border colour matches logo (#16213E) */
.accordions details{border-color:#16213e}

/* ===== Industries list: new minimal editorial design ===== */
.industry-list{display:block}
.industry-list button,
.industry-list button:hover,
.industry-list button.active{
 background:transparent;border:0;border-bottom:1px solid rgba(22,33,62,.18);border-radius:0;
 box-shadow:none;backdrop-filter:none;transform:none;
 font-family:'DM Sans',sans-serif;font-size:clamp(22px,2.3vw,32px);font-weight:600;
 text-transform:none;letter-spacing:-.02em;line-height:1.15;
 padding:24px 64px 24px 0;gap:22px;color:#9aa6c0;
 transition:color .3s,padding .3s,border-color .3s;
}
.industry-list button:first-child{border-top:1px solid rgba(22,33,62,.18)}
.industry-list button:hover,.industry-list button.active{color:#16213e;padding-left:14px;border-bottom-color:#16213e}
.industry-list button:first-child:hover,.industry-list button.active:first-child{border-top-color:rgba(22,33,62,.18)}
.industry-list button em,
.industry-list button:hover em,
.industry-list button.active em{
 background:none;box-shadow:none;padding:0;border-radius:0;min-width:28px;
 font:700 12px 'Space Mono',monospace;letter-spacing:.04em;color:#9aa6c0;transition:color .3s;
}
.industry-list button:hover em,.industry-list button.active em{color:#1e2d50}
.industry-list button:after,
.industry-list button.active:after{
 content:'↗';display:grid;place-items:center;position:absolute;right:0;top:50%;left:auto;
 width:42px;height:42px;margin:0;border-radius:50%;font-size:18px;line-height:1;
 background:#1e2d50;color:#fff;opacity:0;transform:translateY(-50%) scale(.7);
 transition:opacity .3s,transform .3s;
}
.industry-list button:hover:after{opacity:.35;transform:translateY(-50%) scale(1)}
.industry-list button.active:after{opacity:1;transform:translateY(-50%) scale(1)}
@media(max-width:900px){
 .industry-list button,.industry-list button:hover,.industry-list button.active{font-size:clamp(20px,5.5vw,26px);padding:18px 52px 18px 0}
 .industry-list button:hover,.industry-list button.active{padding-left:10px}
 .industry-list button:after,.industry-list button.active:after{width:36px;height:36px;font-size:15px}
}

/* ===== FAQ animation ===== */
.accordions details{position:relative;transition:transform .35s,box-shadow .35s,background .35s,opacity .7s,transform .7s}
.accordions details:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,33,62,.12)}
.accordions details[open]{background:#f6f8fc;box-shadow:0 14px 34px rgba(22,33,62,.14)}
.accordions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:color .3s}
.accordions summary::-webkit-details-marker{display:none}
.accordions summary::marker{content:''}
.accordions summary::after{
 content:'+';flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
 background:#1e2d50;color:#fff;font-size:20px;line-height:1;
 transition:transform .4s cubic-bezier(.22,.8,.3,1),background .3s;
}
.accordions details[open] summary::after{transform:rotate(135deg)}
.accordions details[open] p{animation:faqText .45s .08s both cubic-bezier(.22,.8,.3,1)}
@keyframes faqText{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* staggered scroll-in (class set by JS) */
.accordions.faq-anim details{opacity:0;transform:translateY(34px)}
.accordions.faq-anim.faq-in details{opacity:1;transform:none}
.accordions.faq-anim.faq-in details:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.accordions details,.accordions summary::after{transition:none}.accordions details[open] p{animation:none}}

/* FAQ: the opened question grows wider so it stands out */
.accordions details{transition:transform .35s,box-shadow .35s,background .35s,opacity .7s,margin .5s cubic-bezier(.22,.8,.3,1)}
@media(min-width:901px){
 .accordions details[open]{margin-left:-56px;box-shadow:0 0 0 1px #16213e,0 16px 36px rgba(22,33,62,.16)}
}
@media(max-width:900px){
 .accordions details[open]{margin-left:-8px;margin-right:-8px;box-shadow:0 0 0 1px #16213e,0 16px 36px rgba(22,33,62,.16)}
}

/* Industries list: remove the round arrow button */
.industry-list button:after,
.industry-list button:hover:after,
.industry-list button.active:after{content:none;display:none}
.industry-list button,.industry-list button:hover,.industry-list button.active{padding-right:0}

/* FAQ contact link uses the same pill button as the rest of the site */
.faq>div:first-child a.pill{text-decoration:none;font-weight:700;margin-top:20px}

/* ===== Hero -> content divider: curved "cove" edge (same as inner pages) ===== */
:root{--cove:clamp(60px,7vw,110px)}
.sp-page .sp-hero{padding-bottom:calc(var(--cove) + 60px)}
.sp-page .sp-hero-index{bottom:calc(var(--cove) + 40px)}
.sp-page main:before{content:'';display:block;position:relative;z-index:3;height:var(--cove);margin-top:calc(var(--cove) * -1);background:#fff;clip-path:ellipse(70% 100% at 50% 100%)}