/* Service page: shared palette and typography from the approved top draft. */
.header a[aria-current="page"]{text-decoration:underline;text-underline-offset:8px}
a.service-link{display:grid;place-items:center}
.subpage-hero{padding-top:32px;padding-bottom:50px;background:#090a0c}
.breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:auto;padding:0;gap:18px;font-size:12px;color:#98a3b4}
.breadcrumb a{padding-block:10px}
.subpage-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;margin:72px 0 68px}
.subpage-intro .eyebrow{color:#929aaa}
.service-page h1{white-space:normal;margin:25px 0 0;line-height:1;letter-spacing:0;animation:none}
.subpage-en{display:block;font:500 clamp(80px,10.5vw,150px)/1 Arial,sans-serif;letter-spacing:-.065em;color:#d4dae3}
.subpage-jp{display:block;font-size:28px;line-height:1.5;letter-spacing:.06em;margin-top:20px;font-weight:500}
.subpage-copy h2{font-size:clamp(24px,2.5vw,36px);font-weight:500;line-height:1.85;letter-spacing:-.02em}
.subpage-copy p{font-size:15px;line-height:2.1;color:#aeb6c1;margin-top:25px;text-wrap:pretty}
.subpage-bottom{display:flex;gap:32px;align-items:center;justify-content:space-between}
.service-jump{display:flex;gap:36px;flex-wrap:wrap}
.service-jump a{display:flex;align-items:center;gap:18px;border-bottom:1px solid #505b6c;padding:14px 0;font-size:14px;min-height:48px}
.service-jump a>span:first-child{font:12px Arial,sans-serif;color:#98a3b4}
.service-jump a>span:last-child{margin-left:22px}
.service-detail{padding-block:104px 124px}
.detail-title{position:relative;border-bottom:1px solid #858e9c66;padding-bottom:36px;padding-right:160px}
.detail-title .eyebrow{color:#505866;margin-bottom:20px}
.detail-title h2{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.03em;line-height:1.5}
.detail-index{position:absolute;right:0;top:0;font:400 104px/1 Arial,sans-serif;letter-spacing:-.08em;color:#6470844d}
.detail-body{display:grid;grid-template-columns:1fr 1.15fr;gap:88px;align-items:start;margin-top:50px}
.detail-body h3,.consulting-copy h3{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.8;letter-spacing:-.04em}
.detail-copy{font-size:16px;line-height:2.15;color:#414b5a;text-wrap:pretty}
.detail-copy p+p{margin-top:22px}
.sales-stages{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;padding-top:12px}
.sales-stages>div{position:relative;text-align:center;padding:0 12px}
.sales-stages>div:not(:last-child):after{content:"";position:absolute;top:22px;left:calc(50% + 23px);width:calc(100% - 46px);height:1px;background:#7e8999}
.stage-dot{display:block;width:46px;height:46px;border:1px solid #626d7d;border-radius:50%;margin:0 auto 20px}
.stage-dot.filled{background:#3e495b}
.sales-stages .eyebrow{color:#596575;font-size:12px}
.sales-stages h3{font-size:20px;line-height:1.5;font-weight:500;margin-top:9px}
.consulting-detail{background:#0c0e12;color:#d4dae3}
.consulting-detail .detail-title{border-color:#303743}
.consulting-detail .detail-title .eyebrow{color:#98a3b4}
.consulting-detail .detail-index{color:#6c7a8e4d}
.consulting-body{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;margin-top:62px}
.consulting-copy p{font-size:16px;line-height:2.15;color:#aeb6c1;margin-top:28px;max-width:530px;text-wrap:pretty}
.consulting-visual{height:290px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.consulting-visual>span{width:180px;height:180px;flex-shrink:0;border:1px solid #8c98aa;border-radius:50%;margin-right:-55px;background:linear-gradient(135deg,#e0e7f210,transparent);position:relative}
.consulting-visual>span:last-of-type{background:linear-gradient(135deg,#d5dce666,#35445b99);border-color:#97a5b9;margin-right:0}
.consulting-visual>i{position:absolute;inset:0;background:radial-gradient(ellipse,#91a6ca13,transparent 67%);z-index:-1}
@media(max-width:1100px){
.subpage-intro{gap:45px}.subpage-en{font-size:clamp(80px,10vw,115px)}
.detail-body,.consulting-body{gap:48px}
.consulting-visual>span{width:clamp(110px,13vw,140px);height:auto;aspect-ratio:1;margin-right:-45px}
}
@media(max-width:700px){
.subpage-hero{padding-top:18px;padding-bottom:58px}
.breadcrumb{font-size:11px;gap:14px}
.subpage-intro{grid-template-columns:1fr;gap:36px;margin:42px 0 38px}
.service-page h1{margin-top:19px}
.subpage-en{font-size:clamp(64px,17vw,112px)}
.subpage-jp{font-size:24px;margin-top:15px}
.subpage-copy h2{font-size:25px;line-height:1.85}
.subpage-copy p{font-size:15px;line-height:2.05;margin-top:20px}
.subpage-copy p br{display:none}
.subpage-bottom{align-items:flex-start;flex-direction:column;gap:25px}
.service-jump{flex-direction:column;gap:7px;width:100%}
.service-jump a{font-size:13px;gap:16px}
.service-jump a>span:last-child{margin-left:auto}
.subpage-bottom .motion-toggle{align-self:flex-end}
.service-detail{padding-block:72px 90px}
.detail-title{padding-bottom:29px;padding-right:58px}
.detail-title .eyebrow{margin-bottom:18px;font-size:11px}
.detail-title h2{font-size:30px;line-height:1.65}
.detail-index{font-size:60px;top:30px}
.consulting-name{display:block}
.detail-body{grid-template-columns:1fr;gap:25px;margin-top:32px}
.detail-body h3,.consulting-copy h3{font-size:28px;line-height:1.75}
.detail-copy,.consulting-copy p{font-size:15px;line-height:2.05}
.sales-stages{margin-top:42px}
.stage-dot{width:30px;height:30px;margin-bottom:17px}
.sales-stages>div{padding:0 3px}
.sales-stages>div:not(:last-child):after{top:15px;left:calc(50% + 15px);width:calc(100% - 30px)}
.sales-stages h3{font-size:15px;margin-top:7px}
.sales-stages .eyebrow{font-size:11px}
.consulting-body{grid-template-columns:1fr;gap:30px;margin-top:34px}
.consulting-visual{height:178px}
.consulting-visual>span{width:116px;height:116px;margin-right:-40px}
.consulting-copy p{margin-top:20px}
}
@media(max-width:359px){
.detail-title h2{font-size:26px}.detail-title{padding-right:48px}
.detail-index{font-size:48px}
.subpage-copy h2{font-size:23px}
.sales-stages h3{font-size:14px}
}