/* 10.4.15 — A responsive process page with one clear surface per level. */
body.ecu-mercury .process-v98{
 --s-ink:var(--mc-ink);--s-blue:var(--mc-link);--s-muted:var(--mc-secondary);--s-line:var(--mc-line);
 color:var(--mc-ink);overflow:visible;
}
body.ecu-mercury .process-v98 :is(.reveal-seg,.reveal-seg.visible){opacity:1;transform:none;transition:none}
body.ecu-mercury .process-v98 :is(.seg-hero,.seg-section,.seg-final){padding-block:clamp(40px,6vw,80px)}
body.ecu-mercury .process-v98 [id]{scroll-margin-top:calc(var(--ecu-header-height,80px) + 24px)}
body.ecu-mercury .process-v98 .seg-hero-grid{
 display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,72px);align-items:center;
}
body.ecu-mercury .process-v98 .seg-copy h1{
 margin:20px 0 24px;font-size:clamp(36px,4.3vw,60px);line-height:1.12;letter-spacing:-.025em;max-width:18ch;
}
body.ecu-mercury .process-v98 .seg-copy h1 em{color:var(--mc-link)!important}
body.ecu-mercury .process-v98 .seg-lead{max-width:60ch;font-size:16px;line-height:1.8}
body.ecu-mercury .process-v98 .seg-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:28px}
body.ecu-mercury .process-v98 .seg-actions :is(.btn,.seg-btn-light){
 display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-width:0;min-height:50px;height:auto;
 padding:13px 22px;line-height:1.5;font-size:14px;white-space:normal;text-align:center;
}
body.ecu-mercury .process-v98 .process-orbit{
 position:relative;display:grid;place-items:center;width:100%;max-width:440px;aspect-ratio:1;min-height:0;
 margin:0 auto;transform:none;background:var(--mc-fog);border:1px solid var(--mc-line);border-radius:50%;
}
body.ecu-mercury .process-v98 .process-orbit:before,
body.ecu-mercury .process-v98 .process-orbit:after{
 left:50%;top:50%;transform:translate(-50%,-50%);width:82%;height:82%;border:1px solid var(--mc-line);border-radius:50%;
}
body.ecu-mercury .process-v98 .process-orbit:after{width:62%;height:62%}
body.ecu-mercury .process-v98 .orbit-core{
 display:flex;align-items:center;justify-content:center;gap:10px;width:51%;height:51%;min-width:0;padding:14px;
 background:var(--mc-card);color:var(--mc-ink);border:1px solid var(--mc-line);border-radius:50%;box-shadow:var(--mc-surface-shadow);
}
body.ecu-mercury .process-v98 .orbit-core small{font-size:10px;letter-spacing:.12em;color:var(--mc-muted);line-height:1.5}
body.ecu-mercury .process-v98 .orbit-core strong{margin:0;font-size:clamp(25px,2.7vw,38px);line-height:1.15;letter-spacing:-.025em}
body.ecu-mercury .process-v98 .orbit-core>span{font-size:12px;line-height:1.5;color:var(--mc-secondary);max-width:15ch}
body.ecu-mercury .process-v98 .orbit-steps{position:absolute;inset:0}
body.ecu-mercury .process-v98 .orbit-dot{
 display:grid;place-items:center;width:12%;height:12%;transform:translate(-50%,-50%);background:var(--mc-card);
 border:1px solid var(--mc-line);border-radius:50%;color:var(--mc-link);font-size:clamp(12px,1.1vw,15px);font-weight:650;box-shadow:none;
}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(1){left:50%;top:9%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(2){left:82%;top:24.4%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(3){left:90%;top:59.1%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(4){left:67.8%;top:86.9%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(5){left:32.2%;top:86.9%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(6){left:10%;top:59.1%}
body.ecu-mercury .process-v98 .orbit-dot:nth-child(7){left:18%;top:24.4%}
body.ecu-mercury .process-v98 .seg-strip{padding-block:20px;border-block:1px solid var(--mc-line)}
body.ecu-mercury .process-v98 .seg-strip .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;overflow:hidden;border-radius:20px}
body.ecu-mercury .process-v98 .seg-strip .container>div{min-width:0;padding:22px 24px;border:0;border-right:1px solid var(--mc-line)}
body.ecu-mercury .process-v98 .seg-strip .container>div:last-child{border-right:0}
body.ecu-mercury .process-v98 .seg-strip b{display:block;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.5}
body.ecu-mercury .process-v98 .seg-strip span{display:block;font-size:13px;line-height:1.7}
body.ecu-mercury .process-v98 .seg-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:end;gap:28px;margin-bottom:32px}
body.ecu-mercury .process-v98 .seg-heading h2{max-width:22ch;margin:14px 0 0;font-size:clamp(30px,3.3vw,44px);line-height:1.18;letter-spacing:-.02em}
body.ecu-mercury .process-v98 .seg-heading>p{margin:0;max-width:45ch;font-size:15px;line-height:1.8}
body.ecu-mercury .process-v98 .process-ui{
 display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--mc-line);
 border-radius:24px;overflow:hidden;background:var(--mc-card)!important;box-shadow:var(--mc-surface-shadow);
}
body.ecu-mercury .process-v98 .process-nav{
 display:grid;align-content:start;gap:8px;min-width:0;padding:16px;background:var(--mc-fog);
 border-right:1px solid var(--mc-line);overflow:visible;
}
body.ecu-mercury .process-v98 .process-nav>a{
 display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:54px;margin:0;padding:10px 12px;
 border:1px solid transparent;border-radius:14px;background:transparent;color:var(--mc-secondary);
 font:500 14px/1.5 var(--mc-ui);text-decoration:none;white-space:normal;
}
body.ecu-mercury .process-v98 .process-step-number{
 display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--mc-line);border-radius:10px;
 background:var(--mc-card);color:var(--mc-muted);font-size:11px;font-weight:650;
}
body.ecu-mercury .process-v98 .process-step-label{min-width:0;overflow-wrap:break-word}
body.ecu-mercury .process-v98 .process-nav>a:hover{color:var(--mc-ink);background:var(--mc-card)}
body.ecu-mercury .process-v98 .process-nav>a.active{color:var(--mc-link);background:var(--mc-card);border-color:var(--mc-link)}
body.ecu-mercury .process-v98 .process-nav>a.active .process-step-number{background:var(--mc-action);color:#fff;border-color:var(--mc-action)}
body.ecu-mercury .process-v98 :is(.process-nav>a,.process-panel):focus-visible{outline:2px solid var(--mc-focus);outline-offset:-3px}
body.ecu-mercury .process-v98 .process-stage{min-width:0;min-height:0;padding:clamp(24px,3.3vw,44px);background:transparent!important}
body.ecu-mercury .process-v98 .process-panel{
 display:block;min-width:0;min-height:0;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;animation:none;
}
body.ecu-mercury .process-v98 .process-panel+.process-panel{margin-top:36px;padding-top:36px;border-top:1px solid var(--mc-line)!important}
body.ecu-mercury .process-v98 [data-process-ready] .process-panel{margin:0;padding:0;border:0!important}
body.ecu-mercury .process-v98 .process-panel[hidden]{display:none!important}
body.ecu-mercury .process-v98 .process-panel-heading{display:flex;align-items:center;gap:20px;margin:0 0 24px}
body.ecu-mercury .process-v98 .process-panel-heading>div{min-width:0}
body.ecu-mercury .process-v98 .process-big{
 display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;margin:0;padding:0;border-radius:18px;
 background:var(--mc-tint);color:var(--mc-link);font-size:34px;font-weight:550;line-height:1;letter-spacing:-.04em;
}
body.ecu-mercury .process-v98 .process-panel small{display:block;color:var(--mc-link);font-size:11px;line-height:1.5;letter-spacing:.1em;font-weight:600}
body.ecu-mercury .process-v98 .process-panel h3{margin:7px 0 0;font-size:clamp(25px,2.6vw,34px);line-height:1.25;letter-spacing:-.02em;overflow-wrap:break-word}
body.ecu-mercury .process-v98 .process-description{margin:0;max-width:68ch;font-size:16px;line-height:1.85;color:var(--mc-secondary)}
body.ecu-mercury .process-v98 .process-details{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;
 border:0;border-radius:0;background:transparent!important;
}
body.ecu-mercury .process-v98 .process-details>div{min-width:0;padding:20px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-fog)}
body.ecu-mercury .process-v98 .process-details b{font-size:14px;line-height:1.6;color:var(--mc-ink);font-weight:650}
body.ecu-mercury .process-v98 .process-details span{margin-top:10px;font-size:14px;line-height:1.8;color:var(--mc-secondary)}
body.ecu-mercury .process-v98 .seg-dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.ecu-mercury .process-v98 .seg-panel{min-height:0;gap:20px;align-items:start}
body.ecu-mercury .process-v98 .seg-panel h2{margin:0;font-size:clamp(27px,2.8vw,38px);line-height:1.22}
body.ecu-mercury .process-v98 .seg-panel p{margin:0 0 4px;font-size:15px;line-height:1.85}
body.ecu-mercury .process-v98 .seg-panel a{display:block;width:100%;margin-top:auto;padding-top:20px;font-size:14px;line-height:1.7;color:var(--mc-link)}
body.ecu-mercury .process-v98 .seg-warranty-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:40px}
body.ecu-mercury .process-v98 .seg-warranty-grid h2{margin:16px 0 20px;font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-.02em}
body.ecu-mercury .process-v98 .seg-warranty-grid p{margin:0;font-size:16px;line-height:1.85}
body.ecu-mercury .process-v98 .seg-warranty-card{min-width:0;padding:28px}
body.ecu-mercury .process-v98 .seg-warranty-card strong{margin:20px 0 12px;font-size:clamp(28px,2.8vw,38px);line-height:1.2;overflow-wrap:normal}
body.ecu-mercury .process-v98 .seg-warranty-card :is(small,span){line-height:1.7}
body.ecu-mercury .process-v98 .seg-final h2{font-size:clamp(36px,4.4vw,60px);line-height:1.15;letter-spacing:-.025em}
body.ecu-mercury .process-v98 .seg-final p{font-size:16px;line-height:1.8}
body.ecu-mercury .process-v98 .seg-actions.center{justify-content:center}
@media(max-width:960px){
 body.ecu-mercury .process-v98 .seg-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:24px}
 body.ecu-mercury .process-v98 .process-ui{grid-template-columns:210px minmax(0,1fr)}
 body.ecu-mercury .process-v98 .process-details{grid-template-columns:minmax(0,1fr)}
 body.ecu-mercury .process-v98 .seg-strip .container{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ecu-mercury .process-v98 .seg-strip .container>div:nth-child(2n){border-right:0}
 body.ecu-mercury .process-v98 .seg-strip .container>div:nth-child(-n+2){border-bottom:1px solid var(--mc-line)}
}
@media(max-width:760px){
 body.ecu-mercury .process-v98 .seg-hero-grid,
 body.ecu-mercury .process-v98 .seg-heading,
 body.ecu-mercury .process-v98 .seg-dual,
 body.ecu-mercury .process-v98 .seg-warranty-grid,
 body.ecu-mercury .process-v98 .process-ui{grid-template-columns:minmax(0,1fr)}
 body.ecu-mercury .process-v98 .seg-hero-grid{gap:32px}
 body.ecu-mercury .process-v98 .seg-copy h1{font-size:clamp(32px,8.8vw,46px);max-width:19ch;line-height:1.16}
 body.ecu-mercury .process-v98 .process-orbit{max-width:330px}
 body.ecu-mercury .process-v98 .seg-heading{gap:18px}
 body.ecu-mercury .process-v98 .process-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border-right:0;border-bottom:1px solid var(--mc-line)}
 body.ecu-mercury .process-v98 .process-nav>a{gap:9px;padding:9px;min-height:50px;font-size:13px}
 body.ecu-mercury .process-v98 .process-nav>a:last-child{grid-column:1/-1}
 body.ecu-mercury .process-v98 .process-step-number{flex-basis:28px;width:28px;height:28px;border-radius:9px}
 body.ecu-mercury .process-v98 .process-stage{padding:24px}
 body.ecu-mercury .process-v98 .process-panel-heading{gap:14px;margin-bottom:20px}
 body.ecu-mercury .process-v98 .process-big{flex-basis:54px;width:54px;height:54px;font-size:28px;border-radius:14px}
 body.ecu-mercury .process-v98 .process-panel h3{font-size:25px}
 body.ecu-mercury .process-v98 .process-description{font-size:15px;line-height:1.8}
 body.ecu-mercury .process-v98 .process-details{gap:12px;margin-top:24px}
 body.ecu-mercury .process-v98 .process-details>div{padding:18px}
 body.ecu-mercury .process-v98 .seg-warranty-grid{gap:24px}
}
@media(max-width:420px){
 body.ecu-mercury .process-v98 .seg-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 body.ecu-mercury .process-v98 .seg-actions :is(.btn,.seg-btn-light){width:100%}
 body.ecu-mercury .process-v98 .seg-strip .container>div{padding:18px 14px}
 body.ecu-mercury .process-v98 .process-nav{padding:10px;gap:6px}
 body.ecu-mercury .process-v98 .process-nav>a{gap:7px;padding:8px 7px;font-size:12px}
 body.ecu-mercury .process-v98 .process-stage{padding:22px 18px}
 body.ecu-mercury .process-v98 .process-panel h3{font-size:23px}
}
