/* === premium-refinement.css === */
/* EMYLIX / A quieter, more premium expression of the original design language */
:root { --em-ink:#141c31; --em-muted:#68758e; --em-blue:#496be0; --em-line:#dce2f0; }
/* Typography and pacing: maintain the original Rubik/serif contrast */
#studio { padding-bottom:clamp(80px,10vw,150px); }
#studio .studio-copy p { max-width:620px; }
#studio .studio-copy p + p { margin-top:18px; }
.signature-section { position:relative;background:#f7f8fb;color:var(--em-ink);padding:clamp(92px,12vw,180px) 0 clamp(96px,12vw,170px);overflow:hidden; }
.signature-section:before{content:'';position:absolute;right:-16vw;top:-26vw;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(circle,rgba(100,135,235,.09),transparent 66%);pointer-events:none}
.signature-section .container{position:relative;z-index:1}
.signature-section .eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;color:#51638f;}
.signature-intro{margin-bottom:clamp(44px,6vw,80px)}
.signature-headline{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:clamp(24px,5vw,90px);align-items:end}
.signature-headline h2{font-size:clamp(42px,5.5vw,92px);font-weight:400;line-height:1.045;letter-spacing:-.068em;margin:18px 0 0;max-width:1000px}
.signature-headline h2 em{font-family:Georgia,serif;font-weight:400;color:#536dd0;letter-spacing:-.065em}
.signature-headline>p{font-size:clamp(14px,1.18vw,18px);line-height:1.75;color:#68738a;max-width:330px;margin:0 0 9px}
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.signature-card{min-width:0;border:1px solid var(--em-line);background:#fff;border-radius:20px;padding:clamp(26px,3vw,42px);min-height:370px;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.signature-card:hover{transform:translateY(-7px);box-shadow:0 25px 70px #1d34541a;border-color:#aebfee}
.signature-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #dce5fc;background:#f1f5ff;color:#4568d2;border-radius:15px;font-size:25px;margin-bottom:35px}
.signature-number,.signature-micro{font-size:10px;letter-spacing:.16em;font-weight:600;color:#647da9}
.signature-card h3{font-size:clamp(25px,2.5vw,36px);font-weight:400;line-height:1.15;letter-spacing:-.05em;margin:20px 0 14px;max-width:320px}
.signature-card p{font-size:14px;line-height:1.75;color:#657086;margin:0 0 30px;max-width:360px}
.signature-foot{border-top:1px solid #e5e9f2;padding-top:19px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#304a86;font-size:12px;font-weight:500}
.signature-foot span{font-size:20px;color:#5572d5}
.signature-manifesto{margin-top:clamp(30px,4.5vw,66px);background:#101f3e;border-radius:24px;color:white;padding:clamp(30px,5vw,75px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,90px);position:relative;overflow:hidden}
.signature-manifesto:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #ffffff0d;right:-190px;top:-160px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03;pointer-events:none}
.signature-manifesto .signature-micro{color:#9bb7f2}
.signature-manifesto>div:first-child>p{font-size:clamp(44px,5.5vw,80px);letter-spacing:-.06em;line-height:1.07;margin:32px 0 0}
.signature-manifesto>div:first-child>p em{font-family:Georgia,serif;color:#9bbaff;font-weight:400}
.signature-manifesto-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:40px;position:relative}
.tiny-asterisk{font-variant-emoji:text;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols2",Rubik,sans-serif}
.signature-mark{
  position:relative;display:block;width:40px;height:40px;margin:0 0 18px;color:#91b1ff;
  background:
    linear-gradient(currentColor,currentColor) center/3px 100% no-repeat,
    linear-gradient(currentColor,currentColor) center/100% 3px no-repeat
}
.signature-mark:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(currentColor,currentColor) center/3px 100% no-repeat,
    linear-gradient(currentColor,currentColor) center/100% 3px no-repeat;
  transform:rotate(45deg)
}
.signature-manifesto blockquote{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,36px);font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0}
.signature-manifesto a{border-bottom:1px solid #8da8d4;text-decoration:none;color:#d3e0ff;font-size:13px;padding-bottom:12px;display:flex;gap:24px;align-items:center}
.signature-manifesto a span{font-size:22px}
/* Balance density in the parts of the original site we retain */
#insights{padding-top:clamp(90px,11vw,150px);padding-bottom:clamp(90px,11vw,150px)}
#insights .faq-list details{transition:background .25s ease,padding .25s ease;border-color:#dfe4ef}
#insights .faq-list details[open]{background:#f7f9fd;border-radius:10px;padding-left:16px;padding-right:16px}
#insights .faq-list details summary:hover{color:#4266d8}
#contact .contact-copy>p:not(.eyebrow){max-width:470px}
/* improve sticky chapter rhythm without altering the original mechanics */
#expertises .chapter-stack{gap:clamp(45px,6vw,86px)}
#expertises .chapter-top{letter-spacing:.08em}
#expertises .chapter-copy>p{max-width:470px}
#industries .industry-tabs button{cursor:pointer}
#industries .industry-tab[aria-selected=true]{background:#fff}
/* responsive sizing and less cramped tab labels */
@media(min-width:1100px){#industries .industry-tab{padding-left:clamp(14px,1.2vw,25px);padding-right:clamp(10px,1.2vw,25px)}#industries .industry-tab b{font-size:clamp(12px,1vw,16px)}}
@media(max-width:900px){.signature-headline{grid-template-columns:1fr;gap:20px}.signature-grid{grid-template-columns:1fr}.signature-card{min-height:250px}.signature-icon{margin-bottom:20px}.signature-manifesto{grid-template-columns:1fr}}
@media(max-width:620px){.signature-section{padding:78px 0}.signature-headline h2{font-size:clamp(38px,10vw,55px)}.signature-card{padding:26px;min-height:0}.signature-manifesto{border-radius:17px;padding:28px;gap:30px}.signature-manifesto>div:first-child>p{font-size:52px}.signature-manifesto blockquote{font-size:24px}}
@media(prefers-reduced-motion:reduce){.signature-card{transition:none}}


/* === partnership-band.css === */

/* Partnership closing signature — adapted from the supplied reference clip. */
#expertises .partnership-band-wrap{position:relative;z-index:9;margin-top:36px;margin-bottom:0}
#expertises .partnership-band{min-height:210px;display:grid;grid-template-columns:minmax(130px,24%) minmax(0,1fr);align-items:center;gap:36px;border-radius:28px;padding:36px clamp(26px,4.5vw,62px);background:linear-gradient(110deg,#0c1e49 0%,#122d70 60%,#1b3b88 100%);color:#f8faff;box-shadow:0 26px 60px #10245416;overflow:hidden}
#expertises .partnership-heartbeat{width:100%;max-width:248px}
#expertises .partnership-heartbeat svg{display:block;width:100%;height:auto;overflow:visible}
#expertises .heart-line-base{fill:none;stroke:#eb6d62;stroke-width:1.7;opacity:.22}
#expertises .heart-line-pulse{fill:none;stroke:#ff7568;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:emylix-heartbeat 5.2s ease-in-out infinite}
@keyframes emylix-heartbeat{0%,8%{stroke-dashoffset:320;opacity:.5}43%,75%{stroke-dashoffset:0;opacity:1}90%,100%{stroke-dashoffset:-320;opacity:.5}}
#expertises .partnership-band-kicker{display:block;color:#8faee8;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:650;margin-bottom:14px}
#expertises .partnership-band h3{font:italic clamp(26px,2.35vw,39px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.032em;font-weight:400;margin:0 0 13px;color:#fff}
#expertises .partnership-band p{font-size:clamp(13px,1vw,16px);line-height:1.7;color:#cbd7f0;max-width:660px;margin:0}
@media(max-width:720px){#expertises .partnership-band{grid-template-columns:1fr;gap:12px;border-radius:22px;padding:28px 25px}#expertises .partnership-heartbeat{max-width:145px}#expertises .partnership-band h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){#expertises .heart-line-pulse{animation:none;stroke-dashoffset:0}}


/* === footer-refined.css === */
/* Compact premium footer — loaded last to supersede legacy spacing. */
.site-footer.em-footer-compact{padding-top:0!important;padding-bottom:0!important;max-width:var(--container, none);background:transparent}
.em-footer-compact .em-footer-main{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;column-gap:clamp(28px,5vw,85px);padding:32px 0 27px;border-bottom:1px solid var(--line,#dadde7)}
.em-footer-compact .em-footer-identity{display:flex;align-items:center;gap:22px;min-width:0}
.em-footer-compact .em-footer-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.em-footer-compact .em-footer-brand img{display:block;width:auto;height:42px;max-width:170px;object-fit:contain}
.em-footer-compact .em-footer-identity p{font-size:10px;color:var(--muted,#737b91);line-height:1.55;white-space:nowrap;margin:0}
.em-footer-compact .em-footer-identity em{font-style:normal;color:var(--ink,#131a30)}
.em-footer-compact .em-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(13px,2vw,30px)}
.em-footer-compact .em-footer-nav a{font-size:11px;white-space:nowrap;text-decoration:none;transition:color .2s;color:var(--ink,#141a29)}
.em-footer-compact .em-footer-nav a:hover,.em-footer-compact .em-footer-nav a:focus-visible{color:#4a70da}
.em-footer-compact .em-footer-toplink{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line,#d9deeb);border-radius:50%;font-size:19px;text-decoration:none;transition:background .2s,transform .2s}
.em-footer-compact .em-footer-toplink span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.em-footer-compact .em-footer-toplink:hover{background:#e7edfe;transform:translateY(-3px)}
.em-footer-compact .em-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 20px;color:#818899;font-size:9px;line-height:1.4}
.em-footer-compact .em-footer-bottom .legal-link{font-size:9px;text-decoration:none;color:inherit;cursor:pointer}
.em-footer-compact .em-footer-bottom .legal-link:hover{text-decoration:underline}
@media(max-width:1000px){.em-footer-compact .em-footer-main{grid-template-columns:1fr auto;row-gap:20px}.em-footer-compact .em-footer-nav{grid-column:1;grid-row:2}.em-footer-compact .em-footer-toplink{grid-column:2;grid-row:1}}
@media(max-width:640px){.em-footer-compact .em-footer-main{padding:27px 0 20px;column-gap:10px;row-gap:21px}.em-footer-compact .em-footer-brand img{height:32px}.em-footer-compact .em-footer-identity{gap:14px}.em-footer-compact .em-footer-identity p{font-size:8px}.em-footer-compact .em-footer-nav{gap:11px 20px}.em-footer-compact .em-footer-nav a{font-size:10px}.em-footer-compact .em-footer-toplink{width:38px;height:38px}.em-footer-compact .em-footer-bottom{padding:14px 0 18px;flex-wrap:wrap;font-size:8px}.em-footer-compact .em-footer-bottom span:nth-child(2){display:none}.em-footer-compact .em-footer-bottom .legal-link{margin-left:auto;font-size:8px}}
@media(prefers-reduced-motion:reduce){.em-footer-compact .em-footer-toplink{transition:none}}


/* === service-art-direction.css === */
/* EMYLIX refined service-card layout, with the original website colors restored. */
#expertises .chapter-stack{gap:clamp(58px,7vw,96px)}
#expertises .capability-chapter{overflow:hidden;border-radius:20px;backface-visibility:hidden;transition:box-shadow .4s ease,border-color .4s ease}
#expertises .capability-chapter .chapter-copy h3{letter-spacing:-.055em;line-height:1.05;text-wrap:balance}
#expertises .capability-chapter .chapter-copy>p{max-width:420px;line-height:1.75;text-wrap:pretty}
#expertises .chapter-top{font-size:clamp(10px,1vw,12px);letter-spacing:.09em}
#expertises .chapter-tags{gap:9px}
#expertises .chapter-tags>span{font-size:clamp(10px,.85vw,12px);letter-spacing:.01em}
#expertises .ex-stage{border-radius:14px;min-height:390px}
#expertises .ex-stage .ex-pay-card,#expertises .ex-stage .ex-old,#expertises .ex-stage .ex-new,#expertises .ex-stage .ex-workspace,#expertises .ex-stage .ex-network{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}
@media(hover:hover){
#expertises .ex-payment:hover .ex-pay-card{transform:rotate(-2deg) translateY(-8px)}
#expertises .ex-legacy:hover .ex-new{transform:translateY(-8px)}
#expertises .ex-custom:hover .ex-workspace{transform:translateY(-8px)}
#expertises .ex-integrations:hover .ex-network{transform:translateY(-6px)}
}
@media(max-width:760px){#expertises .capability-chapter{border-radius:14px}#expertises .ex-stage{min-height:315px;border-radius:10px}#expertises .chapter-stack{gap:52px}#expertises .capability-chapter .chapter-copy h3{letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){#expertises .ex-stage *{transition:none!important}}


/* === insights-finish.css === */
/* Insights: deliberate spacing and editorial interaction, aligned with original EMYLIX palette */
.signature-section{padding-bottom:clamp(40px,5vw,72px)}
#insights{padding-top:clamp(42px,5.6vw,82px);padding-bottom:clamp(75px,8vw,120px);gap:clamp(36px,6vw,100px);align-items:start}
#insights .reveal:first-child{position:relative}
#insights h2{font-size:clamp(38px,3.6vw,60px);line-height:1.12;letter-spacing:-.055em;max-width:620px}
#insights .insights-side-note{margin:32px 0 0;max-width:370px;color:#6b7892;font-size:clamp(13px,1vw,15px);line-height:1.8}
#insights .insights-ornament{display:flex;align-items:center;gap:16px;margin-top:46px;max-width:340px;color:#6a82bb}
#insights .insights-ornament>span:first-child{height:1px;background:#b8c9ea;flex:1}
#insights .insights-ornament i{font-style:normal;font-size:9px;font-weight:600;letter-spacing:.16em;white-space:nowrap}
#insights .insights-ornament-arrow{width:34px;height:34px;border:1px solid #cbd8f3;background:#eef3ff;display:grid;place-items:center;border-radius:50%;color:#496be0;font-size:17px}
#insights .faq-list{counter-reset:emInsight}
#insights .faq-list details{counter-increment:emInsight;border-top:1px solid #dbe3f0;border-radius:0;padding:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
#insights .faq-list details:last-child{border-bottom:1px solid #dbe3f0}
#insights .faq-list summary{display:grid;grid-template-columns:35px minmax(0,1fr) 36px;align-items:center;column-gap:14px;position:relative;padding:23px 6px 23px 4px;font-size:clamp(13px,1vw,16px);font-weight:400;line-height:1.5;color:#172541;transition:color .2s ease,padding .2s ease;list-style:none}
#insights .faq-list summary:before{content:counter(emInsight,decimal-leading-zero);grid-column:1;color:#7693d0;font-size:11px;font-weight:600;letter-spacing:.07em;font-variant-numeric:tabular-nums}
#insights .faq-list summary>span{grid-column:3;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d3def2;border-radius:50%;background:#f5f8fe;color:#4166ce;font-size:19px;font-weight:300;transition:transform .25s,background .25s,color .25s}
#insights .faq-list details:hover{background:#f6f8fd;border-color:#becfed}
#insights .faq-list details summary:hover{color:#335dca}
#insights .faq-list details[open]{background:#f5f8fe;padding:0;border-radius:0;box-shadow:inset 3px 0 #5e7ee0}
#insights .faq-list details[open] summary{padding-left:15px;padding-right:11px}
#insights .faq-list details[open] summary>span{transform:rotate(45deg);background:#496be0;color:#fff;border-color:#496be0}
#insights .faq-list details>p{padding:0 60px 25px 64px;color:#64728d;font-size:13px;line-height:1.75;max-width:680px}
@media(max-width:960px){#insights{gap:42px}#insights .insights-ornament{margin-top:30px}}
@media(max-width:760px){.signature-section{padding-bottom:42px}#insights{padding-top:45px;padding-bottom:80px}#insights h2{font-size:clamp(37px,8vw,48px)}#insights .insights-side-note{margin-top:20px}#insights .insights-ornament{margin-top:23px;margin-bottom:3px}#insights .faq-list{margin-top:12px}#insights .faq-list summary{grid-template-columns:28px minmax(0,1fr) 34px;column-gap:8px;font-size:13px;padding:18px 6px}#insights .faq-list details>p{padding:0 18px 22px 41px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#insights .faq-list details,#insights .faq-list summary,#insights .faq-list summary>span{transition:none}}


/* === service-card-polish.css === */
/* What We Do: editorial art direction, built on the original EMYLIX blue family.
   This layer deliberately does not alter sticky positioning, --sink or stack z-index. */
#expertises .capability-chapter {
  border: 1px solid rgba(66,98,156,.14);
  box-shadow: 0 18px 52px rgba(26,43,92,.085), 0 3px 12px rgba(26,43,92,.025);
}
#expertises .capability-chapter .chapter-top {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .075em;
}
#expertises .capability-chapter .chapter-top>span:first-child {
  opacity: .72;
  font-variant-numeric: tabular-nums;
}
#expertises .capability-chapter .chapter-copy h3 {
  font-size: clamp(40px, 4.65vw, 68px);
  line-height: 1.075;
  letter-spacing: -.053em;
}
#expertises .capability-chapter .chapter-copy>p {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.85;
  max-width: 390px;
}
#expertises .capability-chapter .chapter-tags {gap:8px;margin-top:29px;}
#expertises .capability-chapter .chapter-tags>span {
  border-radius: 100px;
  padding: 8px 12px;
  font-size: 10px;
  line-height: 1.25;
  letter-spacing: .015em;
}
/* Deliberate sequencing: airy blue / bright royal / periwinkle / ice / cobalt / powder / royal.
   The brand hue (#4864ff) remains the primary accent; dark blue is an illustration detail. */
#expertises .chapter-stack>.capability-chapter:nth-child(1) {background:#e8f0fc;color:#11254a;}
#expertises .chapter-stack>.capability-chapter:nth-child(1) .chapter-top {border-color:#9ab0d23f;}
#expertises .chapter-stack>.capability-chapter:nth-child(1) .chapter-copy h3 em {color:#4367d4;}
#expertises .chapter-stack>.capability-chapter:nth-child(1) .chapter-copy>p {color:#576c8d;}
#expertises .chapter-stack>.capability-chapter:nth-child(1) .chapter-tags>span {border-color:#8fa8cf73;color:#35558d;background:#fff7;}

#expertises .chapter-stack>.capability-chapter:nth-child(2) {background:#3d59b7;color:#fff;}
#expertises .chapter-stack>.capability-chapter:nth-child(2) .chapter-top {border-color:#ffffff54;}
#expertises .chapter-stack>.capability-chapter:nth-child(2) .chapter-copy h3 em {color:#c5d8ff;}
#expertises .chapter-stack>.capability-chapter:nth-child(2) .chapter-copy>p {color:#e5edff;}
#expertises .chapter-stack>.capability-chapter:nth-child(2) .chapter-tags>span {color:#fff;border-color:#ffffff67;background:#ffffff12;}

#expertises .chapter-stack>.capability-chapter:nth-child(3) {background:#e7e9f6;color:#1b2c50;}
#expertises .chapter-stack>.capability-chapter:nth-child(3) .chapter-top {border-color:#93a5cd6b;}
#expertises .chapter-stack>.capability-chapter:nth-child(3) .chapter-copy h3 em {color:#5470cb;}
#expertises .chapter-stack>.capability-chapter:nth-child(3) .chapter-copy>p {color:#61718b;}
#expertises .chapter-stack>.capability-chapter:nth-child(3) .chapter-tags>span {color:#405b8f;border-color:#a2b1d6;background:#ffffff79;}

#expertises .chapter-stack>.capability-chapter:nth-child(4) {background:#e9f3fc;color:#132747;}
#expertises .chapter-stack>.capability-chapter:nth-child(4) .chapter-top {border-color:#a6bfd99e;}
#expertises .chapter-stack>.capability-chapter:nth-child(4) .chapter-copy h3 em {color:#4b71c4;}
#expertises .chapter-stack>.capability-chapter:nth-child(4) .chapter-copy>p {color:#5c7291;}
#expertises .chapter-stack>.capability-chapter:nth-child(4) .chapter-tags>span {color:#365d91;border-color:#a8c2de;background:#ffffff8c;}

#expertises .chapter-stack>.capability-chapter:nth-child(5) {background:#405ab8;color:#fff;}
#expertises .chapter-stack>.capability-chapter:nth-child(5) .chapter-top {border-color:#ffffff55;}
#expertises .chapter-stack>.capability-chapter:nth-child(5) .chapter-copy h3 em {color:#d4e1ff;}
#expertises .chapter-stack>.capability-chapter:nth-child(5) .chapter-copy>p {color:#eff3ff;}
#expertises .chapter-stack>.capability-chapter:nth-child(5) .chapter-tags>span {color:#fff;border-color:#ffffff70;background:#fff2;}

#expertises .chapter-stack>.capability-chapter:nth-child(6) {background:#e5eef9;color:#152a50;}
#expertises .chapter-stack>.capability-chapter:nth-child(6) .chapter-top {border-color:#a9bcdd;}
#expertises .chapter-stack>.capability-chapter:nth-child(6) .chapter-copy h3 em {color:#4a69c2;}
#expertises .chapter-stack>.capability-chapter:nth-child(6) .chapter-copy>p {color:#59708d;}
#expertises .chapter-stack>.capability-chapter:nth-child(6) .chapter-tags>span {color:#365583;border-color:#a9bddb;background:#ffffffa1;}

#expertises .chapter-stack>.capability-chapter:nth-child(7) {background:#3655b9;color:#fff;}
#expertises .chapter-stack>.capability-chapter:nth-child(7) .chapter-top {border-color:#ffffff50;}
#expertises .chapter-stack>.capability-chapter:nth-child(7) .chapter-copy h3 em {color:#d6e2ff;}
#expertises .chapter-stack>.capability-chapter:nth-child(7) .chapter-copy>p {color:#f1f3ff;}
#expertises .chapter-stack>.capability-chapter:nth-child(7) .chapter-tags>span {color:#fff;border-color:#ffffff6b;background:#fff2;}

/* Every demo has an art-directed stage rather than seven copies of the same navy rectangle. */
#expertises .ex-stage {position:relative;border:1px solid rgba(255,255,255,.13);box-shadow: inset 0 1px 0 rgba(255,255,255,.12);}
#expertises .ex-payment {
  background:radial-gradient(circle at 75% 23%,#5579d5 0%,#264caa 47%,#193776 100%);
}
#expertises .ex-legacy {
  background:radial-gradient(circle at 74% 35%,#f5f9ff,#c9dcf5 74%,#b8d0ef);
  border-color:#aec8e66b;
}
#expertises .ex-custom {
  background:radial-gradient(circle at 76% 20%,#678dec,#234fba 65%,#1a3d92);
}
#expertises .ex-integrations {
  background:radial-gradient(circle at 52% 42%,#3c6bc4,#18418b 62%,#153771);
}
#expertises .ex-legacy .ex-ui-head,
#expertises .ex-legacy .ex-ui-head b,
#expertises .ex-legacy .ex-note {color:#476a9b;}
#expertises .ex-legacy:before {border-color:#8eafe042;box-shadow:0 0 0 70px #7b9de80e,0 0 0 142px #7b9de809;}
#expertises .ex-legacy .ex-old,#expertises .ex-legacy .ex-new {box-shadow:0 19px 33px #31588b35;}
#expertises .ex-payment .ex-pay-card {box-shadow:0 32px 65px #0a27617d;}
#expertises .ex-payment .ex-floating {background:#e9f1ff;color:#2450a9;box-shadow:0 12px 25px #0a27615b;font-weight:500;}
#expertises .ex-custom .ex-workspace {box-shadow:0 28px 65px #092c785f;}
#expertises .ex-integrations .ex-node {background:#3869bb;border-color:#9cc1f080;}
#expertises .ex-integrations .ex-hub {background:#fff;box-shadow:0 20px 48px #071e5373;}
/* Small authentic product detail: stage light sweeps softly on hover, not constant distracting motion. */
#expertises .ex-stage:after {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(125deg,transparent 28%,rgba(255,255,255,.095) 48%,transparent 66%);
  transform:translateX(-110%);transition:transform 1.2s cubic-bezier(.2,.75,.2,1);
}
@media(hover:hover){#expertises .capability-chapter:hover .ex-stage:after{transform:translateX(110%);}}
#expertises .ex-stage>* {position:relative;z-index:1;}
#expertises .ex-stage>.ex-ui-head,#expertises .ex-stage>.ex-note {position:absolute;z-index:3;}
/* Do not perturb original stack placement, and preserve touch-friendly interaction controls. */
@media(max-width:760px){
  #expertises .capability-chapter .chapter-copy h3{font-size:clamp(37px,9vw,51px);}
  #expertises .capability-chapter .chapter-copy>p{font-size:12px;line-height:1.7;}
  #expertises .capability-chapter .chapter-tags{margin-top:19px;}
  #expertises .capability-chapter .chapter-tags>span{font-size:9px;padding:7px 10px;}
  #expertises .ex-stage{min-height:320px;}
  #expertises .ex-legacy,
  #expertises .ex-integrations{min-height:0;}
  #expertises .ex-legacy>.ex-ui-head,
  #expertises .ex-legacy>.ex-note,
  #expertises .ex-integrations>.ex-ui-head,
  #expertises .ex-integrations>.ex-note{position:relative;inset:auto;z-index:1;}
}
@media(prefers-reduced-motion:reduce){#expertises .ex-stage:after{transition:none;display:none;}}
#expertises .ex-stage>.ex-floating{position:absolute;z-index:3;}


/* === custom-showcase.css === */
/* EMYLIX | 05 / 08: single seamless concept showcase (no inner card). */
#expertises .chapter-stack>.capability-chapter[data-chapter="4"] {
 background:linear-gradient(125deg,#1a326b 0%,#213f83 52%,#253f7e 100%);color:#fff;
}
#expertises .chapter-stack>.capability-chapter[data-chapter="4"] .chapter-top {border-color:rgba(255,255,255,.29);}
#expertises .chapter-stack>.capability-chapter[data-chapter="4"] .chapter-copy h3 em {color:#c3d3fc;}
#expertises .chapter-stack>.capability-chapter[data-chapter="4"] .chapter-copy>p {color:#e8eeff;}
#expertises .chapter-stack>.capability-chapter[data-chapter="4"] .chapter-tags>span {color:#f4f7ff;border-color:rgba(255,255,255,.33);background:rgba(255,255,255,.07);}
#expertises .ex-single-stage {border:1px solid rgba(205,222,255,.25);border-radius:18px;display:block;min-height:430px;padding:0;background:radial-gradient(circle at 82% 20%,rgba(101,137,219,.30),transparent 52%),linear-gradient(135deg,#24447f,#183467 75%);color:#fff;box-shadow:0 22px 55px rgba(8,27,70,.16);overflow:hidden;isolation:isolate;}
#expertises .ex-single-stage:before {width:450px;height:450px;left:78%;top:22%;border:1px solid rgba(200,218,255,.14);box-shadow:0 0 0 95px rgba(206,222,255,.035),0 0 0 185px rgba(206,222,255,.023);}
#expertises .ex-single-stage>.ex-single-header {position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 30px;padding:24px 0 18px;border-bottom:1px solid rgba(221,234,255,.2);}
#expertises .ex-single-header b {font-weight:600;font-size:18px;letter-spacing:-.05em;white-space:nowrap;}
#expertises .ex-single-header .slash {color:#8ea8e6;}
#expertises .ex-single-header>span {font-size:9px;letter-spacing:.16em;color:#b8c9ee;white-space:nowrap;}
#expertises .ex-single-content {position:relative;z-index:2;padding:28px 34px 53px;}
#expertises .ex-single-kicker {font-size:10px;letter-spacing:.17em;color:#c2d3fb;display:flex;align-items:center;gap:9px;}
#expertises .ex-single-dot {display:inline-block;width:6px;height:6px;background:#a9c9ff;border-radius:50%;box-shadow:0 0 0 5px rgba(162,198,251,.1);}
#expertises .ex-single-index {margin-left:auto;font-variant-numeric:tabular-nums;color:#9bb5e5;}
#expertises .ex-single-heading {font-size:clamp(29px,3vw,48px);font-weight:400;letter-spacing:-.065em;line-height:1.1;margin:25px 0 10px;}
#expertises .ex-single-heading em {font-family:Georgia,serif;font-weight:400;color:#bcd0ff;}
#expertises .ex-single-subtitle {font-size:12px;color:#c2d2f2;letter-spacing:.02em;}
#expertises .ex-single-signal {height:115px;margin:17px 0 -4px;opacity:.95;}
#expertises .ex-single-signal svg {width:100%;height:100%;overflow:visible;}
#expertises .ex-single-gridline {stroke:rgba(197,217,255,.12);stroke-width:1;fill:none;}
#expertises .ex-single-curve-under {stroke:rgba(112,159,240,.13);stroke-width:14;fill:none;stroke-linecap:round;}
#expertises .ex-single-curve {stroke:url(#workspace-graph);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:0;}
#expertises .ex-single-point {fill:#dfeaff;stroke:#799de0;stroke-width:3;}
#expertises .ex-single-bottom {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(216,230,255,.2);padding-top:16px;gap:15px;}
#expertises .ex-single-bottom small {display:block;color:#9eb8e9;font-size:9px;letter-spacing:.13em;margin-bottom:7px;}
#expertises .ex-single-bottom strong {display:block;color:#fff;font-size:13px;letter-spacing:-.015em;font-weight:500;}
#expertises .ex-single-stage>.ex-note {bottom:14px;left:34px;color:#9db7e9;}
@media(hover:hover) {#expertises .capability-chapter[data-chapter="4"]:hover .ex-single-curve{animation:emylix-line 1.5s ease-out both;} }
@keyframes emylix-line{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@media(max-width:760px){#expertises .ex-single-stage{min-height:390px;}#expertises .ex-single-stage>.ex-single-header{margin:0 18px;padding:19px 0 15px;}#expertises .ex-single-header b{font-size:15px;}#expertises .ex-single-header>span{font-size:8px;}#expertises .ex-single-content{padding:25px 20px 52px;}#expertises .ex-single-heading{font-size:clamp(31px,8vw,42px);margin-top:24px;}#expertises .ex-single-signal{height:100px;}#expertises .ex-single-stage>.ex-note{left:20px;}}
@media(prefers-reduced-motion:reduce){#expertises .capability-chapter[data-chapter="4"]:hover .ex-single-curve{animation:none;}}