
/* SARPHAN V9.2 2026-11-01: approved dark-panel design, alternating ice waves, red micro-accents and FAQ layout repair. */
:root{--v92-red:#f03248;--v92-mint:#2fe7d4;--v92-night:#061d2d;--v92-faq-shadow:0 14px 28px rgba(16,79,108,.11)}
/* Signature red strokes on section markers; accessible spacing preserved. */
main .eyebrow:not(.eyebrow-light),main .eyebrow.eyebrow-light{display:inline-flex!important;align-items:center!important;gap:13px!important}
main .eyebrow:not(.eyebrow-light)::before,main .eyebrow.eyebrow-light::before{content:"";width:35px;min-width:35px;height:3px;border-radius:3px;background:var(--v92-red);box-shadow:0 0 12px rgba(255,55,90,.18)}
/* Quiet mint wave ribbons on ice, not over foreground content. */
main .services-section.services-v9,main .process-section,main .tech-ecosystem.v9-tech,main .faq-section.faq-v92,
main .services-page-section,main .detail-content,main .about-page,main .timeline-section,main .contact-section,main .related-section,main .detail-faq{
 background-image:url('/assets/img/v92-ice-waves.svg'),linear-gradient(125deg,#f4fbff 0%,#e8f7fd 56%,#e0f2fb 100%)!important;
 background-position:center bottom,center!important;background-repeat:no-repeat,no-repeat!important;background-size:cover,cover!important;
}
main .services-section.services-v9::before{opacity:.28}
main .faq-section.faq-v92{position:relative;isolation:isolate;overflow:hidden;padding-block:84px!important}
main .faq-section.faq-v92>.container{position:relative;z-index:1}
/* Dark blocks: neon wave textures, subtle red corner accent, matched depth. */
main .dark-feature.dark-feature-v92,main .about-band.v9-about-band,main .detail-method,main .values-section{
 background-image:url('/assets/img/v92-dark-waves.svg'),radial-gradient(ellipse 58% 65% at 75% 38%,rgba(9,94,114,.52),transparent 80%),linear-gradient(117deg,#041929,#073347)!important;
 background-position:center,center,center!important;background-size:cover,cover,cover!important;
 background-repeat:no-repeat!important;
}
main .dark-feature.dark-feature-v92{padding:80px 0 72px!important;isolation:isolate}
main .dark-feature.dark-feature-v92::after{background:linear-gradient(115deg,transparent 65%,rgba(255,49,81,.035)),radial-gradient(ellipse at 82% 26%,rgba(13,218,210,.13),transparent 58%)!important;opacity:1!important;z-index:0!important;pointer-events:none}
main .dark-feature.dark-feature-v92 .feature-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;gap:36px!important;align-items:center!important;max-width:1360px}
main .dark-feature.dark-feature-v92 .feature-copy{z-index:2}
main .dark-feature.dark-feature-v92 .feature-copy h2{font-size:clamp(34px,3.45vw,53px)!important;line-height:1.13!important;letter-spacing:-.058em!important;margin-bottom:23px!important}
main .dark-feature.dark-feature-v92 .feature-copy p{max-width:600px;font-size:14.5px!important;line-height:1.85!important}
main .dark-feature.dark-feature-v92 .feature-list{gap:13px!important;margin-bottom:25px!important}
main .dark-feature.dark-feature-v92 .feature-list>span{font-size:14px!important}
main .dark-feature.dark-feature-v92 .feature-list svg{height:21px!important;width:21px!important;border:1px solid #2bdcce;border-radius:50%;padding:3px}
main .dark-feature.dark-feature-v92 .v92-feature-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#24dfd2!important;color:#062a36!important;padding:15px 22px;min-height:52px;font-size:14px;font-weight:800!important;box-shadow:0 12px 26px #09ead52e;text-decoration:none!important}
main .dark-feature.dark-feature-v92 .v92-feature-cta:hover{background:#68f1e4!important}
.v92-feature-visual{position:relative;z-index:2;margin:0!important;padding:0!important;max-width:100%;filter:drop-shadow(0 28px 26px rgba(0,0,0,.54)) drop-shadow(0 0 23px rgba(9,224,210,.24));transform:perspective(1100px) rotateY(-5deg) rotateX(1deg) translateY(-4px);transform-origin:center;transition:transform .35s}
.v92-feature-visual:hover{transform:perspective(1100px) rotateY(-2deg) rotateX(0) translateY(-8px)}
.v92-feature-visual img{width:100%;height:auto;display:block;border-radius:22px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.v92-feature-visual figcaption{position:absolute;right:17px;bottom:0;font-size:10px;color:#8cc5d0;letter-spacing:.07em;text-shadow:0 1px 5px #031a24;opacity:.86}
/* Five compact capability cards from the approved composition */
.v92-capabilities{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:35px}
.v92-cap-card{min-width:0;padding:19px 20px 22px;border:1px solid rgba(49,222,214,.52);border-bottom-color:#27dfd4;border-radius:18px;background:linear-gradient(155deg,rgba(17,69,85,.76),rgba(5,35,53,.81));box-shadow:inset 0 1px rgba(154,248,235,.12),0 18px 32px #0315214a;backdrop-filter:blur(9px);transition:transform .2s,border-color .2s}
.v92-cap-card:hover{transform:translateY(-5px);border-color:#72ffec}
.v92-cap-icon svg{height:35px;width:35px;color:#3cf9e6;filter:drop-shadow(0 0 7px rgba(41,235,217,.36))}
.v92-cap-stripe{display:block;width:34px;height:3px;background:#fa3553;border-radius:3px;margin:12px 0}
.v92-cap-card h3{color:#fff!important;font-size:15px!important;line-height:1.25;font-weight:800;margin:0 0 10px}
.v92-cap-card p{color:#c5dce5!important;font-size:12px!important;line-height:1.55!important;margin:0}
/* FAQ repair. All expanded items work independently; no text underlines collide. */
.faq-v92 .faq-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:clamp(35px,5vw,85px)!important;align-items:start!important}
.faq-v92 .section-head h2{font-size:clamp(35px,3.9vw,56px)!important;line-height:1.13!important}
.faq-v92 .section-head p{font-size:15px!important;line-height:1.8!important;max-width:550px}
.faq-v92 .text-link{display:inline-flex;align-items:center;min-height:52px;border-radius:11px;padding:13px 19px;background:linear-gradient(120deg,#0cb4a7,#048987);color:#fff!important;font-size:14px!important;font-weight:800;box-shadow:0 11px 24px rgba(9,172,164,.17)}
.faq-v92 .faq-list{border-top:0!important;min-width:0}
.faq-v92 .faq-list details{padding:0!important;border:1px solid #cde6ef!important;border-radius:17px!important;margin:0 0 15px!important;background:#ffffffed!important;box-shadow:var(--v92-faq-shadow)!important;overflow:hidden!important;position:relative}
.faq-v92 .faq-list details[open]{border-color:#79e1df!important;box-shadow:0 18px 32px rgba(2,109,125,.14)!important}
.faq-v92 .faq-list details summary{list-style:none!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 26px!important;align-items:center!important;gap:15px!important;min-height:87px!important;margin:0!important;padding:16px 22px!important;font-size:16px!important;line-height:1.42!important;font-weight:800!important;color:#0d2b40!important;cursor:pointer}
.faq-v92 .faq-list details summary::-webkit-details-marker{display:none}
.faq-v92 .faq-list details summary::marker{content:""}
.faq-v92 .v92-faq-question{min-width:0;display:block;overflow-wrap:anywhere}
.faq-v92 .v92-faq-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#dcf8f3;color:#048c8d}
.faq-v92 .v92-faq-chevron{color:#009e9e;justify-self:end;transform:rotate(0);transition:transform .2s}
.faq-v92 .faq-list details[open] .v92-faq-chevron{transform:rotate(180deg)}
.faq-v92 .faq-list details[open] summary:after{content:"";position:absolute;left:92px;right:23px;top:87px;height:2px;background:linear-gradient(90deg,#f03248 0,#f03248 42px,#27d6c5 42px,#27d6c5 100%)}
.faq-v92 .faq-list details>p{font-size:14px!important;line-height:1.8!important;color:#547183!important;margin:0!important;padding:15px 28px 23px 92px!important;max-width:none!important;position:relative;z-index:1}
/* Shared section accents without changing content on secondary pages */
main .inner-hero.v9-inner-hero{background-image:url('/assets/img/v92-dark-waves.svg'),radial-gradient(ellipse at 72% 48%,rgba(8,98,121,.37),transparent 54%),linear-gradient(115deg,#061827,#092f44)!important;background-size:cover,cover,cover!important}
@media(max-width:1150px){.v92-capabilities{grid-template-columns:repeat(3,minmax(0,1fr))}.v92-feature-visual{transform:none}.faq-v92 .faq-layout{gap:40px!important}}
@media(max-width:960px){main .dark-feature.dark-feature-v92 .feature-layout{grid-template-columns:1fr!important;gap:25px!important}.v92-feature-visual{max-width:850px;margin:0 auto!important}.faq-v92 .faq-layout{grid-template-columns:1fr!important;gap:25px!important}}
@media(max-width:700px){main .dark-feature.dark-feature-v92{padding:60px 0!important}.v92-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.v92-cap-card{padding:17px 15px}.v92-cap-card h3{font-size:14px!important}.v92-cap-card p{font-size:11px!important}.faq-v92 .faq-list details summary{grid-template-columns:42px minmax(0,1fr) 20px!important;gap:10px!important;min-height:78px!important;padding:13px 14px!important;font-size:14px!important}.faq-v92 .v92-faq-icon{height:40px;width:40px}.faq-v92 .faq-list details[open] summary:after{left:65px;right:15px;top:78px}.faq-v92 .faq-list details>p{font-size:13px!important;padding:16px 18px 21px 65px!important}.faq-v92 .section-head h2{font-size:clamp(31px,7vw,44px)!important}.v92-feature-visual figcaption{font-size:9px}}
@media(max-width:390px){.v92-capabilities{grid-template-columns:1fr}.v92-cap-card{min-height:unset}.faq-v92 .faq-list details>p{padding-left:20px!important}}
@media(prefers-reduced-motion:reduce){.v92-feature-visual,.v92-cap-card{transition:none!important}}
