/* FRONTEND-CRAFT phase 1: branded icons, restrained depth, reveal motion and real before/after interaction. */
.craft-icon{display:inline-block;width:1.35em;height:1.35em;flex:0 0 auto;color:currentColor;vertical-align:-.25em}
.craft-icon use{pointer-events:none}
.ld-tab-icon svg.craft-icon,.ld-service-choice-icon svg.craft-icon{stroke:none}
.craft-icon-label{display:inline-flex;align-items:center;gap:.48rem}

.svc-icon,.promise-icon,.item-icon,.drain-icon{
  display:grid!important;place-items:center!important;
  color:var(--service-accent,var(--ld-teal,#138a80))!important;
  background:color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 10%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 22%,#fff)!important;
  box-shadow:none!important;
}
.svc-icon .craft-icon{width:27px;height:27px}
.promise-icon .craft-icon,.item-icon .craft-icon,.drain-icon .craft-icon{width:25px;height:25px}
.svc-card[data-service="aircon"]{--service-accent:#087ea4;--service-accent-dark:#075f7d}
.svc-card[data-service="washer"]{--service-accent:#6d5bd0;--service-accent-dark:#5142a7}
.svc-card[data-service="homeclean"]{--service-accent:#d97706;--service-accent-dark:#a94f08}
.svc-card[data-service="water-tank"]{--service-accent:#0284c7;--service-accent-dark:#075985}
.svc-card[data-service="pipe-cleaning"]{--service-accent:#0e7490;--service-accent-dark:#155e75}
.svc-card[data-service="leak-repair"]{--service-accent:#0f766e;--service-accent-dark:#115e59}
.svc-card[data-service] .svc-price{
  color:var(--service-accent-dark)!important;
  background:color-mix(in srgb,var(--service-accent) 10%,#fff)!important;
}
.svc-card[data-service] .svc-btn-price{
  color:var(--service-accent-dark)!important;
  border-color:color-mix(in srgb,var(--service-accent) 38%,#fff)!important;
}
.svc-card[data-service] .svc-btn-book{
  background:var(--service-accent)!important;
  border-color:var(--service-accent)!important;
}
.svc-card[data-service]:hover{border-color:var(--service-accent)!important}

/* Default surfaces are quiet. Depth appears only as feedback. */
.item-card,.impact-card,.price-card,.myth-card,.instrument-card,.promise-item,.process-card,.service-step,.knowledge-card{
  box-shadow:none!important;
  border-color:var(--ld-border,#dce4e7)!important;
}
.item-card:hover,.impact-card:hover,.price-card:hover,.myth-card:hover,.instrument-card:hover,.promise-item:hover,.process-card:hover,.service-step:hover,.knowledge-card:hover{
  box-shadow:0 14px 34px rgba(23,50,77,.09)!important;
}
.svc-price,.price-amt,.price-row,.price-table{font-variant-numeric:tabular-nums}
.hero-h1,.page-title,.hero-h1,.sec-title,.impact-title,.service-flow h2,.knowledge-rail h2{text-wrap:balance}
.hero-desc,.page-desc,.impact-lead,.service-flow-intro,.knowledge-rail-intro{text-wrap:pretty}
.headline-line{display:block;white-space:nowrap}
.headline-line+.headline-line{margin-top:.08em}
body.service-page .page-title em,
body.service-page .hero-h1 em{
  color:var(--service-accent,var(--ld-orange-dark,#d96f0d))!important;
  font-style:normal;
}
body.service-page .page-btn,
body.service-page .mid-cta-btn,
body.service-page .cta-btn,
body.leak-page .hero-btn,
body.leak-page .cta-btn{
  background:var(--service-accent,var(--ld-teal,#138a80))!important;
  border-color:var(--service-accent,var(--ld-teal,#138a80))!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 24%,transparent)!important;
}
body.service-page .page-btn:hover,
body.service-page .mid-cta-btn:hover,
body.service-page .cta-btn:hover,
body.leak-page .hero-btn:hover,
body.leak-page .cta-btn:hover{
  background:var(--service-accent-dark,var(--service-accent,var(--ld-teal,#138a80)))!important;
}
/* 立即預約／估價 CTA：LINE 風光掃（8s，較不頻繁）——galaxy Buttons pattern */
body.service-page .page-btn,
body.service-page .mid-cta-btn,
body.service-page .cta-btn,
body.leak-page .hero-btn,
body.leak-page .cta-btn{position:relative;overflow:hidden;isolation:isolate}
body.service-page .page-btn::before,
body.service-page .mid-cta-btn::before,
body.service-page .cta-btn::before,
body.leak-page .hero-btn::before,
body.leak-page .cta-btn::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  transform:translateX(-130%);
}
@media(prefers-reduced-motion:no-preference){
  body.service-page .page-btn::before,
  body.service-page .mid-cta-btn::before,
  body.service-page .cta-btn::before,
  body.leak-page .hero-btn::before,
  body.leak-page .cta-btn::before{animation:ld-shine-slow 8s ease-in-out infinite}
}
@keyframes ld-shine-slow{0%,30%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
body.service-page .price-amt,
body.leak-page .price-num,
body.leak-page .price-main{
  color:var(--service-accent-dark,var(--service-accent,var(--ld-teal,#138a80)))!important;
}
body.service-page .price-note{
  border-color:var(--service-accent,var(--ld-teal,#138a80))!important;
}
body.service-page .trust-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.5rem!important;
  align-items:center!important;
  margin-bottom:1.35rem!important;
}
body.service-page .trust-badge{
  display:inline-flex!important;
  width:auto!important;
  align-items:center!important;
  gap:.35rem!important;
  padding:.38rem .72rem!important;
  border-radius:999px!important;
  border:1px solid var(--service-border,var(--ld-border,#dce4e7))!important;
  background:#fff!important;
  color:var(--ld-ink,#17324d)!important;
  font-size:.78rem!important;
  font-weight:900!important;
  line-height:1.25!important;
  box-shadow:0 6px 16px rgba(23,50,77,.06)!important;
}
body.service-page .trust-badge+.trust-badge::before{content:none!important}

/* Keep the four service heroes aligned while each page retains its own brand color. */
body.ld-theme-homeclean .service-visual-img{
  min-height:clamp(360px,42vw,520px);
  background-size:cover;
  background-position:center;
}

/* Second-level sticky navigation for the current service page. */
html:has(body.service-page),body.service-page{overflow-x:clip!important}
.service-toc{
  position:sticky;
  top:var(--ld-hdr-h,92px);
  z-index:80;
  width:100%;
  isolation:isolate;
  background:rgba(255,255,255,.94);
  border-top:1px solid var(--service-border,var(--ld-border,#dce4e7));
  border-bottom:1px solid var(--service-border,var(--ld-border,#dce4e7));
  backdrop-filter:saturate(145%) blur(14px);
}
.service-toc-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  max-width:1180px;
  margin:0 auto;
  padding:.58rem 1rem;
  overflow-x:auto;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  transition:padding .2s ease,gap .2s ease;
}
.service-toc-inner::-webkit-scrollbar{display:none}
.service-toc a{
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:.62rem 1.02rem;
  border:1px solid var(--service-border,var(--ld-border,#dce4e7));
  border-radius:999px;
  background:#fff;
  color:var(--ld-ink,#17324d);
  font-size:.88rem;
  font-weight:900;
  line-height:1.2;
  transition:background .18s,color .18s,border-color .18s,transform .18s,min-height .2s ease,padding .2s ease;
}
.service-toc a:hover{transform:translateY(-1px);border-color:var(--service-accent)}
.service-toc a.is-current{
  color:#fff;
  background:var(--service-accent);
  border-color:var(--service-accent);
}
.toc-inline-jump{display:inline-flex;margin-top:.45rem;color:var(--service-accent)!important;font-size:.78rem;font-weight:900}
body.service-page [id]{scroll-margin-top:calc(var(--ld-hdr-h,92px) + var(--service-toc-h,82px) + 12px)}

/* Home-cleaning information architecture: useful depth without turning cards into walls of text. */
.section-kicker{color:var(--service-accent);font-size:.76rem;font-weight:900;letter-spacing:.08em;margin-bottom:.45rem}
.section-lead{max-width:780px;color:var(--ld-muted,#667680);font-size:.96rem;line-height:1.85;margin:-.2rem 0 1.45rem}
.education-figure{margin:1.35rem 0 1.6rem;border:1px solid color-mix(in srgb,var(--service-accent,#1d4ed8) 18%,#dbe4ea);border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(23,50,77,.1);overflow:hidden}
.education-figure img{display:block;width:100%;height:auto;background:#fff}
.education-figure figcaption{padding:.85rem 1rem;color:var(--ld-muted,#667680);font-size:.82rem;line-height:1.65;border-top:1px solid #e5edf2;background:linear-gradient(180deg,#fff,#f8fbfc)}
.education-figure strong{color:var(--ld-ink,#17324d)}
.service-card-tag,.area-status{display:inline-flex;align-items:center;width:max-content;margin-bottom:.72rem;padding:.28rem .56rem;border-radius:999px;background:var(--service-soft,#fffbeb);border:1px solid var(--service-border,#fde68a);color:var(--service-accent-dark,#a94f08);font-size:.68rem;font-weight:900;letter-spacing:.04em}
.scope-panel,.pricing-block{margin-top:2rem;border:1px solid var(--service-border,#fde68a);border-radius:24px;padding:clamp(1.3rem,3vw,2rem);background:color-mix(in srgb,var(--service-soft,#fffbeb) 72%,#fff)}
.scope-panel h3,.pricing-block h3{color:var(--ld-ink,#17324d);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.3;margin-bottom:.55rem}
.scope-panel>p{color:var(--ld-muted,#667680);font-size:.9rem;line-height:1.75;margin-bottom:1.15rem}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.scope-card{display:flex;flex-direction:column;gap:.32rem;border:1px solid var(--ld-border,#dce4e7);border-radius:16px;background:#fff;padding:1rem}
.scope-card strong{color:var(--ld-ink,#17324d);font-size:.94rem}
.scope-card span{color:var(--ld-muted,#667680);font-size:.8rem;line-height:1.7}
.scope-note,.area-boundary-note{margin-top:1rem;padding:.82rem 1rem;border-radius:14px;background:#fff;color:var(--ld-muted,#667680);font-size:.79rem;line-height:1.7;border-left:4px solid var(--service-accent)}
.pricing-block{background:#fff}
.price-scroll{width:100%;overflow-x:auto;margin-top:1.1rem;padding-bottom:.25rem}
.pricing-block .price-table{min-width:720px}
.pricing-block .price-table th:last-child,.pricing-block .price-table td:last-child{text-align:right}
.quote-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;margin:1rem 0}
.quote-method-grid>div{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid var(--ld-border,#dce4e7);border-radius:15px;background:var(--service-soft,#fffbeb)}
.quote-method-grid strong{color:var(--service-accent-dark,#a94f08);font-size:.9rem}
.quote-method-grid span{color:var(--ld-muted,#667680);font-size:.77rem;line-height:1.65}
.area-status.primary{background:color-mix(in srgb,var(--service-accent) 12%,#fff)}
.area-status.schedule{background:#f6f7f8;border-color:#dce4e7;color:#53636d}

@media(min-width:1120px){.service-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

@media(max-width:720px){
  .service-toc-inner{justify-content:flex-start;padding:.52rem .75rem;gap:.42rem}
  .service-toc a{min-height:41px;padding:.56rem .78rem;font-size:.8rem}
  .service-toc[data-local-count="4"] .service-toc-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .service-toc[data-local-count="4"] a{width:100%;min-width:0;padding:.54rem .28rem;white-space:normal;text-align:center}
  body.service-page [id]{scroll-margin-top:calc(var(--ld-hdr-h,130px) + var(--service-toc-h,56px) + 10px)}
  body.service-page .service-visual-note{display:none!important}
  .scope-grid,.quote-method-grid{grid-template-columns:1fr}
  .scope-panel,.pricing-block{border-radius:19px;padding:1.15rem}
  .price-scroll{overflow:visible!important}
  .pricing-block .price-table,.price-table{
    display:block;
    width:100%;
    min-width:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .price-table tbody{display:block}
  .price-table tr:first-child{display:none}
  .price-table tr{
    display:block;
    margin:0 0 .7rem;
    border:1px solid var(--ld-border,#dce4e7);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(23,50,77,.045);
  }
  .price-table td{
    display:grid;
    grid-template-columns:minmax(5.25em,34%) minmax(0,1fr);
    gap:.65rem;
    align-items:start;
    border-top:1px solid #eef2f6!important;
    padding:.62rem .78rem!important;
    font-size:.86rem!important;
    line-height:1.65;
    white-space:normal!important;
    word-break:break-word;
    overflow-wrap:anywhere;
    text-align:left!important;
  }
  .price-table td:first-child{
    display:block;
    border-top:0!important;
    background:color-mix(in srgb,var(--service-soft,#f8fbfc) 70%,#fff)!important;
    color:var(--ld-ink,#17324d)!important;
    font-size:.9rem!important;
    font-weight:900!important;
    text-align:left!important;
  }
  .price-table td:first-child::before{display:none}
  .price-table td::before{
    content:attr(data-label);
    color:var(--service-accent-dark,var(--ld-ink,#17324d));
    font-size:.72rem;
    font-weight:900;
    line-height:1.5;
  }
  .price-table .price-amt{white-space:normal!important}
}

/* Scroll reveal is progressive: content stays visible without JS. */
html.craft-js [data-craft-reveal]{opacity:0;transform:translateY(22px);transition:opacity .62s cubic-bezier(.22,.9,.32,1),transform .62s cubic-bezier(.22,.9,.32,1)}
html.craft-js [data-craft-reveal].craft-visible{opacity:1;transform:none}

/* Real-case before/after slider. */
.craft-case{width:100%;max-width:920px;margin-inline:auto;border:1px solid var(--ld-border,#dce4e7);border-radius:24px;overflow:hidden;background:#fff}
.craft-compare{--compare:50%;position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef2f2;touch-action:pan-y}
.craft-compare--portrait{aspect-ratio:4/3}
.craft-compare:focus-within{outline:3px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 48%,transparent);outline-offset:-4px}
.craft-compare picture,.craft-compare img{display:block;width:100%;height:100%}
.craft-compare img{position:absolute;inset:0;object-fit:cover;user-select:none;pointer-events:none}
.craft-compare-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.craft-compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--compare);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(23,50,77,.14);transform:translateX(-1px);pointer-events:none}
.craft-compare-handle{position:absolute;z-index:4;top:50%;left:var(--compare);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--service-accent,var(--ld-teal,#138a80));box-shadow:0 8px 24px rgba(23,50,77,.22);transform:translate(-50%,-50%);pointer-events:none;font-size:0}
.craft-compare-handle::before{content:'‹  ›';font-size:18px;font-weight:900;letter-spacing:.06em}
.craft-compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.craft-compare-label{
  position:absolute;
  z-index:2;
  top:16px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.48rem .86rem;
  border:2px solid rgba(255,255,255,.9);
  border-radius:999px;
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
  box-shadow:0 6px 18px rgba(16,39,59,.25);
  backdrop-filter:blur(10px);
}
/* The clipped after image is revealed from the left; the base before image remains on the right. */
.craft-compare-label.before{right:16px;background:rgba(16,39,59,.9)}
.craft-compare-label.after{left:16px;background:color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 94%,#10273b)}
.craft-case-copy{padding:1.15rem 1.25rem 1.3rem}
.craft-case-title{color:var(--ld-ink,#17324d);font-size:1.08rem;font-weight:900}
.craft-case-meta{display:flex;align-items:center;gap:.42rem;color:var(--ld-muted,#667680);font-size:.82rem;line-height:1.6;margin-top:.32rem}
.craft-case-meta .craft-icon{width:17px;height:17px;color:var(--service-accent,var(--ld-teal,#138a80))}
.craft-case-note{color:var(--ld-muted,#667680);font-size:.76rem;line-height:1.65;margin-top:.85rem}
.homeclean-case-grid,.real-case-grid{display:grid;gap:1rem;grid-template-columns:1fr}
.real-case-grid .craft-case{max-width:none}
.real-case-media{position:relative;aspect-ratio:1;overflow:hidden;background:#eef2f2}
.real-case-media--portrait{aspect-ratio:3/4}
.real-case-media picture,.real-case-media img{display:block;width:100%;height:100%}
.real-case-media img{object-fit:cover}
.real-case-media-label{position:absolute;top:14px;left:14px;padding:.38rem .68rem;border-radius:999px;background:rgba(16,39,59,.8);color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(8px)}

.craft-action-icon{display:inline-flex;align-items:center;gap:.48rem}
.craft-action-icon .craft-icon{width:19px;height:19px}

/* Service page hierarchy: keep content rich, but make the decision path obvious. */
body.service-page #page-hero{padding:clamp(2.6rem,5vw,4.4rem) 1.25rem!important}
body.service-page .section,
body.service-page .impact-section{padding:clamp(2.35rem,4.6vw,3.7rem) 0!important}
body.service-page .section-lead,
body.service-page .impact-lead,
body.service-page .service-flow-intro,
body.service-page .knowledge-rail-intro{font-size:.9rem!important;line-height:1.72!important;max-width:64ch!important}
body.service-page h2.h,
body.service-page .impact-title,
body.service-page .service-flow h2,
body.service-page .knowledge-rail h2{font-size:clamp(1.35rem,2.55vw,1.95rem)!important;line-height:1.24!important;margin-bottom:.55rem!important}
body.service-page .pricing-block,
body.service-page .quick-book-panel{
  position:relative;
  border:1px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 26%,#dce4e7)!important;
  box-shadow:0 16px 42px rgba(23,50,77,.08)!important;
}
body.service-page .price-table td{padding:.72rem .9rem!important}
body.service-page .price-note{font-size:.8rem!important;padding:.72rem .9rem!important;margin-top:.75rem!important}
.price-expand-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:.25rem 0 .75rem;
  min-height:38px;
  padding:.55rem .9rem;
  border:1px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 28%,#d8e4e9);
  border-radius:999px;
  background:#fff;
  color:var(--service-accent,var(--ld-teal,#138a80));
  font-size:.8rem;
  font-weight:900;
}
@media(max-width:720px){
  body.service-page .price-table.is-price-collapsed:not(.is-price-open) tr.is-price-extra{display:none!important}
}
@media(min-width:721px){
  .price-expand-btn{display:none}
}
.quick-book-panel{
  display:grid;
  gap:1rem;
  align-items:center;
  margin:1rem 0;
  padding:1.05rem;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,var(--service-soft,#f8fbfc));
}
.quick-book-panel h3{color:var(--ld-ink,#17324d);font-size:1.15rem;line-height:1.3;margin:.1rem 0 .35rem;font-weight:900}
.quick-book-panel p{color:var(--ld-muted,#667680);font-size:.84rem;line-height:1.65;margin:0}
.quick-book-btn{justify-content:center;background:var(--service-accent,var(--ld-teal,#138a80));color:#fff;font-weight:900;border-radius:13px;padding:.82rem 1rem;box-shadow:0 10px 22px rgba(19,138,128,.18)}
.homeclean-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  margin-top:.75rem;
}
.homeclean-quick-grid article{
  border:1px solid var(--ld-border,#dce4e7);
  border-radius:14px;
  padding:.82rem .88rem;
  background:#fff;
}
.homeclean-quick-grid strong{display:block;color:var(--ld-ink,#17324d);font-size:.88rem;line-height:1.35;margin-bottom:.2rem}
.homeclean-quick-grid span{display:block;color:var(--ld-muted,#667680);font-size:.76rem;line-height:1.55}
body.service-page .service-flow{padding:clamp(2rem,4vw,3rem) 1.25rem!important;background:#f7faf9!important;border-top:1px solid #e5edf0;border-bottom:1px solid #e5edf0}
body.service-page .service-flow-head{margin-bottom:1rem!important;max-width:720px!important}
body.service-page .service-step-grid{gap:.72rem!important}
body.service-page .service-step{padding:1rem!important;border-radius:15px!important;box-shadow:none!important}
body.service-page .service-step h3{font-size:.94rem!important;margin-bottom:.3rem!important}
body.service-page .service-step p{font-size:.79rem!important;line-height:1.62!important}
body.service-page .knowledge-rail{padding:clamp(2rem,4vw,3rem) 1.25rem!important;background:#fff!important;border-top:1px solid #edf2f4}
body.service-page .knowledge-rail-head{margin-bottom:1rem!important}
body.service-page .knowledge-card{padding:1rem!important;border-radius:16px!important}
body.service-page .knowledge-card h3{font-size:.98rem!important;line-height:1.36!important}
body.service-page .knowledge-card p{font-size:.78rem!important;line-height:1.58!important}
body.service-page .impact-card{padding:1rem!important;border-radius:16px!important}
body.service-page .impact-list{gap:.42rem!important}
body.service-page .impact-list li{font-size:.8rem!important;line-height:1.55!important}
body.service-page .faq-list{gap:.42rem!important}
body.service-page .faq-q{padding:.72rem .9rem!important;font-size:.86rem!important}
body.service-page .faq-a{padding:.65rem .9rem .85rem!important;font-size:.8rem!important;line-height:1.65!important}
body.service-page #cta-bottom{padding:clamp(2rem,4vw,3rem) 1.25rem!important}
.service-story{padding:1.05rem 1rem 1.2rem!important;background:#fbfcfc!important}
.service-story-head{margin-bottom:.65rem!important}
.service-story-title{font-size:clamp(1.08rem,2.4vw,1.45rem)!important}
.service-story-card{box-shadow:none!important;border-radius:16px!important}
.service-story-media{height:clamp(210px,38vw,320px)!important}
.service-story-media.service-story-media--contain{height:clamp(440px,110vw,520px)!important;background:#fff!important}
.service-story-copy{padding:.9rem 1rem!important}
.service-story-card h2,.service-story-card h3{font-size:1rem!important}
.service-story-card p{font-size:.8rem!important;line-height:1.58!important}
body.leak-page section:not(#hero):not(.service-story){
  padding-top:clamp(2rem,4vw,3.2rem)!important;
  padding-bottom:clamp(2rem,4vw,3.2rem)!important;
}
body.leak-page .sec-title,
body.leak-page .pain-title,
body.leak-page .pricing-title,
body.leak-page h2{letter-spacing:-.02em}
body.leak-page .sec-title,
body.leak-page .pricing-title{font-size:clamp(1.35rem,2.6vw,2rem)!important;line-height:1.25!important}
body.leak-page .sec-sub,
body.leak-page .instrument-desc,
body.leak-page .area-desc{font-size:.86rem!important;line-height:1.65!important}
body.leak-page .pain-list,
body.leak-page .faq-list{gap:.5rem!important}
body.leak-page .pain-item{padding:.72rem .88rem!important;font-size:.84rem!important;line-height:1.55!important;box-shadow:none!important}
body.leak-page .faq-q{padding:.72rem .9rem!important;font-size:.85rem!important}
body.leak-page .faq-a{padding:.65rem .9rem .85rem!important;font-size:.8rem!important;line-height:1.62!important}
body.leak-page .carousel-track-wrap{margin-top:.8rem!important}
body.leak-page .carousel-card,
body.leak-page .team-card,
body.leak-page .instrument-card,
body.leak-page .myth-card,
body.leak-page .promise-item{box-shadow:none!important;border-radius:16px!important}
@media(max-width:720px){
  body.service-page .price-table thead{display:none!important}
  body.service-page .price-table tr{
    display:grid!important;
    gap:.34rem!important;
    padding:.78rem .86rem!important;
  }
  body.service-page .price-table td{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    border-top:0!important;
    padding:0!important;
    font-size:.8rem!important;
    line-height:1.55!important;
  }
  body.service-page .price-table td:first-child{
    background:transparent!important;
    font-size:.92rem!important;
    line-height:1.4!important;
    padding:0!important;
  }
  body.service-page .price-table td:not(:first-child)::before{
    content:attr(data-label) "：";
    display:inline!important;
    color:var(--service-accent-dark,var(--ld-ink,#17324d));
    font-size:.72rem;
    font-weight:900;
  }
  body.service-page .price-table td.price-amt{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:.24rem .58rem!important;
    border-radius:999px;
    background:color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 10%,#fff);
    color:var(--service-accent,var(--ld-teal,#138a80))!important;
    font-size:.78rem!important;
    font-weight:900!important;
  }
  body.service-page .price-table td.price-amt::before{
    color:currentColor;
    opacity:.78;
  }
}
.service-layer-tabs{
  position:sticky;
  top:calc(var(--ld-hdr-h,92px) + var(--service-toc-h,54px));
  z-index:72;
  isolation:isolate;
  padding:.48rem 1rem;
  background:color-mix(in srgb,var(--service-soft,#f4faf9) 88%,rgba(255,255,255,.96));
  border-top:1px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 20%,#e5edf0);
  border-bottom:1px solid color-mix(in srgb,var(--service-accent,var(--ld-teal,#138a80)) 28%,#dbe6eb);
  backdrop-filter:saturate(150%) blur(14px);
  transition:padding .2s ease;
}
.service-layer-tabs[hidden]{display:none!important}
.service-layer-tabs-inner{position:relative;display:flex;align-items:center;gap:.65rem;max-width:980px;margin:0 auto}
.service-layer-kicker{
  flex:0 0 auto;
  max-width:9.5em;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:.4rem .58rem;
  border-radius:5px;
  background:var(--service-accent,var(--ld-teal,#138a80));
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:0;
  line-height:1.2;
  text-align:center;
}
.service-layer-tablist{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  gap:.45rem;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.service-layer-tablist::-webkit-scrollbar{display:none}
.service-layer-tab{
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  min-height:40px;
  padding:.54rem .82rem;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--ld-ink,#17324d);
  font-size:.84rem;
  font-weight:900;
  line-height:1.1;
  box-shadow:none;
  transition:background .18s,color .18s,border-color .18s,min-height .2s ease,padding .2s ease;
}
.service-layer-tab.is-active,
.service-layer-tab[aria-selected="true"]{
  background:#fff;
  border-color:var(--service-accent,var(--ld-teal,#138a80));
  color:var(--service-accent-dark,var(--service-accent,#138a80));
  box-shadow:0 4px 12px rgba(23,50,77,.07);
}
.service-layer-panel{
  animation:serviceLayerIn .24s ease both;
}
.service-layer-panel[hidden]{display:none!important}
.service-layer-panel.is-layer-active{
  border-bottom:1px solid #edf2f4;
}
body.service-page .service-layer-panel[id],
body.service-page .service-layer-panel [id]{
  scroll-margin-top:calc(var(--ld-hdr-h,92px) + var(--service-toc-h,54px) + var(--service-layer-h,58px) + 10px);
}
@keyframes serviceLayerIn{
  from{opacity:.72;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
.homeclean-case-grid,.real-case-grid{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px,82%);
  gap:.85rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:.15rem .05rem .8rem;
  -webkit-overflow-scrolling:touch;
}
.homeclean-case-grid .craft-case,.real-case-grid .craft-case{scroll-snap-align:start;max-width:none}

@media(max-width:600px){
  .section>.container,.impact-section>.impact-inner{padding-inline:0!important}
  .service-layer-tabs{top:calc(var(--ld-hdr-h,130px) + var(--service-toc-h,50px));padding:.42rem .75rem}
  .service-layer-tabs-inner{gap:.45rem}
  .service-layer-kicker{max-width:7.8em;min-height:36px;padding:.34rem .44rem;font-size:.66rem}
  .service-layer-tab{min-height:38px;padding:.48rem .68rem;font-size:.78rem}
  .education-figure{border-radius:19px}
  .craft-compare{aspect-ratio:4/3}
  .craft-case{border-radius:19px}
  .craft-compare-handle{width:42px;height:42px}
  .craft-compare-label{top:12px;min-height:34px;padding:.42rem .7rem;font-size:.8rem}
  .craft-compare-label.before{right:12px}
  .craft-compare-label.after{left:12px}
  .homeclean-quick-grid{grid-template-columns:1fr}
}
body.service-nav-compact .service-toc-inner{padding-top:.28rem;padding-bottom:.28rem;gap:.32rem}
body.service-nav-compact .service-toc a{min-height:40px;padding-top:.44rem;padding-bottom:.44rem}
body.service-nav-compact .service-layer-tabs{padding-top:.28rem;padding-bottom:.28rem}
body.service-nav-compact .service-layer-kicker{min-height:38px;padding-top:.28rem;padding-bottom:.28rem}
body.service-nav-compact .service-layer-tab{min-height:38px;padding-top:.4rem;padding-bottom:.4rem}
@media(min-width:860px){
  .quick-book-panel{grid-template-columns:minmax(0,1fr) auto;padding:1.1rem 1.25rem}
  .homeclean-case-grid,.real-case-grid{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-bottom:0}
  .real-case-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto}
}
@media(min-width:1024px){
  .service-toc::after,
  .service-layer-tabs::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:3px;
    z-index:-1;
    background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--service-accent,#138a80) 35%,transparent) 9%,var(--service-accent,#138a80) 28%,var(--service-accent,#138a80) 72%,color-mix(in srgb,var(--service-accent,#138a80) 35%,transparent) 91%,transparent 100%);
    opacity:.78;
  }
  .service-toc-inner{
    max-width:1180px;
    min-height:64px;
    padding:.55rem 1rem;
    gap:.68rem;
  }
  .service-toc a{
    min-height:47px;
    padding:.66rem 1.2rem;
    font-size:.94rem;
  }
  .service-toc a.is-current,
  .service-layer-tab.is-active,
  .service-layer-tab[aria-selected="true"]{
    overflow:hidden;
  }
  .service-toc a.is-current::after,
  .service-layer-tab.is-active::after,
  .service-layer-tab[aria-selected="true"]::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:-44%;
    width:32%;
    pointer-events:none;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.72),rgba(255,255,255,.1),transparent);
    transform:skewX(-16deg);
    animation:serviceNavFlow 3.2s ease-in-out infinite;
  }
  .service-layer-tabs{
    padding:.5rem 1rem;
    background:color-mix(in srgb,var(--service-soft,#f4faf9) 90%,#fff);
  }
  .service-layer-tabs-inner{
    max-width:1180px;
    min-height:48px;
    justify-content:center;
    gap:.7rem;
  }
  .service-layer-kicker{
    max-width:none;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    padding:.54rem .88rem;
    border-radius:999px;
    font-size:.78rem;
    box-shadow:0 6px 16px color-mix(in srgb,var(--service-accent,#138a80) 20%,transparent);
  }
  .service-layer-kicker::after{
    content:'›';
    margin-left:.42rem;
    color:rgba(255,255,255,.76);
    font-size:1rem;
    line-height:1;
  }
  .service-layer-tablist{
    flex:0 1 auto;
    justify-content:center;
    gap:.38rem;
  }
  .service-layer-tab{
    min-height:42px;
    padding:.54rem .94rem;
    border:1px solid transparent;
    border-radius:999px;
    font-size:.88rem;
  }
  .service-layer-tab:hover{
    border-color:color-mix(in srgb,var(--service-accent,#138a80) 36%,#fff);
    background:rgba(255,255,255,.7);
  }
  .service-layer-tab.is-active,
  .service-layer-tab[aria-selected="true"]{
    color:#fff;
    background:var(--service-accent,var(--ld-teal,#138a80));
    border-color:var(--service-accent,var(--ld-teal,#138a80));
    box-shadow:0 6px 16px color-mix(in srgb,var(--service-accent,#138a80) 22%,transparent);
  }
  body.service-nav-compact .service-toc-inner{min-height:58px;padding-top:.36rem;padding-bottom:.36rem;gap:.5rem}
  body.service-nav-compact .service-toc a{min-height:46px;padding:.5rem 1rem;font-size:.88rem}
  body.service-nav-compact .service-layer-tabs{padding-top:.25rem;padding-bottom:.25rem}
  body.service-nav-compact .service-layer-tabs-inner{min-height:46px}
  body.service-nav-compact .service-layer-kicker{min-height:42px;padding:.44rem .76rem;font-size:.74rem}
  body.service-nav-compact .service-layer-tab{min-height:42px;padding:.46rem .84rem;font-size:.84rem}
}
@keyframes serviceNavFlow{
  0%,18%{left:-44%;opacity:0}
  28%{opacity:1}
  68%{opacity:1}
  82%,100%{left:118%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  html.craft-js [data-craft-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .service-layer-panel{animation:none!important}
  .ld-tab.ld-active::after,
  .service-toc a.is-current::after,
  .service-layer-tab.is-active::after,
  .service-layer-tab[aria-selected="true"]::after{animation:none!important;display:none!important}
}