/* ================= service detail ================= */
.sd-top{padding-top:118px;padding-bottom:clamp(40px,5vw,64px);background:linear-gradient(180deg,#f1f0f8 0,var(--white) 100%)}
.sd-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.sd-crumbs{display:flex;gap:8px;font-size:14px;color:var(--soft)}
.sd-crumbs a{text-decoration:none;color:var(--ink)}
.sd-top h1{font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin-top:14px}
.sd-top .lede{color:var(--soft);font-size:18px;margin-top:16px;max-width:520px}
.sd-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.sd-btns .ghost{color:var(--ink);border-color:var(--line)}
.sd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--line)}
.sd-facts div{padding:16px 16px 0 0}
.sd-facts div+div{padding-left:16px;border-left:1px solid var(--line)}
.sd-facts b{display:block;font-size:clamp(20px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}
.sd-facts span{display:block;font-size:13.5px;color:var(--soft);margin-top:2px}
.sd-photo{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:5/4;background:var(--img-ship) center/cover no-repeat;box-shadow:0 40px 80px -50px rgba(34,28,84,.5)}
.sd-chip{position:absolute;left:16px;bottom:16px;right:16px;max-width:360px;border-radius:18px;padding:14px 16px;color:var(--white);display:grid;gap:4px;background:rgba(20,23,27,.32);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.sd-chip small{font-size:12px;color:rgba(255,255,255,.78)}
.sd-chip b{font-size:15px}

.sd-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,5vw,72px);align-items:start}
.sd-main{display:grid;gap:clamp(44px,5.5vw,72px)}
.sd-main>*,.sd-body>*,.sd-split>*{min-width:0}
.sd-main h2{font-size:clamp(26px,2.6vw,36px)}
.sd-main .p{color:var(--soft);font-size:16.5px;margin-top:14px;max-width:680px}
.sd-inc{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;margin-top:20px}
.sd-inc div{border-top:1px solid var(--line);padding-block:16px}
.sd-inc b{display:flex;align-items:center;gap:10px;font-size:16px}
.sd-inc b::before{content:"";width:0;height:0;border-left:6px solid var(--acc);border-top:4px solid transparent;border-bottom:4px solid transparent;flex:none}
.sd-inc span{display:block;color:var(--soft);font-size:14.5px;margin-top:4px;padding-left:16px}
.sd-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px;position:relative}
.sd-steps::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:linear-gradient(90deg,var(--acc),var(--dark-2))}
.sd-steps div{position:relative;padding-top:36px}
.sd-steps div::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--white);border:4px solid var(--acc);box-sizing:border-box}
.sd-steps small{font-size:12.5px;font-weight:600;color:var(--acc)}
.sd-steps b{display:block;font-size:17px;margin-top:2px}
.sd-steps span{display:block;color:var(--soft);font-size:14.5px;margin-top:6px}
.sd-tbl{overflow-x:auto;margin-top:20px;border-radius:20px;border:1px solid #ebe9f3}
.sd-tbl table{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}
.sd-tbl th,.sd-tbl td{text-align:left;padding:15px 18px;border-bottom:1px solid #f0eff5}
.sd-tbl th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);background:#fbfbfe}
.sd-tbl tr:last-child td{border-bottom:0}
.sd-tbl td:first-child{font-weight:700}
.sd-tbl td{font-variant-numeric:tabular-nums}
.sd-note{font-size:13px;color:var(--soft);margin-top:10px}
.sd-price{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:20px}
.sd-price div{display:flex;gap:14px;padding-block:14px;border-top:1px solid var(--line)}
.sd-price i{width:8px;height:8px;border-radius:2px;background:var(--acc);transform:rotate(45deg);flex:none;margin-top:7px}
.sd-price b{display:block;font-size:15.5px}
.sd-price span{display:block;color:var(--soft);font-size:14px;margin-top:2px}

.sd-side{position:sticky;top:100px;display:grid;gap:16px}
.sd-q{border-radius:24px;background:#14171b;color:var(--white);padding:24px;display:grid;gap:12px;position:relative;overflow:hidden}
.sd-q::before{content:"";position:absolute;right:-40%;top:-30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,35,19,.25),transparent)}
.sd-q>*{position:relative}
.sd-q h3{font-size:20px}
.sd-q p{font-size:14px;color:#b9b6cc}
.sd-q input,.sd-q select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--white);border-radius:11px;padding:12px 13px;font:15px var(--f)}
.sd-q input::placeholder{color:rgba(255,255,255,.55)}
.sd-q select option{color:#14171b}
.sd-q input:focus,.sd-q select:focus{outline:none;border-color:var(--acc)}
.sd-q .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sd-q .btn{width:100%}
.sd-q .res{font-size:13px;color:#cfcbe6;min-height:18px}
.sd-links{border-radius:24px;border:1px solid #ebe9f3;padding:10px}
.sd-links b{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);padding:8px 12px}
.sd-links a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);transition:background .2s}
.sd-links a:hover{background:var(--tint)}
.sd-links a::after{content:"→";color:var(--soft)}
.sd-links a.on{background:var(--tint);color:var(--acc)}
.sd-person{display:flex;gap:12px;align-items:center;border-radius:24px;border:1px solid #ebe9f3;padding:14px}
.sd-person span.ph{width:52px;height:52px;border-radius:14px;background-position:center top;background-size:cover;flex:none}
.sd-person small{display:block;font-size:12.5px;color:var(--soft)}
.sd-person b{display:block;font-size:16px}
.sd-person a{font-size:14px;font-weight:600;color:var(--acc);text-decoration:none}

.rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 32px;flex-wrap:wrap;margin-bottom:clamp(20px,2.6vw,30px)}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.rel a{display:grid;gap:12px;text-decoration:none;color:inherit}
.rel .im{border-radius:22px;aspect-ratio:16/10;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rel a:hover .im{transform:translateY(-4px)}
.rel b{font-size:19px}
.rel span{color:var(--soft);font-size:14.5px}

@media (max-width:1000px){
  .sd-split,.sd-body{grid-template-columns:minmax(0,1fr)}
  .sd-side{position:static}
  .sd-steps{grid-template-columns:1fr 1fr;row-gap:28px}
  .sd-steps::before{display:none}
  .rel{grid-template-columns:1fr 1fr}
  .rel a:nth-child(3){display:none}
}
@media (max-width:680px){
  .sd-top{padding-top:96px}
  .sd-facts{grid-template-columns:minmax(0,1fr)}
  .sd-facts div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:14px}
  .sd-inc,.sd-price{grid-template-columns:minmax(0,1fr)}
  .sd-steps{grid-template-columns:minmax(0,1fr)}
  .rel{grid-template-columns:minmax(0,1fr)}
  .rel a:nth-child(3){display:grid}
}