.hero__service{font:800 clamp(19px,1.65vw,25px)/1.65 var(--f-min);letter-spacing:.03em;color:var(--sumi)}
.hero__lead{max-width:550px}
.proof-note{font-size:12px!important;color:var(--nibi);margin-top:-12px}
.service-hub{padding:72px var(--gutter);background:var(--gofun);position:relative}
.section-label{font:600 14px/1.8 var(--f-got);letter-spacing:.2em;color:var(--nibi);margin-bottom:16px}
.service-hub h2{font:600 clamp(24px,3vw,38px)/1.7 var(--f-min)}
.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.service-link{display:flex;flex-direction:column;align-items:start;gap:14px;padding:24px 0;border-top:2px solid var(--kogane);text-decoration:none;transition:transform .25s}
.service-link strong{font:600 21px/1.65 var(--f-min)}
.service-link>span:first-child{font:500 26px var(--f-sho)}
.service-link>span:last-child{margin-top:auto;text-decoration:underline;text-underline-offset:5px}
.service-link:hover{transform:translateY(-4px)}
.footer-services{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0;font-size:14px}
.footer-services a{padding:8px 0}


.hero__sho img{clip-path:none}
.skip-link{position:absolute;left:20px;top:-100px;z-index:200;background:var(--gofun);padding:12px 20px}
.skip-link:focus{top:12px}
.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--gutter);border-bottom:1px solid var(--rule)}
.detail-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:600 24px var(--f-min)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding:24px var(--gutter);font-size:13px;color:var(--nibi)}
.breadcrumbs a{padding:10px 0}
.breadcrumbs span{align-self:center}
.detail-hero{max-width:1440px;margin:auto;padding:40px var(--gutter) 88px;display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.detail-hero h1{font:800 clamp(28px,3.2vw,48px)/1.55 var(--f-min);letter-spacing:.04em;text-wrap:balance}
.detail-catch{font:600 clamp(22px,2.2vw,32px)/1.8 var(--f-min);margin:30px 0 24px}
.detail-hero p:not(.section-label):not(.detail-catch){max-width:42em}
.detail-hero figure{mix-blend-mode:multiply;transform:rotate(-3deg)}
.detail-hero figure img{width:100%;height:auto}
.text-link{display:inline-block;margin-top:24px;padding:10px 0;text-underline-offset:6px}
.detail-body{max-width:1080px;margin:auto;padding:0 var(--gutter) 80px}
.detail-section{padding:56px 0;border-top:1px solid var(--rule);scroll-margin-top:24px}
.detail-section h2,.detail-related h2{font:600 clamp(23px,2.5vw,32px)/1.6 var(--f-min);margin-bottom:24px;text-wrap:balance}
.detail-section>p{max-width:42em}
.detail-items{display:grid;gap:32px}
.detail-items article{padding-left:24px;border-left:3px solid var(--kogane)}
.detail-items h3{font:700 21px/1.7 var(--f-min);margin-bottom:10px}
.detail-items p{max-width:40em}
.detail-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:flow}
.detail-flow li{padding-top:20px;border-top:2px solid var(--kogane)}
.detail-flow b{font-size:18px}
.detail-flow p{margin-top:12px}
.detail-price strong{font:800 clamp(32px,4vw,48px)/1.5 var(--f-min)}
.detail-price{margin-bottom:20px}
.detail-note{font-size:13px;margin-top:18px;color:var(--nibi)}
.detail-faq details{padding:20px 0;border-bottom:1px solid var(--rule)}
.detail-faq summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}
.detail-faq details p{padding:12px 0;max-width:42em}
.detail-related{padding:32px;background:var(--gofun)}
.detail-related a{display:block;padding:12px 0;text-underline-offset:5px}
.detail-contact{padding:80px var(--gutter);background:var(--sumi);color:var(--gofun)}
.detail-contact h2{font:600 clamp(28px,4vw,48px)/1.6 var(--f-min);margin-bottom:24px}
.detail-contact .section-label,.detail-contact .detail-note{color:var(--rule)}
.detail-contact .btn{margin-top:28px}
.detail-footer{display:flex;flex-wrap:wrap;gap:16px 32px;padding:36px var(--gutter);font-size:14px;align-items:center}
.detail-footer a{padding:10px 0}
.detail-footer small{margin-left:auto}
.detail-page a:hover{text-decoration-thickness:2px}
@media(max-width:1024px){
 .service-links{grid-template-columns:1fr}
 .detail-hero{grid-template-columns:1fr;gap:20px}
 .detail-hero figure{width:220px;justify-self:center}
 .detail-flow{grid-template-columns:1fr}
 .hd__menu{display:flex;flex-direction:column;justify-content:center;gap:6px;background:var(--gofun);border:1px solid var(--rule);width:44px;height:44px;flex-shrink:0;cursor:pointer;padding:10px}
 .hd__menu span{height:2px;width:22px;background:var(--sumi)}
 .hd__nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--gofun);padding:16px var(--gutter);color:var(--sumi);box-shadow:0 16px 24px #1b1a171a}
 .hd__nav.is-open a{padding:12px 0}
}
@media(max-width:600px){
 .hd{gap:8px}
 .hd__brand{gap:8px;flex-shrink:0}
 .hd__name{white-space:nowrap;font-size:16px;letter-spacing:.08em}
 .hd__logo{width:32px}
 .hd__cta{white-space:nowrap;padding:14px 10px;font-size:11px;letter-spacing:0}
 .hero__service{font-size:18px}
 .hero__strong{font-size:16px!important;letter-spacing:.02em!important}
 .hero__lead{max-width:100%}
 .detail-header{padding:16px 20px}
 .detail-brand{font-size:18px;gap:8px}
 .detail-brand img{width:42px}
 .detail-header .btn{font-size:13px;padding:16px 14px;letter-spacing:.03em}
 .detail-hero{padding-top:16px;padding-bottom:48px}
 .detail-hero figure{width:170px}
 .detail-section{padding:40px 0}
 .detail-footer small{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .service-link:hover{transform:none}
}

.service-hub{scroll-margin-top:100px}
.service-link-description{font:400 15px/1.9 var(--f-got);color:var(--sumi)}
.detail-nav{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 0 28px}
.detail-nav a{display:inline-block;padding:10px 0;min-height:44px;text-underline-offset:5px;font-size:14px}