:root{
  --dark-1:#070707;
  --dark-2:#1b1b1b;
  --dark-3:#474646;
  --orange:#ff7a18;
  --orange-2:#ff9432;
  --orange-soft:#f2d1b4;
  --ink:#25282b;
  --muted:#424c54;
  --hero-left:#f6f9fc;
  --hero-left-2:#fbfdff;
  --hero-band:#f2ece3;
  --divider:#dbe4eb;
  --max:1980px;
  --page-pad:clamp(12px,1.15vw,18px);
  --header-h:100px;
  --header-h-scrolled:82px;
}

.contact-intro-mobile-break {
  display: none;
}

@media (max-width: 820px) {
  .contact-intro-mobile-break {
    display: block;
  }
}

/* V143 | page 4 structure checklist icon size */
#plan-inspection .plan-card:nth-child(4) .plan-icon-img {
  transform: scale(.94) !important;
  transform-origin: center !important;
}

/* V144 | page 2 desktop reason-card icon alignment */
@media (min-width: 821px) {
  #why-inspection .why-card .why-icon {
    width: clamp(94px, 5.7vw, 112px) !important;
    height: clamp(94px, 5.7vw, 112px) !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  #why-inspection .why-card .why-icon img {
    width: clamp(92px, 5.5vw, 108px) !important;
    height: clamp(92px, 5.5vw, 108px) !important;
    max-width: clamp(92px, 5.5vw, 108px) !important;
    max-height: clamp(92px, 5.5vw, 108px) !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#f6f9fc;
  color:var(--ink);
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  height:var(--header-h);
  background:linear-gradient(100deg,#2d2d2d 0%,#171717 48%,#050505 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  transition:height .28s ease, background-color .28s ease, background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.08),rgba(255,255,255,0) 18%,rgba(255,255,255,0) 62%,rgba(255,255,255,.02) 100%);
  pointer-events:none;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-14px;height:14px;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,0));
  pointer-events:none;
}
.site-header.is-scrolled{
  height:var(--header-h-scrolled);
  background:linear-gradient(100deg,rgba(38,38,38,.84),rgba(16,16,16,.78));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.header-inner{
  position:relative;
  width:min(var(--max), calc(100% - var(--page-pad) * 2));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}
.brand{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height:0;
  text-decoration:none;
  flex:0 0 auto;
}
.brand img{
  width:clamp(228px,14.1vw,306px);
  height:auto;
  display:block;
  transition:width .28s ease, transform .28s ease, opacity .28s ease;
}
.site-header.is-scrolled .brand img{width:clamp(212px,13.1vw,280px)}

.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;z-index:12}
.menu-toggle span{width:26px;height:2px;background:#fff;border-radius:999px;transition:.22s ease}
.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.main-nav{
  display:flex;
  align-items:center;
  gap:clamp(30px,2.1vw,52px);
  margin-left:auto;
  transition:gap .28s ease;
}
.main-nav a:not(.nav-cta){
  position:relative;
  display:inline-flex;
  align-items:center;
  color:rgba(255,255,255,.8);
  text-decoration:none;
  font-size:clamp(15px,.9vw,18px);
  font-weight:400;
  letter-spacing:.06em;
  line-height:1;
  padding:10px 2px 12px;
  white-space:nowrap;
  transition:color .2s ease, transform .2s ease, font-size .28s ease, opacity .28s ease;
}
.main-nav a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:0;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  transform:translateX(-50%);
  transition:width .22s ease;
}
.main-nav a:not(.nav-cta):hover{color:#fff;transform:translateY(-1px)}
.main-nav a:not(.nav-cta):hover::after{width:100%}

.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:clamp(170px,11.4vw,220px);
  height:clamp(46px,3vw,58px);
  padding:0 clamp(20px,1.5vw,28px);
  border-radius:999px;
  background:linear-gradient(135deg,#ff9838 0%,#ff7d1d 66%,#f06a00 100%);
  color:#fff;
  text-decoration:none;
  font-size:clamp(15px,.96vw,18px);
  font-weight:500;
  letter-spacing:.075em;
  white-space:nowrap;
  box-shadow:0 8px 16px rgba(255,122,24,.14);
  transition:transform .22s ease, box-shadow .22s ease, font-size .28s ease, height .28s ease, padding .28s ease;
}
.nav-cta:hover{
  transform:translateY(-1px) scale(1.02);
  font-size:clamp(16px,1.04vw,19px);
  box-shadow:0 10px 18px rgba(255,122,24,.16);
}
.cta-arrow{
  position:relative;
  width:26px;
  height:12px;
  display:inline-block;
  overflow:visible;
  flex:0 0 26px;
}
.cta-arrow svg{
  position:absolute;
  top:50%;
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateY(-50%);
  transition:transform .22s ease, opacity .22s ease;
}
.cta-arrow svg:first-child{left:2px;opacity:1}
.cta-arrow svg:last-child{left:-2px;opacity:0}
.nav-cta:hover .cta-arrow svg:first-child{transform:translate(4px,-50%)}
.nav-cta:hover .cta-arrow svg:last-child{opacity:.54;transform:translate(7px,-50%)}

.site-header.is-scrolled .main-nav{gap:clamp(26px,1.9vw,44px)}
.site-header.is-scrolled .main-nav a:not(.nav-cta){font-size:clamp(14px,.84vw,17px)}
.site-header.is-scrolled .nav-cta{
  min-width:clamp(162px,10.7vw,206px);
  height:clamp(42px,2.7vw,52px);
  font-size:clamp(14px,.92vw,17px);
  padding:0 clamp(18px,1.4vw,25px);
}

.hero-section{
  background:var(--hero-left);
  padding:0 var(--page-pad);
}
.hero-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  min-height:clamp(950px, calc(100vh - var(--header-h) + 120px), 1140px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(460px,35%) minmax(0,65%);
  background:var(--hero-left);
  overflow:hidden;
}
.hero-copy{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  background:linear-gradient(105deg,#fbfdff 0%,#f7fafc 72%,#f4f8fb 100%);
}
.hero-copy-inner{
  position:relative;
  z-index:3;
  width:100%;
  padding:clamp(108px,7.6vw,152px) clamp(18px,1.35vw,30px) clamp(120px,7.2vw,148px) clamp(96px,6.2vw,138px);
}
.hero-copy h1{
  margin:0;
  color:#202428;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(84px,5.8vw,116px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.11em;
}
.accent-line{
  display:block;
  width:clamp(58px,4.7vw,84px);
  height:5px;
  margin:clamp(28px,2vw,34px) 0 clamp(34px,2.4vw,42px);
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
}
.hero-subtitle{
  margin:0 0 clamp(126px,8.2vw,156px);
  color:#3f4850;
  font-size:clamp(22px,1.36vw,27px);
  line-height:1.8;
  letter-spacing:.03em;
  font-weight:400;
}
.hero-points{
  width:min(100%,650px);
  margin-top:140px;
  display:grid;
  transform:translateY(70px);
  grid-template-columns:repeat(3,1fr);
  margin-left:-30px;
}
.hero-point{
  text-align:center;
  padding:0 18px;
  min-width:0;
  transition:transform .22s ease;
}
.hero-point:not(:last-child){border-right:1px solid var(--divider)}
.hero-point:hover{transform:translateY(-3px)}
.point-icon{
  width:clamp(80px,4.9vw,100px);
  height:clamp(80px,4.9vw,100px);
  margin:0 auto clamp(14px,1vw,18px);
  display:grid;
  place-items:center;
  transition:transform .22s ease;
}
.point-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:#202020;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.point-icon svg path:nth-child(n+2), .point-icon svg circle{stroke:var(--orange)}
.hero-point:hover .point-icon{transform:translateY(-2px)}
.hero-point h3{
  margin:0 0 8px;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU',serif;
  font-size:clamp(20px,1.22vw,25px);
  line-height:1.24;
  letter-spacing:.06em;
  font-weight:700;
}
.hero-point p{
  margin:0;
  color:#5a646a;
  font-size:clamp(14px,.86vw,16px);
  line-height:1.42;
  letter-spacing:.02em;
  white-space:nowrap;
}

.hero-frame{
  position:relative;
  min-width:0;
  background:#ddd2c8;
  overflow:hidden;
}
.hero-frame::before,
.hero-frame::after{display:none}
.hero-frame-mask{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:transparent;
  clip-path:none;
  -webkit-clip-path:none;
}
.hero-slider, .hero-slide{width:100%;height:100%}
.hero-slider{position:relative;height:100%}
.hero-slide{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0;
  transition:opacity .8s ease;
}
.hero-slide.active{opacity:1}



/* ================================
   Section 02｜為什麼要驗屋
   與第一頁共用同一個版心寬度
================================ */
.why-section{
  position:relative;
  padding:0 var(--page-pad);
  background:#f6f9fc;
}
.why-section::before{display:none}
.why-shell{
  position:relative;
  z-index:1;
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  min-height:clamp(880px, calc(100vh - var(--header-h) + 80px), 1040px);
  margin:0 auto;
  padding:clamp(92px,6vw,118px) 0 clamp(108px,7vw,138px);
  display:grid;
  grid-template-columns:minmax(460px,35%) minmax(0,65%);
  gap:0;
  align-items:center;
  background:linear-gradient(180deg,#f7f9fa 0%,#f4f6f7 100%);
  overflow:hidden;
}
.why-left{
  padding-left:clamp(170px,9.2vw,230px);
  padding-right:clamp(18px,1.35vw,30px);
  transform:translateY(-82px);
}
.why-accent{
  display:block;
  width:clamp(70px,4.6vw,92px);
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin-bottom:clamp(52px,3.4vw,68px);
}
.why-heading-row{
  display:flex;
  align-items:center;
  gap:clamp(18px,1.6vw,30px);
  margin-bottom:clamp(48px,3.3vw,66px);
}
.why-heading-row h2{
  margin:0;
  color:#202428;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(72px,5.1vw,102px);
  line-height:1.15;
  font-weight:800;
  letter-spacing:.11em;
}
.why-question{
  display:inline-block;
  color:rgba(30,34,38,.12);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(138px,9.8vw,205px);
  line-height:.8;
  font-weight:900;
  transform:translateY(10px);
}
.why-copy{
  margin:0;
  color:#3e464d;
  font-size:clamp(20px,1.2vw,24px);
  line-height:2.25;
  letter-spacing:.08em;
  font-weight:400;
}
.why-cards{
  width:min(100%,760px);
  justify-self:end;
  display:flex;
  flex-direction:column;
  gap:clamp(22px,1.5vw,28px);
  margin-left:0;
  margin-right:clamp(210px,11vw,260px);
}
.why-card{
  min-height:clamp(168px,10.6vw,210px);
  display:grid;
  grid-template-columns:clamp(150px,9vw,186px) clamp(78px,5vw,104px) minmax(0,1fr);
  align-items:center;
  padding:clamp(20px,1.45vw,30px) clamp(16px,1vw,24px) clamp(20px,1.45vw,30px) clamp(28px,1.9vw,38px);
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.88);
  border-radius:26px;
  box-shadow:0 14px 30px rgba(34,37,40,.065);
  backdrop-filter:blur(6px);
  transition:transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}
.why-card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 42px rgba(34,37,40,.11);
  background:#fff;
}
.why-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.why-icon img{
  display:block;
  width:clamp(124px,7.4vw,156px);
  height:auto;
}
.why-divider{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.why-divider::before{
  content:"";
  position:absolute;
  top:8%;
  bottom:8%;
  left:50%;
  border-left:2px dotted rgba(196,99,0,.36);
  transform:translateX(-50%);
}
.why-divider span{
  position:relative;
  z-index:1;
  padding:2px 8px 6px;
  background:#fff;
  color:rgba(196,99,0,.42);
  font-size:clamp(32px,2.4vw,48px);
  line-height:1;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
}
.why-card-copy{
  padding-left:clamp(18px,1.4vw,30px);
}
.why-card-copy h3{
  margin:0 0 clamp(10px,.75vw,15px);
  color:#202428;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(28px,1.9vw,38px);
  line-height:1.22;
  font-weight:800;
  letter-spacing:.06em;
}
.why-card-copy p{
  margin:0;
  color:#444b52;
  font-size:clamp(15px,.95vw,19px);
  line-height:1.85;
  letter-spacing:.05em;
}

@media (max-width:1180px){
  .why-shell{
    grid-template-columns:1fr;
    gap:48px;
    padding:76px 24px 88px;
  }
  .why-left{
    padding-left:42px;
    padding-right:42px;
    transform:none;
  }
  .why-cards{
    width:min(100%,860px);
    justify-self:center;
  }
  .why-heading-row h2{font-size:clamp(62px,8vw,86px)}
  .why-question{font-size:clamp(120px,16vw,170px)}
}
@media (max-width:1024px){
  .why-section{
    padding:0;
  }
  .why-shell{
    width:100%;
  }
  .why-left{
    padding-left:0;
  }
  .why-card{
    grid-template-columns:118px 44px minmax(0,1fr);
    padding:24px 22px;
    min-height:178px;
  }
  .why-icon img{width:98px}
  .why-card-copy h3{font-size:28px}
  .why-card-copy p{font-size:16px}
}
@media (max-width:640px){
  .why-heading-row{
    align-items:flex-end;
    gap:12px;
  }
  .why-heading-row h2{
    font-size:48px;
  }
  .why-question{
    font-size:92px;
  }
  .why-copy{
    font-size:16px;
    line-height:2;
  }
  .why-card{
    grid-template-columns:1fr;
    text-align:center;
    gap:18px;
  }
  .why-divider{display:none}
  .why-icon img{width:92px}
}

.placeholder-section{
  width:min(var(--max), calc(100% - var(--page-pad) * 2));
  margin:0 auto;
  padding:72px 24px;
  background:#fff;
  text-align:center;
  color:#555;
}
.placeholder-section + .placeholder-section{border-top:1px solid #e8e8e8}
.placeholder-section h2{margin:0 0 12px;font-size:30px}
.placeholder-section p{margin:0;font-size:18px;line-height:1.7}
.wip{min-height:100vh;display:grid;place-content:center;text-align:center;background:#111;color:#fff;font-family:'Noto Sans TC',sans-serif}
.wip h1{font-size:48px;margin:0 0 14px}.wip p{font-size:20px;color:#bbb}.wip a{color:#ff9432;text-decoration:none;margin-top:28px;display:inline-block}

@media (min-width:1800px){
  :root{--max:2100px;--page-pad:clamp(10px,.9vw,16px)}
  .hero-shell{grid-template-columns:minmax(520px,35%) minmax(0,65%)}
  .hero-copy-inner{padding-left:84px;padding-right:34px}
}
@media (max-width:1480px){
  :root{--header-h:96px;--header-h-scrolled:80px;--page-pad:14px}
  .hero-shell{grid-template-columns:minmax(460px,35%) minmax(0,65%);min-height:900px}
  .hero-copy h1{font-size:clamp(72px,5.6vw,96px)}
  .hero-subtitle{font-size:20px}
  .brand img{width:260px}
  .site-header.is-scrolled .brand img{width:236px}
}
@media (max-width:1180px){
  :root{--header-h:86px;--header-h-scrolled:76px;--page-pad:12px}
  .header-inner{gap:22px}
  .brand img,.site-header.is-scrolled .brand img{width:220px}
  .main-nav{gap:26px}
  .main-nav a:not(.nav-cta){font-size:15px}
  .nav-cta{min-width:168px;height:48px;font-size:15px}
  .hero-shell{grid-template-columns:minmax(380px,35%) minmax(0,65%);min-height:820px}
  .hero-copy-inner{padding:82px 16px 104px 68px}
  .hero-copy h1{font-size:clamp(60px,5.2vw,80px)}
  .hero-subtitle{font-size:19px;line-height:1.72;margin-bottom:64px}
  .hero-points{width:min(100%,560px);margin-top:12px;margin-left:-6px}
}
@media (max-width:1024px){
  :root{--header-h:78px;--header-h-scrolled:78px;--page-pad:0px}
  .site-header,.site-header.is-scrolled{height:var(--header-h)}
  .header-inner{width:100%;padding:0 16px}
  .brand img,.site-header.is-scrolled .brand img{width:198px}
  .menu-toggle{display:flex}
  .main-nav{
    position:absolute;
    top:var(--header-h);
    left:0;right:0;
    display:grid;
    gap:0;
    padding:12px 16px 20px;
    background:linear-gradient(180deg,rgba(29,29,29,.96),rgba(13,13,13,.96));
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transform:translateY(-12px);
    opacity:0;
    pointer-events:none;
    transition:.22s ease;
    box-shadow:0 18px 28px rgba(0,0,0,.18);
  }
  .main-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .main-nav a:not(.nav-cta){padding:16px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px}
  .main-nav a:not(.nav-cta)::after{display:none}
  .nav-cta{margin-top:16px;width:100%;height:48px;font-size:16px;min-width:0}

  .hero-section{padding:0;background:var(--hero-left)}
  .hero-shell{
    display:flex;
    flex-direction:column;
    min-height:auto;
    width:100%;
  }
  .hero-copy{display:block;overflow:hidden}
  .hero-copy-inner{padding:46px 20px 30px}
  .hero-copy h1{font-size:clamp(52px,11vw,72px);line-height:1.16;letter-spacing:.06em}
  .hero-subtitle{font-size:18px;line-height:1.68;margin-bottom:28px}
  .hero-points{
    width:100%;
    grid-template-columns:repeat(3,1fr);
    margin-left:0;
    gap:0;
  }
  .hero-point{padding:0 8px}
  .hero-point:not(:last-child){border-right:1px solid var(--divider)}
  .point-icon{width:56px;height:56px;margin-bottom:10px}
  .hero-point h3{font-size:15px;margin-bottom:6px;letter-spacing:.035em}
  .hero-point p{font-size:12px;white-space:normal}

  .hero-frame{
    aspect-ratio:5 / 4;
    min-height:0;
    background:var(--hero-left);
  }
  .hero-frame::before, .hero-frame::after{display:none}
  .hero-frame-mask{inset:0;position:absolute;border-radius:0;background:#f1f5f8;clip-path:none;-webkit-clip-path:none}
  .hero-slide{object-position:center center}
}
@media (max-width:560px){
  :root{--header-h:70px}
  .header-inner{padding:0 12px}
  .brand img,.site-header.is-scrolled .brand img{width:168px}
  .menu-toggle{width:42px;height:42px}
  .hero-copy-inner{padding:34px 16px 24px}
  .accent-line{height:5px;margin:16px 0 20px}
  .hero-copy h1{font-size:48px}
  .hero-subtitle{font-size:16px}
  .hero-points{margin-top:2px}
  .hero-point{padding:0 4px}
  .point-icon{width:50px;height:50px}
  .hero-point h3{font-size:14px}
  .hero-point p{font-size:11px;line-height:1.35}
}


/* ================================
   Mobile refinements only
================================ */
@media (max-width:640px){
  body{
    overflow-x:hidden;
  }

  .hero-copy-inner{
    padding:46px 28px 34px;
  }

  .hero-copy h1{
    font-size:clamp(64px,18vw,86px);
    line-height:1.16;
    letter-spacing:.045em;
  }

  .hero-subtitle{
    font-size:18px;
    line-height:1.75;
    margin-bottom:34px;
  }

  .hero-points{
    width:100%;
    margin-left:0;
    margin-top:40px;
    transform:none;
    align-items:start;
  }

  .hero-point{
    padding:0 8px;
  }

  .point-icon{
    width:58px;
    height:58px;
  }

  .hero-point h3{
    font-size:16px;
  }

  .hero-point p{
    font-size:11.5px;
  }

  .hero-frame{
    aspect-ratio: 5 / 4;
  }

  .why-section{
    padding:0;
    overflow:hidden;
  }

  .why-shell{
    width:100%;
    min-height:auto;
    display:block;
    padding:74px 32px 86px;
    background:linear-gradient(180deg,#f7f9fa 0%,#f4f6f7 100%);
    overflow:visible;
  }

  .why-left{
    padding:0;
    transform:none;
  }

  .why-accent{
    width:104px;
    height:8px;
    margin:0 0 58px;
  }

  .why-heading-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
    margin-bottom:58px;
  }

  .why-heading-row h2{
    font-size:clamp(66px,18vw,88px);
    line-height:1.18;
    letter-spacing:.07em;
    white-space:nowrap;
  }

  .why-question{
    font-size:clamp(104px,28vw,138px);
    transform:translateY(10px);
    flex:0 0 auto;
  }

  .why-copy{
    font-size:20px;
    line-height:2.05;
    letter-spacing:.05em;
    margin-bottom:72px;
  }

  .why-cards{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    gap:34px;
    display:flex;
    flex-direction:column;
  }

  .why-card{
    width:100%;
    min-height:auto;
    display:block;
    padding:48px 32px 44px;
    border-radius:28px;
    overflow:visible;
  }

  .why-icon{
    justify-content:flex-start;
    margin-bottom:34px;
  }

  .why-icon img{
    width:112px;
  }

  .why-divider{
    display:none;
  }

  .why-card-copy{
    padding:0;
    width:100%;
  }

  .why-card-copy h3{
    font-size:clamp(40px,10.5vw,52px);
    line-height:1.25;
    letter-spacing:.04em;
    margin-bottom:22px;
    white-space:nowrap;
  }

  .why-card-copy p{
    font-size:20px;
    line-height:1.9;
    letter-spacing:.035em;
    white-space:normal;
    word-break:keep-all;
  }
}



/* V46 mobile card refinement */
@media (max-width:640px){
  .why-card{
    padding:30px 24px 28px;
    border-radius:24px;
  }

  .why-icon{
    margin-bottom:18px;
  }

  .why-icon img{
    width:72px;
  }

  .why-card-copy h3{
    font-size:clamp(30px,8.2vw,40px);
    line-height:1.3;
    margin-bottom:18px;
    white-space:nowrap;
  }

  .why-card-copy p{
    font-size:17px;
    line-height:1.8;
  }

  /* 改成：上標題、下方左右排列 */
  .why-card{
    display:flex;
    flex-direction:column;
  }

  .why-card-copy{
    order:1;
  }

  .why-card-copy h3{
    display:block;
  }

  .why-card-bottom{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-top:10px;
  }

  .why-icon{
    order:2;
    margin:0;
    flex:0 0 auto;
  }

  .why-card-copy p{
    margin:0;
  }

  /* fallback if no wrapper exists */
  .why-card .why-icon + .why-divider + .why-card-copy,
  .why-card .why-icon + .why-card-copy{
    display:block;
  }

  .why-divider{
    display:none !important;
  }

  .why-card .why-icon{
    align-self:flex-start;
  }
}



/* V47 mobile only: title smaller + card content side-by-side */
@media (max-width:640px){
  /* 第一頁、第二頁手機標題縮小 */
  .hero-copy h1{
    font-size:clamp(48px,13.2vw,62px) !important;
    line-height:1.18 !important;
    letter-spacing:.04em !important;
  }

  .why-heading-row h2{
    font-size:clamp(48px,13.2vw,62px) !important;
    line-height:1.18 !important;
    letter-spacing:.055em !important;
    white-space:nowrap !important;
  }

  .why-question{
    font-size:clamp(76px,20vw,96px) !important;
    transform:translateY(8px) !important;
  }

  /* 第二頁卡片縮小高度 */
  .why-cards{
    gap:22px !important;
  }

  .why-card{
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    grid-template-areas:
      "title title"
      "icon text" !important;
    column-gap:18px !important;
    row-gap:14px !important;
    align-items:start !important;
    padding:30px 28px 28px !important;
    min-height:0 !important;
    border-radius:24px !important;
  }

  .why-card .why-card-copy{
    display:contents !important;
    padding:0 !important;
  }

  .why-card-copy h3{
    grid-area:title !important;
    font-size:clamp(34px,9.2vw,44px) !important;
    line-height:1.25 !important;
    letter-spacing:.04em !important;
    margin:0 0 6px !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .why-card .why-icon{
    grid-area:icon !important;
    align-self:start !important;
    justify-self:start !important;
    margin:4px 0 0 !important;
    display:flex !important;
  }

  .why-icon img{
    width:64px !important;
    height:auto !important;
  }

  .why-card-copy p{
    grid-area:text !important;
    font-size:17px !important;
    line-height:1.75 !important;
    letter-spacing:.03em !important;
    margin:0 !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:keep-all !important;
  }

  .why-divider{
    display:none !important;
  }
}



/* ================================
   Section 03｜我們在意的不只是驗屋
================================ */
.care-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(180deg,#eee5dd 0%, #ece2d9 100%);
}

.care-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(94px,6vw,128px) clamp(24px,2vw,44px) clamp(108px,6.6vw,138px);
}

.care-heading{
  text-align:center;
  margin:0 auto clamp(70px,4.8vw,94px);
}

.care-heading h2{
  margin:0;
  color:#202428;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(46px,3.8vw,76px);
  line-height:1.24;
  letter-spacing:.14em;
  font-weight:800;
}

.care-accent{
  display:block;
  width:clamp(72px,4.7vw,108px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:clamp(24px,1.8vw,32px) auto clamp(24px,1.7vw,30px);
}

.care-heading p{
  margin:0;
  color:#292d31;
  font-size:clamp(20px,1.25vw,30px);
  line-height:1.8;
  letter-spacing:.08em;
  font-weight:500;
}

.care-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}

.care-card{
  position:relative;
  padding:0 clamp(24px,2.1vw,48px);
  text-align:center;
}

.care-card + .care-card{
  border-left:1px solid rgba(145,127,110,.24);
}

.care-icon-badge{
  position:relative;
  width:clamp(224px,14.6vw,292px);
  height:clamp(164px,10.6vw,206px);
  margin:0 auto clamp(22px,1.7vw,28px);
}

.care-icon-arc{
  position:absolute;
  left:50%;
  top:0;
  width:clamp(188px,12.4vw,246px);
  height:clamp(94px,6.2vw,122px);
  transform:translateX(-50%);
  border:3px solid rgba(244,140,45,.66);
  border-bottom:none;
  border-radius:999px 999px 0 0;
}

.care-icon-arc::before,
.care-icon-arc::after{
  content:"";
  position:absolute;
  bottom:-8px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--orange-2));
}

.care-icon-arc::before{left:-7px}
.care-icon-arc::after{right:-7px}

.care-icon-circle{
  position:absolute;
  left:50%;
  top:26px;
  transform:translateX(-50%);
  width:clamp(148px,9.7vw,190px);
  height:clamp(148px,9.7vw,190px);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,249,248,.96));
  border:1px solid rgba(33,36,40,.04);
  box-shadow:0 16px 28px rgba(45,42,39,.08), inset 0 4px 8px rgba(0,0,0,.02);
  display:grid;
  place-items:center;
}

.care-icon-circle svg{
  width:clamp(72px,4.7vw,92px);
  height:clamp(72px,4.7vw,92px);
  fill:none;
  stroke:#4c4e53;
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.care-icon-circle svg path:last-child,
.care-icon-circle svg .dot-fill{
  stroke:var(--orange);
  fill:var(--orange);
}

.care-card h3{
  margin:0;
  color:#22262b;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(32px,2.15vw,48px);
  line-height:1.36;
  font-weight:800;
  letter-spacing:.08em;
  min-height:clamp(104px,7vw,138px);
}

.care-card-line{
  display:block;
  width:clamp(54px,3.4vw,78px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:clamp(24px,1.6vw,30px) auto;
}

.care-card p{
  margin:0;
  color:#44484d;
  font-size:clamp(16px,1.02vw,20px);
  line-height:2.06;
  letter-spacing:.05em;
  font-weight:500;
}

/* ================================
   Section 04｜完整檢測方案
================================ */
.plan-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(180deg,#f6f9fc 0%,#f3f7fb 100%);
}

.plan-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(94px,6vw,128px) clamp(24px,2vw,38px) clamp(110px,6.8vw,146px);
}

.plan-heading{
  text-align:center;
  margin:0 auto clamp(54px,3.8vw,66px);
}

.plan-heading h2{
  margin:0;
  color:#1f2328;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(50px,4.2vw,84px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.16em;
}

.plan-accent{
  display:block;
  width:clamp(70px,4.4vw,108px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:clamp(18px,1.5vw,26px) auto clamp(20px,1.6vw,30px);
}

.plan-heading p{
  margin:0;
  color:#2f363d;
  font-size:clamp(22px,1.42vw,31px);
  line-height:1.75;
  letter-spacing:.06em;
}

.plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,1.35vw,26px);
}

.plan-card{
  background:rgba(255,255,255,.9);
  border-radius:28px;
  padding:clamp(22px,1.7vw,30px) clamp(22px,1.7vw,30px) clamp(20px,1.5vw,28px);
  box-shadow:0 14px 28px rgba(66,76,84,.05), inset 0 1px 0 rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.6);
}

.plan-card-head{
  display:flex;
  align-items:flex-start;
  gap:clamp(18px,1.2vw,26px);
  margin-bottom:clamp(20px,1.4vw,24px);
}

.plan-icon-wrap{
  width:clamp(90px,5.7vw,106px);
  height:clamp(90px,5.7vw,106px);
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);
  border:2px solid rgba(64,69,74,.12);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.plan-icon-wrap svg{
  width:clamp(46px,3vw,58px);
  height:clamp(46px,3vw,58px);
  fill:none;
  stroke:#2e3237;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.plan-icon-wrap svg .icon-accent,
.plan-icon-wrap svg .stroke-accent{
  stroke:var(--orange);
}

.plan-icon-wrap svg .dot-fill{fill:var(--orange);stroke:var(--orange)}

.plan-head-copy{
  min-width:0;
  padding-top:clamp(6px,.4vw,10px);
}

.plan-head-copy h3{
  margin:0;
  color:#1f2328;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(24px,1.95vw,44px);
  line-height:1.28;
  font-weight:800;
  letter-spacing:.08em;
}

.plan-mini-line{
  display:block;
  width:clamp(34px,2.1vw,54px);
  height:4px;
  margin-top:clamp(12px,.9vw,16px);
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
}

.plan-list-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 0;
}

.plan-list-wrap ul{
  list-style:none;
  margin:0;
  padding:0 clamp(12px,.8vw,18px) 0 0;
}

.plan-list-wrap ul + ul{
  border-left:1px solid rgba(66,76,84,.12);
  padding:0 0 0 clamp(22px,1.4vw,28px);
}

.plan-list-wrap li{
  position:relative;
  padding-left:1.05em;
  color:#4c535a;
  font-size:clamp(16px,1.05vw,21px);
  line-height:2.18;
  letter-spacing:.04em;
  font-weight:500;
}

.plan-list-wrap li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:var(--orange);
  font-size:1.18em;
  line-height:1.9;
}

@media (max-width:1500px){
  .care-shell,
  .plan-shell{
    padding-left:20px;
    padding-right:20px;
  }

  .care-card{
    padding:0 clamp(18px,1.4vw,32px);
  }

  .care-card h3{
    font-size:clamp(28px,2.1vw,40px);
    min-height:112px;
  }

  .care-card p{
    font-size:clamp(15px,.98vw,18px);
    line-height:1.98;
  }

  .plan-head-copy h3{
    font-size:clamp(24px,1.8vw,38px);
  }

  .plan-list-wrap li{
    font-size:clamp(15px,.98vw,18px);
    line-height:2.02;
  }
}

@media (max-width:1180px){
  .care-shell,
  .plan-shell{
    padding:82px 28px 96px;
  }

  .care-heading,
  .plan-heading{
    margin-bottom:56px;
  }

  .care-grid,
  .plan-grid{
    gap:34px;
    grid-template-columns:1fr;
  }

  .care-card{
    max-width:760px;
    width:100%;
    margin:0 auto;
    padding:0 10px 4px;
  }

  .care-card + .care-card{
    border-left:none;
    border-top:1px solid rgba(145,127,110,.22);
    padding-top:38px;
  }

  .care-card h3{
    min-height:0;
  }

  .plan-card{
    max-width:900px;
    margin:0 auto;
    width:100%;
  }

  .plan-head-copy h3{
    font-size:clamp(28px,3.2vw,40px);
  }
}

@media (max-width:640px){
  .care-section,
  .plan-section{
    padding:0;
  }

  .care-shell,
  .plan-shell{
    width:100%;
    padding:72px 28px 84px;
  }

  .care-heading,
  .plan-heading{
    margin-bottom:44px;
  }

  .care-heading h2,
  .plan-heading h2{
    font-size:clamp(34px,9.6vw,46px);
    letter-spacing:.09em;
    line-height:1.4;
  }

  .care-heading p,
  .plan-heading p{
    font-size:18px;
    line-height:1.85;
    letter-spacing:.04em;
  }

  .care-grid,
  .plan-grid{
    gap:26px;
  }

  .care-card{
    padding:0;
  }

  .care-card + .care-card{
    padding-top:28px;
  }

  .care-icon-badge{
    width:190px;
    height:144px;
    margin-bottom:18px;
  }

  .care-icon-arc{
    width:166px;
    height:82px;
    border-width:2.5px;
  }

  .care-icon-arc::before,
  .care-icon-arc::after{
    width:12px;
    height:12px;
    bottom:-7px;
  }

  .care-icon-circle{
    top:24px;
    width:128px;
    height:128px;
  }

  .care-icon-circle svg{
    width:62px;
    height:62px;
  }

  .care-card h3{
    font-size:clamp(28px,7.6vw,36px);
    line-height:1.42;
    letter-spacing:.05em;
  }

  .care-card-line{
    margin:18px auto 20px;
    height:4px;
  }

  .care-card p{
    font-size:16px;
    line-height:1.95;
    letter-spacing:.02em;
  }

  .plan-card{
    border-radius:24px;
    padding:20px 18px 18px;
  }

  .plan-card-head{
    gap:14px;
    margin-bottom:18px;
  }

  .plan-icon-wrap{
    width:78px;
    height:78px;
  }

  .plan-icon-wrap svg{
    width:40px;
    height:40px;
  }

  .plan-head-copy{
    padding-top:4px;
  }

  .plan-head-copy h3{
    font-size:clamp(23px,6.7vw,30px);
    line-height:1.32;
    letter-spacing:.04em;
  }

  .plan-list-wrap{
    grid-template-columns:1fr;
  }

  .plan-list-wrap ul{
    padding:0;
  }

  .plan-list-wrap ul + ul{
    border-left:none;
    border-top:1px solid rgba(66,76,84,.12);
    padding:12px 0 0;
    margin-top:10px;
  }

  .plan-list-wrap li{
    font-size:15px;
    line-height:2.02;
  }
}


/* ================================
   Section 05｜驗屋流程
================================ */
.workflow-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(180deg,#eff1f4 0%, #f4f5f7 100%);
}

.workflow-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(94px,6vw,126px) clamp(22px,1.8vw,34px) clamp(110px,6.8vw,144px);
}

.workflow-head{
  display:grid;
  grid-template-columns:minmax(280px, 1fr) minmax(420px, 1.5fr);
  gap:clamp(34px,3vw,90px);
  align-items:start;
  margin-bottom:clamp(70px,4.8vw,100px);
}

.workflow-head-left{
  text-align:center;
}

.workflow-head-left h2{
  margin:0;
  color:#202429;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(50px,4vw,82px);
  line-height:1.18;
  letter-spacing:.2em;
  font-weight:800;
}

.workflow-accent{
  display:block;
  width:clamp(82px,4.8vw,110px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:clamp(20px,1.6vw,28px) auto 0;
}

.workflow-head-right{
  padding-top:clamp(10px,.8vw,22px);
}

.workflow-head-right p{
  margin:0;
  color:#43484d;
  text-align:center;
  font-size:clamp(18px,1.18vw,24px);
  line-height:2.05;
  letter-spacing:.06em;
  font-weight:500;
}

.workflow-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:clamp(500px,34vw,620px);
}

.workflow-axis{
  position:absolute;
  left:2.8%;
  right:2.8%;
  top:50%;
  height:3px;
  background:#16191d;
  transform:translateY(-50%);
}

.workflow-axis::after{
  content:'';
  position:absolute;
  right:-2px;
  top:50%;
  width:18px;
  height:18px;
  border-top:3px solid #16191d;
  border-right:3px solid #16191d;
  transform:translateY(-50%) rotate(45deg);
}

.workflow-step{
  position:relative;
}

.workflow-node{
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#000;
  transform:translate(-50%,-50%);
  z-index:3;
}

.workflow-connector{
  position:absolute;
  left:50%;
  width:2px;
  background:#1f2328;
  transform:translateX(-50%);
  z-index:2;
}

.workflow-step.is-top .workflow-connector{
  top:calc(50% - 46px);
  height:46px;
}

.workflow-step.is-bottom .workflow-connector{
  top:50%;
  height:46px;
}

.workflow-content{
  position:absolute;
  left:50%;
  width:min(240px,92%);
  transform:translateX(-50%);
  text-align:center;
}

.workflow-step.is-top .workflow-content{
  bottom:calc(50% + 58px);
}

.workflow-step.is-bottom .workflow-content{
  top:calc(50% + 58px);
}

.workflow-badge{
  width:106px;
  height:106px;
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff 0%, #fafafa 100%);
  border:1px solid rgba(34,37,41,.05);
  box-shadow:0 10px 24px rgba(40,45,52,.07), inset 0 2px 6px rgba(0,0,0,.015);
  display:grid;
  place-items:center;
  margin:0 auto 18px;
}

.workflow-badge svg{
  width:56px;
  height:56px;
  fill:none;
  stroke:#4b5055;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.workflow-badge svg .accent-stroke{
  stroke:var(--orange);
}

.workflow-badge svg .accent-fill{
  fill:var(--orange);
  stroke:var(--orange);
}

.workflow-content h3{
  margin:0;
  color:#22262b;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(28px,2.05vw,42px);
  line-height:1.35;
  font-weight:800;
  letter-spacing:.08em;
}

.workflow-content h3 span{
  color:var(--orange);
  font-size:.78em;
  letter-spacing:.04em;
}

.workflow-content p{
  margin:14px 0 0;
  color:#4a5056;
  font-size:clamp(16px,1.04vw,20px);
  line-height:1.95;
  letter-spacing:.05em;
  font-weight:500;
}

@media (max-width:1360px){
  .workflow-head{
    grid-template-columns:minmax(260px, .9fr) minmax(380px, 1.3fr);
    gap:28px 54px;
  }

  .workflow-content{
    width:min(220px,94%);
  }

  .workflow-content h3{
    font-size:clamp(24px,1.9vw,34px);
  }

  .workflow-content p{
    font-size:clamp(15px,.98vw,18px);
  }
}

@media (max-width:1100px){
  .workflow-shell{
    padding:84px 24px 96px;
  }

  .workflow-head{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:56px;
  }

  .workflow-head-left,
  .workflow-head-right{
    text-align:center;
  }

  .workflow-timeline{
    grid-template-columns:1fr;
    min-height:auto;
    gap:28px;
    padding-left:116px;
  }

  .workflow-axis{
    left:58px;
    right:auto;
    top:0;
    bottom:0;
    width:3px;
    height:auto;
    transform:none;
  }

  .workflow-axis::after{
    top:auto;
    bottom:-1px;
    left:50%;
    right:auto;
    width:16px;
    height:16px;
    border-top:none;
    border-right:3px solid #16191d;
    border-bottom:3px solid #16191d;
    transform:translateX(-50%) rotate(45deg);
  }

  .workflow-step{
    min-height:132px;
  }

  .workflow-node{
    left:58px;
    top:56px;
  }

  .workflow-connector,
  .workflow-step.is-top .workflow-connector,
  .workflow-step.is-bottom .workflow-connector{
    left:58px;
    top:56px;
    width:44px;
    height:2px;
    transform:none;
  }

  .workflow-content,
  .workflow-step.is-top .workflow-content,
  .workflow-step.is-bottom .workflow-content{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    text-align:left;
    padding-left:0;
  }

  .workflow-badge{
    position:absolute;
    left:-94px;
    top:3px;
    width:94px;
    height:94px;
    margin:0;
  }

  .workflow-badge svg{
    width:50px;
    height:50px;
  }

  .workflow-content h3{
    font-size:clamp(26px,4vw,34px);
  }

  .workflow-content p{
    font-size:17px;
    line-height:1.9;
  }
}

@media (max-width:640px){
  .workflow-section{
    padding:0;
  }

  .workflow-shell{
    width:100%;
    padding:72px 24px 84px;
  }

  .workflow-head{
    margin-bottom:44px;
  }

  .workflow-head-left h2{
    font-size:clamp(38px,11vw,50px);
    letter-spacing:.14em;
  }

  .workflow-head-right p{
    font-size:16px;
    line-height:1.95;
    letter-spacing:.03em;
  }

  .workflow-timeline{
    padding-left:88px;
    gap:24px;
  }

  .workflow-axis{
    left:40px;
  }

  .workflow-node{
    left:40px;
    top:48px;
    width:13px;
    height:13px;
  }

  .workflow-connector,
  .workflow-step.is-top .workflow-connector,
  .workflow-step.is-bottom .workflow-connector{
    left:40px;
    top:48px;
    width:30px;
  }

  .workflow-step{
    min-height:116px;
  }

  .workflow-badge{
    left:-72px;
    top:0;
    width:74px;
    height:74px;
  }

  .workflow-badge svg{
    width:38px;
    height:38px;
  }

  .workflow-content h3{
    font-size:clamp(24px,7.4vw,30px);
    line-height:1.34;
  }

  .workflow-content p{
    margin-top:10px;
    font-size:15px;
    line-height:1.8;
  }
}


/* ================================
   Section 06｜FAQ
================================ */
.faq-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(180deg,#f2f4f6 0%, #eef1f3 100%);
}

.faq-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(96px,6vw,132px) clamp(18px,1.6vw,28px) clamp(108px,7vw,144px);
  display:grid;
  grid-template-columns:minmax(300px, 0.92fr) minmax(560px, 1.08fr);
  gap:clamp(42px,4.3vw,86px);
  align-items:start;
}

.faq-side{
  padding:clamp(30px,2vw,44px) 0 0 clamp(8px,.8vw,14px);
}

.faq-accent{
  display:block;
  width:clamp(62px,4.4vw,82px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:0 0 clamp(38px,2.8vw,56px);
}

.faq-title-row{
  display:flex;
  align-items:flex-start;
  gap:clamp(16px,1.9vw,34px);
}

.faq-side h2{
  margin:0;
  color:#202429;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(54px,4.8vw,94px);
  line-height:1.42;
  letter-spacing:.12em;
  font-weight:800;
}

.faq-symbol{
  flex:0 0 auto;
  display:block;
  margin-top:clamp(14px,1.2vw,20px);
  color:#d4d6da;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(140px,10vw,230px);
  line-height:.9;
  font-weight:700;
}

.faq-side p{
  margin:clamp(48px,3.8vw,68px) 0 0;
  color:#50565c;
  font-size:clamp(21px,1.32vw,27px);
  line-height:2;
  letter-spacing:.04em;
}

.faq-list{
  display:grid;
  gap:clamp(16px,1.15vw,22px);
}

.faq-item{
  background:#fff;
  border:1px solid rgba(32,36,41,.04);
  border-radius:18px;
  box-shadow:0 10px 22px rgba(33,37,43,.04);
  overflow:hidden;
}

.faq-question{
  width:100%;
  border:none;
  background:transparent;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:clamp(16px,1.4vw,26px);
  padding:clamp(22px,1.6vw,28px) clamp(28px,2vw,34px);
  text-align:left;
  cursor:pointer;
}

.faq-q{
  color:#111317;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(34px,2.15vw,44px);
  line-height:1;
  font-weight:800;
}

.faq-question-text{
  color:#22262b;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(24px,1.55vw,34px);
  line-height:1.45;
  letter-spacing:.05em;
  font-weight:700;
}

.faq-toggle{
  position:relative;
  width:28px;
  height:28px;
  flex:0 0 auto;
}

.faq-toggle::before,
.faq-toggle::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:3px;
  border-radius:999px;
  background:var(--orange);
  transform:translate(-50%,-50%);
  transition:transform .22s ease, opacity .22s ease;
}

.faq-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .28s ease;
}

.faq-answer p{
  overflow:hidden;
  margin:0;
  padding:0 clamp(34px,2.1vw,40px) 0 calc(clamp(34px,2.1vw,40px) + clamp(34px,2.15vw,44px) + clamp(16px,1.4vw,26px));
  color:#565c62;
  font-size:clamp(17px,1.02vw,20px);
  line-height:1.9;
  letter-spacing:.03em;
}

.faq-item.is-open .faq-answer{
  grid-template-rows:1fr;
}

.faq-item.is-open .faq-answer p{
  padding-bottom:clamp(24px,1.7vw,30px);
}

.faq-item.is-open .faq-toggle::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(90deg) scale(.6);
}

@media (hover:hover){
  .faq-item{
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .faq-item:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(33,37,43,.055);
  }
}

@media (max-width:1320px){
  .faq-shell{
    grid-template-columns:minmax(280px,.86fr) minmax(520px,1.14fr);
    gap:32px 52px;
  }

  .faq-side h2{
    font-size:clamp(48px,4.3vw,80px);
  }

  .faq-symbol{
    font-size:clamp(120px,9vw,190px);
  }

  .faq-question-text{
    font-size:clamp(22px,1.38vw,30px);
  }
}

@media (max-width:1080px){
  .faq-shell{
    grid-template-columns:1fr;
    gap:34px;
    padding:84px 24px 96px;
  }

  .faq-side{
    padding-top:0;
  }

  .faq-side p{
    margin-top:32px;
    font-size:18px;
    line-height:1.9;
  }

  .faq-title-row{
    gap:20px;
  }

  .faq-symbol{
    font-size:clamp(110px,14vw,170px);
  }

  .faq-question-text{
    font-size:24px;
  }

  .faq-answer p{
    font-size:16px;
  }
}

@media (max-width:640px){
  .faq-section{
    padding:0;
  }

  .faq-shell{
    width:100%;
    padding:72px 20px 84px;
    gap:26px;
  }

  .faq-accent{
    margin-bottom:28px;
  }

  .faq-title-row{
    gap:12px;
  }

  .faq-side h2{
    font-size:clamp(34px,10.2vw,52px);
    line-height:1.55;
    letter-spacing:.09em;
  }

  .faq-symbol{
    margin-top:8px;
    font-size:clamp(86px,24vw,132px);
  }

  .faq-side p{
    margin-top:28px;
    font-size:16px;
    line-height:1.9;
  }

  .faq-list{
    gap:12px;
  }

  .faq-item{
    border-radius:14px;
  }

  .faq-question{
    gap:12px;
    padding:18px 16px 18px 18px;
  }

  .faq-q{
    font-size:28px;
  }

  .faq-question-text{
    font-size:18px;
    line-height:1.55;
    letter-spacing:.03em;
  }

  .faq-toggle{
    width:22px;
    height:22px;
  }

  .faq-toggle::before,
  .faq-toggle::after{
    width:18px;
    height:2.5px;
  }

  .faq-answer p{
    padding:0 18px 0 calc(18px + 28px + 12px);
    font-size:14px;
    line-height:1.8;
  }

  .faq-item.is-open .faq-answer p{
    padding-bottom:18px;
  }
}


/* ================================
   Section 07｜Pricing Estimate
================================ */
.pricing-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(180deg,#f3f5f7 0%, #eef1f4 100%);
}

.pricing-shell{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(96px,6vw,130px) clamp(18px,1.5vw,28px) clamp(112px,7vw,146px);
  display:grid;
  grid-template-columns:minmax(480px, 1fr) minmax(500px, 0.96fr);
  gap:clamp(42px,4vw,88px);
  align-items:start;
}

.pricing-intro{
  padding-top:clamp(18px,1.6vw,28px);
}

.pricing-accent{
  display:block;
  width:clamp(60px,4.2vw,82px);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:0 0 clamp(34px,2.7vw,46px);
}

.pricing-intro h2{
  margin:0;
  color:#202429;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(52px,4.7vw,88px);
  line-height:1.38;
  letter-spacing:.11em;
  font-weight:800;
}

.pricing-lead{
  margin:clamp(28px,2.2vw,36px) 0 clamp(32px,2.2vw,38px);
  color:#555b61;
  font-size:clamp(22px,1.28vw,27px);
  line-height:1.8;
  letter-spacing:.08em;
}

.pricing-service-list{
  display:grid;
  gap:0;
  background:rgba(255,255,255,.2);
}

.pricing-service-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:clamp(26px,1.9vw,38px);
  align-items:center;
  padding:clamp(22px,1.8vw,32px) 0;
  border-top:1px solid rgba(32,36,41,.08);
}

.pricing-service-card:first-child{
  border-top:none;
}

.pricing-service-icon{
  width:clamp(110px,8.2vw,138px);
  aspect-ratio:1;
  border-radius:50%;
  background:#f1ebe6;
  display:grid;
  place-items:center;
  box-shadow:0 6px 12px rgba(0,0,0,.035) inset;
}

.pricing-service-icon svg{
  width:62%;
  height:62%;
  fill:none;
  stroke:#262a2f;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pricing-service-icon .accent-stroke{
  stroke:var(--orange);
}

.pricing-service-body h3{
  margin:0 0 12px;
  color:#1f2328;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(34px,2.45vw,48px);
  line-height:1.3;
  letter-spacing:.04em;
  font-weight:800;
}

.pricing-price-stack{
  display:grid;
  gap:8px;
}

.pricing-label{
  display:block;
  color:#8a8f95;
  font-size:clamp(16px,.94vw,18px);
  letter-spacing:.08em;
  line-height:1.5;
}

.pricing-label--orange{
  color:var(--orange);
  font-weight:700;
}

.pricing-old-price{
  display:flex;
  align-items:flex-end;
  gap:6px;
  color:#767b81;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(30px,2.05vw,42px);
  line-height:1;
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:var(--orange);
}

.pricing-old-price span,
.pricing-new-price span{
  font-size:.58em;
  line-height:1.2;
  font-style:normal;
}

.pricing-new-price{
  display:flex;
  align-items:flex-end;
  gap:8px;
  color:var(--orange);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(42px,3.3vw,68px);
  line-height:1;
  font-weight:800;
}

.pricing-new-price--small{
  font-size:clamp(38px,3vw,62px);
}

.pricing-feature-row{
  margin-top:clamp(26px,2vw,36px);
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  background:#f6f1ec;
  border-radius:0;
  overflow:hidden;
}

.pricing-feature{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#31353a;
  font-size:clamp(18px,1.04vw,21px);
  letter-spacing:.04em;
  padding:14px 16px;
  border-right:1px solid rgba(32,36,41,.08);
}

.pricing-feature:last-child{
  border-right:none;
}

.pricing-check{
  color:var(--orange);
  font-weight:800;
  font-size:1.2em;
  line-height:1;
}

.pricing-calc-card{
  background:#fff;
  border:1px solid rgba(32,36,41,.05);
  border-radius:22px;
  box-shadow:0 16px 34px rgba(31,36,42,.06);
  padding:clamp(34px,2.6vw,48px) clamp(34px,2.6vw,44px) clamp(36px,2.7vw,48px);
}

.pricing-calc-head{
  text-align:center;
}

.pricing-calc-head h3{
  margin:0;
  color:#21252a;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(38px,2.7vw,56px);
  line-height:1.3;
  letter-spacing:.08em;
  font-weight:800;
}

.pricing-calc-head p{
  margin:14px 0 0;
  color:#777d84;
  font-size:clamp(18px,1.02vw,20px);
  line-height:1.8;
  letter-spacing:.06em;
}

.pricing-form-row{
  margin-top:clamp(32px,2.2vw,40px);
}

.pricing-form-label-wrap{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.pricing-form-label-wrap label,
.pricing-form-label-wrap span{
  color:#33383e;
  font-size:clamp(18px,1.08vw,21px);
  line-height:1.5;
  letter-spacing:.04em;
}

.pricing-form-label-wrap label{
  font-weight:600;
}

.pricing-input{
  width:100%;
  height:clamp(68px,4.3vw,86px);
  border-radius:16px;
  border:2px solid #d9dde2;
  background:#fff;
  padding:0 22px;
  color:#25292e;
  font-size:clamp(22px,1.3vw,25px);
  transition:border-color .2s ease, box-shadow .2s ease;
}

.pricing-input::placeholder{
  color:#b5bac1;
}

.pricing-input:focus{
  outline:none;
  border-color:#c9ced5;
  box-shadow:0 0 0 4px rgba(255,122,24,.08);
}

.pricing-help{
  margin:10px 0 0;
  color:#8e949b;
  font-size:clamp(14px,.82vw,16px);
  line-height:1.6;
}

.pricing-btn{
  width:100%;
  height:clamp(60px,4vw,76px);
  margin-top:clamp(24px,1.8vw,28px);
  border:none;
  border-radius:999px;
  background:linear-gradient(100deg,#212226 0%, #121316 55%, #202227 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,1.4vw,24px);
  font-size:clamp(24px,1.35vw,28px);
  font-weight:600;
  letter-spacing:.12em;
  cursor:pointer;
  box-shadow:0 12px 20px rgba(12,14,18,.14);
  transition:transform .2s ease, box-shadow .2s ease;
}

.pricing-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(12,14,18,.17);
}

.pricing-btn-arrow{
  display:inline-block;
  font-size:1.2em;
  transform:translateX(0);
  transition:transform .2s ease;
}

.pricing-btn:hover .pricing-btn-arrow{
  transform:translateX(4px);
}

.pricing-result-wrap{
  margin-top:clamp(34px,2.4vw,44px);
  padding-top:clamp(28px,2.1vw,36px);
  border-top:1px dashed #e3e5e8;
  text-align:center;
}

.pricing-result-wrap h4{
  margin:0;
  color:#25292e;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(28px,1.78vw,36px);
  line-height:1.4;
  letter-spacing:.08em;
  font-weight:800;
}

.pricing-mini-accent{
  display:block;
  width:42px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
  margin:12px auto 18px;
}

.pricing-result-box{
  background:#f8f1ec;
  border-radius:16px;
  padding:clamp(24px,1.8vw,30px) 16px;
}

.pricing-result-label{
  color:#2c3136;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(24px,1.42vw,29px);
  line-height:1.4;
  font-weight:700;
}

.pricing-result-value{
  margin-top:8px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:8px;
  color:var(--orange);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(58px,4.1vw,82px);
  line-height:1;
  font-weight:800;
}

.pricing-result-value em{
  color:#252a2f;
  font-style:normal;
  font-size:.42em;
  line-height:1.2;
  font-weight:700;
}

.pricing-note{
  margin:18px 0 0;
  color:#777d83;
  font-size:clamp(15px,.9vw,17px);
  line-height:1.7;
  letter-spacing:.03em;
  text-align:left;
}

@media (max-width:1280px){
  .pricing-shell{
    grid-template-columns:minmax(420px,1fr) minmax(440px,.95fr);
    gap:36px 46px;
  }

  .pricing-intro h2{
    font-size:clamp(46px,4.1vw,72px);
  }

  .pricing-service-body h3{
    font-size:clamp(30px,2.1vw,40px);
  }
}

@media (max-width:1080px){
  .pricing-shell{
    grid-template-columns:1fr;
    padding:86px 24px 98px;
    gap:40px;
  }

  .pricing-intro{
    padding-top:0;
  }

  .pricing-feature-row{
    grid-template-columns:1fr;
  }

  .pricing-feature{
    justify-content:flex-start;
    border-right:none;
    border-bottom:1px solid rgba(32,36,41,.08);
    padding-inline:20px;
  }

  .pricing-feature:last-child{
    border-bottom:none;
  }
}

@media (max-width:700px){
  .pricing-section{
    padding:0;
  }

  .pricing-shell{
    width:100%;
    padding:74px 20px 84px;
    gap:28px;
  }

  .pricing-accent{
    margin-bottom:24px;
  }

  .pricing-intro h2{
    font-size:clamp(34px,10vw,50px);
    line-height:1.52;
    letter-spacing:.08em;
  }

  .pricing-lead{
    margin:22px 0 24px;
    font-size:16px;
    line-height:1.8;
  }

  .pricing-service-card{
    grid-template-columns:1fr;
    align-items:start;
    gap:16px;
    padding:22px 0;
  }

  .pricing-service-icon{
    width:92px;
  }

  .pricing-service-body h3{
    font-size:28px;
    line-height:1.4;
  }

  .pricing-old-price{
    font-size:28px;
  }

  .pricing-new-price,
  .pricing-new-price--small{
    font-size:44px;
  }

  .pricing-feature-row{
    margin-top:20px;
  }

  .pricing-feature{
    min-height:54px;
    font-size:15px;
    padding:12px 16px;
  }

  .pricing-calc-card{
    border-radius:18px;
    padding:26px 18px 26px;
  }

  .pricing-calc-head h3{
    font-size:30px;
    line-height:1.4;
  }

  .pricing-calc-head p{
    font-size:15px;
    line-height:1.8;
  }

  .pricing-form-row{
    margin-top:24px;
  }

  .pricing-form-label-wrap label,
  .pricing-form-label-wrap span{
    font-size:15px;
  }

  .pricing-input{
    height:56px;
    border-radius:14px;
    font-size:18px;
    padding:0 16px;
  }

  .pricing-help{
    font-size:13px;
  }

  .pricing-btn{
    height:54px;
    gap:14px;
    font-size:18px;
    letter-spacing:.08em;
  }

  .pricing-result-wrap{
    margin-top:26px;
    padding-top:24px;
  }

  .pricing-result-wrap h4{
    font-size:24px;
  }

  .pricing-result-box{
    border-radius:14px;
    padding:18px 12px;
  }

  .pricing-result-label{
    font-size:20px;
  }

  .pricing-result-value{
    font-size:44px;
    gap:6px;
  }

  .pricing-note{
    font-size:13px;
    line-height:1.7;
  }
}


/* ================================
   Section 08｜Contact + Footer
================================ */
.contact-section{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(100deg,#191919 0%, #101113 45%, #17181a 100%);
  color:#fff;
  overflow:hidden;
}

.contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.04),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 70%,rgba(255,255,255,.03) 100%);
  pointer-events:none;
}

.contact-shell{
  position:relative;
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:clamp(78px,6vw,112px) clamp(20px,1.6vw,26px) clamp(56px,4.6vw,72px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(500px,0.9fr);
  gap:clamp(34px,3vw,54px);
  align-items:start;
}

.contact-panel--intro{
  min-width:0;
}

.contact-copy h2{
  margin:0;
  color:#f6f5f3;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(42px,3.1vw,62px);
  line-height:1.55;
  letter-spacing:.04em;
  font-weight:800;
}

.contact-copy h2 span{color:var(--orange)}
.contact-accent{
  display:block;
  width:clamp(54px,4vw,74px);
  height:5px;
  border-radius:999px;
  margin:18px 0 24px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
}
.contact-copy p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(18px,1.05vw,21px);
  line-height:1.85;
  letter-spacing:.05em;
}

.contact-methods{
  margin-top:clamp(34px,2.8vw,46px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,1.4vw,24px);
}

.contact-method-card{
  min-width:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:28px 22px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:0 14px 26px rgba(0,0,0,.18);
}
.contact-method-icon{
  width:74px;height:74px;display:grid;place-items:center;margin-bottom:16px;
}
.contact-method-icon svg{
  width:100%;height:100%;fill:none;stroke:var(--orange);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.contact-method-icon .contact-icon-accent{stroke:#fff}
.contact-method-card h3{
  margin:0 0 12px;
  color:#f8f8f6;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(20px,1.25vw,28px);
  line-height:1.5;
  font-weight:700;
}
.contact-method-card p{
  margin:0 0 14px;
  color:rgba(255,255,255,.72);
  font-size:clamp(15px,.92vw,18px);
  line-height:1.7;
  letter-spacing:.04em;
}
.contact-method-card strong{
  color:#fff;
  font-size:clamp(18px,1.2vw,22px);
  line-height:1.4;
  font-weight:500;
  word-break:break-word;
}
.contact-pill-btn,
.contact-text-link{
  text-decoration:none;
}
.contact-pill-btn{
  margin-top:auto;
  min-width:148px;
  height:44px;
  border-radius:999px;
  background:#fff;
  color:#26282c;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:18px;font-weight:700;letter-spacing:.05em;
  transition:transform .2s ease, box-shadow .2s ease;
}
.contact-pill-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.18)}
.contact-text-link{
  margin-top:auto;
  display:inline-flex;align-items:center;gap:10px;
  color:var(--orange);
  font-size:clamp(18px,1.05vw,20px);
  font-weight:700;
  letter-spacing:.05em;
}
.contact-divider{
  width:1px;
  min-height:100%;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.18) 12%,rgba(255,255,255,.18) 88%,rgba(255,255,255,0));
}
.contact-form-head h3{
  margin:0 0 24px;
  color:#faf9f8;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(40px,2.55vw,56px);
  line-height:1.3;
  font-weight:800;
}
.contact-form{min-width:0}
.contact-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);
  gap:18px 22px;
}
.contact-fields-left{display:grid;gap:14px}
.contact-field{display:grid;gap:10px;min-width:0}
.contact-field span{
  color:#f6f4f1;
  font-size:clamp(18px,1.08vw,21px);
  line-height:1.5;
  font-weight:600;
}
.contact-field span em{
  color:var(--orange);
  font-style:normal;
}
.contact-field input,
.contact-field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  border-radius:10px;
  color:#fff;
  font-size:clamp(16px,.94vw,18px);
  line-height:1.5;
  padding:14px 16px;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.contact-field input::placeholder,
.contact-field textarea::placeholder{color:rgba(255,255,255,.34)}
.contact-field input:focus,
.contact-field textarea:focus{
  outline:none;
  border-color:rgba(255,148,50,.6);
  box-shadow:0 0 0 4px rgba(255,122,24,.08);
  background:rgba(255,255,255,.06);
}
.contact-field textarea{
  min-height:216px;
  resize:vertical;
}
.contact-field--textarea{height:100%}
.contact-captcha-row{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}
.contact-captcha-box-wrap{
  display:flex;
  align-items:center;
  gap:10px;
}
.contact-captcha-box{
  min-width:106px;
  height:42px;
  padding:0 14px;
  border-radius:4px;
  background:linear-gradient(180deg,#d8d1c7,#bdb6ab);
  color:#222;
  font-family:'Courier New',monospace;
  font-size:30px;
  font-weight:700;
  letter-spacing:.24em;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
}
.contact-refresh{
  width:38px;height:38px;display:grid;place-items:center;border:none;background:transparent;color:#fff;cursor:pointer;padding:0;
}
.contact-refresh svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.84}
.contact-submit{
  margin-top:22px;
  width:100%;
  height:56px;
  border:none;
  border-radius:10px;
  background:linear-gradient(90deg,var(--orange),#ff8a00 100%);
  color:#fff;
  font-size:clamp(22px,1.26vw,26px);
  font-weight:700;
  letter-spacing:.14em;
  display:flex;align-items:center;justify-content:center;gap:18px;
  cursor:pointer;
  box-shadow:0 14px 26px rgba(255,122,24,.24);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.contact-submit:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 18px 28px rgba(255,122,24,.28)}
.contact-form-status{
  min-height:24px;
  margin:12px 0 0;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.6;
}
.contact-form-status.is-error{color:#ffb4aa}
.contact-form-status.is-success{color:#c5f0bf}

.site-footer{
  position:relative;
  padding:0 var(--page-pad);
  background:linear-gradient(100deg,#262626 0%, #222427 44%, #232427 100%);
  color:#fff;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.05),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 78%,rgba(255,255,255,.02));
  pointer-events:none;
}
.footer-shell{
  position:relative;
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:38px clamp(18px,1.5vw,26px) 28px;
  display:grid;
  grid-template-columns:minmax(180px,.52fr) minmax(340px,1fr) minmax(240px,.72fr);
  gap:28px;
  align-items:center;
}
.footer-brand img{
  width:min(260px,100%);
  height:auto;
  display:block;
}
.footer-copy h3{
  margin:0;
  color:#f4f2ef;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(28px,1.9vw,40px);
  line-height:1.45;
  font-weight:800;
}
.footer-copy p{
  margin:12px 0 0;
  color:rgba(255,255,255,.74);
  font-size:clamp(17px,1vw,19px);
  line-height:1.9;
  letter-spacing:.03em;
}
.footer-accent{
  display:block;
  width:44px;height:4px;border-radius:999px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
}
.footer-social{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-self:end;
  gap:16px;
}
.footer-social h4{
  margin:0;
  color:#f8f7f5;
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(24px,1.45vw,30px);
  line-height:1.4;
  font-weight:700;
}
.footer-social-list{display:flex;align-items:center;gap:14px}
.footer-social-list a{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.footer-social-list a:hover{transform:translateY(-2px);border-color:rgba(255,148,50,.68);background:rgba(255,255,255,.04)}
.footer-social-list svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-social-list a:first-child svg{fill:currentColor;stroke:none}
.footer-vertical-accent{display:block;width:3px;height:72px;background:linear-gradient(180deg,var(--orange),var(--orange-2));border-radius:999px;align-self:flex-end;margin-top:4px}
.footer-bottom{
  position:relative;
  width:min(var(--max), calc(100vw - var(--page-pad) * 2));
  margin:0 auto;
  padding:22px clamp(18px,1.5vw,26px) 30px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.54);
  text-align:center;
  font-size:clamp(15px,.9vw,17px);
  letter-spacing:.08em;
}

@media (max-width:1200px){
  .contact-shell{
    grid-template-columns:1fr;
    gap:30px;
  }
  .contact-divider{display:none}
  .contact-methods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-shell{grid-template-columns:1fr 1fr;align-items:start}
  .footer-social{justify-self:start}
}

@media (max-width:900px){
  .contact-section,
  .site-footer{padding:0}
  .contact-shell{
    width:100%;
    padding:58px 20px 48px;
    gap:26px;
  }
  .contact-copy h2{font-size:clamp(32px,7vw,44px);line-height:1.7}
  .contact-copy p{font-size:15px}
  .contact-methods{grid-template-columns:1fr;gap:16px}
  .contact-method-card{padding:24px 18px 18px}
  .contact-form-head h3{font-size:34px;margin-bottom:18px}
  .contact-form-grid{grid-template-columns:1fr;gap:14px}
  .contact-field textarea{min-height:148px}
  .contact-captcha-row{grid-template-columns:1fr}
  .contact-captcha-box-wrap{justify-content:flex-start}
  .contact-submit{height:52px;font-size:20px;gap:14px}
  .footer-shell{
    width:100%;
    padding:28px 20px 22px;
    grid-template-columns:1fr;
    gap:22px;
  }
  .footer-brand img{width:220px}
  .footer-copy h3{font-size:28px}
  .footer-copy p{font-size:16px}
  .footer-social{gap:12px}
  .footer-vertical-accent{height:52px}
  .footer-bottom{width:100%;padding:18px 20px 24px;font-size:14px}
}

/* =========================================================
   V60 Fix｜Section 03–08 outer background containment
   Goal: keep section visuals inside the same page width as Section 01–02;
   outside the content frame uses one unified website background.
========================================================= */
:root{
  --site-outer-bg:#f6f9fc;
}

body{
  background:var(--site-outer-bg);
}

.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section,
.contact-section,
.site-footer{
  padding:0 var(--page-pad) !important;
  background:var(--site-outer-bg) !important;
}

.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell,
.contact-shell,
.footer-shell,
.footer-bottom{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:hidden;
}

.care-shell{
  background:linear-gradient(180deg,#eee5dd 0%, #ece2d9 100%);
}

.plan-shell{
  background:linear-gradient(180deg,#f6f9fc 0%,#f3f7fb 100%);
}

.workflow-shell{
  background:linear-gradient(180deg,#eff1f4 0%, #f4f5f7 100%);
}

.faq-shell{
  background:linear-gradient(180deg,#f2f4f6 0%, #eef1f3 100%);
}

.pricing-shell{
  background:linear-gradient(180deg,#f3f5f7 0%, #eef1f4 100%);
}

.contact-section{
  color:#fff;
  overflow:visible;
}

.contact-section::before,
.site-footer::before{
  display:none !important;
}

.contact-shell{
  background:linear-gradient(100deg,#191919 0%, #101113 45%, #17181a 100%);
  color:#fff;
}

.contact-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.04),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 70%,rgba(255,255,255,.03) 100%);
  pointer-events:none;
}

.site-footer{
  color:#fff;
}

.footer-shell,
.footer-bottom{
  background:linear-gradient(100deg,#262626 0%, #222427 44%, #232427 100%);
  color:#fff;
}

.footer-shell::before,
.footer-bottom::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.05),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 78%,rgba(255,255,255,.02));
  pointer-events:none;
}

.footer-shell > *,
.footer-bottom > *{
  position:relative;
  z-index:1;
}

@media (max-width:900px){
  .care-section,
  .plan-section,
  .workflow-section,
  .faq-section,
  .pricing-section,
  .contact-section,
  .site-footer{
    padding:0 var(--page-pad) !important;
  }

  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(var(--max), calc(100vw - var(--page-pad) * 2)) !important;
  }
}

/* =========================================================
   V61 Tune｜Section 03–08 refined sizing
   - subtitle font in Section 03 matches heading serif style
   - reduce overall scale for a more web-like feel
   - remove orange arcs above Section 03 icons
========================================================= */
:root{
  --section-frame-max:1540px;
  --section-frame-gutter:clamp(88px,8vw,200px);
}

.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell,
.contact-shell,
.footer-shell,
.footer-bottom{
  width:min(var(--section-frame-max), calc(100vw - var(--section-frame-gutter))) !important;
}

/* Section 03 */
.care-shell{
  padding:clamp(72px,4.8vw,96px) clamp(24px,1.8vw,38px) clamp(84px,5.6vw,110px);
}

.care-heading{
  margin-bottom:clamp(52px,3.8vw,72px);
}

.care-heading h2{
  font-size:clamp(40px,3.1vw,58px);
  letter-spacing:.12em;
}

.care-heading p{
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(16px,1vw,20px);
  line-height:1.75;
  letter-spacing:.12em;
  font-weight:700;
}

.care-card{
  padding:0 clamp(20px,1.5vw,32px);
}

.care-icon-badge{
  width:clamp(132px,9.2vw,168px);
  height:clamp(132px,9.2vw,168px);
  margin:0 auto clamp(20px,1.4vw,24px);
}

.care-icon-arc,
.care-icon-arc::before,
.care-icon-arc::after{
  display:none;
}

.care-icon-circle{
  top:0;
  width:100%;
  height:100%;
}

.care-icon-circle svg{
  width:clamp(52px,3.6vw,68px);
  height:clamp(52px,3.6vw,68px);
}

.care-card h3{
  font-size:clamp(24px,1.72vw,36px);
  line-height:1.42;
  min-height:clamp(82px,5.5vw,108px);
}

.care-card-line{
  width:clamp(44px,2.7vw,62px);
  height:4px;
  margin:clamp(18px,1.2vw,24px) auto;
}

.care-card p{
  font-size:clamp(14px,.92vw,17px);
  line-height:1.92;
}

/* Section 04 */
.plan-shell{
  padding:clamp(74px,5vw,98px) clamp(22px,1.7vw,34px) clamp(88px,5.8vw,114px);
}

.plan-heading{
  margin-bottom:clamp(42px,3vw,54px);
}

.plan-heading h2{
  font-size:clamp(42px,3.25vw,62px);
  letter-spacing:.13em;
}

.plan-heading p{
  font-size:clamp(17px,1.05vw,22px);
  line-height:1.72;
}

.plan-grid{
  gap:clamp(14px,1vw,20px);
}

.plan-card{
  border-radius:24px;
  padding:clamp(18px,1.3vw,24px) clamp(18px,1.3vw,24px) clamp(18px,1.3vw,24px);
}

.plan-card-head{
  gap:clamp(14px,1vw,18px);
  margin-bottom:clamp(16px,1.1vw,20px);
}

.plan-icon-wrap{
  width:clamp(72px,4.8vw,90px);
  height:clamp(72px,4.8vw,90px);
}

.plan-icon-wrap svg{
  width:clamp(38px,2.4vw,46px);
  height:clamp(38px,2.4vw,46px);
}

.plan-head-copy h3{
  font-size:clamp(20px,1.45vw,30px);
}

.plan-mini-line{
  width:clamp(28px,1.8vw,42px);
}

.plan-list-wrap li{
  font-size:clamp(14px,.92vw,17px);
  line-height:1.96;
}

/* Section 05 */
.workflow-shell{
  padding:clamp(76px,5vw,98px) clamp(20px,1.5vw,28px) clamp(90px,6vw,116px);
}

.workflow-head{
  gap:clamp(28px,2.4vw,62px);
  margin-bottom:clamp(48px,3.4vw,72px);
}

.workflow-head-left h2{
  font-size:clamp(42px,3.2vw,62px);
}

.workflow-head-right p{
  font-size:clamp(16px,1vw,20px);
  line-height:1.9;
}

.workflow-timeline{
  min-height:clamp(420px,30vw,540px);
}

.workflow-badge{
  width:90px;
  height:90px;
  margin:0 auto 14px;
}

.workflow-badge svg{
  width:48px;
  height:48px;
}

.workflow-content{
  width:min(214px,92%);
}

.workflow-content h3{
  font-size:clamp(22px,1.55vw,32px);
}

.workflow-content p{
  margin-top:10px;
  font-size:clamp(14px,.92vw,17px);
  line-height:1.82;
}

/* Section 06 */
.faq-shell{
  padding:clamp(78px,5vw,102px) clamp(18px,1.4vw,24px) clamp(92px,6vw,118px);
  grid-template-columns:minmax(260px, .8fr) minmax(480px, 1fr);
  gap:clamp(36px,3vw,62px);
}

.faq-side{
  padding-top:clamp(18px,1.2vw,28px);
}

.faq-side h2{
  font-size:clamp(44px,3.7vw,74px);
  line-height:1.35;
}

.faq-symbol{
  font-size:clamp(108px,8vw,170px);
}

.faq-side p{
  margin-top:clamp(34px,2.8vw,50px);
  font-size:clamp(17px,1.02vw,21px);
  line-height:1.86;
}

.faq-list{
  gap:14px;
}

.faq-item{
  border-radius:16px;
}

.faq-question{
  gap:clamp(14px,1vw,20px);
  padding:clamp(18px,1.3vw,22px) clamp(22px,1.6vw,28px);
}

.faq-q{
  font-size:clamp(26px,1.7vw,34px);
}

.faq-question-text{
  font-size:clamp(18px,1.22vw,25px);
}

.faq-answer p{
  font-size:clamp(14px,.9vw,17px);
  line-height:1.82;
  padding-left:calc(clamp(26px,1.7vw,32px) + clamp(26px,1.7vw,34px) + clamp(14px,1vw,20px));
  padding-right:clamp(26px,1.7vw,32px);
}

/* Section 07 */
.pricing-shell{
  padding:clamp(80px,5vw,104px) clamp(18px,1.4vw,24px) clamp(92px,6vw,118px);
  grid-template-columns:minmax(400px, 1fr) minmax(420px, .92fr);
  gap:clamp(34px,3vw,62px);
}

.pricing-intro h2{
  font-size:clamp(44px,3.8vw,72px);
}

.pricing-lead{
  margin:clamp(22px,1.8vw,30px) 0 clamp(26px,1.8vw,32px);
  font-size:clamp(17px,1.02vw,21px);
  line-height:1.75;
}

.pricing-service-card{
  gap:clamp(18px,1.3vw,26px);
  padding:clamp(18px,1.35vw,24px) 0;
}

.pricing-service-icon{
  width:clamp(86px,6.2vw,108px);
}

.pricing-service-body h3{
  font-size:clamp(26px,1.75vw,34px);
}

.pricing-label{
  font-size:clamp(14px,.86vw,16px);
}

.pricing-old-price{
  font-size:clamp(24px,1.55vw,32px);
}

.pricing-new-price,
.pricing-new-price--small{
  font-size:clamp(34px,2.45vw,50px);
}

.pricing-feature{
  min-height:56px;
  font-size:clamp(15px,.92vw,17px);
}

.pricing-calc-card{
  border-radius:20px;
  padding:clamp(28px,2vw,38px) clamp(26px,2vw,34px) clamp(28px,2.1vw,38px);
}

.pricing-calc-head h3{
  font-size:clamp(30px,2.1vw,42px);
}

.pricing-calc-head p{
  font-size:clamp(15px,.92vw,17px);
}

.pricing-form-label-wrap label,
.pricing-form-label-wrap span{
  font-size:clamp(15px,.92vw,18px);
}

.pricing-input{
  height:clamp(56px,3.8vw,70px);
  font-size:clamp(18px,1.08vw,21px);
}

.pricing-btn{
  height:clamp(54px,3.7vw,66px);
  font-size:clamp(18px,1.05vw,22px);
}

.pricing-result-wrap h4{
  font-size:clamp(22px,1.45vw,30px);
}

.pricing-result-label{
  font-size:clamp(19px,1.15vw,24px);
}

.pricing-result-value{
  font-size:clamp(42px,3vw,62px);
}

.pricing-note{
  font-size:clamp(13px,.82vw,15px);
}

/* Section 08 */
.contact-shell{
  padding:clamp(64px,4.8vw,88px) clamp(20px,1.4vw,24px) clamp(50px,4vw,64px);
  grid-template-columns:minmax(0,1fr) 1px minmax(420px,0.84fr);
  gap:clamp(28px,2.4vw,42px);
}

.contact-copy h2{
  font-size:clamp(34px,2.5vw,50px);
}

.contact-copy p{
  font-size:clamp(16px,.96vw,18px);
}

.contact-methods{
  margin-top:clamp(26px,2vw,34px);
  gap:clamp(14px,1vw,18px);
}

.contact-method-card{
  border-radius:16px;
  padding:22px 18px 18px;
}

.contact-method-icon{
  width:60px;height:60px;margin-bottom:12px;
}

.contact-method-card h3{
  font-size:clamp(18px,1.05vw,22px);
}

.contact-method-card p,
.contact-method-card strong,
.contact-text-link,
.contact-pill-btn{
  font-size:clamp(14px,.86vw,16px);
}

.contact-pill-btn{
  min-width:128px;
  height:40px;
}

.contact-form-head h3{
  font-size:clamp(30px,2vw,40px);
  margin-bottom:18px;
}

.contact-form-grid{
  gap:14px 18px;
}

.contact-field span{
  font-size:clamp(15px,.92vw,17px);
}

.contact-field input,
.contact-field textarea{
  font-size:clamp(14px,.86vw,16px);
  padding:12px 14px;
}

.contact-field textarea{
  min-height:180px;
}

.contact-submit{
  margin-top:18px;
  height:50px;
  font-size:clamp(18px,1.02vw,21px);
}

.footer-shell{
  padding:30px clamp(18px,1.2vw,22px) 22px;
  gap:22px;
}

.footer-copy h3{
  font-size:clamp(22px,1.45vw,30px);
}

.footer-copy p,
.footer-bottom{
  font-size:clamp(14px,.82vw,16px);
}

.footer-social h4{
  font-size:clamp(18px,1.05vw,22px);
}

@media (max-width:1180px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(var(--section-frame-max), calc(100vw - 48px)) !important;
  }
}

@media (max-width:900px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(var(--section-frame-max), calc(100vw - 28px)) !important;
  }

  .care-icon-arc,
  .care-icon-arc::before,
  .care-icon-arc::after{
    display:none !important;
  }

  .care-icon-badge{
    width:124px;
    height:124px;
  }

  .care-icon-circle{
    top:0;
  }
}

/* =========================================================
   V62 Fix｜Section 03–08 width matches Section 01–02
   - restore same content width logic as page 1 and 2
   - keep V61 typography/scale adjustments
========================================================= */
.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell,
.contact-shell,
.footer-shell,
.footer-bottom{
  width:min(var(--max), calc(100vw - var(--page-pad) * 2)) !important;
}

@media (max-width:1180px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(var(--max), calc(100vw - var(--page-pad) * 2)) !important;
  }
}

@media (max-width:900px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(var(--max), calc(100vw - var(--page-pad) * 2)) !important;
  }
}

/* =========================================================
   V63 | Page 03 only
   - enlarge subtitle: 專業 × 溝通 × 保障 給您真正的依靠
   - remove the 3 orange mini lines under card titles
   - move icon/title/body block slightly downward and keep aligned
========================================================= */

/* Section 03 heading subtitle */
.care-heading p{
  font-size:clamp(20px,1.18vw,24px) !important;
  line-height:1.8 !important;
  letter-spacing:.12em !important;
}

/* Section 03 cards */
.care-grid{
  align-items:start;
}

.care-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:32px !important;
}

.care-card-line{
  display:none !important;
}

.care-icon-badge{
  margin:0 auto 28px !important;
}

.care-card h3{
  margin-bottom:22px;
}

.care-card p{
  margin-top:0;
}

@media (max-width:1180px){
  .care-heading p{
    font-size:clamp(18px,1.6vw,22px) !important;
  }

  .care-card{
    padding-top:26px !important;
  }
}

@media (max-width:640px){
  .care-heading p{
    font-size:18px !important;
    line-height:1.75 !important;
  }

  .care-card{
    padding-top:18px !important;
  }

  .care-card h3{
    margin-bottom:16px;
  }
}

/* =========================================================
   V64 | Page 03 only
   - enlarge boxed texts on section 03
   - keep bottom 3 paragraph blocks consistent
========================================================= */

/* Page 03 main title */
.care-heading h2{
  font-size:clamp(46px,3.45vw,66px) !important;
  line-height:1.26 !important;
  letter-spacing:.11em !important;
}

/* Page 03 subtitle */
.care-heading p{
  font-size:clamp(22px,1.3vw,28px) !important;
  line-height:1.82 !important;
  letter-spacing:.1em !important;
}

/* Page 03 bottom 3 descriptions */
.care-card p{
  font-size:clamp(16px,1.02vw,19px) !important;
  line-height:1.96 !important;
  letter-spacing:.04em !important;
  width:100%;
  max-width:17.5em;
  margin:0 auto !important;
}

@media (max-width:1180px){
  .care-heading h2{
    font-size:clamp(42px,4.6vw,58px) !important;
  }

  .care-heading p{
    font-size:clamp(20px,2.2vw,24px) !important;
  }

  .care-card p{
    font-size:clamp(15px,1.45vw,18px) !important;
    max-width:18em;
  }
}

@media (max-width:640px){
  .care-heading h2{
    font-size:clamp(36px,10vw,48px) !important;
  }

  .care-heading p{
    font-size:19px !important;
    line-height:1.76 !important;
  }

  .care-card p{
    font-size:16px !important;
    line-height:1.9 !important;
    max-width:100%;
  }
}

/* =========================================================
   V65 | Page 03 only
   - orange × separators in subtitle
   - prevent unwanted line wrap in bottom text
   - add subtle hover motion on the 3 icon circles
========================================================= */

.care-heading .care-x{
  color:var(--orange);
  font-weight:800;
}

/* keep paragraph lines only breaking at <br> on desktop */
.care-card p{
  width:auto !important;
  max-width:none !important;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}

/* subtle hover motion for icon circles */
.care-icon-circle{
  transition:box-shadow .28s ease, filter .28s ease;
  will-change:transform;
}

.care-card:hover .care-icon-circle,
.care-card:focus-within .care-icon-circle{
  animation:careCircleNudge .48s ease;
  box-shadow:0 18px 30px rgba(45,42,39,.12), inset 0 4px 8px rgba(0,0,0,.02);
}

@keyframes careCircleNudge{
  0%{transform:translateX(-50%) translateY(0) scale(1)}
  35%{transform:translateX(-50%) translateY(-7px) scale(1.025)}
  70%{transform:translateX(-50%) translateY(-2px) scale(1.01)}
  100%{transform:translateX(-50%) translateY(0) scale(1)}
}

@media (max-width:900px){
  .care-card p{
    white-space:normal;
  }
}

/* =========================================================
   V66 | Page 03 only
   - darken and thicken the two × separators in subtitle
========================================================= */
.care-heading .care-x{
  color:#c46300 !important;
  font-weight:900 !important;
  text-shadow:0 0 0 currentColor;
}

/* =========================================================
   V67 | Page 03 only
   - make the two × separators thicker and more orange
========================================================= */
.care-heading .care-x{
  color:#d97908 !important;
  font-weight:900 !important;
  display:inline-block;
  font-size:1.12em;
  line-height:1;
  transform:translateY(-.02em) scale(1.16);
  text-shadow:0 0 0 currentColor, 0 0 0 currentColor;
}

/* =========================================================
   V68 | Page 04 only
   - plan subtitle uses same serif style as the title
   - adjust icon/title positions for the 6 cards
========================================================= */

/* page 04 subtitle */
.plan-heading p{
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif !important;
  font-size:clamp(20px,1.18vw,25px) !important;
  line-height:1.8 !important;
  letter-spacing:.08em !important;
  font-weight:700 !important;
}

/* page 04 card heads */
.plan-card-head{
  display:grid !important;
  grid-template-columns:clamp(88px,5.4vw,104px) 1fr;
  align-items:center !important;
  column-gap:clamp(18px,1.25vw,26px);
  min-height:clamp(98px,6.5vw,118px);
  margin-bottom:clamp(18px,1.25vw,22px) !important;
}

.plan-icon-wrap{
  justify-self:start;
  margin-left:clamp(10px,.7vw,16px);
}

.plan-head-copy{
  min-width:0;
  width:100%;
  padding-top:0 !important;
  padding-right:clamp(12px,.9vw,18px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.plan-head-copy h3{
  width:100%;
  text-align:center;
  line-height:1.28;
}

.plan-mini-line{
  margin:clamp(10px,.75vw,14px) auto 0 !important;
}

@media (max-width:1180px){
  .plan-card-head{
    grid-template-columns:84px 1fr;
    min-height:96px;
  }

  .plan-icon-wrap{
    margin-left:8px;
  }
}

@media (max-width:640px){
  .plan-heading p{
    font-size:18px !important;
    line-height:1.8 !important;
  }

  .plan-card-head{
    display:flex !important;
    align-items:center !important;
    min-height:auto;
  }

  .plan-icon-wrap{
    margin-left:0;
  }

  .plan-head-copy{
    align-items:flex-start;
    text-align:left;
    padding-right:0;
  }

  .plan-head-copy h3{
    text-align:left;
  }

  .plan-mini-line{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   V69 | Page 04 only
   - reduce overall width of the 6 cards
   - add more left/right breathing room from page edge
   - center each card title visually within the card
========================================================= */

/* make the 6-card area narrower with more side margins */
.plan-grid{
  width:min(1380px, calc(100% - 120px)) !important;
  margin:0 auto !important;
  gap:clamp(18px,1.35vw,26px) !important;
}

/* card head layout: icon anchored left, title block truly centered */
.plan-card-head{
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:clamp(98px,6.5vw,118px);
  padding:0 clamp(18px,1.25vw,24px) 0 clamp(104px,6.3vw,118px);
  margin-bottom:clamp(18px,1.25vw,22px) !important;
}

.plan-icon-wrap{
  position:absolute;
  left:clamp(14px,1vw,22px);
  top:50%;
  transform:translateY(-50%);
  margin-left:0 !important;
}

.plan-head-copy{
  width:100%;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.plan-head-copy h3{
  width:100%;
  text-align:center !important;
}

.plan-mini-line{
  margin:clamp(10px,.75vw,14px) auto 0 !important;
}

@media (max-width:1180px){
  .plan-grid{
    width:100% !important;
  }
}

@media (max-width:640px){
  .plan-card-head{
    position:static;
    display:flex !important;
    justify-content:flex-start !important;
    padding:0;
    min-height:auto;
  }

  .plan-icon-wrap{
    position:static;
    transform:none;
  }

  .plan-head-copy{
    align-items:flex-start;
    text-align:left;
  }

  .plan-head-copy h3{
    text-align:left !important;
  }

  .plan-mini-line{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   V70 | Page 04 only
   - widen the 6 cards slightly (but keep side margins)
   - truly center each card title within the whole card
   - remove orange line under main section title
   - move the main section title slightly downward
========================================================= */

/* section title area */
.plan-heading h2{
  margin-top:14px !important;
}

.plan-accent{
  display:none !important;
}

.plan-heading{
  margin-bottom:clamp(36px,2.6vw,46px) !important;
}

/* 6 cards: a bit wider than v69, while keeping edge spacing */
.plan-grid{
  width:min(1490px, calc(100% - 72px)) !important;
  margin:0 auto !important;
  gap:clamp(18px,1.25vw,24px) !important;
}

/* truly center title block relative to the whole card */
.plan-card-head{
  position:relative !important;
  display:block !important;
  min-height:clamp(98px,6.5vw,118px);
  padding:0 !important;
  margin-bottom:clamp(18px,1.25vw,22px) !important;
}

.plan-icon-wrap{
  position:absolute !important;
  left:clamp(16px,1.1vw,24px) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}

.plan-head-copy{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:calc(100% - 140px) !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.plan-head-copy h3{
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
}

.plan-mini-line{
  margin:clamp(10px,.75vw,14px) auto 0 !important;
}

@media (max-width:1180px){
  .plan-grid{
    width:100% !important;
  }
}

@media (max-width:640px){
  .plan-heading h2{
    margin-top:0 !important;
  }

  .plan-card-head{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:auto;
    padding:0 !important;
  }

  .plan-icon-wrap{
    position:static !important;
    transform:none !important;
  }

  .plan-head-copy{
    position:static !important;
    transform:none !important;
    width:auto !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .plan-head-copy h3{
    text-align:left !important;
  }

  .plan-mini-line{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   V71 | Page 04 only
   - widen the 6 cards a bit more
   - move the main title slightly upward
   - place each small-card title to the right of the icon
========================================================= */

/* Page 04 main title: slightly higher than v70 */
.plan-heading h2{
  margin-top:6px !important;
}

/* Six cards: wider, but still keep edge spacing */
.plan-grid{
  width:min(1540px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  gap:clamp(18px,1.2vw,24px) !important;
}

/* Card header: icon on left, title block on the right */
.plan-card-head{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(16px,1.1vw,22px) !important;
  min-height:clamp(94px,6vw,108px) !important;
  padding:0 clamp(8px,.6vw,12px) 0 clamp(8px,.6vw,12px) !important;
  margin-bottom:clamp(18px,1.2vw,22px) !important;
}

.plan-icon-wrap{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  flex:0 0 auto;
  margin:0 0 0 clamp(4px,.25vw,8px) !important;
}

.plan-head-copy{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:auto !important;
  min-width:0;
  padding:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}

.plan-head-copy h3{
  width:auto !important;
  margin:0 !important;
  text-align:left !important;
}

.plan-mini-line{
  margin:clamp(10px,.72vw,14px) 0 0 !important;
}

@media (max-width:1180px){
  .plan-grid{
    width:100% !important;
  }
}

@media (max-width:640px){
  .plan-heading h2{
    margin-top:0 !important;
  }

  .plan-card-head{
    padding:0 !important;
    gap:14px !important;
    min-height:auto !important;
  }

  .plan-icon-wrap{
    margin-left:0 !important;
  }

  .plan-head-copy,
  .plan-head-copy h3{
    text-align:left !important;
  }

  .plan-mini-line{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   V72 | Page 04 only
   - move subtitle sentence slightly downward
   - make the 6 cards a bit wider
========================================================= */

/* page 04 subtitle sentence lower */
.plan-heading p{
  margin-top:20px !important;
}

/* 6 cards wider while keeping side spacing */
.plan-grid{
  width:min(1600px, calc(100% - 28px)) !important;
  margin:0 auto !important;
}

@media (max-width:1180px){
  .plan-heading p{
    margin-top:16px !important;
  }

  .plan-grid{
    width:100% !important;
  }
}

@media (max-width:640px){
  .plan-heading p{
    margin-top:12px !important;
  }
}

/* =========================================================
   V73 | Page 04 only
   - add subtle hover interaction to the 6 plan cards
   - slightly stronger base shadow for a more refined web feel
========================================================= */
.plan-card{
  box-shadow:0 18px 42px rgba(25,32,40,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  will-change:transform;
}

.plan-card:hover,
.plan-card:focus-within{
  transform:translateY(-6px);
  box-shadow:0 28px 58px rgba(25,32,40,.14), inset 0 1px 0 rgba(255,255,255,.78) !important;
  border-color:rgba(255,148,50,.22);
}

@media (prefers-reduced-motion: reduce){
  .plan-card{
    transition:box-shadow .2s ease, border-color .2s ease !important;
  }

  .plan-card:hover,
  .plan-card:focus-within{
    transform:none;
  }
}

@media (max-width:640px){
  .plan-card:hover,
  .plan-card:focus-within{
    transform:translateY(-3px);
  }
}

/* =========================================================
   V74 | Section 03-08 professional website pass
   - reduce slide-like scale and full-screen pacing
   - convert value, service, process, FAQ, pricing and contact into web sections
========================================================= */
:root{
  --content-max:1320px;
  --content-gutter:clamp(28px,5.6vw,96px);
  --surface:#f6f8fa;
  --panel:#ffffff;
  --panel-soft:#f9fafb;
  --rule:#e1e6eb;
  --trust:#1d2023;
  --trust-soft:#fff1e6;
  --shadow-soft:0 16px 38px rgba(31,39,48,.07);
  --shadow-hover:0 22px 48px rgba(31,39,48,.11);
}

.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  padding:0 !important;
  background:var(--surface) !important;
}

.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell{
  width:min(var(--content-max), calc(100vw - var(--content-gutter))) !important;
  border-radius:0 !important;
  overflow:visible !important;
  margin-inline:auto !important;
}

.care-accent,
.plan-accent,
.workflow-accent,
.faq-accent,
.pricing-accent,
.pricing-mini-accent{
  width:48px !important;
  height:3px !important;
  border-radius:999px !important;
  background:var(--orange) !important;
}

/* Section 03 | Value cards */
.care-shell{
  display:grid !important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);
  gap:clamp(36px,5vw,88px);
  align-items:start;
  padding:clamp(82px,7vw,116px) 0 !important;
  background:transparent !important;
}

.care-heading{
  position:sticky;
  top:calc(var(--header-h-scrolled) + 28px);
  text-align:left !important;
  margin:0 !important;
}

.care-heading::before{
  content:"服務理念";
  display:inline-flex;
  margin-bottom:18px;
  color:var(--trust);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}

.care-heading h2{
  max-width:9em;
  font-size:clamp(34px,3.15vw,52px) !important;
  line-height:1.28 !important;
  letter-spacing:.06em !important;
}

.care-accent{
  margin:24px 0 22px !important;
}

.care-heading p{
  max-width:24em;
  color:#4d565e !important;
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif !important;
  font-size:clamp(16px,1.05vw,18px) !important;
  line-height:1.85 !important;
  letter-spacing:.04em !important;
  font-weight:500 !important;
}

.care-heading .care-x{
  color:var(--orange) !important;
  font-size:1em !important;
  transform:none !important;
}

.care-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  align-items:stretch !important;
}

.care-card{
  display:grid !important;
  grid-template-columns:86px minmax(170px,.48fr) minmax(0,1fr);
  grid-template-areas:"icon title body";
  gap:clamp(18px,2vw,30px);
  align-items:center !important;
  padding:clamp(22px,2.1vw,32px) !important;
  border:1px solid var(--rule) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 28px rgba(31,39,48,.055) !important;
  text-align:left !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.care-card + .care-card{
  border-left:1px solid var(--rule) !important;
  border-top:1px solid var(--rule) !important;
  padding-top:clamp(22px,2.1vw,32px) !important;
}

.care-card:hover,
.care-card:focus-within{
  transform:translateY(-4px);
  border-color:rgba(31,95,110,.22) !important;
  box-shadow:var(--shadow-hover) !important;
}

.care-icon-badge{
  grid-area:icon;
  width:76px !important;
  height:76px !important;
  margin:0 !important;
}

.care-icon-circle{
  position:static !important;
  transform:none !important;
  width:76px !important;
  height:76px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,var(--trust-soft)) !important;
  border:1px solid rgba(31,95,110,.14) !important;
  box-shadow:none !important;
}

.care-card:hover .care-icon-circle,
.care-card:focus-within .care-icon-circle{
  animation:none !important;
  box-shadow:none !important;
}

.care-icon-circle svg{
  width:42px !important;
  height:42px !important;
  stroke:#263137 !important;
}

.care-card h3{
  grid-area:title;
  min-height:0 !important;
  margin:0 !important;
  color:#22282e !important;
  font-size:clamp(22px,1.65vw,30px) !important;
  line-height:1.4 !important;
  letter-spacing:.04em !important;
}

.care-card-line{
  display:none !important;
}

.care-card p{
  grid-area:body;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  color:#4e5760 !important;
  font-size:clamp(14px,.95vw,16px) !important;
  line-height:1.88 !important;
  letter-spacing:.02em !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.care-card p br{
  display:none;
}

/* Section 04 | Service catalog */
.plan-shell{
  padding:clamp(82px,7vw,116px) 0 !important;
  background:transparent !important;
}

.plan-heading{
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);
  gap:clamp(28px,4vw,72px);
  align-items:end;
  text-align:left !important;
  margin:0 0 clamp(32px,3.6vw,54px) !important;
}

.plan-heading::before{
  content:"檢測項目";
  display:inline-flex;
  grid-column:1 / -1;
  color:var(--trust);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}

.plan-heading h2{
  margin:0 !important;
  font-size:clamp(34px,3.2vw,54px) !important;
  line-height:1.25 !important;
  letter-spacing:.06em !important;
}

.plan-heading p{
  max-width:42em;
  margin:0 !important;
  color:#4d565e !important;
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif !important;
  font-size:clamp(15px,1vw,18px) !important;
  line-height:1.86 !important;
  letter-spacing:.03em !important;
  font-weight:500 !important;
}

.plan-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}

.plan-card{
  position:relative;
  display:grid;
  gap:18px;
  min-height:0;
  border-radius:16px !important;
  border:1px solid var(--rule) !important;
  background:var(--panel) !important;
  padding:clamp(22px,2vw,30px) !important;
  box-shadow:0 10px 26px rgba(31,39,48,.055), inset 0 1px 0 rgba(255,255,255,.78) !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.plan-card::after{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--orange),var(--trust));
  opacity:.7;
}

.plan-card:hover,
.plan-card:focus-within{
  transform:translateY(-4px) !important;
  border-color:rgba(31,95,110,.24) !important;
  box-shadow:var(--shadow-hover) !important;
}

.plan-card-head{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

.plan-icon-wrap{
  position:static !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  flex:0 0 58px !important;
  transform:none !important;
  border-radius:14px !important;
  border:1px solid rgba(31,95,110,.14) !important;
  background:var(--trust-soft) !important;
}

.plan-icon-wrap svg{
  width:32px !important;
  height:32px !important;
}

.plan-head-copy{
  position:static !important;
  width:auto !important;
  min-width:0;
  transform:none !important;
  align-items:flex-start !important;
  text-align:left !important;
}

.plan-head-copy h3{
  width:auto !important;
  margin:0 !important;
  text-align:left !important;
  font-size:clamp(21px,1.55vw,28px) !important;
  line-height:1.34 !important;
  letter-spacing:.04em !important;
}

.plan-mini-line{
  display:none !important;
}

.plan-list-wrap{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 18px !important;
  padding-top:2px;
}

.plan-list-wrap ul{
  padding:0 !important;
}

.plan-list-wrap ul + ul{
  border-left:1px solid var(--rule) !important;
  padding-left:18px !important;
}

.plan-list-wrap li{
  color:#4c565f !important;
  font-size:clamp(14px,.92vw,16px) !important;
  line-height:1.9 !important;
  letter-spacing:.015em !important;
}

.plan-list-wrap li::before{
  color:var(--trust) !important;
}

/* Section 05 | Process */
.workflow-shell{
  padding:clamp(80px,6.8vw,108px) 0 !important;
  background:transparent !important;
}

.workflow-head{
  display:grid !important;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1fr);
  gap:clamp(28px,4vw,72px) !important;
  align-items:end !important;
  margin:0 0 clamp(32px,3.4vw,48px) !important;
}

.workflow-head-left{
  text-align:left !important;
}

.workflow-head-left::before{
  content:"服務流程";
  display:inline-flex;
  margin-bottom:18px;
  color:var(--trust);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}

.workflow-head-left h2{
  font-size:clamp(34px,3vw,50px) !important;
  line-height:1.24 !important;
  letter-spacing:.06em !important;
}

.workflow-accent{
  margin:22px 0 0 !important;
}

.workflow-head-right{
  padding:0 !important;
}

.workflow-head-right p{
  max-width:44em;
  color:#4d565e !important;
  text-align:left !important;
  font-size:clamp(15px,1vw,17px) !important;
  line-height:1.88 !important;
  letter-spacing:.03em !important;
}

.workflow-timeline{
  counter-reset:workflow;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
  min-height:0 !important;
  padding:0 !important;
}

.workflow-axis,
.workflow-node,
.workflow-connector{
  display:none !important;
}

.workflow-step{
  counter-increment:workflow;
  min-height:0 !important;
  border:1px solid var(--rule);
  border-radius:16px;
  background:var(--panel);
  box-shadow:0 10px 26px rgba(31,39,48,.05);
  padding:clamp(20px,1.8vw,26px);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.workflow-step:hover,
.workflow-step:focus-within{
  transform:translateY(-4px);
  border-color:rgba(31,95,110,.24);
  box-shadow:var(--shadow-hover);
}

.workflow-step::before{
  content:counter(workflow, decimal-leading-zero);
  display:block;
  margin-bottom:18px;
  color:rgba(31,95,110,.34);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(32px,2.8vw,46px);
  line-height:1;
  font-weight:900;
}

.workflow-content,
.workflow-step.is-top .workflow-content,
.workflow-step.is-bottom .workflow-content{
  position:static !important;
  left:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:auto !important;
  transform:none !important;
  text-align:left !important;
}

.workflow-badge{
  position:static !important;
  width:58px !important;
  height:58px !important;
  margin:0 0 16px !important;
  border-radius:14px !important;
  background:var(--trust-soft) !important;
  border:1px solid rgba(31,95,110,.14) !important;
  box-shadow:none !important;
}

.workflow-badge svg{
  width:32px !important;
  height:32px !important;
}

.workflow-content h3{
  font-size:clamp(20px,1.4vw,25px) !important;
  line-height:1.38 !important;
  letter-spacing:.04em !important;
}

.workflow-content p{
  margin-top:10px !important;
  color:#4c565f !important;
  font-size:clamp(14px,.92vw,16px) !important;
  line-height:1.72 !important;
  letter-spacing:.02em !important;
}

/* Section 06 | FAQ */
.faq-shell{
  display:grid !important;
  grid-template-columns:minmax(280px,.66fr) minmax(0,1.34fr) !important;
  gap:clamp(32px,4.2vw,74px) !important;
  padding:clamp(80px,6.8vw,108px) 0 !important;
  background:transparent !important;
}

.faq-side{
  padding:0 !important;
}

.faq-side h2{
  font-size:clamp(34px,3vw,50px) !important;
  line-height:1.34 !important;
  letter-spacing:.06em !important;
}

.faq-accent{
  margin:0 0 22px !important;
}

.faq-symbol{
  display:none !important;
}

.faq-side p{
  max-width:22em;
  margin:24px 0 0 !important;
  color:#4d565e !important;
  font-size:clamp(15px,1vw,17px) !important;
  line-height:1.86 !important;
}

.faq-list{
  gap:12px !important;
}

.faq-item{
  border:1px solid var(--rule) !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(31,39,48,.045) !important;
}

.faq-question{
  padding:18px 22px !important;
}

.faq-q{
  color:var(--trust) !important;
  font-size:24px !important;
}

.faq-question-text{
  font-size:clamp(17px,1.15vw,21px) !important;
  line-height:1.55 !important;
  letter-spacing:.025em !important;
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif !important;
  font-weight:700 !important;
}

.faq-answer p{
  padding-left:calc(22px + 24px + clamp(14px,1vw,20px)) !important;
  padding-right:22px !important;
  color:#5a646d !important;
  font-size:15px !important;
  line-height:1.85 !important;
}

.faq-item.is-open .faq-answer p{
  padding-bottom:20px !important;
}

/* Section 07 | Pricing */
.pricing-shell{
  display:grid !important;
  grid-template-columns:minmax(360px,.9fr) minmax(420px,1fr) !important;
  gap:clamp(30px,4.4vw,78px) !important;
  align-items:start !important;
  padding:clamp(80px,6.8vw,108px) 0 !important;
  background:transparent !important;
}

.pricing-intro{
  padding:0 !important;
}

.pricing-intro h2{
  font-size:clamp(34px,3.15vw,54px) !important;
  line-height:1.34 !important;
  letter-spacing:.06em !important;
}

.pricing-accent{
  margin:0 0 24px !important;
}

.pricing-lead{
  margin:22px 0 28px !important;
  color:#4d565e !important;
  font-size:clamp(15px,1vw,18px) !important;
  line-height:1.8 !important;
  letter-spacing:.03em !important;
}

.pricing-service-list{
  gap:12px !important;
  background:transparent !important;
}

.pricing-service-card{
  grid-template-columns:58px 1fr !important;
  gap:16px !important;
  align-items:center !important;
  padding:18px !important;
  border:1px solid var(--rule) !important;
  border-radius:14px !important;
  background:var(--panel) !important;
  box-shadow:0 8px 22px rgba(31,39,48,.045);
}

.pricing-service-card:first-child{
  border-top:1px solid var(--rule) !important;
}

.pricing-service-icon{
  width:58px !important;
  border-radius:14px !important;
  background:var(--trust-soft) !important;
  box-shadow:none !important;
}

.pricing-service-body h3{
  margin-bottom:10px !important;
  font-size:clamp(20px,1.4vw,25px) !important;
  letter-spacing:.03em !important;
}

.pricing-price-stack{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:end;
}

.pricing-label{
  font-size:13px !important;
}

.pricing-old-price{
  font-size:clamp(20px,1.35vw,25px) !important;
}

.pricing-new-price,
.pricing-new-price--small{
  font-size:clamp(30px,2.2vw,42px) !important;
}

.pricing-feature-row{
  margin-top:14px !important;
  border:1px solid var(--rule);
  border-radius:14px !important;
  background:var(--panel-soft) !important;
}

.pricing-feature{
  min-height:48px !important;
  color:#3d464e !important;
  font-size:14px !important;
  justify-content:flex-start !important;
}

.pricing-calc-card{
  border-radius:18px !important;
  border:1px solid rgba(31,95,110,.16) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:clamp(28px,2.5vw,42px) !important;
}

.pricing-calc-head{
  text-align:left !important;
}

.pricing-calc-head h3{
  font-size:clamp(28px,2.2vw,40px) !important;
  letter-spacing:.05em !important;
}

.pricing-calc-head p{
  font-size:15px !important;
}

.pricing-result-wrap{
  text-align:left !important;
}

.pricing-mini-accent{
  margin:12px 0 18px !important;
}

.pricing-result-box{
  background:linear-gradient(135deg,#f8fbfc,var(--trust-soft)) !important;
  border:1px solid rgba(31,95,110,.12);
}

.pricing-result-value{
  justify-content:flex-start !important;
  color:var(--trust) !important;
}

/* Section 08 | Contact */
.contact-section,
.site-footer{
  padding:0 !important;
  background:#111416 !important;
}

.contact-shell,
.footer-shell,
.footer-bottom{
  width:min(var(--content-max), calc(100vw - var(--content-gutter))) !important;
  overflow:visible !important;
}

.contact-shell{
  grid-template-columns:minmax(0,1fr) minmax(400px,.78fr) !important;
  gap:clamp(32px,4.5vw,78px) !important;
  padding:clamp(76px,6.8vw,110px) 0 !important;
  background:transparent !important;
}

.contact-shell::before,
.contact-divider{
  display:none !important;
}

.contact-copy h2{
  font-size:clamp(32px,2.8vw,48px) !important;
  line-height:1.45 !important;
}

.contact-copy h2 span{
  color:#ff9b45 !important;
}

.contact-copy p{
  max-width:34em;
  font-size:clamp(15px,1vw,17px) !important;
}

.contact-methods{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.contact-method-card{
  align-items:flex-start !important;
  text-align:left !important;
  border-radius:14px !important;
  padding:20px !important;
  box-shadow:none !important;
}

.contact-method-icon{
  width:44px !important;
  height:44px !important;
  margin-bottom:12px !important;
}

.contact-method-card h3{
  font-size:clamp(17px,1.1vw,20px) !important;
  line-height:1.4 !important;
}

.contact-method-card p,
.contact-method-card strong,
.contact-text-link,
.contact-pill-btn{
  font-size:14px !important;
}

.contact-pill-btn{
  min-width:0 !important;
  height:38px !important;
  padding:0 16px;
}

.contact-panel--form{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  padding:clamp(24px,2.2vw,34px);
}

.contact-form-head h3{
  font-size:clamp(26px,2vw,36px) !important;
}

.contact-form-grid{
  grid-template-columns:1fr !important;
}

.contact-field textarea{
  min-height:130px !important;
}

.contact-field input,
.contact-field textarea{
  border-radius:8px !important;
}

.footer-shell{
  grid-template-columns:minmax(170px,.45fr) minmax(260px,1fr) minmax(170px,.5fr) !important;
  padding:34px 0 24px !important;
  background:transparent !important;
}

.footer-bottom{
  padding:18px 0 28px !important;
  background:transparent !important;
}

@media (max-width:1180px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(100% - 48px, var(--content-max)) !important;
  }

  .care-shell,
  .plan-heading,
  .workflow-head,
  .faq-shell,
  .pricing-shell,
  .contact-shell{
    grid-template-columns:1fr !important;
  }

  .care-heading{
    position:static;
  }

  .workflow-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .contact-methods{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:min(100% - 32px, var(--content-max)) !important;
  }

  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell{
    padding:64px 0 !important;
  }

  .care-card{
    grid-template-columns:64px 1fr !important;
    grid-template-areas:
      "icon title"
      "body body";
    gap:14px 16px !important;
    padding:20px !important;
  }

  .care-icon-badge,
  .care-icon-circle{
    width:64px !important;
    height:64px !important;
  }

  .care-icon-circle svg{
    width:34px !important;
    height:34px !important;
  }

  .plan-grid,
  .workflow-timeline{
    grid-template-columns:1fr !important;
  }

  .plan-list-wrap,
  .pricing-price-stack{
    grid-template-columns:1fr !important;
  }

  .plan-list-wrap ul + ul{
    border-left:0 !important;
    border-top:1px solid var(--rule) !important;
    padding-left:0 !important;
    padding-top:10px !important;
    margin-top:6px !important;
  }

  .pricing-service-card{
    grid-template-columns:52px 1fr !important;
    padding:16px !important;
  }

  .pricing-service-icon{
    width:52px !important;
  }

  .contact-shell{
    padding:62px 0 !important;
  }

  .contact-methods{
    grid-template-columns:1fr !important;
  }

  .contact-panel--form{
    padding:22px 18px;
  }

  .footer-shell{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  .care-heading h2,
  .plan-heading h2,
  .workflow-head-left h2,
  .faq-side h2,
  .pricing-intro h2,
  .contact-copy h2{
    font-size:clamp(30px,9vw,40px) !important;
    letter-spacing:.04em !important;
  }

  .faq-question{
    padding:16px !important;
    gap:10px !important;
  }

  .faq-answer p{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .pricing-calc-card{
    padding:22px 18px !important;
  }
}

/* =========================================================
   V75 | Whole-site brand polish
   - formal, warm, approachable black / white / orange system
   - removes orange-to-green accents
   - refines page 01-02 and adds varied icons / micro interactions
========================================================= */
:root{
  --brand-black:#111315;
  --brand-black-2:#1d2023;
  --brand-orange:#ff7a18;
  --brand-orange-2:#f05f00;
  --brand-orange-soft:#fff1e6;
  --brand-cream:#f5f1eb;
  --brand-cream-2:#ebe5dc;
  --brand-paper:#fffdfa;
  --brand-line:#ddd6cd;
  --brand-muted:#5b646d;
  --content-max:1320px;
  --content-gutter:clamp(32px,5vw,96px);
  --surface:var(--brand-cream);
  --panel:var(--brand-paper);
  --panel-soft:#faf7f2;
  --rule:var(--brand-line);
  --trust:var(--brand-black-2);
  --trust-soft:var(--brand-orange-soft);
  --shadow-soft:0 18px 45px rgba(25,25,25,.075);
  --shadow-hover:0 26px 62px rgba(25,25,25,.13);
}

html{
  scroll-padding-top:var(--header-h-scrolled);
}

body{
  background:var(--brand-cream) !important;
  color:var(--brand-black);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(17,19,21,.035) 1px,transparent 1px) 0 0 / 96px 96px,
    linear-gradient(180deg,rgba(17,19,21,.025) 1px,transparent 1px) 0 0 / 96px 96px;
  opacity:.5;
}

.site-header{
  background:rgba(17,19,21,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 32px rgba(0,0,0,.18) !important;
}

.site-header.is-scrolled{
  background:rgba(17,19,21,.82) !important;
}

.brand img{
  border-radius:0;
}

.main-nav a:not(.nav-cta){
  color:rgba(255,255,255,.78) !important;
  letter-spacing:.05em !important;
}

.main-nav a:not(.nav-cta)::after{
  background:var(--brand-orange) !important;
}

.nav-cta,
.hero-primary,
.pricing-btn,
.contact-submit{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-2)) !important;
}

.care-accent,
.plan-accent,
.workflow-accent,
.faq-accent,
.pricing-accent,
.pricing-mini-accent,
.accent-line,
.contact-accent,
.footer-accent{
  background:var(--brand-orange) !important;
}

.care-heading::before,
.plan-heading::before,
.workflow-head-left::before,
.faq-side::before,
.pricing-intro::before{
  color:var(--brand-orange) !important;
}

/* Shared entrance motion */
.hero-copy-inner,
.why-left,
.why-card,
.care-card,
.plan-card,
.workflow-step,
.faq-item,
.pricing-service-card,
.pricing-calc-card,
.contact-method-card,
.contact-panel--form{
  animation:siteFadeLift .72s ease both;
}

.why-card:nth-child(2),
.care-card:nth-child(2),
.plan-card:nth-child(2),
.workflow-step:nth-child(2),
.faq-item:nth-child(2),
.pricing-service-card:nth-child(2),
.contact-method-card:nth-child(2){
  animation-delay:.08s;
}

.why-card:nth-child(3),
.care-card:nth-child(3),
.plan-card:nth-child(3),
.workflow-step:nth-child(3),
.faq-item:nth-child(3),
.contact-method-card:nth-child(3){
  animation-delay:.14s;
}

.plan-card:nth-child(4),
.workflow-step:nth-child(4),
.faq-item:nth-child(4){
  animation-delay:.2s;
}

.plan-card:nth-child(5),
.workflow-step:nth-child(5),
.faq-item:nth-child(5){
  animation-delay:.26s;
}

.plan-card:nth-child(6),
.faq-item:nth-child(n+6){
  animation-delay:.32s;
}

@keyframes siteFadeLift{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* Page 01 | Hero */
.hero-section{
  padding:clamp(18px,1.8vw,28px) 0 clamp(58px,6vw,92px) !important;
  background:linear-gradient(180deg,#fbf8f3 0%,var(--brand-cream) 100%) !important;
}

.hero-shell{
  width:min(var(--content-max), calc(100vw - var(--content-gutter))) !important;
  min-height:clamp(650px, calc(100vh - var(--header-h) - 28px), 820px) !important;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr) !important;
  border:1px solid rgba(17,19,21,.08);
  border-radius:28px;
  background:var(--brand-paper) !important;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}

.hero-copy{
  background:
    linear-gradient(135deg,rgba(255,122,24,.06),rgba(255,255,255,0) 52%),
    var(--brand-paper) !important;
}

.hero-copy::before{
  content:"";
  position:absolute;
  left:0;
  top:clamp(30px,4vw,70px);
  width:5px;
  height:clamp(110px,12vw,180px);
  border-radius:0 999px 999px 0;
  background:var(--brand-orange);
}

.hero-copy-inner{
  padding:clamp(68px,6vw,104px) clamp(32px,4vw,72px) clamp(52px,4.4vw,84px) clamp(42px,4.4vw,78px) !important;
}

.hero-copy h1{
  color:var(--brand-black) !important;
  font-size:clamp(58px,5.4vw,92px) !important;
  letter-spacing:.07em !important;
}

.hero-subtitle{
  max-width:19em;
  margin:0 0 28px !important;
  color:#41484f !important;
  font-size:clamp(18px,1.18vw,22px) !important;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 clamp(40px,4vw,72px);
}

.hero-primary,
.hero-secondary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 22px;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.05em;
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.hero-primary{
  color:#fff;
  box-shadow:0 14px 24px rgba(255,122,24,.22);
}

.hero-secondary{
  color:var(--brand-black);
  border:1px solid rgba(17,19,21,.14);
  background:#fff;
}

.hero-primary:hover,
.hero-secondary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(25,25,25,.12);
}

.hero-points{
  width:100% !important;
  max-width:560px;
  margin:0 !important;
  transform:none !important;
  gap:0;
  border:1px solid var(--brand-line);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  overflow:hidden;
}

.hero-point{
  padding:18px 12px !important;
}

.hero-point:not(:last-child){
  border-right:1px solid var(--brand-line) !important;
}

.point-icon{
  width:54px !important;
  height:54px !important;
}

.point-icon svg{
  stroke:var(--brand-black) !important;
}

.point-icon svg path:nth-child(n+2),
.point-icon svg circle{
  stroke:var(--brand-orange) !important;
}

.hero-point h3{
  color:var(--brand-black) !important;
  font-size:clamp(15px,1vw,18px) !important;
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif !important;
}

.hero-point p{
  color:var(--brand-muted) !important;
  white-space:normal !important;
}

.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.hero-proof span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:var(--brand-orange-soft);
  color:#8d3b00;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
}

.hero-proof span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--brand-orange);
}

.hero-frame{
  background:#dccfc0 !important;
}

.hero-frame::before{
  content:"";
  display:block !important;
  position:absolute;
  inset:24px;
  z-index:2;
  border:1px solid rgba(255,255,255,.42);
  pointer-events:none;
}

.hero-frame::after{
  content:"現場檢測";
  display:inline-flex !important;
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:3;
  min-height:36px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:rgba(17,19,21,.74);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  backdrop-filter:blur(8px);
}

/* Page 02 | Why */
.why-section{
  padding:0 !important;
  background:var(--brand-cream) !important;
}

.why-shell{
  width:min(var(--content-max), calc(100vw - var(--content-gutter))) !important;
  min-height:auto !important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr) !important;
  gap:clamp(34px,5vw,90px) !important;
  align-items:center !important;
  padding:clamp(76px,7vw,112px) 0 !important;
  background:transparent !important;
  overflow:visible !important;
}

.why-left{
  padding:0 !important;
  transform:none !important;
}

.why-left::before{
  content:"交屋前的判斷力";
  display:inline-flex;
  margin-bottom:18px;
  color:var(--brand-orange);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}

.why-accent{
  width:48px !important;
  height:3px !important;
  margin:0 0 26px !important;
  background:var(--brand-orange) !important;
}

.why-heading-row{
  align-items:flex-start !important;
  margin-bottom:28px !important;
}

.why-heading-row h2{
  color:var(--brand-black) !important;
  font-size:clamp(42px,4.2vw,68px) !important;
  line-height:1.18 !important;
  letter-spacing:.06em !important;
}

.why-question{
  color:rgba(255,122,24,.13) !important;
  font-size:clamp(82px,8vw,150px) !important;
  transform:translateY(-8px) !important;
}

.why-copy{
  max-width:24em;
  color:#4b535b !important;
  font-size:clamp(16px,1.08vw,19px) !important;
  line-height:1.95 !important;
  letter-spacing:.03em !important;
}

.why-cards{
  width:100% !important;
  margin:0 !important;
  gap:16px !important;
}

.why-card{
  position:relative;
  min-height:0 !important;
  grid-template-columns:92px 1fr !important;
  gap:20px;
  padding:22px 26px !important;
  border:1px solid var(--brand-line) !important;
  border-radius:18px !important;
  background:var(--brand-paper) !important;
  box-shadow:var(--shadow-soft) !important;
}

.why-card::after{
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:42px;
  height:3px;
  border-radius:999px;
  background:var(--brand-orange);
  opacity:.5;
}

.why-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:var(--shadow-hover) !important;
}

.why-icon{
  width:76px;
  height:76px;
  border-radius:18px;
  background:var(--brand-orange-soft);
}

.why-card:nth-child(2) .why-icon{
  background:#f1eee8;
}

.why-card:nth-child(3) .why-icon{
  background:#fff7ef;
}

.why-icon img{
  width:54px !important;
}

.why-divider{
  display:none !important;
}

.why-card-copy{
  padding:0 !important;
}

.why-card-copy h3{
  color:var(--brand-black) !important;
  font-size:clamp(23px,1.65vw,30px) !important;
  letter-spacing:.04em !important;
}

.why-card-copy p{
  color:var(--brand-muted) !important;
  font-size:clamp(14px,.95vw,16px) !important;
  line-height:1.75 !important;
}

/* Page 03-08 color and icon refinements */
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  background:var(--brand-cream) !important;
}

.care-card,
.plan-card,
.workflow-step,
.faq-item,
.pricing-service-card,
.pricing-calc-card{
  background:var(--brand-paper) !important;
  border-color:var(--brand-line) !important;
}

.care-icon-circle,
.plan-icon-wrap,
.workflow-badge,
.pricing-service-icon{
  background:var(--brand-orange-soft) !important;
  border-color:rgba(255,122,24,.2) !important;
}

.care-card:nth-child(2) .care-icon-circle,
.plan-card:nth-child(2) .plan-icon-wrap,
.workflow-step:nth-child(2) .workflow-badge,
.pricing-service-card:nth-child(2) .pricing-service-icon{
  background:#f5efe7 !important;
}

.care-card:nth-child(3) .care-icon-circle,
.plan-card:nth-child(3) .plan-icon-wrap,
.workflow-step:nth-child(3) .workflow-badge{
  background:#fff8f1 !important;
}

.plan-card:nth-child(4) .plan-icon-wrap,
.workflow-step:nth-child(4) .workflow-badge{
  background:#f4f2ee !important;
}

.plan-card:nth-child(5) .plan-icon-wrap,
.workflow-step:nth-child(5) .workflow-badge{
  background:#fff3e8 !important;
}

.plan-card:nth-child(6) .plan-icon-wrap{
  background:#f8f5ef !important;
}

.plan-card::after{
  background:var(--brand-orange) !important;
}

.plan-list-wrap li::before,
.faq-q,
.pricing-check,
.pricing-new-price,
.pricing-label--orange,
.contact-text-link{
  color:var(--brand-orange) !important;
}

.workflow-step::before{
  color:rgba(255,122,24,.28) !important;
}

.pricing-result-box{
  background:linear-gradient(135deg,#fffaf4,#fff1e6) !important;
  border-color:rgba(255,122,24,.18) !important;
}

.pricing-result-value{
  color:var(--brand-orange) !important;
}

.pricing-result-value .is-quote,
.pricing-result-value span.is-quote{
  font-size:.56em;
  color:var(--brand-black) !important;
  letter-spacing:.04em;
}

.pricing-estimate-options{
  display:grid;
  gap:18px;
  margin-top:clamp(28px,2.2vw,38px);
}

.estimate-option{
  margin:0 !important;
  padding:18px;
  border:1px solid var(--brand-line);
  border-radius:16px;
  background:#fff;
}

.estimate-option--house{
  background:#fffaf6;
}

.estimate-option .pricing-btn{
  margin-top:18px !important;
}

.pricing-btn{
  background:linear-gradient(135deg,var(--brand-black),#24272b) !important;
}

.pricing-btn:hover{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-2)) !important;
}

/* Page 08 */
.contact-section,
.site-footer{
  background:var(--brand-black) !important;
}

.contact-shell{
  color:#fff;
}

.contact-method-card,
.contact-panel--form{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.contact-method-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,122,24,.38) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.22) !important;
}

.contact-captcha-box{
  background:#f6eadb !important;
  color:#17191b !important;
  letter-spacing:.22em !important;
  filter:none !important;
}

.footer-social-list a[href="#"]{
  opacity:.38;
  cursor:not-allowed;
  pointer-events:none;
}

.footer-social-list a[href="#"]::after{
  content:"";
  position:absolute;
}

@media (max-width:1180px){
  .hero-shell,
  .why-shell{
    width:min(100% - 48px, var(--content-max)) !important;
  }

  .hero-shell{
    grid-template-columns:1fr !important;
  }

  .hero-frame{
    min-height:420px;
  }

  .why-shell{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:760px){
  body::before{
    background-size:72px 72px;
  }

  .hero-section{
    padding:0 0 36px !important;
  }

  .hero-shell,
  .why-shell{
    width:100% !important;
    border-radius:0;
    border-left:0;
    border-right:0;
  }

  .hero-copy-inner{
    padding:42px 28px 34px !important;
  }

  .hero-copy h1{
    font-size:clamp(48px,15vw,68px) !important;
  }

  .hero-actions{
    margin-bottom:28px;
  }

  .hero-primary,
  .hero-secondary{
    width:100%;
  }

  .hero-points{
    grid-template-columns:1fr !important;
  }

  .hero-point:not(:last-child){
    border-right:0 !important;
    border-bottom:1px solid var(--brand-line) !important;
  }

  .hero-frame{
    min-height:0;
    aspect-ratio:4 / 3 !important;
  }

  .hero-frame::before{
    inset:14px;
  }

  .hero-frame::after{
    left:14px;
    bottom:14px;
  }

  .why-shell{
    padding:64px 28px !important;
  }

  .why-card{
    grid-template-columns:70px 1fr !important;
    padding:20px !important;
  }

  .why-icon{
    width:62px;
    height:62px;
  }

  .why-icon img{
    width:44px !important;
  }

  .pricing-estimate-options{
    gap:14px;
  }

  .estimate-option{
    padding:16px;
  }
}

/* =========================================================
   V76 | Layout width and formal homepage refinement
   - wider homepage, no card-like hero
   - cooler continuous backgrounds
   - different compositions for page 02 and page 03
========================================================= */
:root{
  --content-max:1540px;
  --content-gutter:clamp(28px,3.6vw,72px);
  --wide-max:1920px;
  --cool-bg:#eef1f3;
  --cool-bg-2:#f6f7f8;
  --cool-line:#d9dee3;
  --brand-cream:#eef1f3;
  --surface:#eef1f3;
  --brand-paper:#fffdf9;
}

body{
  background:var(--cool-bg) !important;
}

body::before{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,122,24,.06),transparent 24%),
    radial-gradient(circle at 92% 24%,rgba(17,19,21,.035),transparent 22%),
    linear-gradient(90deg,rgba(17,19,21,.032) 1px,transparent 1px) 0 0 / 112px 112px,
    linear-gradient(180deg,rgba(17,19,21,.022) 1px,transparent 1px) 0 0 / 112px 112px;
}

.hero-section{
  padding:0 var(--page-pad) clamp(54px,5vw,86px) !important;
  background:linear-gradient(180deg,#f7f8f9 0%,var(--cool-bg) 100%) !important;
}

.hero-shell{
  width:min(var(--wide-max), calc(100vw - var(--page-pad) * 2)) !important;
  min-height:clamp(660px, calc(100vh - var(--header-h)), 880px) !important;
  grid-template-columns:minmax(430px,38%) minmax(0,62%) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.hero-copy{
  background:linear-gradient(135deg,#fbfcfd 0%,#f5f7f8 100%) !important;
  border-bottom:1px solid rgba(17,19,21,.06);
}

.hero-copy-inner{
  max-width:660px;
  margin-left:auto;
  padding:clamp(84px,7vw,132px) clamp(42px,4vw,76px) clamp(64px,5vw,96px) clamp(52px,5vw,106px) !important;
}

.hero-copy::before{
  left:clamp(24px,3vw,58px);
  top:clamp(72px,8vw,150px);
  height:clamp(120px,14vw,220px);
}

.hero-copy h1{
  font-size:clamp(64px,5.8vw,108px) !important;
}

.hero-actions{
  gap:14px;
  margin-bottom:clamp(36px,4vw,66px) !important;
}

.hero-primary,
.hero-secondary{
  min-height:50px;
  border-radius:4px;
  padding:0 24px;
}

.hero-primary{
  background:var(--brand-black) !important;
  box-shadow:none !important;
}

.hero-secondary{
  background:transparent !important;
  border-color:rgba(17,19,21,.22);
}

.hero-primary:hover{
  background:var(--brand-orange) !important;
}

.hero-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.hero-point{
  text-align:left !important;
  padding:0 clamp(14px,1.2vw,22px) 0 0 !important;
}

.hero-point:not(:last-child){
  border-right:1px solid var(--cool-line) !important;
}

.hero-point + .hero-point{
  padding-left:clamp(14px,1.2vw,22px) !important;
}

.point-icon{
  margin:0 0 12px !important;
}

.hero-frame{
  min-height:inherit;
  border-bottom:1px solid rgba(17,19,21,.06);
}

.hero-frame::before{
  inset:0 auto 0 -1px;
  width:clamp(74px,8vw,160px);
  border:0;
  border-radius:0 999px 999px 0;
  background:#f5f7f8;
  z-index:2;
}

.hero-frame::after{
  display:none !important;
}

.hero-slide{
  object-position:center center !important;
}

.why-shell,
.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell,
.contact-shell,
.footer-shell,
.footer-bottom{
  width:min(var(--content-max), calc(100vw - var(--content-gutter))) !important;
}

.why-section,
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  background:var(--cool-bg) !important;
}

.why-shell{
  grid-template-columns:minmax(320px,.55fr) minmax(0,.9fr) !important;
  gap:clamp(54px,7vw,128px) !important;
  padding:clamp(80px,7vw,122px) 0 !important;
}

.why-left::before,
.plan-heading::before,
.workflow-head-left::before,
.faq-side::before,
.pricing-intro::before{
  display:none !important;
}

.why-card{
  border-radius:10px !important;
  box-shadow:0 16px 38px rgba(31,39,48,.07) !important;
}

.why-card:nth-child(2){
  transform:translateX(34px);
}

.why-card:nth-child(2):hover{
  transform:translateX(34px) translateY(-5px) !important;
}

.why-card:nth-child(3){
  transform:translateX(68px);
}

.why-card:nth-child(3):hover{
  transform:translateX(68px) translateY(-5px) !important;
}

.care-shell{
  display:block !important;
  padding:clamp(76px,7vw,116px) 0 !important;
}

.care-heading{
  position:static !important;
  max-width:760px;
  margin:0 auto clamp(44px,5vw,72px) !important;
  text-align:center !important;
}

.care-heading::before{
  justify-content:center;
}

.care-heading h2{
  max-width:none !important;
}

.care-accent{
  margin:22px auto 20px !important;
}

.care-heading p{
  max-width:none !important;
}

.care-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
}

.care-card{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  min-height:100%;
  padding:0 clamp(28px,3vw,54px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

.care-card + .care-card{
  border-left:1px solid var(--cool-line) !important;
  border-top:0 !important;
  padding-top:0 !important;
}

.care-card:hover,
.care-card:focus-within{
  transform:none !important;
  box-shadow:none !important;
}

.care-icon-badge{
  width:128px !important;
  height:88px !important;
  margin:0 auto 24px !important;
}

.care-icon-badge::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:118px;
  height:58px;
  border:2px solid rgba(255,122,24,.42);
  border-bottom:0;
  border-radius:999px 999px 0 0;
  transform:translateX(-50%);
}

.care-icon-circle{
  position:relative !important;
  width:76px !important;
  height:76px !important;
  margin:20px auto 0;
  border-radius:50% !important;
}

.care-card h3{
  margin-bottom:16px !important;
  text-align:center !important;
}

.care-card p{
  max-width:23em !important;
  text-align:center !important;
}

.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell{
  padding-top:clamp(70px,6vw,104px) !important;
  padding-bottom:clamp(70px,6vw,104px) !important;
}

.workflow-timeline{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

.pricing-shell{
  grid-template-columns:minmax(390px,.85fr) minmax(430px,.82fr) !important;
  align-items:center !important;
}

.pricing-service-list{
  gap:16px !important;
}

.pricing-service-card{
  grid-template-columns:86px 1fr !important;
  padding:clamp(22px,2vw,30px) !important;
}

.pricing-service-icon{
  width:72px !important;
  height:72px;
}

.pricing-service-body h3{
  font-size:clamp(24px,1.9vw,34px) !important;
}

.pricing-new-price,
.pricing-new-price--small{
  font-size:clamp(42px,3.3vw,64px) !important;
}

.pricing-feature-row{
  margin-top:18px !important;
}

.pricing-calc-card{
  padding:clamp(24px,2vw,34px) !important;
}

.pricing-calc-head h3{
  font-size:clamp(28px,2vw,36px) !important;
}

.pricing-calc-head p{
  margin-top:8px !important;
}

.pricing-estimate-options{
  gap:12px !important;
  margin-top:22px !important;
}

.estimate-option{
  padding:16px !important;
}

.estimate-option .pricing-help{
  display:none !important;
}

.estimate-option .pricing-btn{
  height:50px !important;
  margin-top:14px !important;
}

.pricing-result-wrap{
  margin-top:24px !important;
  padding-top:20px !important;
}

.pricing-result-box{
  padding:20px 16px !important;
}

.pricing-result-value{
  font-size:clamp(42px,3vw,58px) !important;
}

.contact-section{
  background:linear-gradient(180deg,#2a2b2c 0%,#17191b 16%,#111315 100%) !important;
}

.contact-shell{
  grid-template-columns:minmax(0,.95fr) minmax(420px,.72fr) !important;
  align-items:start !important;
  padding:clamp(70px,6vw,102px) 0 clamp(52px,5vw,76px) !important;
}

.contact-copy h2{
  max-width:12em;
}

.contact-methods{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.contact-method-card{
  cursor:pointer;
  min-height:190px;
}

.contact-method-card:focus{
  outline:3px solid rgba(255,122,24,.35);
  outline-offset:3px;
}

.contact-panel--form{
  padding:clamp(22px,2vw,30px) !important;
}

.footer-shell,
.footer-bottom{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.footer-shell::before,
.footer-bottom::before{
  display:none !important;
}

.footer-shell{
  border-top:1px solid rgba(255,255,255,.08);
}

/* Interior pages */
.subpage-main{
  background:var(--cool-bg);
}

.subpage-hero{
  padding:clamp(76px,7vw,118px) var(--content-gutter) clamp(56px,5vw,82px);
  background:
    linear-gradient(135deg,rgba(255,122,24,.08),rgba(255,255,255,0) 44%),
    #f7f8f9;
}

.subpage-hero-inner,
.subpage-section{
  width:min(var(--content-max), 100%);
  margin:0 auto;
}

.subpage-kicker{
  margin:0 0 18px;
  color:var(--brand-orange);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}

.subpage-hero h1{
  margin:0;
  color:var(--brand-black);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(42px,4.4vw,76px);
  line-height:1.22;
  letter-spacing:.06em;
}

.subpage-hero p{
  max-width:42em;
  margin:24px 0 0;
  color:#4b535b;
  font-size:clamp(16px,1.1vw,19px);
  line-height:1.9;
}

.subpage-section{
  padding:clamp(58px,5vw,88px) var(--content-gutter);
}

.subpage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.subpage-card,
.subpage-panel{
  border:1px solid var(--cool-line);
  border-radius:14px;
  background:var(--brand-paper);
  box-shadow:var(--shadow-soft);
  padding:clamp(24px,2vw,34px);
}

.subpage-card h2,
.subpage-card h3,
.subpage-panel h2,
.subpage-panel h3{
  margin:0 0 14px;
  color:var(--brand-black);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  line-height:1.35;
}

.subpage-card p,
.subpage-panel p,
.subpage-card li,
.subpage-panel li{
  color:#4f5962;
  font-size:15px;
  line-height:1.85;
}

.subpage-list{
  margin:0;
  padding-left:1.2em;
}

.subpage-band{
  background:#f8f9fa;
}

@media (max-width:1180px){
  .hero-shell{
    width:100% !important;
    grid-template-columns:1fr !important;
  }

  .hero-copy-inner{
    max-width:none;
    margin:0;
  }

  .why-card:nth-child(2),
  .why-card:nth-child(3),
  .why-card:nth-child(2):hover,
  .why-card:nth-child(3):hover{
    transform:none !important;
  }

  .care-grid,
  .workflow-timeline,
  .pricing-shell,
  .contact-shell{
    grid-template-columns:1fr !important;
  }

  .care-card + .care-card{
    border-left:0 !important;
    border-top:1px solid var(--cool-line) !important;
    padding-top:34px !important;
  }

  .subpage-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  :root{
    --content-gutter:28px;
  }

  .hero-section{
    padding:0 0 36px !important;
  }

  .hero-copy-inner{
    padding:42px 28px 34px !important;
  }

  .hero-points{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .hero-point{
    text-align:center !important;
    padding:0 8px !important;
  }

  .hero-point + .hero-point{
    padding-left:8px !important;
  }

  .hero-point:not(:last-child){
    border-right:1px solid var(--cool-line) !important;
    border-bottom:0 !important;
  }

  .point-icon{
    margin:0 auto 10px !important;
  }

  .why-shell,
  .care-shell,
  .plan-shell,
  .workflow-shell,
  .faq-shell,
  .pricing-shell,
  .contact-shell,
  .footer-shell,
  .footer-bottom{
    width:calc(100% - 32px) !important;
  }

  .why-shell{
    padding:64px 0 !important;
  }

  .contact-methods{
    grid-template-columns:1fr !important;
  }

  .pricing-service-card{
    grid-template-columns:64px 1fr !important;
  }

  .pricing-new-price,
  .pricing-new-price--small{
    font-size:38px !important;
  }

  .subpage-hero,
  .subpage-section{
    padding-left:24px;
    padding-right:24px;
  }
}

/* V76 final touch */
.contact-section{
  position:relative;
}

.contact-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:96px;
  background:linear-gradient(180deg,var(--cool-bg),rgba(17,19,21,0));
  pointer-events:none;
}

@media (max-width:760px){
  .hero-frame::before{
    display:none !important;
  }
}

/* =========================================================
   V77 | richer brand rhythm, logo split, subpage expansion
========================================================= */
:root{
  --cool-bg:#e9eef2;
  --cool-bg-2:#f5f7f8;
  --cool-bg-3:#dfe7ed;
  --brand-black:#111315;
  --brand-orange:#f47a16;
  --brand-orange-2:#ff9b39;
  --brand-paper:#fffdf9;
  --content-max:1580px;
  --wide-max:1920px;
}

.brand,
.footer-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0;
}

.brand-mark,
.brand-type,
.footer-brand .brand-mark,
.footer-brand .brand-type{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}

.brand .brand-mark img,
.footer-brand .brand-mark img{
  width:clamp(48px,3.5vw,70px) !important;
  max-width:none !important;
}

.brand .brand-type img,
.footer-brand .brand-type img{
  width:clamp(118px,8.4vw,176px) !important;
  max-width:none !important;
}

.site-header.is-scrolled .brand .brand-mark img{
  width:clamp(42px,3vw,58px) !important;
}

.site-header.is-scrolled .brand .brand-type img{
  width:clamp(106px,7.3vw,154px) !important;
}

.nav-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.nav-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg,rgba(255,255,255,.26),rgba(255,255,255,0) 34%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0));
  transform:translateX(-120%);
  transition:transform .48s ease;
}

.nav-cta:hover::before{
  transform:translateX(120%);
}

.brand-dot{
  color:var(--brand-orange) !important;
  font-weight:900;
}

body{
  background:
    linear-gradient(90deg,rgba(17,19,21,.045) 1px,transparent 1px) 0 0 / 136px 136px,
    linear-gradient(180deg,rgba(17,19,21,.03) 1px,transparent 1px) 0 0 / 136px 136px,
    var(--cool-bg) !important;
}

body::before{
  background:
    radial-gradient(circle at 4% 14%,rgba(244,122,22,.10),transparent 24%),
    radial-gradient(circle at 88% 9%,rgba(42,56,70,.08),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 34%) !important;
}

.hero-section{
  position:relative;
  padding:0 var(--page-pad) clamp(48px,5vw,92px) !important;
  overflow:hidden;
  background:
    linear-gradient(100deg,#f6f8fa 0 45%,#dce4ea 45% 72%,#f1ede7 72% 100%) !important;
}

.hero-section::before{
  content:"";
  position:absolute;
  left:max(18px,3vw);
  right:max(18px,3vw);
  top:clamp(28px,4vw,70px);
  bottom:clamp(28px,4vw,70px);
  border:1px solid rgba(17,19,21,.08);
  pointer-events:none;
}

.hero-section::after{
  content:"";
  position:absolute;
  right:6vw;
  top:calc(var(--header-h) + 52px);
  width:34vw;
  height:34vw;
  max-width:620px;
  max-height:620px;
  border:1px solid rgba(244,122,22,.22);
  border-radius:50%;
  pointer-events:none;
}

.hero-shell{
  position:relative;
  z-index:1;
  width:min(var(--wide-max), calc(100vw - var(--page-pad) * 2)) !important;
  grid-template-columns:minmax(430px,39%) minmax(0,61%) !important;
  background:transparent !important;
  overflow:visible !important;
}

.hero-copy{
  background:transparent !important;
  border-bottom:0 !important;
}

.hero-copy::before{
  background:linear-gradient(180deg,var(--brand-orange),rgba(244,122,22,0)) !important;
  opacity:.9 !important;
}

.hero-copy-inner{
  max-width:680px !important;
  padding-left:clamp(62px,6vw,116px) !important;
}

.hero-copy h1{
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}

.hero-actions{
  align-items:center;
}

.hero-primary,
.hero-secondary{
  border-radius:999px !important;
  min-width:168px;
  height:54px;
  font-weight:800;
}

.hero-primary{
  background:var(--brand-black) !important;
  border:1px solid var(--brand-black) !important;
  color:#fff !important;
}

.hero-secondary{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(244,122,22,.5) !important;
  color:var(--brand-black) !important;
  box-shadow:0 12px 26px rgba(31,39,48,.08);
}

.hero-secondary:hover{
  background:var(--brand-orange) !important;
  color:#fff !important;
  border-color:var(--brand-orange) !important;
}

.hero-points{
  max-width:620px;
  padding-top:10px;
}

.hero-frame{
  position:relative;
  min-height:inherit;
  border-bottom:0 !important;
}

.hero-frame::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:clamp(-92px,-4.8vw,-44px);
  top:9%;
  bottom:9%;
  width:clamp(110px,8vw,170px);
  border:1px solid rgba(244,122,22,.32);
  border-right:0;
  border-radius:999px 0 0 999px;
  background:transparent !important;
  pointer-events:none;
  z-index:3;
}

.hero-frame-mask{
  border-radius:0 !important;
  overflow:hidden;
  box-shadow:0 34px 80px rgba(31,39,48,.13);
}

.hero-slide{
  object-position:center center !important;
}

.why-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#e9eef2 0%,#f5f7f8 100%) !important;
}

.why-section::after{
  content:"?";
  position:absolute;
  left:8vw;
  top:4vw;
  color:rgba(17,19,21,.055);
  font-family:Georgia,serif;
  font-size:clamp(220px,28vw,520px);
  font-weight:800;
  line-height:1;
  pointer-events:none;
}

.why-shell{
  position:relative;
  z-index:1;
}

.why-left::before,
.care-heading::before,
.plan-heading::before,
.workflow-head-left::before,
.faq-side::before,
.pricing-intro::before{
  display:inline-flex !important;
  margin:0 0 16px !important;
  color:var(--brand-orange) !important;
  font-size:13px !important;
  font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.2em !important;
  line-height:1 !important;
  background:transparent !important;
  border:0 !important;
  justify-content:flex-start !important;
}

.why-left::before{content:"WHY INSPECTION" !important;}
.care-heading::before{content:"OUR BELIEF" !important;justify-content:center !important;}
.plan-heading::before{content:"CHECKLIST" !important;}
.workflow-head-left::before{content:"PROCESS" !important;}
.faq-side::before{content:"FAQ" !important;}
.pricing-intro::before{content:"PRICE ESTIMATE" !important;}

.why-question{
  font-size:clamp(140px,13vw,250px) !important;
  color:rgba(17,19,21,.08) !important;
  transform:translate(-8px,6px);
}

.why-card,
.why-card:nth-child(2),
.why-card:nth-child(3){
  cursor:default !important;
  transition:box-shadow .22s ease, border-color .22s ease !important;
}

.why-card:hover,
.why-card:nth-child(2):hover,
.why-card:nth-child(3):hover{
  transform:translateX(var(--why-shift,0)) !important;
  box-shadow:0 16px 38px rgba(31,39,48,.07) !important;
}

.why-card:nth-child(2){--why-shift:34px;}
.why-card:nth-child(3){--why-shift:68px;}

.care-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#f7f8f9 0%,#eef2f5 100%) !important;
}

.care-section::before{
  content:"";
  position:absolute;
  left:-8vw;
  top:18%;
  width:30vw;
  height:30vw;
  border:1px solid rgba(244,122,22,.18);
  border-radius:50%;
  animation:carePulse 6.4s ease-in-out infinite alternate;
  pointer-events:none;
}

.care-section::after{
  content:"";
  position:absolute;
  right:7vw;
  bottom:10%;
  width:180px;
  height:110px;
  background:
    linear-gradient(135deg,transparent 44%,rgba(244,122,22,.42) 45% 47%,transparent 48%),
    linear-gradient(45deg,transparent 44%,rgba(244,122,22,.24) 45% 47%,transparent 48%);
  opacity:.8;
  pointer-events:none;
}

@keyframes carePulse{
  from{transform:translateY(0) scale(1);}
  to{transform:translateY(20px) scale(1.06);}
}

.care-card{
  position:relative;
}

.care-card::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-orange);
  opacity:.5;
  transform:translateX(-50%);
}

.plan-section{
  background:
    linear-gradient(180deg,#eef2f5 0%,#f8f9fa 44%,#e9eef2 100%) !important;
}

.workflow-section{
  background:
    linear-gradient(180deg,#e9eef2 0%,#f6f7f8 100%) !important;
}

.faq-section{
  background:
    linear-gradient(145deg,#f6f7f8 0%,#e1e8ee 100%) !important;
}

.faq-item{
  cursor:default;
}

.faq-item.is-open{
  border-color:rgba(244,122,22,.32) !important;
  box-shadow:0 18px 44px rgba(31,39,48,.1) !important;
}

.pricing-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#e1e8ee 0%,#eef1f3 54%,#2a2d30 100%) !important;
}

.pricing-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:170px;
  background:linear-gradient(180deg,rgba(42,45,48,0),#2a2d30 72%);
  pointer-events:none;
}

.pricing-shell{
  position:relative;
  z-index:1;
  padding-bottom:clamp(108px,9vw,166px) !important;
}

.pricing-lead .brand-dot,
.care-heading .brand-dot{
  padding:0 7px;
}

.pricing-service-card{
  grid-template-columns:112px 1fr !important;
  border-left:4px solid rgba(244,122,22,.78) !important;
}

.pricing-service-icon{
  width:92px !important;
  height:92px !important;
}

.pricing-new-price,
.pricing-new-price--small{
  display:flex !important;
  align-items:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}

.pricing-new-price span,
.pricing-new-price--small span,
.pricing-old-price span{
  flex:0 0 auto;
  white-space:nowrap !important;
}

.pricing-feature-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px !important;
}

.pricing-feature{
  display:grid !important;
  gap:8px;
  justify-items:center;
  min-height:102px;
  padding:16px 10px !important;
  border:1px solid rgba(244,122,22,.2) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.74) !important;
  color:#262b30 !important;
  text-align:center;
  box-shadow:0 12px 28px rgba(31,39,48,.07);
}

.pricing-check{
  display:grid !important;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(244,122,22,.12);
  color:var(--brand-orange) !important;
  font-weight:900;
}

.pricing-result-box{
  text-align:center !important;
}

.pricing-result-label{
  justify-content:center !important;
  text-align:center !important;
}

.pricing-result-value{
  justify-content:center !important;
  text-align:center !important;
}

.contact-section{
  margin-top:-1px;
  background:
    radial-gradient(circle at 8% 12%,rgba(244,122,22,.12),transparent 22%),
    linear-gradient(180deg,#2a2d30 0%,#1b1e21 25%,#111315 100%) !important;
}

.contact-section::before{
  height:150px !important;
  background:linear-gradient(180deg,rgba(42,45,48,.98),rgba(42,45,48,.45),rgba(17,19,21,0)) !important;
}

.contact-panel--intro{
  padding-top:clamp(28px,4vw,72px);
}

.contact-copy h2{
  max-width:15.5em !important;
  line-height:1.38 !important;
}

.contact-copy h2 span{
  white-space:nowrap;
}

.contact-method-card{
  position:relative;
  overflow:hidden;
}

.contact-method-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 16px auto;
  width:46px;
  height:1px;
  background:linear-gradient(90deg,rgba(244,122,22,0),rgba(244,122,22,.7));
}

.footer-brand .brand-mark img{
  width:72px !important;
}

.footer-brand .brand-type img{
  width:176px !important;
}

/* Expanded interior pages */
.subpage-main{
  background:
    linear-gradient(90deg,rgba(17,19,21,.04) 1px,transparent 1px) 0 0 / 128px 128px,
    linear-gradient(180deg,rgba(17,19,21,.025) 1px,transparent 1px) 0 0 / 128px 128px,
    var(--cool-bg);
}

.subpage-hero{
  position:relative;
  overflow:hidden;
  padding-top:clamp(92px,8vw,142px) !important;
  background:
    radial-gradient(circle at 82% 18%,rgba(244,122,22,.14),transparent 22%),
    linear-gradient(135deg,#f7f8f9 0%,#e4ebf0 58%,#f3ede6 100%) !important;
}

.subpage-hero::after{
  content:"";
  position:absolute;
  right:6vw;
  bottom:-120px;
  width:360px;
  height:360px;
  border:1px solid rgba(244,122,22,.2);
  border-radius:50%;
}

.subpage-hero--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  align-items:center;
  gap:clamp(34px,5vw,76px);
}

.subpage-hero-visual{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  min-height:360px;
  overflow:hidden;
  border-radius:28px 0 0 28px;
  box-shadow:0 28px 70px rgba(31,39,48,.16);
}

.subpage-hero-visual img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  display:block;
}

.subpage-section-head{
  max-width:760px;
  margin:0 0 clamp(28px,4vw,46px);
}

.subpage-section-head h2,
.subpage-two-col h2{
  margin:0;
  color:var(--brand-black);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(34px,3.2vw,58px);
  line-height:1.35;
  letter-spacing:.05em;
}

.subpage-two-col{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);
  gap:clamp(34px,6vw,96px);
  align-items:start;
}

.subpage-richtext p{
  margin:0 0 18px;
  color:#4f5962;
  font-size:17px;
  line-height:1.95;
}

.subpage-grid--values .subpage-card,
.subpage-grid--items .subpage-card{
  position:relative;
  overflow:hidden;
}

.subpage-card-number{
  display:inline-flex;
  margin-bottom:18px;
  color:rgba(244,122,22,.88);
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
}

.subpage-feature-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(17,19,21,.12);
  border-bottom:1px solid rgba(17,19,21,.12);
}

.subpage-stat{
  padding:clamp(24px,3vw,42px);
  text-align:center;
}

.subpage-stat + .subpage-stat{
  border-left:1px solid rgba(17,19,21,.12);
}

.subpage-stat strong{
  display:block;
  color:var(--brand-black);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:clamp(38px,4vw,72px);
  line-height:1;
}

.subpage-stat span{
  display:block;
  margin-top:12px;
  color:#5c6570;
  font-size:15px;
  letter-spacing:.08em;
}

.equipment-grid,
.case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.equipment-card,
.case-card{
  overflow:hidden;
  border:1px solid rgba(17,19,21,.1);
  border-radius:18px;
  background:rgba(255,253,249,.88);
  box-shadow:0 18px 42px rgba(31,39,48,.08);
}

.equipment-card img,
.case-card img{
  width:100%;
  height:210px;
  object-fit:contain;
  padding:26px;
  background:linear-gradient(135deg,#f9fafb,#edf2f5);
  display:block;
}

.equipment-card div,
.case-card-body{
  padding:24px;
}

.equipment-card h3,
.case-card h3{
  margin:0 0 10px;
  color:var(--brand-black);
  font-family:'Noto Serif TC','Source Han Serif TC','Songti TC','PMingLiU','MingLiU',serif;
  font-size:24px;
}

.equipment-card p,
.case-card p,
.method-list p{
  margin:0;
  color:#56616a;
  font-size:15px;
  line-height:1.85;
}

.case-card--offset{
  transform:translateY(34px);
}

.case-card-body span{
  display:inline-flex;
  margin-bottom:12px;
  color:var(--brand-orange);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}

.method-list{
  display:grid;
  gap:16px;
}

.method-list article{
  padding:20px 22px;
  border-left:3px solid rgba(244,122,22,.78);
  background:rgba(255,255,255,.58);
}

.method-list strong{
  display:block;
  margin-bottom:8px;
  color:#171a1d;
  font-size:18px;
}

.subpage-return-section{
  padding-top:0 !important;
  text-align:center;
}

.subpage-return{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:190px;
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  background:var(--brand-black);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 18px 34px rgba(31,39,48,.15);
  transition:transform .2s ease, background .2s ease;
}

.subpage-return:hover{
  transform:translateY(-2px);
  background:var(--brand-orange);
}

@media (max-width:1180px){
  .hero-section::before,
  .hero-section::after{
    display:none;
  }

  .hero-frame::before{
    display:none !important;
  }

  .why-card:nth-child(2),
  .why-card:nth-child(3),
  .why-card:nth-child(2):hover,
  .why-card:nth-child(3):hover{
    --why-shift:0;
    transform:none !important;
  }

  .pricing-feature-row,
  .subpage-feature-strip,
  .equipment-grid,
  .case-grid,
  .subpage-hero--split,
  .subpage-two-col{
    grid-template-columns:1fr !important;
  }

  .case-card--offset{
    transform:none;
  }
}

@media (max-width:760px){
  .brand{
    gap:8px !important;
  }

  .brand .brand-mark img{
    width:42px !important;
  }

  .brand .brand-type img{
    width:108px !important;
  }

  .hero-section{
    background:linear-gradient(180deg,#f7f8f9 0%,#e5ecf1 55%,#f3ede6 100%) !important;
  }

  .hero-copy-inner{
    padding-top:52px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr;
    width:100%;
  }

  .hero-primary,
  .hero-secondary{
    width:100%;
  }

  .pricing-service-card{
    grid-template-columns:76px 1fr !important;
  }

  .pricing-service-icon{
    width:66px !important;
    height:66px !important;
  }

  .pricing-feature-row{
    grid-template-columns:1fr !important;
  }

  .contact-copy h2 span{
    white-space:normal;
  }

  .footer-brand .brand-mark img{
    width:58px !important;
  }

  .footer-brand .brand-type img{
    width:142px !important;
  }

  .subpage-hero-visual{
    min-height:260px;
    border-radius:20px;
  }

  .subpage-hero-visual img{
    min-height:260px;
  }

  .equipment-card img,
  .case-card img{
    height:180px;
  }
}

/* =========================================================
   V78 | final polish for rhythm, hero, mobile and forms
========================================================= */
body{
  background:
    radial-gradient(circle at 13% 9%,rgba(244,122,22,.16),transparent 23%),
    radial-gradient(circle at 88% 18%,rgba(74,132,166,.13),transparent 28%),
    linear-gradient(180deg,#edf4f7 0%,#f7f4ed 42%,#e7eff4 100%) !important;
}

.hero-section{
  padding-right:0 !important;
  padding-bottom:clamp(42px,4.6vw,80px) !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.88) 0 33%,rgba(229,239,244,.86) 33% 54%,rgba(250,238,224,.9) 54% 100%),
    radial-gradient(circle at 11% 18%,rgba(244,122,22,.22),transparent 20%),
    radial-gradient(circle at 88% 80%,rgba(74,132,166,.16),transparent 26%) !important;
}

.hero-section::before{
  left:clamp(18px,3vw,54px);
  right:clamp(18px,2vw,34px);
  border-color:rgba(17,19,21,.1);
  background:
    linear-gradient(90deg,rgba(244,122,22,.06),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
}

.hero-section::after{
  right:18vw;
  top:calc(var(--header-h) + 34px);
  border-color:rgba(244,122,22,.32);
}

.hero-shell{
  width:100% !important;
  grid-template-columns:minmax(440px,40%) minmax(0,60%) !important;
}

.hero-copy::before{
  display:none !important;
}

.hero-copy-inner{
  margin-left:auto !important;
  padding-left:clamp(64px,7vw,124px) !important;
  padding-right:clamp(34px,3vw,62px) !important;
}

.hero-copy-inner::before{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin:0 0 26px;
  border-radius:999px;
  background:var(--brand-orange);
}

.hero-copy h1{
  margin-top:0 !important;
}

.hero-copy h1 + .accent-line{
  display:none !important;
}

.hero-frame{
  display:flex;
  align-items:stretch;
  min-height:inherit;
}

.hero-frame::before{
  display:none !important;
}

.hero-frame-mask{
  width:100%;
  min-height:inherit;
  border-radius:0 !important;
  clip-path:ellipse(113% 88% at 100% 50%);
  box-shadow:0 32px 78px rgba(31,39,48,.16);
}

.hero-slide{
  object-position:center center !important;
  transform:scale(1.015);
}

.why-section{
  background:
    linear-gradient(135deg,#eaf2f6 0%,#f8f4ee 56%,#eef5f7 100%) !important;
}

.why-section::after{
  content:"?" !important;
  left:clamp(120px,15vw,260px) !important;
  top:clamp(54px,6vw,108px) !important;
  font-size:clamp(170px,18vw,320px) !important;
  color:rgba(17,19,21,.075) !important;
  transform:rotate(-7deg);
}

.why-question{
  display:none !important;
}

.why-card{
  position:relative;
  overflow:hidden;
  transform:none !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.why-card:nth-child(2),
.why-card:nth-child(3){
  transform:none !important;
}

.why-card::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg,rgba(244,122,22,.2),rgba(244,122,22,.68));
  opacity:.42;
  transition:width .22s ease, opacity .22s ease;
}

.why-card:hover,
.why-card:nth-child(2):hover,
.why-card:nth-child(3):hover{
  transform:translateY(-5px) !important;
  border-color:rgba(244,122,22,.28) !important;
  box-shadow:0 22px 48px rgba(31,39,48,.12) !important;
}

.why-card:hover::after{
  width:11px;
  opacity:.78;
}

.why-card:hover .why-icon{
  transform:translateY(-2px) scale(1.04);
}

.why-icon{
  transition:transform .22s ease;
}

.why-divider{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:clamp(46px,5vw,76px) !important;
  min-width:clamp(46px,5vw,76px);
}

.why-divider::before{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(244,122,22,.22),rgba(244,122,22,.78));
  transform-origin:left center;
  transition:transform .22s ease;
}

.why-divider::after{
  content:"";
  width:9px;
  height:9px;
  border-top:1.7px solid var(--brand-orange);
  border-right:1.7px solid var(--brand-orange);
  transform:rotate(45deg);
  margin-left:2px;
  transition:transform .22s ease;
}

.why-divider span{
  display:none !important;
}

.why-card:hover .why-divider::before{
  transform:scaleX(1.18);
}

.why-card:hover .why-divider::after{
  transform:translateX(5px) rotate(45deg);
}

.care-section{
  background:
    linear-gradient(180deg,#f8f4ee 0%,#edf5f7 50%,#f6f8f9 100%) !important;
}

.care-slogan-main,
.care-slogan-sub{
  display:inline;
}

.care-grid{
  align-items:stretch;
}

.care-card{
  border-radius:18px !important;
  transition:background .22s ease, transform .22s ease, box-shadow .22s ease !important;
}

.care-card:hover{
  background:rgba(255,253,249,.62) !important;
  transform:translateY(-8px) !important;
  box-shadow:0 22px 48px rgba(31,39,48,.1) !important;
}

.care-card:hover .care-icon-circle{
  border-color:rgba(244,122,22,.62) !important;
  box-shadow:0 14px 32px rgba(244,122,22,.14);
}

.plan-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#f6f8f9 0%,#e7f0f4 100%) !important;
}

.plan-section::before{
  content:"";
  position:absolute;
  right:-80px;
  top:120px;
  width:380px;
  height:210px;
  background:rgba(244,122,22,.08);
  transform:skewX(-16deg) rotate(-4deg);
  pointer-events:none;
}

.plan-section::after{
  content:"";
  position:absolute;
  left:-110px;
  bottom:80px;
  width:420px;
  height:180px;
  background:rgba(74,132,166,.08);
  transform:skewX(-18deg) rotate(5deg);
  pointer-events:none;
}

.plan-shell{
  position:relative;
  z-index:1;
}

.plan-heading::before{
  margin-bottom:10px !important;
}

.plan-heading{
  gap:clamp(18px,3vw,44px) !important;
}

.plan-card{
  padding:clamp(22px,2vw,30px) !important;
}

.plan-card-head{
  margin-bottom:18px !important;
}

.plan-list-wrap{
  gap:18px !important;
}

.plan-list-wrap ul{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.faq-section{
  background:
    linear-gradient(180deg,#e7f0f4 0%,#f6f4ef 100%) !important;
}

.faq-shell{
  min-height:clamp(640px,58vw,760px);
}

.faq-list{
  min-height:560px;
}

.pricing-section{
  background:
    linear-gradient(180deg,#f6f4ef 0%,#e8f1f5 68%,#202326 68%,#202326 100%) !important;
}

.pricing-section::after{
  height:120px;
  background:linear-gradient(180deg,rgba(232,241,245,0),#202326 76%) !important;
}

.pricing-shell{
  padding-bottom:clamp(86px,7vw,124px) !important;
}

.pricing-feature-row{
  padding:12px;
  border:1px solid rgba(17,19,21,.08);
  border-radius:18px;
  background:rgba(255,253,249,.82);
  box-shadow:0 18px 38px rgba(31,39,48,.08);
}

.pricing-feature{
  min-height:58px !important;
  grid-template-columns:auto 1fr !important;
  justify-items:start !important;
  align-items:center !important;
  padding:10px 12px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
}

.pricing-feature + .pricing-feature{
  border-left:1px solid rgba(17,19,21,.08) !important;
}

.pricing-check{
  width:30px;
  height:30px;
}

.contact-section{
  background:
    radial-gradient(circle at 8% 16%,rgba(244,122,22,.14),transparent 20%),
    linear-gradient(180deg,#202326 0%,#151719 48%,#101214 100%) !important;
}

.contact-methods{
  margin-top:clamp(34px,4vw,70px) !important;
}

.contact-submit:disabled{
  cursor:wait;
  filter:saturate(.7);
  opacity:.72;
}

.subpage-main{
  background:
    radial-gradient(circle at 10% 9%,rgba(244,122,22,.18),transparent 24%),
    radial-gradient(circle at 92% 18%,rgba(74,132,166,.16),transparent 25%),
    linear-gradient(180deg,#edf5f7 0%,#f8f1e9 42%,#eaf2f6 100%) !important;
}

.subpage-hero{
  background:
    linear-gradient(126deg,#edf6f8 0%,#f8f3eb 62%,#ffe8cf 100%) !important;
}

.subpage-card,
.subpage-panel,
.equipment-card,
.case-card{
  border-color:rgba(17,19,21,.09) !important;
  background:rgba(255,253,249,.9) !important;
}

.subpage-band{
  background:
    linear-gradient(120deg,rgba(244,122,22,.08),rgba(74,132,166,.08)) !important;
}

.subpage-feature-strip{
  background:rgba(255,255,255,.26);
}

@media (max-width:1180px){
  .hero-section{
    padding-right:0 !important;
  }

  .hero-frame-mask{
    clip-path:none;
  }

  .pricing-feature + .pricing-feature{
    border-left:0 !important;
    border-top:1px solid rgba(17,19,21,.08) !important;
  }

  .faq-shell,
  .faq-list{
    min-height:0;
  }
}

@media (max-width:760px){
  .hero-section{
    padding-right:0 !important;
    padding-bottom:24px !important;
  }

  .hero-shell{
    min-height:auto !important;
  }

  .hero-frame{
    min-height:320px !important;
    height:320px !important;
  }

  .hero-frame-mask{
    min-height:320px !important;
    height:320px !important;
    box-shadow:none;
  }

  .hero-slide{
    transform:scale(1);
    object-position:center 38% !important;
  }

  .why-section::after{
    left:auto !important;
    right:22px !important;
    top:44px !important;
    font-size:128px !important;
  }

  .why-card{
    grid-template-columns:58px 42px 1fr !important;
  }

  .why-divider{
    width:42px !important;
    min-width:42px !important;
  }

  .care-slogan-main,
  .care-slogan-sub{
    display:block;
  }

  .care-slogan-sub{
    margin-top:4px;
  }

  .care-heading p{
    line-height:1.9 !important;
  }

  .care-card:hover{
    transform:none !important;
  }

  .plan-list-wrap{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  .plan-list-wrap ul + ul{
    border-top:0 !important;
    border-left:1px solid rgba(17,19,21,.12) !important;
    padding-top:0 !important;
    padding-left:14px !important;
    margin-left:8px !important;
  }

  .plan-list-wrap li{
    font-size:13px !important;
    line-height:1.85 !important;
  }

  .pricing-section{
    background:
      linear-gradient(180deg,#f6f4ef 0%,#e8f1f5 78%,#202326 78%,#202326 100%) !important;
  }

  .pricing-feature-row{
    gap:0 !important;
  }

  .contact-methods{
    margin-top:38px !important;
  }

  .contact-method-card{
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr);
    column-gap:16px;
    align-items:center;
    min-height:0 !important;
    padding:18px !important;
  }

  .contact-method-icon{
    grid-row:1 / span 4;
    align-self:center;
    margin:0 !important;
  }

  .contact-method-card h3,
  .contact-method-card p,
  .contact-method-card strong,
  .contact-method-card a{
    grid-column:2;
  }

  .contact-method-card h3{
    margin-top:0 !important;
  }

  .contact-method-card p{
    margin:4px 0 !important;
  }

  .contact-pill-btn,
  .contact-text-link{
    margin-top:4px !important;
  }

  .footer-social{
    margin-top:30px !important;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.1);
  }

  .footer-vertical-accent{
    display:none !important;
  }
}

/* V78 fix | why cards arrow layout */
.why-card{
  display:grid !important;
  grid-template-columns:92px 78px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
}

.why-card-copy{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
}

.why-card-copy h3,
.why-card-copy p{
  text-align:left !important;
  white-space:normal !important;
  word-break:keep-all !important;
}

.why-divider{
  display:flex !important;
  height:auto !important;
}

.why-card::after{
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:7px !important;
  height:auto !important;
  border-radius:0 !important;
}

@media (max-width:760px){
  .why-card{
    grid-template-columns:58px 34px minmax(0,1fr) !important;
    gap:10px !important;
    padding:18px !important;
  }

  .why-card .why-card-copy{
    display:block !important;
  }

  .why-card-copy h3{
    margin:0 0 6px !important;
    font-size:20px !important;
    text-align:left !important;
  }

  .why-card-copy p{
    font-size:13px !important;
    line-height:1.65 !important;
  }

  .why-divider{
    width:34px !important;
    min-width:34px !important;
  }
}

/* =========================================================
   V79 | requested layout polish and estimate interactions
========================================================= */
.hero-section{
  background:
    linear-gradient(112deg,rgba(255,255,255,.9) 0 30%,rgba(232,244,249,.9) 30% 49%,rgba(255,238,217,.84) 49% 100%),
    radial-gradient(circle at 12% 18%,rgba(244,122,22,.18),transparent 20%),
    radial-gradient(circle at 78% 16%,rgba(70,128,160,.18),transparent 25%) !important;
}

.hero-section::before{
  display:none !important;
}

.hero-section::after{
  right:auto;
  left:clamp(34px,5vw,92px);
  top:clamp(120px,13vw,190px);
  width:clamp(140px,16vw,260px);
  height:clamp(140px,16vw,260px);
  border-color:rgba(244,122,22,.18);
  border-radius:28px;
  transform:rotate(-10deg);
}

.hero-copy-inner::before{
  display:none !important;
}

.hero-copy-inner{
  position:relative;
}

.hero-copy-inner::after{
  content:"";
  position:absolute;
  left:clamp(38px,4vw,78px);
  top:clamp(78px,7vw,122px);
  width:68px;
  height:4px;
  border-radius:999px;
  background:var(--brand-orange);
}

.hero-actions{
  justify-content:flex-end !important;
  margin-top:clamp(30px,3vw,48px) !important;
  margin-bottom:clamp(34px,4vw,64px) !important;
}

.hero-actions .hero-primary{
  min-width:190px;
  height:56px;
}

.hero-points{
  justify-items:center;
}

.hero-point{
  text-align:center !important;
}

.hero-point .point-icon{
  margin-left:auto !important;
  margin-right:auto !important;
}

.hero-point h3,
.hero-point p{
  text-align:center !important;
}

.why-section::after{
  display:none !important;
}

.why-heading-row{
  align-items:center !important;
}

.why-question{
  display:inline-block !important;
  color:rgba(17,19,21,.12) !important;
  font-size:clamp(112px,10vw,190px) !important;
  line-height:.8;
  transform:translate(10px,8px) rotate(-7deg) !important;
}

.why-card{
  grid-template-columns:86px 84px minmax(0,1fr) !important;
  padding-right:clamp(34px,3vw,58px) !important;
}

.why-divider::before{
  height:1px !important;
  border-left:0 !important;
  background:linear-gradient(90deg,rgba(244,122,22,.22),rgba(244,122,22,.86)) !important;
}

.why-divider::after{
  width:10px !important;
  height:10px !important;
  margin-left:-1px !important;
  border-color:var(--brand-orange) !important;
}

.why-card-copy{
  padding-left:clamp(10px,1vw,18px) !important;
}

.care-card::after{
  display:none !important;
}

.care-section::after{
  right:7vw;
  bottom:14%;
  width:220px;
  height:150px;
  background:
    linear-gradient(135deg,rgba(244,122,22,.14),rgba(244,122,22,.02)),
    linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  border:1px solid rgba(244,122,22,.22);
  border-radius:22px;
  transform:rotate(-8deg);
}

.plan-heading::before{
  margin-top:16px !important;
  margin-bottom:12px !important;
}

.plan-grid{
  gap:18px !important;
}

.plan-card{
  padding:clamp(18px,1.55vw,24px) !important;
}

.plan-list-wrap{
  margin-top:8px !important;
}

.workflow-head{
  grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr) !important;
  align-items:end !important;
}

.workflow-head-right{
  justify-self:start !important;
  max-width:720px !important;
  padding:22px 26px;
  border-left:4px solid rgba(244,122,22,.75);
  background:rgba(255,253,249,.58);
  box-shadow:0 18px 42px rgba(31,39,48,.06);
}

.workflow-step{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease !important;
}

.workflow-step:hover{
  transform:translateY(-12px) !important;
}

.workflow-step:hover .workflow-content{
  border-color:rgba(244,122,22,.42) !important;
  box-shadow:0 22px 46px rgba(31,39,48,.14) !important;
  background:#fffdf9 !important;
}

.faq-side h2{
  font-size:clamp(72px,5.1vw,102px) !important;
}

.faq-side p{
  font-size:clamp(18px,1.15vw,22px) !important;
}

.faq-symbol{
  display:inline-grid !important;
  place-items:center;
  width:clamp(92px,8vw,150px);
  height:clamp(92px,8vw,150px);
  border:1px solid rgba(244,122,22,.25);
  border-radius:50%;
  color:rgba(244,122,22,.7) !important;
  font-size:clamp(84px,7vw,136px) !important;
  transform:translate(16px,4px) rotate(8deg) !important;
}

.faq-list{
  height:560px !important;
  overflow:hidden;
}

.faq-answer{
  overflow:hidden !important;
}

.faq-item.is-open .faq-answer{
  height:96px !important;
  max-height:96px !important;
}

.faq-item.is-open .faq-answer p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pricing-service-card{
  cursor:pointer;
}

.pricing-service-card:hover,
.pricing-service-card:focus{
  transform:translateY(-7px) !important;
  border-color:rgba(244,122,22,.42) !important;
  box-shadow:0 24px 56px rgba(31,39,48,.14) !important;
}

.pricing-service-card:focus{
  outline:3px solid rgba(244,122,22,.26);
  outline-offset:3px;
}

.pricing-feature-row{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

.pricing-feature{
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  min-height:86px !important;
  border:1px solid rgba(244,122,22,.18) !important;
  background:rgba(255,253,249,.9) !important;
  box-shadow:0 14px 34px rgba(31,39,48,.08) !important;
  text-align:center !important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.pricing-feature + .pricing-feature{
  border-left:1px solid rgba(244,122,22,.18) !important;
}

.pricing-feature:hover{
  transform:translateY(-5px);
  border-color:rgba(244,122,22,.36) !important;
  box-shadow:0 18px 42px rgba(31,39,48,.12) !important;
}

.estimate-option{
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}

.estimate-option.is-highlight{
  border-color:rgba(244,122,22,.7) !important;
  background:#fff8ef !important;
  box-shadow:0 0 0 4px rgba(244,122,22,.13),0 22px 46px rgba(244,122,22,.18) !important;
  transform:translateY(-4px);
}

.contact-methods{
  margin-top:clamp(64px,6vw,112px) !important;
}

.mobile-break{
  display:none;
}

@media (max-width:1180px){
  .workflow-head{
    grid-template-columns:1fr !important;
  }

  .workflow-head-right{
    max-width:none !important;
  }

  .faq-list{
    height:auto !important;
    overflow:visible;
  }
}

@media (max-width:760px){
  .hero-section::after{
    width:118px;
    height:118px;
    left:18px;
    top:92px;
  }

  .hero-copy-inner::after{
    left:28px;
    top:38px;
    width:54px;
  }

  .hero-actions{
    margin-top:28px !important;
    justify-content:stretch !important;
  }

  .hero-actions .hero-primary{
    width:100%;
  }

  .hero-points{
    align-items:start;
  }

  .why-heading-row{
    gap:12px !important;
  }

  .why-question{
    font-size:90px !important;
    transform:translate(0,4px) rotate(-7deg) !important;
  }

  .why-card{
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-areas:
      "icon title"
      "icon text" !important;
    row-gap:4px !important;
    padding:20px 20px 20px 18px !important;
  }

  .why-divider{
    display:none !important;
  }

  .why-icon{
    grid-area:icon !important;
    width:48px !important;
    height:48px !important;
    align-self:center !important;
  }

  .why-icon img{
    width:36px !important;
  }

  .why-card-copy{
    display:contents !important;
  }

  .why-card-copy h3{
    grid-area:title !important;
    margin:0 !important;
    font-size:19px !important;
    line-height:1.35 !important;
  }

  .why-card-copy p{
    grid-area:text !important;
    margin:0 !important;
    font-size:13px !important;
  }

  .plan-heading p{
    max-width:20em !important;
  }

  .mobile-break{
    display:block;
  }

  .faq-side h2{
    font-size:clamp(48px,13.2vw,62px) !important;
  }

  .faq-symbol{
    width:72px;
    height:72px;
    font-size:66px !important;
    transform:translate(4px,2px) rotate(8deg) !important;
  }

  .faq-item.is-open .faq-answer{
    height:156px !important;
    max-height:156px !important;
  }

  .faq-item.is-open .faq-answer p{
    -webkit-line-clamp:6;
  }

  .pricing-feature-row{
    grid-template-columns:1fr !important;
  }

  .pricing-feature + .pricing-feature{
    border-left:1px solid rgba(244,122,22,.18) !important;
  }

  .contact-methods{
    margin-top:58px !important;
  }
}

/* =========================================================
   V80 | final polish for hero, section rhythm and mobile cards
========================================================= */
.hero-section{
  background:
    linear-gradient(104deg,rgba(250,253,254,.98) 0 34%,rgba(229,240,245,.95) 34% 53%,rgba(255,242,225,.95) 53% 100%),
    radial-gradient(circle at 7% 24%,rgba(244,122,22,.16),transparent 24%),
    radial-gradient(circle at 42% 8%,rgba(92,142,168,.18),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(244,122,22,.12),transparent 26%) !important;
}

.hero-section::after{
  left:clamp(8px,2vw,32px) !important;
  top:clamp(140px,15vw,230px) !important;
  width:clamp(210px,18vw,320px) !important;
  height:clamp(210px,18vw,320px) !important;
  border-radius:50% !important;
  border-color:rgba(244,122,22,.1) !important;
  background:linear-gradient(145deg,rgba(244,122,22,.045),rgba(255,255,255,0)) !important;
  transform:none !important;
}

.hero-copy-inner::after{
  display:none !important;
}

.hero-copy{
  isolation:isolate;
}

.hero-copy::before{
  content:"";
  position:absolute;
  left:0;
  bottom:6%;
  z-index:0;
  width:min(42vw,520px);
  height:120px;
  background:
    linear-gradient(90deg,rgba(244,122,22,.1),rgba(244,122,22,0)),
    repeating-linear-gradient(135deg,rgba(17,19,21,.055) 0 1px,transparent 1px 16px);
  clip-path:polygon(0 0,100% 24%,86% 100%,0 76%);
}

.hero-copy-inner{
  z-index:1;
}

.hero-actions{
  padding-right:clamp(8px,4vw,74px);
  margin-top:clamp(42px,4.8vw,74px) !important;
  margin-bottom:clamp(28px,3.2vw,52px) !important;
}

.hero-actions .hero-primary{
  box-shadow:0 18px 34px rgba(244,122,22,.24), inset 0 -2px 0 rgba(0,0,0,.12);
}

.hero-points{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(12px,1.6vw,24px) !important;
}

.hero-point{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:flex-start;
  min-height:146px;
}

.why-heading-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start;
}

.why-question{
  margin-left:clamp(12px,2.2vw,32px) !important;
  transform:translate(0,-12px) rotate(-6deg) !important;
}

.why-card{
  grid-template-columns:88px 78px minmax(260px,1fr) !important;
  gap:clamp(10px,1.2vw,18px) !important;
}

.why-card::after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:52px;
  height:52px;
  border:1px solid rgba(244,122,22,.16);
  background:linear-gradient(135deg,rgba(244,122,22,.08),rgba(255,255,255,0));
  transform:rotate(8deg);
  pointer-events:none;
}

.why-card:hover .why-divider::before{
  transform:scaleX(1.12);
  transform-origin:left center;
}

.why-divider span{
  display:none !important;
}

.why-divider::before,
.why-divider::after{
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.care-section{
  isolation:isolate;
}

.care-section::after{
  right:clamp(14px,3vw,52px) !important;
  bottom:auto !important;
  top:18% !important;
  z-index:0;
  width:clamp(120px,14vw,220px) !important;
  height:clamp(90px,10vw,150px) !important;
  opacity:.46;
  pointer-events:none;
}

.care-shell{
  position:relative;
  z-index:1;
}

.care-card{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease !important;
}

.care-card:hover{
  transform:translateY(-9px) !important;
  border-color:rgba(244,122,22,.3) !important;
  box-shadow:0 24px 54px rgba(31,39,48,.11) !important;
  background:#fffdf9 !important;
}

.plan-section{
  background:
    linear-gradient(180deg,#f5f8f8 0%,#fff7ee 100%),
    radial-gradient(circle at 10% 18%,rgba(244,122,22,.12),transparent 24%) !important;
}

.plan-heading::before{
  margin-top:22px !important;
  margin-bottom:8px !important;
}

.plan-grid{
  grid-template-columns:repeat(3,minmax(250px,1fr)) !important;
  gap:14px !important;
}

.plan-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  column-gap:14px;
  align-items:start;
  min-height:0 !important;
  padding:20px 20px 18px !important;
}

.plan-icon{
  grid-row:1 / span 2;
  width:48px !important;
  height:48px !important;
}

.plan-card h3{
  margin-top:2px !important;
}

.plan-list-wrap{
  grid-column:1 / -1;
  padding-top:10px;
}

.plan-list{
  column-gap:12px !important;
}

.workflow-head-right{
  transform:translateY(6px);
}

.workflow-head-right p{
  text-align:left !important;
}

.workflow-step:hover .workflow-badge{
  transform:translateY(-4px) rotate(-4deg) scale(1.05);
}

.faq-section{
  min-height:720px;
}

.faq-list{
  min-height:560px !important;
}

.pricing-feature{
  position:relative;
  overflow:hidden;
}

.pricing-feature::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-22px;
  width:62px;
  height:62px;
  border-radius:18px;
  background:rgba(244,122,22,.08);
  transform:rotate(12deg);
}

.contact-methods{
  margin-top:clamp(88px,7.5vw,138px) !important;
}

@media (max-width:1180px){
  .plan-grid{
    grid-template-columns:repeat(2,minmax(250px,1fr)) !important;
  }
}

@media (max-width:760px){
  .hero-section{
    background:
      linear-gradient(180deg,rgba(247,251,252,.98) 0 58%,rgba(255,244,231,.96) 58% 100%),
      radial-gradient(circle at 88% 14%,rgba(92,142,168,.16),transparent 30%) !important;
  }

  .hero-section::after{
    display:none !important;
  }

  .hero-copy::before{
    width:86vw;
    height:86px;
    bottom:2%;
    opacity:.68;
  }

  .hero-actions{
    padding-right:0;
    margin-top:30px !important;
  }

  .hero-points{
    grid-template-columns:1fr !important;
  }

  .hero-point{
    min-height:0;
  }

  .why-heading-row{
    align-items:center !important;
  }

  .why-question{
    margin-left:8px !important;
    font-size:82px !important;
    transform:translate(0,-4px) rotate(-6deg) !important;
  }

  .why-card{
    grid-template-columns:58px minmax(0,1fr) !important;
    padding-right:18px !important;
  }

  .why-card::after{
    right:12px;
    top:12px;
    width:38px;
    height:38px;
    opacity:.55;
  }

  .why-card-copy h3,
  .why-card-copy p{
    text-align:left !important;
  }

  .care-section::after{
    display:none;
  }

  .plan-grid{
    grid-template-columns:1fr !important;
  }

  .plan-card{
    grid-template-columns:46px minmax(0,1fr);
    padding:18px !important;
  }

  .plan-icon{
    width:46px !important;
    height:46px !important;
  }

  .workflow-head-right{
    transform:none;
  }

  .workflow-head-right p{
    text-align:center !important;
  }

  .faq-section{
    min-height:0;
  }

  .faq-list{
    min-height:0 !important;
  }

  .contact-methods{
    margin-top:76px !important;
  }
}

/* V81 | checklist card header correction */
.plan-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between;
  gap:14px !important;
  padding:22px 22px 20px !important;
}

.plan-card-head{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:14px !important;
}

.plan-icon-wrap{
  width:56px !important;
  height:56px !important;
}

.plan-head-copy{
  min-width:0;
}

.plan-head-copy h3{
  writing-mode:horizontal-tb !important;
  white-space:normal !important;
  text-align:left !important;
  line-height:1.35 !important;
  margin:0 !important;
}

.plan-list-wrap{
  grid-column:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px 16px !important;
  padding-top:8px !important;
}

.plan-list-wrap ul{
  margin:0 !important;
}

@media (max-width:760px){
  .mobile-break{
    display:inline !important;
  }

  .plan-card{
    padding:18px !important;
  }

  .plan-card-head{
    grid-template-columns:50px minmax(0,1fr) !important;
  }

  .plan-icon-wrap{
    width:50px !important;
    height:50px !important;
  }

  .plan-list-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px 12px !important;
  }

  .plan-list-wrap li{
    font-size:12px !important;
    line-height:1.8 !important;
  }
}

/* =========================================================
   V82 | requested refinements for hero, FAQ, checklist and contact
========================================================= */
.hero-section{
  background:
    linear-gradient(104deg,rgba(248,252,253,.98) 0 38%,rgba(228,241,246,.96) 38% 52%,rgba(255,243,229,.94) 52% 100%),
    repeating-linear-gradient(135deg,rgba(17,19,21,.035) 0 1px,transparent 1px 22px) !important;
}

.hero-section::after{
  display:none !important;
}

.hero-copy::before{
  left:-8vw !important;
  bottom:12% !important;
  width:min(52vw,640px) !important;
  height:170px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(90deg,rgba(244,122,22,.09),rgba(244,122,22,0) 70%),
    linear-gradient(135deg,rgba(78,132,158,.1),rgba(255,255,255,0) 64%) !important;
  clip-path:polygon(0 18%,88% 0,100% 72%,10% 100%) !important;
  opacity:.82;
}

.hero-actions{
  justify-content:flex-start !important;
  padding-left:clamp(92px,7vw,148px) !important;
  padding-right:0 !important;
  margin-top:clamp(34px,4vw,60px) !important;
}

.hero-actions .hero-primary{
  color:#fff !important;
  background:linear-gradient(135deg,#ff8a24,#ef6f12) !important;
  border:1px solid rgba(255,139,36,.75) !important;
  box-shadow:0 18px 36px rgba(244,122,22,.3), inset 0 -2px 0 rgba(148,67,10,.2) !important;
}

.hero-actions .hero-primary:hover{
  background:linear-gradient(135deg,#ff983d,#f47a16) !important;
}

.hero-points{
  margin-top:clamp(52px,5.2vw,88px) !important;
  align-items:start !important;
}

.hero-point{
  min-height:124px !important;
  justify-content:flex-start !important;
}

.hero-point p{
  white-space:nowrap !important;
}

.hero-point:not(:last-child){
  border-right:1px solid rgba(151,164,174,.34) !important;
}

.why-section,
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  background:
    linear-gradient(180deg,#eef8fa 0%,#f8fbfa 45%,#fff6ed 100%) !important;
}

.why-question{
  font-size:clamp(150px,12.4vw,230px) !important;
  color:rgba(31,39,48,.13) !important;
  transform:translate(0,-18px) rotate(-6deg) !important;
}

.why-card{
  grid-template-columns:102px 80px minmax(260px,1fr) !important;
  padding-left:clamp(42px,3.8vw,70px) !important;
  padding-right:clamp(36px,3vw,58px) !important;
}

.why-icon{
  justify-self:end !important;
}

.why-card-copy{
  padding-left:clamp(16px,1.5vw,28px) !important;
}

.care-section{
  background:
    linear-gradient(180deg,#f8fbfa 0%,#eef8fa 100%) !important;
}

.care-section::before{
  opacity:.42 !important;
}

.plan-heading::before{
  transform:translateY(12px);
  margin-bottom:22px !important;
}

.plan-card{
  min-height:260px !important;
}

.plan-list-wrap{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
  align-items:start !important;
}

.plan-list-wrap ul{
  padding:0 18px 0 0 !important;
}

.plan-list-wrap ul + ul{
  border-left:1px solid rgba(151,164,174,.28) !important;
  padding-left:22px !important;
  padding-right:0 !important;
}

.plan-list-wrap li{
  white-space:nowrap;
}

.workflow-section{
  background:
    linear-gradient(180deg,#eef8fa 0%,#f8fbfa 52%,#fff6ed 100%) !important;
}

.workflow-head{
  align-items:center !important;
}

.workflow-head-right{
  padding:0 0 0 clamp(22px,3vw,48px) !important;
  border-left:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

.workflow-head-right p{
  position:relative;
  margin:0 !important;
  padding-left:24px !important;
  max-width:760px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.workflow-head-right p::before{
  content:"";
  position:absolute;
  left:0;
  top:.35em;
  bottom:.35em;
  width:3px;
  border-radius:999px;
  background:var(--brand-orange);
}

.workflow-step:hover{
  transform:translateY(-6px) !important;
}

.workflow-step:hover .workflow-content{
  background:rgba(255,253,249,.92) !important;
  box-shadow:0 18px 38px rgba(31,39,48,.11) !important;
}

.workflow-step:hover .workflow-badge{
  transform:translateY(-3px) scale(1.04) !important;
}

.faq-shell{
  grid-template-columns:minmax(320px,.34fr) minmax(0,.66fr) !important;
  align-items:start !important;
}

.faq-title-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:clamp(16px,2.4vw,36px) !important;
}

.faq-side h2{
  font-size:clamp(76px,6vw,112px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

.faq-side p{
  font-size:clamp(17px,1.12vw,21px) !important;
  line-height:2 !important;
  white-space:nowrap !important;
}

.faq-symbol{
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  color:rgba(31,39,48,.13) !important;
  font-size:clamp(150px,12vw,230px) !important;
  line-height:.78 !important;
  transform:translate(0,-18px) rotate(5deg) !important;
  background:transparent !important;
}

.faq-question{
  pointer-events:auto !important;
  cursor:pointer !important;
}

.faq-answer{
  height:0 !important;
  max-height:0 !important;
  opacity:0;
  transition:height .22s ease, max-height .22s ease, opacity .2s ease !important;
}

.faq-item.is-open .faq-answer{
  height:100px !important;
  max-height:100px !important;
  opacity:1;
}

.pricing-section{
  background:
    linear-gradient(180deg,#fff6ed 0%,#eef8fa 58%,#263136 100%) !important;
  padding-bottom:clamp(110px,10vw,170px) !important;
}

.pricing-feature{
  grid-template-columns:36px minmax(0,1fr) !important;
  justify-items:start !important;
  align-items:center !important;
  min-height:74px !important;
  padding:18px 20px !important;
  text-align:left !important;
}

.pricing-check{
  justify-self:start !important;
}

.pricing-calc-head p{
  max-width:none !important;
}

.contact-section{
  margin-top:0 !important;
  background:
    linear-gradient(180deg,#263136 0%,#171d20 24%,#101214 100%) !important;
}

.contact-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:140px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(238,248,250,.18),rgba(238,248,250,0));
}

.contact-methods{
  margin-top:clamp(118px,9vw,170px) !important;
}

@media (max-width:1180px){
  .faq-shell{
    grid-template-columns:1fr !important;
  }

  .faq-side p{
    white-space:normal !important;
  }
}

@media (max-width:760px){
  .hero-copy::before{
    left:-28vw !important;
    width:120vw !important;
    height:110px !important;
    bottom:7% !important;
  }

  .hero-actions{
    justify-content:center !important;
    padding-left:0 !important;
    margin-top:28px !important;
  }

  .hero-points{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    width:100% !important;
    margin-top:34px !important;
  }

  .hero-point{
    min-height:94px !important;
    padding:0 6px !important;
  }

  .hero-point h3{
    font-size:13px !important;
    white-space:nowrap !important;
  }

  .hero-point p{
    font-size:10px !important;
    white-space:nowrap !important;
    transform:scale(.92);
    transform-origin:top center;
  }

  .point-icon{
    width:44px !important;
    height:44px !important;
    margin-bottom:6px !important;
  }

  .why-question{
    font-size:96px !important;
    transform:translate(0,-4px) rotate(-6deg) !important;
  }

  .why-card{
    grid-template-columns:58px minmax(0,1fr) !important;
    padding-left:22px !important;
    padding-right:18px !important;
  }

  .plan-heading::before{
    transform:translateY(6px);
    margin-bottom:18px !important;
  }

  .plan-list-wrap ul{
    padding-right:10px !important;
  }

  .plan-list-wrap ul + ul{
    padding-left:12px !important;
  }

  .plan-list-wrap li{
    white-space:normal;
  }

  .workflow-head{
    gap:22px !important;
  }

  .workflow-head-right{
    padding:0 !important;
  }

  .workflow-head-right p{
    padding-left:14px !important;
    text-align:left !important;
  }

  .faq-title-row{
    align-items:flex-start !important;
  }

  .faq-side h2{
    font-size:clamp(48px,13vw,62px) !important;
  }

  .faq-symbol{
    font-size:96px !important;
    transform:translate(0,-4px) rotate(5deg) !important;
  }

  .faq-side p{
    white-space:normal !important;
    font-size:15px !important;
  }

  .faq-item.is-open .faq-answer{
    height:164px !important;
    max-height:164px !important;
  }

  .pricing-section{
    padding-bottom:92px !important;
  }

  .pricing-feature{
    grid-template-columns:34px minmax(0,1fr) !important;
    min-height:62px !important;
    padding:14px 18px !important;
  }

  .contact-methods{
    margin-top:104px !important;
  }

  .contact-method-card:nth-child(n+2){
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-areas:
      "icon title action"
      "icon text action"
      "icon strong action" !important;
    align-items:center !important;
    column-gap:12px !important;
    padding:20px 16px !important;
  }

  .contact-method-card:nth-child(n+2) .contact-method-icon{
    grid-area:icon;
    margin:0 !important;
  }

  .contact-method-card:nth-child(n+2) h3{
    grid-area:title;
    margin:0 !important;
  }

  .contact-method-card:nth-child(n+2) p{
    grid-area:text;
    margin:4px 0 0 !important;
  }

  .contact-method-card:nth-child(n+2) strong{
    grid-area:strong;
    margin:4px 0 0 !important;
  }

  .contact-method-card:nth-child(n+2) .contact-text-link{
    grid-area:action;
    align-self:center;
    justify-self:end;
    font-size:15px !important;
    padding:10px 12px;
    border-radius:999px;
    background:rgba(255,139,36,.13);
    white-space:nowrap;
  }
}

/* V83 | stabilize FAQ height and clean process copy block */
.workflow-head-right,
.workflow-head-right p{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.workflow-head-right p{
  padding-left:34px !important;
}

.workflow-head-right p::before{
  width:4px;
}

.faq-title-row{
  position:relative !important;
  display:block !important;
}

.faq-side h2{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  white-space:nowrap !important;
}

.faq-symbol{
  position:absolute !important;
  left:clamp(300px,22vw,390px);
  top:clamp(8px,1vw,18px);
  z-index:0;
  pointer-events:none;
}

@media (min-width:1181px){
  .faq-section{
    height:900px !important;
    min-height:900px !important;
    overflow:hidden !important;
  }

  .faq-shell{
    height:100% !important;
    align-items:center !important;
  }

  .faq-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    height:650px !important;
    min-height:650px !important;
    overflow:hidden !important;
  }

  .faq-item{
    flex:0 0 auto !important;
    height:58px !important;
    overflow:hidden !important;
    transition:height .24s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
  }

  .faq-item.is-open{
    height:158px !important;
  }

  .faq-question{
    min-height:58px !important;
    padding:14px 22px !important;
  }

  .faq-item.is-open .faq-answer{
    height:100px !important;
    max-height:100px !important;
  }
}

@media (max-width:760px){
  .workflow-head-right p{
    padding-left:24px !important;
  }

  .faq-title-row{
    display:block !important;
  }

  .faq-side h2{
    white-space:normal !important;
  }

  .faq-symbol{
    left:auto;
    right:6px;
    top:4px;
  }
}

/* =========================================================
   V85 | screenshot alignment pass
========================================================= */
.hero-actions{
  padding-left:0 !important;
}

.hero-actions .hero-primary{
  margin-left:0 !important;
}

.care-card:hover,
.care-card:focus-within{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(244,122,22,.18) !important;
}

.care-card:hover .care-icon-circle,
.care-card:focus-within .care-icon-circle{
  transform:translateY(-7px) scale(1.04) !important;
}

.plan-heading::before{
  transform:translateY(34px) !important;
  margin-bottom:48px !important;
}

.plan-card{
  padding:28px 34px 24px !important;
}

.plan-card-head{
  grid-template-columns:66px minmax(0,1fr) !important;
  column-gap:24px !important;
  padding-left:16px !important;
}

.plan-icon-wrap{
  width:62px !important;
  height:62px !important;
}

.plan-head-copy h3{
  transform:translateX(4px);
}

.plan-list-wrap{
  padding-left:28px !important;
  padding-top:18px !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

.plan-list-wrap ul{
  padding-right:34px !important;
}

.plan-list-wrap ul + ul{
  padding-left:44px !important;
}

.workflow-badge{
  width:68px !important;
  height:68px !important;
  transform:translate(12px,-10px) !important;
}

.workflow-badge svg{
  width:34px !important;
  height:34px !important;
}

.workflow-content,
.workflow-step.is-top .workflow-content,
.workflow-step.is-bottom .workflow-content{
  background:transparent !important;
  box-shadow:none !important;
}

.workflow-step:hover .workflow-content,
.workflow-step:focus-within .workflow-content{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(244,122,22,.18) !important;
}

.workflow-step:hover .workflow-badge,
.workflow-step:focus-within .workflow-badge{
  transform:translate(16px,-14px) scale(1.04) !important;
}

.faq-side h2{
  font-size:clamp(62px,4.6vw,88px) !important;
  line-height:1.08 !important;
  letter-spacing:.01em !important;
}

.faq-side p{
  font-size:clamp(16px,1vw,19px) !important;
  line-height:1.9 !important;
}

.faq-symbol{
  left:clamp(250px,19vw,330px) !important;
  top:clamp(22px,2vw,34px) !important;
  font-size:clamp(130px,9vw,180px) !important;
}

.pricing-section{
  background:#eef8fa !important;
}

.pricing-section::after{
  display:none !important;
}

.pricing-feature{
  grid-template-columns:34px auto !important;
  justify-content:center !important;
  justify-items:center !important;
  text-align:center !important;
  column-gap:10px !important;
}

.pricing-check{
  justify-self:center !important;
}

.contact-section{
  background:#151b1e !important;
}

@media (min-width:1181px){
  .faq-section{
    height:960px !important;
    min-height:960px !important;
  }

  .faq-list{
    height:760px !important;
    min-height:760px !important;
    gap:12px !important;
  }

  .faq-item{
    height:72px !important;
  }

  .faq-item.is-open{
    height:176px !important;
  }

  .faq-question{
    min-height:72px !important;
    padding:18px 24px !important;
  }

  .faq-item.is-open .faq-answer{
    height:104px !important;
    max-height:104px !important;
  }
}

@media (max-width:760px){
  .hero-actions{
    justify-content:center !important;
  }

  .why-card{
    grid-template-columns:64px 30px minmax(0,1fr) !important;
    grid-template-areas:
      "icon divider title"
      "icon divider text" !important;
    padding-left:34px !important;
    padding-right:22px !important;
    column-gap:10px !important;
  }

  .why-divider{
    display:flex !important;
    grid-area:divider !important;
    width:30px !important;
    min-width:30px !important;
    height:100% !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .why-divider::before{
    content:"" !important;
    display:block !important;
    width:20px !important;
    height:1px !important;
    background:linear-gradient(90deg,rgba(244,122,22,.22),rgba(244,122,22,.88)) !important;
  }

  .why-divider::after{
    content:"" !important;
    display:block !important;
    width:8px !important;
    height:8px !important;
    margin-left:-5px !important;
    border-top:1px solid var(--brand-orange) !important;
    border-right:1px solid var(--brand-orange) !important;
    transform:rotate(45deg) !important;
    background:transparent !important;
  }

  .why-icon{
    justify-self:center !important;
  }

  .plan-heading::before{
    transform:translateY(18px) !important;
    margin-bottom:32px !important;
  }

  .plan-card{
    padding:20px 18px !important;
  }

  .plan-card-head{
    grid-template-columns:52px minmax(0,1fr) !important;
    column-gap:16px !important;
    padding-left:4px !important;
  }

  .plan-list-wrap{
    padding-left:4px !important;
  }

  .plan-list-wrap ul{
    padding-right:10px !important;
  }

  .plan-list-wrap ul + ul{
    padding-left:16px !important;
  }

  .workflow-badge{
    width:58px !important;
    height:58px !important;
    transform:translate(6px,-6px) !important;
  }

  .faq-side h2{
    font-size:clamp(44px,11.5vw,56px) !important;
    line-height:1.08 !important;
  }

  .faq-symbol{
    font-size:86px !important;
    top:8px !important;
  }

  .pricing-feature{
    justify-content:center !important;
    text-align:center !important;
  }
}

/* =========================================================
   V86 | screenshot follow-up polish
========================================================= */
.hero-section,
.why-section,
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.6) 0 22%,rgba(255,255,255,0) 22% 100%),
    linear-gradient(168deg,rgba(255,246,237,.72) 0 18%,rgba(255,255,255,0) 18% 100%),
    radial-gradient(circle at 82% 12%,rgba(244,122,22,.07),transparent 22%),
    radial-gradient(circle at 8% 82%,rgba(90,145,164,.08),transparent 24%) !important;
}

.plan-heading::before{
  transform:translateY(52px) !important;
  margin-bottom:68px !important;
}

.plan-card{
  padding:28px 30px 24px !important;
}

.plan-list-wrap{
  padding-left:14px !important;
  padding-top:16px !important;
}

.plan-list-wrap ul{
  padding-right:24px !important;
}

.plan-list-wrap ul + ul{
  padding-left:34px !important;
}

.workflow-badge{
  width:58px !important;
  height:58px !important;
  transform:none !important;
}

.workflow-badge svg{
  width:30px !important;
  height:30px !important;
}

.workflow-step:hover .workflow-badge,
.workflow-step:focus-within .workflow-badge{
  transform:translateY(-4px) scale(1.04) !important;
}

.faq-side h2{
  font-size:clamp(48px,3.45vw,68px) !important;
  line-height:1.16 !important;
  letter-spacing:.01em !important;
}

.faq-symbol{
  left:clamp(218px,16vw,292px) !important;
  top:clamp(26px,2.2vw,42px) !important;
  font-size:clamp(102px,7vw,142px) !important;
}

.pricing-section{
  position:relative;
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(160deg,rgba(255,255,255,.58) 0 26%,rgba(255,255,255,0) 26% 100%),
    linear-gradient(12deg,rgba(255,246,237,.72) 0 18%,rgba(255,255,255,0) 18% 100%),
    radial-gradient(circle at 12% 26%,rgba(90,145,164,.09),transparent 24%),
    radial-gradient(circle at 88% 78%,rgba(244,122,22,.08),transparent 20%) !important;
}

.pricing-section::before{
  content:"";
  position:absolute;
  right:5vw;
  top:clamp(90px,10vw,160px);
  width:clamp(150px,16vw,260px);
  height:clamp(110px,12vw,190px);
  border:1px solid rgba(244,122,22,.12);
  background:rgba(255,246,237,.42);
  transform:rotate(-5deg);
  pointer-events:none;
}

.pricing-shell{
  grid-template-columns:minmax(420px,1fr) minmax(390px,.78fr) !important;
  gap:clamp(36px,5vw,86px) !important;
}

.pricing-calc-card{
  width:min(100%,560px) !important;
  justify-self:center !important;
}

@media (min-width:1181px){
  .faq-section{
    height:980px !important;
    min-height:980px !important;
  }

  .faq-list{
    height:800px !important;
    min-height:800px !important;
    gap:14px !important;
  }

  .faq-item{
    height:84px !important;
  }

  .faq-item.is-open{
    height:218px !important;
  }

  .faq-question{
    min-height:84px !important;
    padding:22px 26px !important;
  }

  .faq-item.is-open .faq-answer{
    height:134px !important;
    max-height:134px !important;
  }
}

@media (min-width:761px) and (max-width:1400px){
  .why-shell{
    width:min(1180px,calc(100vw - var(--page-pad) * 2)) !important;
    grid-template-columns:minmax(300px,.82fr) minmax(520px,1fr) !important;
    gap:clamp(36px,4vw,64px) !important;
  }

  .why-left{
    padding-left:clamp(28px,3vw,54px) !important;
  }
}

@media (max-width:980px){
  .pricing-shell{
    grid-template-columns:1fr !important;
  }

  .pricing-calc-card{
    justify-self:center !important;
  }
}

@media (max-width:760px){
  .hero-section,
  .why-section,
  .care-section,
  .plan-section,
  .workflow-section,
  .faq-section,
  .pricing-section{
    background-image:
      linear-gradient(154deg,rgba(255,255,255,.58) 0 24%,rgba(255,255,255,0) 24% 100%),
      linear-gradient(8deg,rgba(255,246,237,.7) 0 16%,rgba(255,255,255,0) 16% 100%),
      radial-gradient(circle at 92% 12%,rgba(244,122,22,.08),transparent 24%) !important;
  }

  .why-card{
    grid-template-columns:68px 20px minmax(0,1fr) !important;
    padding-left:40px !important;
    column-gap:12px !important;
    align-items:center !important;
  }

  .why-icon{
    align-self:center !important;
    justify-self:center !important;
  }

  .why-divider{
    width:20px !important;
    min-width:20px !important;
  }

  .why-divider::before{
    display:none !important;
  }

  .why-divider::after{
    width:8px !important;
    height:8px !important;
    margin-left:0 !important;
  }

  .why-card-copy{
    padding-left:0 !important;
  }

  .care-grid{
    gap:0 !important;
  }

  .care-card{
    padding:54px 28px 52px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .care-card + .care-card{
    margin-top:22px !important;
    padding-top:58px !important;
    border-top:1px solid rgba(151,164,174,.26) !important;
  }

  .care-card p{
    max-width:24em !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .plan-heading::before{
    transform:translateY(28px) !important;
    margin-bottom:42px !important;
  }

  .plan-card{
    min-height:auto !important;
    padding:22px 18px 18px !important;
    gap:14px !important;
  }

  .plan-list-wrap{
    padding-left:0 !important;
    padding-top:2px !important;
    grid-template-columns:1fr 1fr !important;
    align-items:start !important;
  }

  .plan-list-wrap ul{
    padding-right:8px !important;
  }

  .plan-list-wrap ul + ul{
    padding-left:14px !important;
  }

  .plan-list-wrap li{
    line-height:1.65 !important;
  }

  .workflow-badge{
    width:50px !important;
    height:50px !important;
    transform:none !important;
  }

  .faq-side h2{
    font-size:clamp(38px,10vw,48px) !important;
    line-height:1.14 !important;
  }

  .faq-symbol{
    font-size:74px !important;
    top:12px !important;
  }

  .contact-methods{
    gap:14px !important;
  }

  .contact-method-card{
    min-height:124px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) auto !important;
    grid-template-areas:
      "icon title action"
      "icon text action"
      "icon strong action" !important;
    column-gap:16px !important;
    align-items:center !important;
    padding:20px 20px 20px 28px !important;
  }

  .contact-method-card::after{
    display:none !important;
  }

  .contact-method-icon{
    grid-area:icon !important;
    justify-self:center !important;
    margin:0 !important;
  }

  .contact-method-card h3{
    grid-area:title !important;
    margin:0 !important;
  }

  .contact-method-card p{
    grid-area:text !important;
    margin:4px 0 0 !important;
  }

  .contact-method-card strong{
    grid-area:strong !important;
    margin:4px 0 0 !important;
  }

  .contact-pill-btn,
  .contact-text-link{
    grid-area:action !important;
    justify-self:end !important;
    align-self:center !important;
    white-space:nowrap !important;
  }

  .contact-pill-btn{
    background:#06c755 !important;
    color:#fff !important;
    border-color:#06c755 !important;
    box-shadow:0 10px 22px rgba(6,199,85,.22) !important;
  }
}

/* =========================================================
   V87 | final responsive alignment pass
========================================================= */
.hero-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(105deg,rgba(255,255,255,.7) 0 25%,rgba(255,255,255,0) 25% 100%),
    linear-gradient(170deg,rgba(255,246,237,.7) 0 14%,rgba(255,255,255,0) 14% 100%),
    radial-gradient(circle at 72% 16%,rgba(244,122,22,.08),transparent 20%),
    radial-gradient(circle at 14% 76%,rgba(90,145,164,.1),transparent 24%) !important;
}

.why-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.64) 0 24%,rgba(255,255,255,0) 24% 100%),
    linear-gradient(8deg,rgba(255,246,237,.58) 0 13%,rgba(255,255,255,0) 13% 100%),
    radial-gradient(circle at 74% 28%,rgba(244,122,22,.07),transparent 22%),
    radial-gradient(circle at 16% 88%,rgba(88,145,164,.12),transparent 25%) !important;
}

.care-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(156deg,rgba(255,255,255,.66) 0 20%,rgba(255,255,255,0) 20% 100%),
    radial-gradient(circle at 20% 18%,rgba(90,145,164,.11),transparent 25%),
    radial-gradient(circle at 84% 78%,rgba(244,122,22,.08),transparent 22%) !important;
}

.plan-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(164deg,rgba(255,246,237,.62) 0 16%,rgba(255,255,255,0) 16% 100%),
    linear-gradient(108deg,rgba(255,255,255,.62) 0 23%,rgba(255,255,255,0) 23% 100%),
    radial-gradient(circle at 11% 26%,rgba(90,145,164,.1),transparent 22%),
    radial-gradient(circle at 86% 84%,rgba(244,122,22,.07),transparent 21%) !important;
}

.workflow-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(12deg,rgba(255,246,237,.62) 0 18%,rgba(255,255,255,0) 18% 100%),
    linear-gradient(154deg,rgba(255,255,255,.64) 0 22%,rgba(255,255,255,0) 22% 100%),
    radial-gradient(circle at 78% 22%,rgba(90,145,164,.11),transparent 23%),
    radial-gradient(circle at 10% 82%,rgba(244,122,22,.07),transparent 20%) !important;
}

.faq-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(160deg,rgba(255,255,255,.64) 0 24%,rgba(255,255,255,0) 24% 100%),
    linear-gradient(8deg,rgba(255,246,237,.58) 0 14%,rgba(255,255,255,0) 14% 100%),
    radial-gradient(circle at 18% 24%,rgba(90,145,164,.1),transparent 23%),
    radial-gradient(circle at 88% 76%,rgba(244,122,22,.07),transparent 22%) !important;
}

.pricing-section{
  background-color:#eef8fa !important;
  background-image:
    linear-gradient(155deg,rgba(255,255,255,.66) 0 22%,rgba(255,255,255,0) 22% 100%),
    linear-gradient(14deg,rgba(255,246,237,.66) 0 18%,rgba(255,255,255,0) 18% 100%),
    radial-gradient(circle at 12% 34%,rgba(90,145,164,.12),transparent 25%),
    radial-gradient(circle at 86% 72%,rgba(244,122,22,.08),transparent 21%) !important;
}

.plan-heading::before{
  transform:translateY(66px) !important;
  margin-bottom:84px !important;
}

.plan-list-wrap{
  padding-left:4px !important;
  padding-top:10px !important;
}

.plan-list-wrap ul{
  padding-right:18px !important;
}

.plan-list-wrap ul + ul{
  padding-left:26px !important;
}

.faq-side h2{
  font-size:clamp(44px,3.15vw,60px) !important;
  line-height:1.18 !important;
}

.faq-symbol{
  left:clamp(208px,15vw,270px) !important;
  top:clamp(22px,2vw,36px) !important;
  font-size:clamp(94px,6.6vw,132px) !important;
}

.faq-question{
  min-height:78px !important;
}

.pricing-shell{
  grid-template-columns:minmax(420px,1fr) minmax(360px,.7fr) !important;
  gap:clamp(34px,4.5vw,72px) !important;
}

.pricing-calc-card{
  width:min(100%,520px) !important;
}

@media (min-width:1181px){
  .faq-list{
    gap:15px !important;
  }

  .faq-item{
    height:88px !important;
  }

  .faq-item.is-open{
    height:224px !important;
  }

  .faq-question{
    min-height:88px !important;
  }

  .faq-item.is-open .faq-answer{
    height:136px !important;
    max-height:136px !important;
  }
}

@media (min-width:981px) and (max-width:1400px){
  .why-shell{
    width:min(1180px,calc(100vw - clamp(96px,9vw,180px))) !important;
    margin-inline:auto !important;
    grid-template-columns:minmax(300px,.82fr) minmax(500px,1fr) !important;
    gap:clamp(28px,3vw,52px) !important;
  }

  .why-left{
    padding-left:0 !important;
  }
}

@media (min-width:761px) and (max-width:980px){
  .why-shell{
    width:calc(100vw - clamp(64px,8vw,96px)) !important;
    margin-inline:auto !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .why-left{
    padding-left:0 !important;
    max-width:560px !important;
  }

  .why-cards{
    width:100% !important;
    max-width:720px !important;
    margin-inline:auto !important;
  }
}

@media (max-width:980px){
  .pricing-shell{
    grid-template-columns:1fr !important;
  }

  .pricing-calc-card{
    width:min(100%,540px) !important;
  }
}

@media (max-width:760px){
  .plan-heading::before{
    transform:translateY(36px) !important;
    margin-bottom:50px !important;
  }

  .plan-card{
    padding:20px 18px 16px !important;
    gap:10px !important;
  }

  .plan-card-head{
    margin-bottom:10px !important;
  }

  .plan-list-wrap{
    padding-top:0 !important;
    padding-left:0 !important;
    grid-template-columns:1fr 1fr !important;
  }

  .plan-list-wrap ul{
    padding-right:10px !important;
  }

  .plan-list-wrap ul + ul{
    padding-left:16px !important;
  }

  .plan-list-wrap li{
    line-height:1.55 !important;
  }

  .faq-side h2{
    font-size:clamp(34px,9.2vw,44px) !important;
    line-height:1.16 !important;
  }

  .faq-symbol{
    font-size:66px !important;
    top:8px !important;
  }

  .faq-question{
    min-height:62px !important;
  }

  .contact-method-card{
    height:148px !important;
    min-height:148px !important;
    grid-template-columns:60px minmax(0,1fr) auto !important;
    column-gap:18px !important;
    padding:20px 18px 20px 30px !important;
  }

  .contact-method-card h3{
    font-size:18px !important;
    line-height:1.18 !important;
  }

  .contact-method-card p,
  .contact-method-card strong{
    font-size:13px !important;
    line-height:1.45 !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  .contact-pill-btn,
  .contact-text-link{
    min-width:86px !important;
    justify-content:center !important;
    font-size:13px !important;
    padding:9px 12px !important;
  }

  .contact-method-card:nth-child(3) strong{
    font-size:12px !important;
  }
}

/* =========================================================
   V88 | mobile contact card consistency
========================================================= */
@media (max-width:760px){
  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    height:148px !important;
    min-height:148px !important;
    grid-template-columns:60px minmax(0,1fr) 94px !important;
    column-gap:14px !important;
    padding:20px 18px 20px 30px !important;
  }

  .contact-method-card .contact-method-icon,
  .contact-method-card:nth-child(n+2) .contact-method-icon{
    width:44px !important;
    height:44px !important;
    justify-self:center !important;
    margin:0 !important;
  }

  .contact-method-card h3,
  .contact-method-card:nth-child(n+2) h3{
    font-size:16px !important;
    line-height:1.18 !important;
    white-space:nowrap !important;
  }

  .contact-method-card p,
  .contact-method-card strong,
  .contact-method-card:nth-child(n+2) p,
  .contact-method-card:nth-child(n+2) strong{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }

  .contact-method-card:nth-child(3) strong{
    font-size:11.8px !important;
  }

  .contact-pill-btn,
  .contact-text-link,
  .contact-method-card:nth-child(n+2) .contact-text-link{
    min-width:94px !important;
    padding:9px 10px !important;
    font-size:12.5px !important;
    justify-content:center !important;
  }
}

/* =========================================================
   V89 | remove rough hover fill from workflow cards
========================================================= */
.workflow-step:hover .workflow-content,
.workflow-step:focus-within .workflow-content{
  background:transparent !important;
  box-shadow:none !important;
}

/* =========================================================
   V90 | richer connected backgrounds, reveal motion, contact rewrite
========================================================= */
main{
  background-color:#eef8fa;
  background-image:
    radial-gradient(circle at 18% 8%,rgba(140,183,196,.2),transparent 28%),
    radial-gradient(circle at 82% 24%,rgba(255,159,80,.12),transparent 24%),
    linear-gradient(180deg,#f7fbfc 0%,#e9f7fa 34%,#f8f1e9 62%,#eaf7fa 100%);
}

.hero-section,
.why-section,
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  position:relative !important;
  overflow:hidden !important;
  background-color:#eef8fa !important;
}

.hero-shell,
.why-shell,
.care-shell,
.plan-shell,
.workflow-shell,
.faq-shell,
.pricing-shell{
  position:relative !important;
  z-index:1 !important;
}

.hero-section{
  background-image:
    linear-gradient(104deg,rgba(255,255,255,.78) 0 23%,rgba(255,255,255,0) 23% 100%),
    linear-gradient(172deg,rgba(255,247,239,.72) 0 15%,rgba(255,255,255,0) 15% 100%),
    radial-gradient(circle at 70% 16%,rgba(255,139,36,.12),transparent 24%),
    radial-gradient(circle at 14% 76%,rgba(80,147,166,.16),transparent 28%) !important;
}

.why-section{
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.62) 0 22%,rgba(255,255,255,0) 22% 100%),
    radial-gradient(circle at 72% 22%,rgba(255,184,108,.14),transparent 26%),
    radial-gradient(circle at 10% 84%,rgba(83,149,169,.18),transparent 30%),
    linear-gradient(180deg,#eaf7fa 0%,#f6f1ea 100%) !important;
}

.care-section{
  background-image:
    linear-gradient(155deg,rgba(255,255,255,.68) 0 21%,rgba(255,255,255,0) 21% 100%),
    radial-gradient(circle at 16% 18%,rgba(93,157,176,.16),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(255,139,36,.11),transparent 25%),
    linear-gradient(180deg,#eaf7fa 0%,#edf8fa 100%) !important;
}

.plan-section{
  background-image:
    linear-gradient(165deg,rgba(255,248,240,.7) 0 17%,rgba(255,255,255,0) 17% 100%),
    radial-gradient(circle at 12% 20%,rgba(86,150,169,.18),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(255,151,58,.12),transparent 26%),
    linear-gradient(180deg,#edf8fa 0%,#e9f7fa 100%) !important;
}

.workflow-section{
  background-image:
    linear-gradient(10deg,rgba(255,244,232,.75) 0 18%,rgba(255,255,255,0) 18% 100%),
    radial-gradient(circle at 78% 20%,rgba(88,150,171,.18),transparent 29%),
    radial-gradient(circle at 12% 84%,rgba(255,142,41,.13),transparent 24%),
    linear-gradient(180deg,#e9f7fa 0%,#f6f1ea 100%) !important;
}

.faq-section{
  background-image:
    linear-gradient(160deg,rgba(255,255,255,.68) 0 24%,rgba(255,255,255,0) 24% 100%),
    radial-gradient(circle at 18% 24%,rgba(87,152,171,.17),transparent 28%),
    radial-gradient(circle at 86% 76%,rgba(255,146,45,.12),transparent 24%),
    linear-gradient(180deg,#f6f1ea 0%,#e9f7fa 100%) !important;
}

.pricing-section{
  background-image:
    linear-gradient(156deg,rgba(255,255,255,.72) 0 22%,rgba(255,255,255,0) 22% 100%),
    radial-gradient(circle at 12% 32%,rgba(86,149,169,.18),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(255,139,36,.13),transparent 25%),
    linear-gradient(180deg,#e9f7fa 0%,#f8f1e9 100%) !important;
}

.hero-section::before,
.why-section::before,
.care-section::before,
.plan-section::before,
.workflow-section::before,
.faq-section::before,
.pricing-section::before,
.hero-section::after,
.why-section::after,
.care-section::after,
.plan-section::after,
.workflow-section::after,
.faq-section::after,
.pricing-section::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:0 !important;
  border:1px solid rgba(255,139,36,.12);
  background:rgba(255,255,255,.22);
  box-shadow:none !important;
}

.hero-section::before{width:18vw;height:26vw;left:8vw;top:18%;border-radius:24px;transform:rotate(8deg)}
.hero-section::after{width:22vw;height:11vw;right:7vw;bottom:10%;border-radius:20px;transform:rotate(-7deg);background:rgba(255,246,237,.34)}
.why-section::before{width:18vw;height:9vw;right:11vw;top:15%;border-radius:18px;transform:rotate(-8deg);background:rgba(255,246,237,.34)}
.why-section::after{width:24vw;height:15vw;left:-7vw;bottom:10%;border-radius:24px;transform:rotate(10deg);background:rgba(255,255,255,.2)}
.care-section::before{width:20vw;height:10vw;right:5vw;top:14%;border-radius:20px;transform:rotate(-5deg)}
.care-section::after{width:28vw;height:16vw;left:-10vw;bottom:18%;border-radius:26px;transform:rotate(12deg);background:rgba(255,246,237,.25)}
.plan-section::before{width:20vw;height:12vw;right:8vw;top:12%;border-radius:18px;transform:rotate(-4deg);background:rgba(255,246,237,.36)}
.plan-section::after{width:22vw;height:15vw;left:5vw;bottom:4%;border-radius:22px;transform:rotate(8deg);background:rgba(255,255,255,.18)}
.workflow-section::before{width:26vw;height:13vw;left:-5vw;top:8%;border-radius:22px;transform:rotate(-8deg)}
.workflow-section::after{width:18vw;height:9vw;right:12vw;bottom:12%;border-radius:18px;transform:rotate(7deg);background:rgba(255,246,237,.32)}
.faq-section::before{width:24vw;height:14vw;right:10vw;top:8%;border-radius:22px;transform:rotate(-7deg)}
.faq-section::after{width:32vw;height:13vw;left:-8vw;bottom:4%;border-radius:24px;transform:rotate(9deg);background:rgba(255,246,237,.28)}
.pricing-section::before{width:20vw;height:12vw;right:8vw;top:10%;border-radius:20px;transform:rotate(-6deg);background:rgba(255,246,237,.34)}
.pricing-section::after{width:30vw;height:15vw;left:-8vw;bottom:8%;border-radius:26px;transform:rotate(10deg);background:rgba(255,255,255,.2)}

[data-reveal]{
  opacity:0;
  filter:blur(5px);
  transform:translate3d(0,38px,0);
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    transform .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    filter .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}

[data-reveal].is-visible{
  opacity:1;
  filter:none;
  transform:translate3d(0,0,0);
}

.workflow-step{
  --step-offset:0px;
}

.workflow-step[data-reveal]{
  transform:translateY(calc(var(--step-offset) + 38px));
}

.workflow-step[data-reveal].is-visible{
  transform:translateY(var(--step-offset));
}

.workflow-step[data-reveal].is-visible:hover,
.workflow-step[data-reveal].is-visible:focus-within{
  transform:translateY(calc(var(--step-offset) - 8px)) !important;
}

@media (prefers-reduced-motion:reduce){
  [data-reveal],
  [data-reveal].is-visible{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}

.plan-heading::before{
  transform:translateY(96px) !important;
  margin-bottom:122px !important;
}

.workflow-section{
  min-height:clamp(900px,54vw,1080px) !important;
}

.workflow-shell{
  padding:clamp(128px,8vw,166px) 0 clamp(150px,9vw,190px) !important;
}

.workflow-timeline{
  gap:clamp(20px,1.6vw,30px) !important;
  align-items:start !important;
  padding-top:clamp(36px,3vw,58px) !important;
}

.workflow-step{
  border-color:rgba(255,139,36,.2) !important;
  box-shadow:0 18px 38px rgba(255,139,36,.08), 0 10px 24px rgba(31,39,48,.04) !important;
}

.workflow-step:nth-of-type(2){
  --step-offset:44px;
}

.workflow-step:nth-of-type(3){
  --step-offset:12px;
}

.workflow-step:nth-of-type(4){
  --step-offset:54px;
}

.workflow-step:nth-of-type(5){
  --step-offset:22px;
}

.workflow-badge{
  background:#fff2e8 !important;
  border-color:rgba(255,139,36,.2) !important;
}

.workflow-step:hover,
.workflow-step:focus-within{
  border-color:rgba(255,139,36,.42) !important;
  box-shadow:0 24px 48px rgba(255,139,36,.16), 0 12px 28px rgba(31,39,48,.07) !important;
}

@media (min-width:1181px){
  .faq-section{
    height:1120px !important;
    min-height:1120px !important;
    overflow:hidden !important;
  }

  .faq-shell{
    height:100% !important;
    align-items:center !important;
  }

  .faq-list{
    height:980px !important;
    min-height:980px !important;
    gap:15px !important;
    overflow:hidden !important;
  }

  .faq-item{
    height:88px !important;
  }

  .faq-item.is-open{
    height:224px !important;
  }

  .faq-question{
    min-height:88px !important;
    padding:22px 26px !important;
  }

  .faq-item.is-open .faq-answer{
    height:136px !important;
    max-height:136px !important;
  }
}

.faq-symbol{
  position:absolute !important;
  left:clamp(360px,25vw,520px) !important;
  top:clamp(28px,2.3vw,46px) !important;
  font-size:clamp(116px,8.2vw,164px) !important;
  color:rgba(31,39,48,.12) !important;
  transform:rotate(5deg) !important;
}

.contact-method-card::after{
  display:none !important;
}

.contact-method-card{
  display:grid !important;
  grid-template-rows:auto auto auto 1fr !important;
  align-content:start !important;
}

.contact-method-card .contact-pill-btn,
.contact-method-card .contact-text-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  align-self:end !important;
  width:min(220px,86%) !important;
  min-height:44px !important;
  margin:22px auto 0 !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  border:1px solid transparent !important;
}

.contact-method-card:nth-child(1) .contact-pill-btn{
  background:#06c755 !important;
  color:#fff !important;
  box-shadow:0 14px 26px rgba(6,199,85,.22) !important;
}

.contact-method-card:nth-child(2) .contact-text-link{
  background:rgba(255,139,36,.16) !important;
  color:#ff8b24 !important;
  border-color:rgba(255,139,36,.28) !important;
}

.contact-method-card:nth-child(3) .contact-text-link{
  display:none !important;
}

.contact-method-card p{
  white-space:normal !important;
}

.contact-method-card:nth-child(2) p,
.contact-method-card:nth-child(3) p{
  color:#fff !important;
  font-weight:800 !important;
}

.contact-method-card:nth-child(2) strong,
.contact-method-card:nth-child(3) strong{
  color:rgba(255,255,255,.72) !important;
  font-weight:600 !important;
}

@media (max-width:1180px){
  .workflow-section{
    min-height:auto !important;
  }

  .workflow-shell{
    padding:96px 0 120px !important;
  }

  .workflow-step{
    --step-offset:0px !important;
  }
}

@media (max-width:760px){
  .hero-section::before,
  .why-section::before,
  .care-section::before,
  .plan-section::before,
  .workflow-section::before,
  .faq-section::before,
  .pricing-section::before{
    width:38vw !important;
    height:18vw !important;
    right:-10vw !important;
    left:auto !important;
    top:8% !important;
    border-radius:16px !important;
  }

  .hero-section::after,
  .why-section::after,
  .care-section::after,
  .plan-section::after,
  .workflow-section::after,
  .faq-section::after,
  .pricing-section::after{
    width:44vw !important;
    height:20vw !important;
    left:-16vw !important;
    right:auto !important;
    bottom:9% !important;
    border-radius:18px !important;
  }

  [data-reveal]{
    transform:translate3d(0,24px,0);
  }

  .plan-heading::before{
    transform:translateY(48px) !important;
    margin-bottom:64px !important;
  }

  .workflow-shell{
    padding:86px 0 112px !important;
  }

  .faq-section{
    min-height:auto !important;
    height:auto !important;
    overflow:hidden !important;
  }

  .faq-symbol{
    left:auto !important;
    right:6px !important;
    top:8px !important;
    font-size:70px !important;
  }

  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    height:auto !important;
    min-height:142px !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-areas:
      "icon title"
      "icon text"
      "icon strong"
      "action action" !important;
    row-gap:4px !important;
    column-gap:16px !important;
    padding:20px 22px !important;
  }

  .contact-method-card h3,
  .contact-method-card p,
  .contact-method-card strong{
    justify-self:start !important;
  }

  .contact-method-card .contact-pill-btn,
  .contact-method-card .contact-text-link{
    grid-area:action !important;
    width:min(220px,78%) !important;
    margin-top:16px !important;
  }

  .contact-method-card:nth-child(3) .contact-text-link{
    display:none !important;
  }
}

/* =========================================================
   V91 | process stagger and mobile contact balance
========================================================= */
.workflow-timeline > .workflow-step:nth-of-type(1){
  margin-top:0 !important;
}

.workflow-timeline > .workflow-step:nth-of-type(2){
  margin-top:44px !important;
}

.workflow-timeline > .workflow-step:nth-of-type(3){
  margin-top:12px !important;
}

.workflow-timeline > .workflow-step:nth-of-type(4){
  margin-top:54px !important;
}

.workflow-timeline > .workflow-step:nth-of-type(5){
  margin-top:22px !important;
}

.workflow-timeline > .workflow-step .workflow-badge,
.workflow-timeline > .workflow-step:nth-child(n) .workflow-badge{
  background:#fff2e8 !important;
  border-color:rgba(255,139,36,.24) !important;
}

@media (max-width:1180px){
  .workflow-timeline > .workflow-step{
    margin-top:0 !important;
  }
}

@media (max-width:760px){
  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    height:176px !important;
    min-height:176px !important;
  }

  .contact-method-card:nth-child(3){
    align-content:center !important;
  }
}

/* =========================================================
   V92 | crisp reveal, connected background, precise layout
========================================================= */
main{
  background-color:#eef8fa !important;
  background-image:
    radial-gradient(circle at 14% 6%,rgba(122,180,198,.2),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,180,105,.12),transparent 24%),
    radial-gradient(circle at 22% 44%,rgba(188,214,174,.12),transparent 24%),
    radial-gradient(circle at 78% 72%,rgba(255,132,42,.1),transparent 26%),
    linear-gradient(180deg,#f7fbfc 0%,#eaf7fa 32%,#edf8fa 55%,#f6f1ea 76%,#eaf7fa 100%) !important;
}

.hero-section,
.why-section,
.care-section,
.plan-section,
.workflow-section,
.faq-section,
.pricing-section{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

.hero-section::before,
.why-section::before,
.care-section::before,
.plan-section::before,
.workflow-section::before,
.faq-section::before,
.pricing-section::before,
.hero-section::after,
.why-section::after,
.care-section::after,
.plan-section::after,
.workflow-section::after,
.faq-section::after,
.pricing-section::after{
  border-color:rgba(255,139,36,.1) !important;
  background:rgba(255,255,255,.18) !important;
  border-radius:18px !important;
}

.hero-section::before{width:18vw !important;height:10vw !important;left:14vw !important;top:14% !important;transform:rotate(-5deg) !important}
.hero-section::after{width:22vw !important;height:12vw !important;right:8vw !important;bottom:12% !important;transform:rotate(4deg) !important;background:rgba(255,246,237,.3) !important}
.why-section::before{width:17vw !important;height:9vw !important;left:auto !important;right:10vw !important;top:12% !important;transform:rotate(-4deg) !important}
.why-section::after{width:19vw !important;height:10vw !important;left:auto !important;right:28vw !important;bottom:12% !important;transform:rotate(6deg) !important;background:rgba(255,246,237,.24) !important}
.care-section::before{width:19vw !important;height:10vw !important;right:6vw !important;top:12% !important;transform:rotate(-5deg) !important}
.care-section::after{width:18vw !important;height:10vw !important;left:auto !important;right:31vw !important;bottom:14% !important;transform:rotate(5deg) !important;background:rgba(255,246,237,.22) !important}
.plan-section::before{width:20vw !important;height:12vw !important;right:8vw !important;top:10% !important;transform:rotate(-3deg) !important;background:rgba(255,246,237,.28) !important}
.plan-section::after{width:17vw !important;height:10vw !important;left:auto !important;right:34vw !important;bottom:7% !important;transform:rotate(4deg) !important}
.workflow-section::before{width:19vw !important;height:11vw !important;left:auto !important;right:72vw !important;top:8% !important;transform:rotate(-5deg) !important}
.workflow-section::after{width:18vw !important;height:9vw !important;right:12vw !important;bottom:14% !important;transform:rotate(5deg) !important;background:rgba(255,246,237,.26) !important}
.faq-section::before{width:18vw !important;height:10vw !important;right:10vw !important;top:8% !important;transform:rotate(-5deg) !important}
.faq-section::after{width:20vw !important;height:10vw !important;left:auto !important;right:58vw !important;bottom:10% !important;transform:rotate(4deg) !important;background:rgba(255,246,237,.22) !important}
.pricing-section::before{width:18vw !important;height:10vw !important;right:8vw !important;top:9% !important;transform:rotate(-5deg) !important;background:rgba(255,246,237,.28) !important}
.pricing-section::after{width:20vw !important;height:11vw !important;left:auto !important;right:56vw !important;bottom:10% !important;transform:rotate(5deg) !important;background:rgba(255,255,255,.18) !important}

[data-reveal]{
  filter:none !important;
  transform:translate3d(0,28px,0) !important;
  transition:
    opacity .58s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    transform .58s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms) !important;
}

[data-reveal].is-visible{
  filter:none !important;
  transform:translate3d(0,0,0) !important;
}

.workflow-step[data-reveal],
.workflow-step[data-reveal].is-visible{
  transform:none !important;
}

.workflow-step:hover,
.workflow-step:focus-within,
.workflow-step[data-reveal].is-visible:hover,
.workflow-step[data-reveal].is-visible:focus-within{
  transform:translateY(-10px) !important;
}

.plan-heading::before{
  transform:translateY(136px) !important;
  margin-bottom:122px !important;
}

.workflow-section{
  min-height:clamp(780px,46vw,920px) !important;
}

.workflow-shell{
  padding:clamp(112px,7vw,148px) 0 clamp(88px,5.8vw,124px) !important;
}

.workflow-timeline{
  padding-top:clamp(28px,2.2vw,42px) !important;
}

.faq-symbol{
  left:clamp(270px,18vw,360px) !important;
  top:clamp(38px,2.6vw,54px) !important;
  font-size:clamp(118px,8vw,158px) !important;
}

.pricing-section{
  background:transparent !important;
}

.contact-section::before{
  display:none !important;
}

.contact-method-card{
  grid-template-rows:auto auto auto 1fr !important;
  min-height:292px !important;
  padding:44px 42px 34px !important;
}

.contact-method-icon{
  margin-bottom:24px !important;
}

.contact-method-card h3{
  margin-bottom:14px !important;
}

.contact-method-card p{
  margin:0 0 8px !important;
  color:rgba(255,255,255,.72) !important;
  font-weight:600 !important;
}

.contact-method-card strong{
  color:#fff !important;
  font-weight:800 !important;
}

.contact-method-card .contact-pill-btn,
.contact-method-card .contact-text-link{
  width:min(240px,82%) !important;
  min-height:50px !important;
  margin-top:24px !important;
  background:transparent !important;
  color:#ff9a3d !important;
  border:2px solid rgba(255,255,255,.88) !important;
  box-shadow:none !important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}

.contact-method-card .contact-pill-btn::after,
.contact-method-card .contact-text-link::after{
  content:">";
  margin-left:10px;
}

.contact-method-card:hover .contact-pill-btn,
.contact-method-card:focus-within .contact-pill-btn{
  background:#06c755 !important;
  border-color:#06c755 !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(6,199,85,.25) !important;
  transform:translateY(-2px) !important;
}

.contact-method-card:hover .contact-text-link,
.contact-method-card:focus-within .contact-text-link{
  background:#ff8b24 !important;
  border-color:#ff8b24 !important;
  color:#101315 !important;
  box-shadow:0 14px 28px rgba(255,139,36,.22) !important;
  transform:translateY(-2px) !important;
}

.contact-method-card:nth-child(3) .contact-text-link{
  display:none !important;
}

@media (max-width:1180px){
  .workflow-section{
    min-height:auto !important;
  }

  .workflow-shell{
    padding:88px 0 96px !important;
  }
}

@media (max-width:760px){
  .hero-section::before,
  .why-section::before,
  .care-section::before,
  .plan-section::before,
  .workflow-section::before,
  .faq-section::before,
  .pricing-section::before,
  .hero-section::after,
  .why-section::after,
  .care-section::after,
  .plan-section::after,
  .workflow-section::after,
  .faq-section::after,
  .pricing-section::after{
    width:34vw !important;
    height:17vw !important;
    left:auto !important;
    right:-9vw !important;
    transform:rotate(-4deg) !important;
  }

  .hero-section::after,
  .why-section::after,
  .care-section::after,
  .plan-section::after,
  .workflow-section::after,
  .faq-section::after,
  .pricing-section::after{
    right:auto !important;
    left:58vw !important;
    bottom:8% !important;
    transform:rotate(5deg) !important;
  }

  [data-reveal]{
    transform:translate3d(0,18px,0) !important;
  }

  .plan-heading::before{
    transform:translateY(78px) !important;
    margin-bottom:72px !important;
  }

  .faq-symbol{
    left:auto !important;
    right:72px !important;
    top:12px !important;
    font-size:74px !important;
  }

  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    min-height:184px !important;
    height:auto !important;
    padding:24px 24px 22px !important;
  }
}

/* =========================================================
   V93 | force checklist label and contact button states
========================================================= */
.plan-heading::before{
  position:relative !important;
  top:70px !important;
  transform:none !important;
  margin-bottom:122px !important;
}

.contact-method-card:nth-child(1) .contact-pill-btn,
.contact-method-card:nth-child(2) .contact-text-link{
  width:220px !important;
  max-width:100% !important;
  background:transparent !important;
  color:#ff9a3d !important;
  border:2px solid rgba(255,255,255,.88) !important;
  box-shadow:none !important;
  white-space:nowrap !important;
}

.contact-method-card:nth-child(1):hover .contact-pill-btn,
.contact-method-card:nth-child(1):focus-within .contact-pill-btn{
  background:#06c755 !important;
  border-color:#06c755 !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(6,199,85,.25) !important;
}

.contact-method-card:nth-child(2):hover .contact-text-link,
.contact-method-card:nth-child(2):focus-within .contact-text-link{
  background:#ff8b24 !important;
  border-color:#ff8b24 !important;
  color:#101315 !important;
  box-shadow:0 14px 28px rgba(255,139,36,.22) !important;
}

@media (max-width:760px){
  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    height:211px !important;
    min-height:211px !important;
  }

  .plan-heading::before{
    top:36px !important;
    transform:none !important;
  }
}

/* =========================================================
   V94 | final page-four label and contact hover polish
========================================================= */
.plan-heading::before{
  top:112px !important;
  margin-bottom:122px !important;
}

.contact-method-card:nth-child(1) .contact-pill-btn{
  color:#19c466 !important;
  border-color:#19c466 !important;
}

.contact-method-card:nth-child(1):hover .contact-pill-btn,
.contact-method-card:nth-child(1):focus-within .contact-pill-btn{
  color:#fff !important;
}

@media (max-width:760px){
  .plan-heading::before{
    top:52px !important;
  }
}

/* =========================================================
   V95 | richer connected background, FAQ mark, contact cards
========================================================= */
main{
  background:
    radial-gradient(circle at 12% 7%, rgba(171,224,233,.52) 0 10%, transparent 24%),
    radial-gradient(circle at 83% 16%, rgba(255,220,184,.48) 0 9%, transparent 22%),
    radial-gradient(circle at 18% 29%, rgba(210,239,220,.36) 0 11%, transparent 25%),
    radial-gradient(circle at 74% 42%, rgba(185,226,240,.42) 0 12%, transparent 28%),
    radial-gradient(circle at 24% 55%, rgba(255,231,204,.42) 0 11%, transparent 27%),
    radial-gradient(circle at 82% 67%, rgba(216,237,226,.42) 0 10%, transparent 25%),
    radial-gradient(circle at 19% 80%, rgba(188,226,238,.42) 0 12%, transparent 28%),
    radial-gradient(circle at 68% 91%, rgba(255,226,194,.44) 0 10%, transparent 24%),
    linear-gradient(180deg,
      #edf8fb 0%,
      #f9fcfa 10%,
      #fff5ec 19%,
      #eaf8fb 29%,
      #f3fbf4 39%,
      #fff4e8 50%,
      #e9f7fb 61%,
      #f8fbf1 72%,
      #edf8fb 84%,
      #fff6ec 100%) !important;
}

.hero-section::before{background:rgba(177,224,235,.28) !important}
.hero-section::after{background:rgba(255,230,198,.32) !important}
.why-section::before{background:rgba(211,240,222,.24) !important}
.why-section::after{background:rgba(255,238,214,.28) !important}
.care-section::before{background:rgba(182,224,239,.24) !important}
.care-section::after{background:rgba(255,229,201,.26) !important}
.plan-section::before{background:rgba(207,238,229,.28) !important}
.plan-section::after{background:rgba(255,246,237,.34) !important}
.workflow-section::before{background:rgba(186,226,239,.24) !important}
.workflow-section::after{background:rgba(255,224,190,.3) !important}
.faq-section::before{background:rgba(205,236,223,.26) !important}
.faq-section::after{background:rgba(255,236,211,.3) !important}
.pricing-section::before{background:rgba(183,224,238,.26) !important}
.pricing-section::after{background:rgba(255,231,204,.3) !important}

.faq-symbol{
  top:clamp(6px,1.3vw,24px) !important;
  font-size:clamp(146px,9.5vw,190px) !important;
}

.contact-method-card .contact-pill-btn,
.contact-method-card .contact-text-link,
.contact-method-card:nth-child(1) .contact-pill-btn,
.contact-method-card:nth-child(2) .contact-text-link{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:178px !important;
  max-width:100% !important;
  min-height:50px !important;
  margin:26px auto 0 !important;
  padding:0 18px !important;
  color:#ff9a3d !important;
  border-color:rgba(255,255,255,.88) !important;
  background:transparent !important;
  white-space:nowrap !important;
}

.contact-method-card .contact-pill-btn::after,
.contact-method-card .contact-text-link::after{
  margin-left:0 !important;
}

.contact-method-card:nth-child(1):hover .contact-pill-btn,
.contact-method-card:nth-child(1):focus-within .contact-pill-btn,
.contact-method-card:nth-child(2):hover .contact-text-link,
.contact-method-card:nth-child(2):focus-within .contact-text-link{
  background:#ff8b24 !important;
  border-color:#ff8b24 !important;
  color:#101315 !important;
  box-shadow:0 14px 28px rgba(255,139,36,.22) !important;
}

.contact-method-card:nth-child(3) strong{
  display:block !important;
  margin-top:18px !important;
  line-height:1.78 !important;
}

.contact-method-card{
  padding-right:30px !important;
  padding-left:30px !important;
}

.contact-section .contact-methods .contact-method-card:nth-child(1) > .contact-pill-btn,
.contact-section .contact-methods .contact-method-card:nth-child(2) > .contact-text-link{
  width:178px !important;
  justify-self:center !important;
  align-self:end !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:1180px){
  .contact-method-card .contact-pill-btn,
  .contact-method-card .contact-text-link,
  .contact-method-card:nth-child(1) .contact-pill-btn,
  .contact-method-card:nth-child(2) .contact-text-link{
    width:168px !important;
    max-width:100% !important;
  }

  .contact-section .contact-methods .contact-method-card:nth-child(1) > .contact-pill-btn,
  .contact-section .contact-methods .contact-method-card:nth-child(2) > .contact-text-link{
    width:168px !important;
  }
}

/* =========================================================
   V97 | mobile-only carousel and compact contact layout
========================================================= */
.mobile-carousel-controls{
  display:none;
}

@media (max-width:820px){
  .hero-points{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    justify-items:center !important;
    align-items:start !important;
    gap:0 !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .hero-point{
    display:grid !important;
    justify-items:center !important;
    align-items:start !important;
    min-width:0 !important;
    width:100% !important;
    text-align:center !important;
  }

  .hero-point .point-icon{
    justify-self:center !important;
    margin:0 auto 8px !important;
  }

  .hero-point h3,
  .hero-point p{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .hero-point h3{
    font-size:clamp(14px,3.5vw,18px) !important;
  }

  .hero-point p{
    font-size:clamp(11px,2.8vw,14px) !important;
  }

  .care-grid.mobile-carousel,
  .plan-grid.mobile-carousel,
  .workflow-timeline.mobile-carousel{
    position:relative !important;
    display:block !important;
    width:100% !important;
    overflow:visible !important;
    padding-bottom:58px !important;
  }

  .mobile-carousel > .mobile-carousel-slide{
    display:none !important;
  }

  .care-grid.mobile-carousel > .care-card.is-mobile-active,
  .plan-grid.mobile-carousel > .plan-card.is-mobile-active{
    display:grid !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .mobile-carousel .workflow-axis,
  .mobile-carousel .workflow-node,
  .mobile-carousel .workflow-connector{
    display:none !important;
  }

  .care-grid.mobile-carousel .care-card{
    width:100% !important;
    min-height:clamp(520px,86vw,650px) !important;
    margin:0 !important;
    padding:clamp(56px,8vw,72px) clamp(34px,7vw,58px) 82px !important;
  }

  .plan-grid.mobile-carousel .plan-card{
    width:100% !important;
    min-height:clamp(420px,78vw,560px) !important;
    margin:0 !important;
    padding-bottom:76px !important;
  }

  .workflow-timeline.mobile-carousel .workflow-step{
    width:100% !important;
    min-height:clamp(330px,64vw,430px) !important;
    margin:0 !important;
    padding:0 !important;
  }

  .workflow-timeline.mobile-carousel .workflow-content{
    width:100% !important;
    min-height:clamp(330px,64vw,430px) !important;
    display:grid !important;
    justify-items:start !important;
    align-content:center !important;
    gap:18px !important;
    padding:clamp(34px,7vw,52px) clamp(30px,7vw,54px) !important;
  }

  .mobile-carousel-controls{
    display:block !important;
  }

  .mobile-carousel-control{
    position:absolute !important;
    top:50% !important;
    z-index:20 !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(244,122,22,.26) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.92) !important;
    color:#f47a16 !important;
    box-shadow:0 14px 28px rgba(31,39,48,.12) !important;
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1 !important;
    transform:translateY(-50%) !important;
  }

  .mobile-carousel-control--prev{
    left:-6px !important;
  }

  .mobile-carousel-control--next{
    right:-6px !important;
  }

  .mobile-carousel-dots{
    position:absolute !important;
    left:50% !important;
    bottom:14px !important;
    z-index:21 !important;
    display:flex !important;
    justify-content:center !important;
    gap:12px !important;
    transform:translateX(-50%) !important;
  }

  .mobile-carousel-dot{
    width:8px !important;
    height:8px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(244,122,22,.28) !important;
  }

  .mobile-carousel-dot.is-active{
    width:22px !important;
    background:#f47a16 !important;
  }

  .pricing-feature-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  .pricing-feature{
    min-height:74px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:10px 6px !important;
    text-align:center !important;
    font-size:clamp(12px,2.8vw,14px) !important;
    line-height:1.35 !important;
  }

  .pricing-check{
    margin:0 !important;
  }

  .contact-methods{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    min-height:128px !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) minmax(136px,32%) !important;
    grid-template-rows:auto auto auto !important;
    grid-template-areas:
      "icon title action"
      "icon body action"
      "icon meta action" !important;
    align-items:center !important;
    column-gap:14px !important;
    row-gap:4px !important;
    padding:18px 18px !important;
  }

  .contact-method-card .contact-method-icon,
  .contact-method-card:nth-child(n+2) .contact-method-icon{
    grid-area:icon !important;
    align-self:center !important;
    justify-self:center !important;
    margin:0 !important;
  }

  .contact-method-card h3,
  .contact-method-card:nth-child(n+2) h3{
    grid-area:title !important;
    align-self:end !important;
    margin:0 !important;
    font-size:clamp(17px,4vw,21px) !important;
    line-height:1.22 !important;
    white-space:nowrap !important;
  }

  .contact-method-card p,
  .contact-method-card:nth-child(n+2) p{
    grid-area:body !important;
    margin:2px 0 0 !important;
    font-size:clamp(13px,3.2vw,15px) !important;
    line-height:1.45 !important;
  }

  .contact-method-card strong,
  .contact-method-card:nth-child(n+2) strong{
    grid-area:meta !important;
    margin:0 !important;
    font-size:clamp(12px,3vw,14px) !important;
    line-height:1.45 !important;
  }

  .contact-method-card .contact-pill-btn,
  .contact-method-card .contact-text-link,
  .contact-method-card:nth-child(1) .contact-pill-btn,
  .contact-method-card:nth-child(2) .contact-text-link{
    grid-area:action !important;
    align-self:center !important;
    justify-self:center !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 14px !important;
    font-size:clamp(13px,3.1vw,15px) !important;
  }

  .contact-method-card:nth-child(3){
    min-height:136px !important;
  }

  .contact-method-card:nth-child(3) h3,
  .contact-method-card:nth-child(3) p{
    transform:translateY(8px) !important;
  }

  .contact-method-card:nth-child(3) strong{
    grid-area:action !important;
    align-self:center !important;
    justify-self:center !important;
    margin:0 !important;
    color:rgba(255,255,255,.76) !important;
    text-align:left !important;
    line-height:1.7 !important;
  }
}

@media (max-width:430px){
  .mobile-carousel-control{
    width:40px !important;
    height:40px !important;
  }

  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    grid-template-columns:48px minmax(0,1fr) 132px !important;
    column-gap:10px !important;
    padding:16px 12px !important;
  }
}

/* =========================================================
   V98 | mobile carousel card internals
========================================================= */
@media (max-width:820px){
  .care-grid.mobile-carousel .care-card{
    align-content:center !important;
    justify-items:center !important;
    text-align:center !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    gap:20px !important;
  }

  .care-grid.mobile-carousel .care-icon-badge{
    position:relative !important;
    inset:auto !important;
    width:150px !important;
    height:120px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 12px !important;
    transform:none !important;
  }

  .care-grid.mobile-carousel .care-icon-arc{
    position:absolute !important;
    left:50% !important;
    top:12px !important;
    width:128px !important;
    height:76px !important;
    transform:translateX(-50%) !important;
  }

  .care-grid.mobile-carousel .care-icon-circle{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:82px !important;
    height:82px !important;
    transform:none !important;
  }

  .care-grid.mobile-carousel .care-card h3{
    margin:0 auto 14px !important;
    text-align:center !important;
    font-size:clamp(26px,6vw,36px) !important;
    line-height:1.45 !important;
  }

  .care-grid.mobile-carousel .care-card-line{
    display:none !important;
  }

  .care-grid.mobile-carousel .care-card p{
    max-width:34em !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .plan-grid.mobile-carousel .plan-card{
    align-content:start !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    gap:26px !important;
    padding:28px 28px 78px !important;
  }

  .plan-grid.mobile-carousel .plan-card-head{
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    align-items:center !important;
    gap:18px !important;
    width:100% !important;
    margin:0 0 10px !important;
  }

  .plan-grid.mobile-carousel .plan-icon-wrap{
    width:72px !important;
    height:72px !important;
    justify-self:center !important;
    margin:0 !important;
  }

  .plan-grid.mobile-carousel .plan-head-copy{
    min-width:0 !important;
  }

  .plan-grid.mobile-carousel .plan-head-copy h3{
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    margin:0 !important;
    text-align:left !important;
    font-size:clamp(25px,5.8vw,34px) !important;
    line-height:1.28 !important;
  }

  .plan-grid.mobile-carousel .plan-mini-line{
    display:none !important;
  }

  .plan-grid.mobile-carousel .plan-list-wrap{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 20px !important;
    width:100% !important;
    margin:0 !important;
  }

  .plan-grid.mobile-carousel .plan-list-wrap ul{
    margin:0 !important;
    padding:0 !important;
  }

  .plan-grid.mobile-carousel .plan-list-wrap li{
    font-size:clamp(13px,3.2vw,15px) !important;
    line-height:1.65 !important;
  }
}

@media (max-width:430px){
  .contact-method-card,
  .contact-method-card:nth-child(n+2){
    grid-template-columns:44px minmax(150px,1fr) 120px !important;
  }
}

/* =========================================================
   V99 | mobile belief slide as a true single column
========================================================= */
@media (max-width:820px){
  .care-grid.mobile-carousel > .care-card.is-mobile-active{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
  }

  .care-grid.mobile-carousel .care-icon-badge{
    order:1 !important;
    flex:0 0 auto !important;
  }

  .care-grid.mobile-carousel .care-card h3{
    order:2 !important;
    flex:0 0 auto !important;
  }

  .care-grid.mobile-carousel .care-card p{
    order:3 !important;
    flex:0 0 auto !important;
  }
}

/* =========================================================
   V96 | softer hero blue and stronger FAQ punctuation
========================================================= */
main{
  background:
    radial-gradient(circle at 10% 6%, rgba(207,239,246,.38) 0 9%, transparent 24%),
    radial-gradient(circle at 84% 13%, rgba(255,222,188,.48) 0 9%, transparent 23%),
    radial-gradient(circle at 20% 24%, rgba(224,244,229,.32) 0 10%, transparent 24%),
    radial-gradient(circle at 74% 34%, rgba(196,232,242,.38) 0 10%, transparent 26%),
    radial-gradient(circle at 18% 43%, rgba(255,236,214,.34) 0 9%, transparent 24%),
    radial-gradient(circle at 85% 53%, rgba(218,241,224,.34) 0 10%, transparent 25%),
    radial-gradient(circle at 21% 64%, rgba(202,235,244,.34) 0 10%, transparent 26%),
    radial-gradient(circle at 76% 75%, rgba(255,226,195,.4) 0 10%, transparent 25%),
    radial-gradient(circle at 18% 86%, rgba(222,243,229,.3) 0 9%, transparent 23%),
    radial-gradient(circle at 70% 94%, rgba(202,235,244,.32) 0 10%, transparent 25%),
    linear-gradient(180deg,
      #f5fcfd 0%,
      #edf8fb 8%,
      #fff7ef 17%,
      #f1fbf4 25%,
      #eaf8fb 35%,
      #fff4e8 45%,
      #edf9f6 56%,
      #eaf8fb 66%,
      #fff6ed 77%,
      #effaf5 88%,
      #fff6ec 100%) !important;
}

.hero-section::before{
  background:rgba(220,244,249,.2) !important;
}

.hero-section::after{
  background:rgba(255,236,214,.28) !important;
}

.faq-symbol{
  top:-22px !important;
  font-size:clamp(178px,11.4vw,228px) !important;
}

@media (max-width:760px){
  main{
    background:
      radial-gradient(circle at 16% 8%, rgba(210,241,247,.34) 0 12%, transparent 28%),
      radial-gradient(circle at 84% 22%, rgba(255,228,199,.4) 0 11%, transparent 27%),
      radial-gradient(circle at 22% 43%, rgba(221,243,227,.32) 0 12%, transparent 28%),
      radial-gradient(circle at 80% 63%, rgba(202,235,244,.36) 0 11%, transparent 27%),
      radial-gradient(circle at 18% 83%, rgba(255,231,204,.34) 0 11%, transparent 27%),
      linear-gradient(180deg,#f5fcfd 0%,#fff7ef 22%,#effaf5 43%,#eaf8fb 63%,#fff4e8 100%) !important;
  }

  .faq-symbol{
    top:-12px !important;
    font-size:112px !important;
  }
}

@media (max-width:760px){
  main{
    background:
      radial-gradient(circle at 18% 9%, rgba(171,224,233,.48) 0 12%, transparent 28%),
      radial-gradient(circle at 82% 25%, rgba(255,224,190,.42) 0 10%, transparent 26%),
      radial-gradient(circle at 24% 49%, rgba(205,238,224,.38) 0 12%, transparent 28%),
      radial-gradient(circle at 78% 71%, rgba(188,226,238,.4) 0 11%, transparent 27%),
      linear-gradient(180deg,#edf8fb 0%,#fff7ef 23%,#eaf8fb 46%,#f7fbf0 68%,#fff4e8 100%) !important;
  }

  .faq-symbol{
    top:0 !important;
    font-size:92px !important;
  }

  .contact-method-card .contact-pill-btn,
  .contact-method-card .contact-text-link,
  .contact-method-card:nth-child(1) .contact-pill-btn,
  .contact-method-card:nth-child(2) .contact-text-link{
    width:168px !important;
    max-width:100% !important;
    margin-top:16px !important;
  }

  .contact-section .contact-methods .contact-method-card:nth-child(1) > .contact-pill-btn,
  .contact-section .contact-methods .contact-method-card:nth-child(2) > .contact-text-link{
    width:168px !important;
  }
}

/* =========================================================
   V100 | supplied inspection illustrations and tab estimate
========================================================= */
.hero-copy-inner .hero-subtitle{
  margin-top:clamp(18px,1.6vw,30px) !important;
}

.care-section{
  padding-bottom:clamp(44px,4.2vw,78px) !important;
}
.care-shell{
  padding-bottom:clamp(28px,3vw,58px) !important;
}
.care-icon-circle{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  width:clamp(156px,10vw,212px) !important;
  height:clamp(156px,10vw,212px) !important;
}
.care-icon-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.care-card h3{
  padding-top:clamp(8px,.8vw,16px) !important;
  min-height:clamp(92px,5.8vw,118px) !important;
}
.care-card-line{
  margin:clamp(18px,1.35vw,26px) auto !important;
}

.plan-heading{
  position:relative !important;
  padding-top:clamp(74px,5.1vw,104px) !important;
}
.plan-heading::before{
  top:clamp(22px,1.7vw,34px) !important;
  transform:none !important;
}
.plan-heading::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:clamp(60px,4.15vw,84px) !important;
  width:clamp(62px,4.4vw,86px) !important;
  height:5px !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,var(--orange),var(--orange-2)) !important;
}
.plan-accent{
  display:none !important;
}
.plan-icon-wrap{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  width:clamp(92px,6.6vw,132px) !important;
  height:clamp(92px,6.6vw,132px) !important;
  padding:0 !important;
}
.plan-icon-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.plan-card-head{
  align-items:center !important;
  gap:clamp(24px,1.8vw,36px) !important;
}

.faq-side{
  transform:translateY(clamp(-42px,-2.2vw,-22px)) !important;
}

.pricing-service-card{
  grid-template-columns:minmax(132px,clamp(150px,10vw,190px)) 1fr !important;
  gap:clamp(28px,2vw,42px) !important;
}
.pricing-service-icon{
  width:clamp(132px,9vw,180px) !important;
  border-radius:20px !important;
  background:rgba(255,247,240,.78) !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.pricing-service-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.pricing-feature{
  gap:10px !important;
}
.pricing-check{
  width:30px !important;
  height:30px !important;
  display:inline-grid !important;
  place-items:center !important;
  font-size:0 !important;
  background:transparent !important;
  border:none !important;
}
.pricing-check img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.pricing-estimate-options{
  margin-top:clamp(28px,2.1vw,38px) !important;
  display:grid !important;
  gap:clamp(18px,1.3vw,24px) !important;
}
.pricing-type-tabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  padding:4px !important;
  border:2px solid #202428 !important;
  border-radius:10px !important;
  background:#fff !important;
}
.pricing-type-tab{
  min-height:46px !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  color:#25292e !important;
  font-size:clamp(18px,1.05vw,22px) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  cursor:pointer !important;
  transition:background-color .2s ease,color .2s ease,transform .2s ease !important;
}
.pricing-type-tab.is-active{
  background:#e9f7f9 !important;
  color:#101315 !important;
  box-shadow:inset 0 0 0 1px rgba(14,22,26,.08) !important;
}
.pricing-type-tab:hover{
  transform:translateY(-1px) !important;
}
.estimate-option{
  display:none !important;
  margin-top:0 !important;
}
.estimate-option.is-active{
  display:block !important;
}

.contact-method-icon{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:clamp(52px,3.7vw,72px) !important;
  height:clamp(52px,3.7vw,72px) !important;
}
.contact-method-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.contact-method-card{
  border-width:1px !important;
}
.contact-method-card::after{
  height:1px !important;
  opacity:.16 !important;
}
.contact-divider,
.footer-bottom{
  border-top-width:1px !important;
}

@media (max-width:820px){
  .hero-copy-inner .hero-subtitle{
    margin-top:18px !important;
  }
  .care-section{
    padding-bottom:42px !important;
  }
  .care-grid.mobile-carousel .care-icon-circle{
    width:112px !important;
    height:112px !important;
  }
  .care-grid.mobile-carousel .care-card h3{
    padding-top:4px !important;
    min-height:auto !important;
  }
  .plan-heading{
    padding-top:76px !important;
  }
  .plan-heading::before{
    top:24px !important;
  }
  .plan-heading::after{
    top:58px !important;
    left:0 !important;
    transform:none !important;
  }
  .plan-grid.mobile-carousel .plan-icon-wrap{
    width:88px !important;
    height:88px !important;
  }
  .pricing-service-card{
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:18px !important;
  }
  .pricing-service-icon{
    width:96px !important;
    border-radius:18px !important;
  }
  .pricing-type-tabs{
    border-width:2px !important;
  }
  .pricing-type-tab{
    min-height:42px !important;
    font-size:17px !important;
  }
  .pricing-check{
    width:26px !important;
    height:26px !important;
  }
  .contact-method-icon{
    width:48px !important;
    height:48px !important;
  }
}
/* V101 | mobile contact email balance and cleaned icon fit */
@media (max-width:820px){
  .contact-method-card:nth-child(3){
    min-height:124px !important;
    grid-template-columns:48px minmax(0,1fr) minmax(104px,30%) !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "icon title body"
      "icon meta body" !important;
  }
  .contact-method-card:nth-child(3) h3{
    grid-area:title !important;
    transform:none !important;
  }
  .contact-method-card:nth-child(3) strong{
    grid-area:meta !important;
    align-self:start !important;
    justify-self:start !important;
    max-width:100% !important;
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    color:#fff !important;
    transform:none !important;
  }
  .contact-method-card:nth-child(3) p{
    grid-area:body !important;
    align-self:center !important;
    justify-self:end !important;
    margin:0 !important;
    text-align:left !important;
    transform:none !important;
  }
}
/* V102 | checklist label alignment */
.plan-heading::before{
  top:clamp(48px,3.3vw,66px) !important;
}
.plan-heading::after{
  left:0 !important;
  top:clamp(86px,5.7vw,112px) !important;
  transform:none !important;
}
@media (max-width:820px){
  .plan-heading::before{
    top:30px !important;
  }
  .plan-heading::after{
    top:64px !important;
    left:0 !important;
  }
}
/* V103 | place checklist underline below the English label */
.plan-heading::after{
  top:clamp(176px,13vw,190px) !important;
}
@media (max-width:820px){
  .plan-heading::after{
    top:72px !important;
  }
}
/* V104 | user supplied icon reset and section alignment fixes */
.care-icon-arc,
.care-icon-arc::before,
.care-icon-arc::after{
  display:none !important;
}
.care-icon-badge{
  height:auto !important;
  margin-bottom:clamp(20px,1.8vw,34px) !important;
}
.care-icon-circle{
  width:clamp(112px,7.4vw,152px) !important;
  height:clamp(112px,7.4vw,152px) !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.care-card h3{
  padding-top:clamp(18px,1.3vw,28px) !important;
}
.care-section{
  padding-bottom:clamp(34px,3vw,58px) !important;
}

.plan-heading::before{
  top:clamp(64px,4.7vw,82px) !important;
  margin:0 !important;
}
.plan-heading::after{
  top:clamp(202px,14.3vw,218px) !important;
  height:3px !important;
  width:clamp(58px,4vw,74px) !important;
}
.plan-card-head{
  gap:clamp(34px,2.4vw,48px) !important;
}
.plan-head-copy{
  padding-left:clamp(4px,.45vw,10px) !important;
}

.faq-side{
  transform:translateY(clamp(-86px,-5vw,-58px)) !important;
}

.pricing-type-tabs{
  border:1px solid rgba(21,31,34,.46) !important;
  background:rgba(255,255,255,.78) !important;
  padding:3px !important;
  border-radius:10px !important;
}
.pricing-type-tab{
  min-height:44px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  color:#263136 !important;
}
.pricing-type-tab.is-active{
  background:#fff4ea !important;
  box-shadow:inset 0 0 0 1px rgba(255,129,24,.42) !important;
  color:#101315 !important;
}

.contact-method-card .contact-pill-btn,
.contact-method-card .contact-text-link,
.contact-method-card:nth-child(1) .contact-pill-btn,
.contact-method-card:nth-child(2) .contact-text-link{
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:none !important;
}
.contact-method-card:nth-child(3) p{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}
.contact-method-card:nth-child(3) strong{
  display:block !important;
  color:rgba(255,255,255,.58) !important;
  font-weight:600 !important;
  line-height:1.65 !important;
  white-space:normal !important;
}

@media (max-width:820px){
  .care-grid.mobile-carousel .care-icon-arc{
    display:none !important;
  }
  .care-grid.mobile-carousel .care-icon-circle{
    width:104px !important;
    height:104px !important;
  }
  .plan-heading::before{
    top:34px !important;
  }
  .plan-heading::after{
    top:70px !important;
    height:3px !important;
  }
  .plan-grid.mobile-carousel .plan-card-head{
    gap:22px !important;
  }
  .pricing-type-tabs{
    border-width:1px !important;
  }
  .pricing-type-tab{
    font-weight:500 !important;
  }
  .contact-method-card:nth-child(3){
    min-height:128px !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    grid-template-areas:
      "icon title"
      "icon body"
      "icon meta" !important;
    row-gap:2px !important;
  }
  .contact-method-card:nth-child(3) h3{
    grid-area:title !important;
    transform:none !important;
  }
  .contact-method-card:nth-child(3) p{
    grid-area:body !important;
    justify-self:start !important;
    align-self:start !important;
    margin:0 !important;
    text-align:left !important;
    transform:none !important;
    white-space:normal !important;
  }
  .contact-method-card:nth-child(3) strong{
    grid-area:meta !important;
    justify-self:start !important;
    align-self:start !important;
    margin:0 !important;
    transform:none !important;
    text-align:left !important;
  }
}
/* V105 | final requested alignment cleanup */
.care-icon-badge::before,
.care-icon-badge::after,
.care-icon-arc,
.care-icon-arc::before,
.care-icon-arc::after{
  content:none !important;
  display:none !important;
}

.plan-heading{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(340px,.44fr) minmax(420px,.56fr) !important;
  column-gap:clamp(56px,5vw,96px) !important;
  align-items:end !important;
  padding-top:clamp(116px,7.4vw,142px) !important;
  margin-bottom:clamp(42px,3.4vw,62px) !important;
}
.plan-heading::before{
  content:"CHECKLIST" !important;
  position:absolute !important;
  top:clamp(34px,2.35vw,46px) !important;
  left:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  transform:none !important;
  color:var(--brand-orange) !important;
  font-size:clamp(12px,.72vw,14px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.34em !important;
  z-index:2 !important;
}
.plan-heading::after{
  content:"" !important;
  position:absolute !important;
  top:clamp(66px,4.45vw,84px) !important;
  left:0 !important;
  width:clamp(56px,3.8vw,72px) !important;
  height:3px !important;
  margin:0 !important;
  border-radius:999px !important;
  transform:none !important;
  background:var(--brand-orange) !important;
  z-index:2 !important;
}
.plan-heading h2{
  grid-column:1 !important;
  margin:0 !important;
}
.plan-heading p{
  grid-column:2 !important;
  align-self:end !important;
  justify-self:start !important;
  margin:0 !important;
  transform:none !important;
}
.plan-accent{
  display:none !important;
}
.plan-card-head{
  grid-template-columns:clamp(96px,6.2vw,118px) minmax(0,1fr) !important;
  gap:clamp(34px,2.6vw,52px) !important;
  align-items:center !important;
}
.plan-head-copy{
  padding-left:clamp(6px,.6vw,14px) !important;
}

.faq-side{
  transform:translateY(clamp(-112px,-6.6vw,-76px)) !important;
}
.faq-symbol{
  top:clamp(-52px,-2.8vw,-34px) !important;
  font-size:clamp(205px,12.6vw,260px) !important;
}

@media (max-width:820px){
  .plan-heading{
    display:block !important;
    padding-top:82px !important;
    margin-bottom:28px !important;
  }
  .plan-heading::before{
    top:28px !important;
    left:0 !important;
  }
  .plan-heading::after{
    top:58px !important;
    left:0 !important;
    width:64px !important;
    height:3px !important;
  }
  .plan-heading p{
    margin-top:22px !important;
  }
  .plan-grid.mobile-carousel .plan-card-head{
    grid-template-columns:82px minmax(0,1fr) !important;
    gap:22px !important;
  }
  .faq-side{
    transform:none !important;
  }
  .faq-symbol{
    top:-8px !important;
    font-size:112px !important;
  }
}
/* V106 | icon cleanup, pricing polish, and mobile carousel refinements */
.care-card:nth-child(n) .care-icon-circle,
.plan-card:nth-child(n) .plan-icon-wrap,
.pricing-service-card:nth-child(n) .pricing-service-icon,
.contact-method-card:nth-child(n) .contact-method-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.care-icon-badge,
.care-icon-circle,
.plan-icon-wrap,
.pricing-service-icon,
.contact-method-icon {
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.care-icon-badge {
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.care-icon-circle {
  width: clamp(126px, 7.6vw, 158px) !important;
  height: clamp(126px, 7.6vw, 158px) !important;
}

.care-icon-img,
.plan-icon-img,
.pricing-service-img,
.contact-method-img {
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: auto !important;
}

.care-icon-img {
  width: 100% !important;
  height: 100% !important;
}

.plan-icon-wrap {
  width: clamp(78px, 4.8vw, 96px) !important;
  height: clamp(78px, 4.8vw, 96px) !important;
}

.plan-icon-img {
  width: 100% !important;
  height: 100% !important;
}

.faq-side {
  transform: translateY(clamp(-152px, -8.2vw, -104px)) !important;
}

.pricing-service-card {
  grid-template-columns: clamp(104px, 7.1vw, 136px) 1fr !important;
  align-items: center !important;
}

.pricing-service-icon {
  width: clamp(90px, 6.2vw, 116px) !important;
  height: clamp(90px, 6.2vw, 116px) !important;
  align-self: center !important;
  justify-self: center !important;
}

.pricing-service-img {
  width: 100% !important;
  height: 100% !important;
}

.pricing-type-tabs {
  border: 1px solid rgba(255, 122, 24, .44) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72) !important;
}

.pricing-type-tab {
  color: #2c373a !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.pricing-type-tab.is-active {
  background: #fff1e5 !important;
  color: #1d272b !important;
  box-shadow: inset 0 0 0 1px rgba(255, 122, 24, .58) !important;
}

.pricing-btn {
  background: linear-gradient(135deg, #f47a16, #ff9a34) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(244, 122, 22, .24) !important;
}

.pricing-btn:hover,
.pricing-btn:focus-visible {
  background: linear-gradient(135deg, #e96808, #ff8616) !important;
}

.contact-methods {
  margin-top: clamp(30px, 2.8vw, 46px) !important;
}

.contact-method-icon {
  width: clamp(48px, 3.3vw, 66px) !important;
  height: clamp(48px, 3.3vw, 66px) !important;
}

.contact-method-img {
  width: 86% !important;
  height: 86% !important;
}

@media (max-width: 820px) {
  .faq-side {
    transform: none !important;
  }

  .care-grid.mobile-carousel,
  .plan-grid.mobile-carousel {
    padding-bottom: 34px !important;
  }

  .care-grid.mobile-carousel {
    margin-top: clamp(26px, 6vw, 42px) !important;
  }

  .care-grid.mobile-carousel > .care-card.mobile-carousel-slide {
    border-top: 0 !important;
  }

  .care-grid.mobile-carousel > .care-card.is-mobile-active {
    min-height: clamp(410px, 70vw, 500px) !important;
    padding: clamp(30px, 6vw, 44px) clamp(26px, 6vw, 42px) 44px !important;
    justify-content: center !important;
  }

  .care-card-line,
  .care-grid.mobile-carousel .care-card::before,
  .care-grid.mobile-carousel .care-card::after {
    display: none !important;
  }

  .mobile-carousel-controls--belief .mobile-carousel-control,
  .mobile-carousel-controls--checklist .mobile-carousel-control {
    width: 34px !important;
    height: 44px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f47a16 !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .mobile-carousel-controls--belief .mobile-carousel-dots {
    bottom: 4px !important;
  }

  .plan-grid.mobile-carousel {
    margin-top: clamp(24px, 5.6vw, 40px) !important;
  }

  .plan-grid.mobile-carousel > .plan-card.is-mobile-active {
    min-height: clamp(330px, 60vw, 410px) !important;
    padding: 28px 28px 42px !important;
  }

  .plan-grid.mobile-carousel .plan-card-content {
    margin-bottom: 0 !important;
  }

  .mobile-carousel-controls--checklist .mobile-carousel-dots {
    bottom: 4px !important;
  }

  .workflow-timeline.mobile-carousel {
    position: relative !important;
    display: block !important;
    min-height: clamp(324px, 62vw, 404px) !important;
    height: clamp(324px, 62vw, 404px) !important;
    padding: 0 0 40px !important;
    overflow: hidden !important;
  }

  .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 9% !important;
    width: 82% !important;
    min-height: clamp(282px, 52vw, 352px) !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(calc(var(--mobile-slide-offset, 0) * 88%)) scale(.9) !important;
    transition: transform .38s ease, opacity .38s ease, filter .38s ease !important;
    filter: saturate(.88) contrast(.96) !important;
  }

  .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 3 !important;
    transform: translateX(0) scale(1) !important;
    filter: none !important;
  }

  .workflow-timeline.mobile-carousel > .workflow-step.is-prev,
  .workflow-timeline.mobile-carousel > .workflow-step.is-next {
    opacity: .34 !important;
    pointer-events: auto !important;
    z-index: 1 !important;
  }

  .workflow-timeline.mobile-carousel .mobile-carousel-control {
    display: none !important;
  }

  .workflow-timeline.mobile-carousel .mobile-carousel-dots {
    bottom: 2px !important;
  }

  .pricing-service-card {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pricing-service-icon {
    width: clamp(54px, 15vw, 68px) !important;
    height: clamp(54px, 15vw, 68px) !important;
  }

  .contact-methods {
    margin-top: 22px !important;
  }

  .contact-method-card {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) minmax(116px, 32%) !important;
    column-gap: 20px !important;
    align-items: center !important;
    align-content: center !important;
    min-height: 118px !important;
    padding: 20px 18px !important;
  }

  .contact-method-icon {
    width: 48px !important;
    height: 48px !important;
    justify-self: center !important;
  }

  .contact-method-card h3,
  .contact-method-card p,
  .contact-method-card strong {
    grid-column: 2 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  .contact-method-card h3 {
    margin-bottom: 4px !important;
  }

  .contact-method-card p {
    margin-bottom: 2px !important;
  }

  .contact-method-card .contact-card-action {
    grid-column: 3 !important;
    justify-self: center !important;
    width: min(118px, 100%) !important;
  }
}
/* V107 | tighten mobile card rhythm and final section alignment */
@media (min-width: 821px) {
  .plan-heading {
    padding-top: clamp(24px, 2.4vw, 42px) !important;
  }

  .plan-heading::after {
    top: clamp(86px, 5.4vw, 110px) !important;
    height: 2px !important;
  }

  .faq-side {
    transform: translateY(clamp(-174px, -9.1vw, -122px)) !important;
  }
}

@media (max-width: 820px) {
  .care-grid.mobile-carousel {
    margin-top: clamp(14px, 3.8vw, 28px) !important;
    padding-bottom: 24px !important;
  }

  .care-grid.mobile-carousel > .care-card.is-mobile-active {
    min-height: clamp(330px, 58vw, 410px) !important;
    padding: clamp(18px, 4vw, 30px) clamp(24px, 6vw, 40px) 34px !important;
    justify-content: flex-start !important;
  }

  .care-grid.mobile-carousel .care-icon-badge {
    margin-top: clamp(8px, 2.8vw, 18px) !important;
    margin-bottom: clamp(18px, 4vw, 28px) !important;
  }

  .mobile-carousel-controls--belief .mobile-carousel-dots {
    bottom: 0 !important;
  }

  .workflow-timeline.mobile-carousel {
    min-height: clamp(286px, 54vw, 356px) !important;
    height: clamp(286px, 54vw, 356px) !important;
    padding-bottom: 34px !important;
  }

  .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide {
    min-height: clamp(250px, 47vw, 318px) !important;
    height: clamp(250px, 47vw, 318px) !important;
  }

  .workflow-timeline.mobile-carousel .workflow-step::before {
    margin-bottom: 12px !important;
    font-size: clamp(36px, 9vw, 48px) !important;
  }

  .workflow-timeline.mobile-carousel .workflow-content,
  .workflow-timeline.mobile-carousel .workflow-step.is-top .workflow-content,
  .workflow-timeline.mobile-carousel .workflow-step.is-bottom .workflow-content {
    min-height: 0 !important;
    display: block !important;
    padding: 0 clamp(24px, 6vw, 38px) 24px !important;
    text-align: left !important;
  }

  .workflow-timeline.mobile-carousel .workflow-badge {
    margin-bottom: 16px !important;
  }

  .workflow-timeline.mobile-carousel .mobile-carousel-dots {
    bottom: 0 !important;
  }

  .plan-grid.mobile-carousel > .plan-card.is-mobile-active {
    min-height: clamp(310px, 56vw, 390px) !important;
    padding-bottom: 34px !important;
  }
}
/* V108 | rebuild desktop checklist heading rhythm */
@media (min-width: 821px) {
  #plan-inspection .plan-heading {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "eyebrow copy"
      "title copy" !important;
    column-gap: clamp(28px, 4vw, 72px) !important;
    row-gap: 44px !important;
    align-items: end !important;
    padding-top: clamp(20px, 2vw, 34px) !important;
    margin-bottom: clamp(34px, 3vw, 50px) !important;
  }

  #plan-inspection .plan-heading::before {
    grid-area: eyebrow !important;
    position: static !important;
    align-self: start !important;
    margin: 0 !important;
    display: inline-flex !important;
    width: max-content !important;
  }

  #plan-inspection .plan-heading::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: clamp(56px, 4.2vw, 72px) !important;
    width: clamp(56px, 3.8vw, 72px) !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--brand-orange) !important;
    transform: none !important;
  }

  #plan-inspection .plan-heading h2 {
    grid-area: title !important;
    margin: 0 !important;
  }

  #plan-inspection .plan-heading p {
    grid-area: copy !important;
    align-self: end !important;
    margin: 0 !important;
  }
}

/* V109 | final alignment pass for desktop and mobile visuals */
@media (min-width:821px){
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge{
    width:clamp(148px,8.4vw,188px) !important;
    height:clamp(126px,7.4vw,162px) !important;
    display:grid !important;
    place-items:center !important;
    justify-self:center !important;
    margin:0 auto clamp(20px,1.5vw,30px) !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle{
    width:clamp(112px,6.8vw,142px) !important;
    height:clamp(112px,6.8vw,142px) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #care-commitment .care-icon-img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    filter:saturate(.94) contrast(.88) brightness(.98) !important;
    opacity:.94 !important;
  }
  #care-commitment .care-card h3{
    margin-top:clamp(14px,1.2vw,24px) !important;
  }

  #plan-inspection .plan-card-head{
    display:grid !important;
    grid-template-columns:clamp(110px,6.4vw,132px) minmax(0,1fr) !important;
    gap:clamp(14px,1.15vw,24px) !important;
    align-items:center !important;
  }
  #plan-inspection .plan-head-copy{
    padding-left:0 !important;
    transform:translateX(-8px) !important;
  }
  #plan-inspection .plan-head-copy h3{
    letter-spacing:.04em !important;
  }
  #plan-inspection .plan-icon-wrap{
    width:clamp(108px,6.4vw,128px) !important;
    height:clamp(108px,6.4vw,128px) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #plan-inspection .plan-icon-img{
    width:114% !important;
    height:114% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #plan-inspection .plan-card:nth-child(1) .plan-icon-img{
    width:104% !important;
    height:104% !important;
  }
  #plan-inspection .plan-card:nth-child(4) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(5) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(6) .plan-icon-img{
    width:120% !important;
    height:120% !important;
  }
  #plan-inspection .plan-list-wrap{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:0 !important;
  }
  #plan-inspection .plan-list-wrap ul:first-child{
    padding:0 clamp(24px,1.65vw,34px) 0 0 !important;
  }
  #plan-inspection .plan-list-wrap ul + ul{
    border-left:1px solid rgba(66,76,84,.15) !important;
    padding:0 0 0 clamp(24px,1.65vw,34px) !important;
  }

  #faq-home .faq-side{
    transform:translateY(clamp(-248px,-11.8vw,-200px)) !important;
  }
  #faq-home .faq-symbol{
    top:clamp(-96px,-5.2vw,-72px) !important;
    font-size:clamp(238px,14.4vw,318px) !important;
  }

  #pricing-estimate .pricing-service-icon{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #pricing-estimate .pricing-service-card:first-child .pricing-service-img{
    width:112% !important;
    height:112% !important;
    max-width:none !important;
    max-height:none !important;
  }
  #pricing-estimate .pricing-form-label-wrap label{
    font-weight:600 !important;
  }
  #pricing-estimate .pricing-type-tabs{
    border:1px solid rgba(112,124,128,.46) !important;
    background:rgba(255,255,255,.9) !important;
    box-shadow:none !important;
  }
  #pricing-estimate .pricing-type-tab{
    min-height:40px !important;
    font-size:clamp(14px,.82vw,16px) !important;
    font-weight:500 !important;
    color:#303a3e !important;
  }
  #pricing-estimate .pricing-type-tab.is-active{
    background:#eef4f3 !important;
    color:#152025 !important;
    box-shadow:inset 0 0 0 1px rgba(108,124,128,.38) !important;
  }
  #pricing-estimate .pricing-btn{
    background:linear-gradient(135deg,#f07a1c,#ff9638) !important;
    font-size:clamp(15px,.9vw,17px) !important;
    font-weight:700 !important;
    box-shadow:0 12px 24px rgba(240,122,28,.22) !important;
  }

  #contact .contact-methods{
    margin-top:clamp(52px,4vw,72px) !important;
  }
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    min-height:clamp(188px,12.4vw,222px) !important;
    padding:clamp(26px,1.9vw,34px) !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    width:clamp(46px,2.9vw,58px) !important;
    height:clamp(46px,2.9vw,58px) !important;
  }
}

@media (max-width:820px){
  #why-inspection .why-card{
    grid-template-columns:92px 28px minmax(0,1fr) !important;
    padding-left:clamp(28px,7vw,42px) !important;
    padding-right:clamp(24px,6vw,36px) !important;
  }
  #why-inspection .why-icon{
    justify-self:center !important;
    transform:translateX(8px) !important;
  }
  #why-inspection .why-divider{
    justify-self:center !important;
    transform:translateX(8px) !important;
  }
  #why-inspection .why-card-copy{
    transform:translateX(12px) !important;
  }

  #care-commitment .care-heading{
    margin-bottom:clamp(2px,1vw,10px) !important;
  }
  #care-commitment .care-grid.mobile-carousel{
    margin-top:0 !important;
    padding-bottom:22px !important;
    transform:translateY(-30px) !important;
    margin-bottom:-28px !important;
  }
  #care-commitment .care-grid.mobile-carousel > .care-card.is-mobile-active{
    min-height:clamp(310px,54vw,380px) !important;
    padding:clamp(12px,3vw,22px) clamp(26px,6vw,40px) 28px !important;
    justify-content:center !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-badge{
    margin-top:0 !important;
    margin-bottom:clamp(12px,3vw,20px) !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-dots{
    bottom:2px !important;
  }

  #plan-inspection .plan-grid.mobile-carousel{
    padding-bottom:54px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel > .plan-card.is-mobile-active{
    min-height:clamp(280px,50vw,340px) !important;
    padding:22px 26px 30px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-card-head{
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:18px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-icon-wrap{
    width:92px !important;
    height:92px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap{
    margin-top:18px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control{
    top:auto !important;
    bottom:0 !important;
    width:30px !important;
    height:30px !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#f47a16 !important;
    font-size:30px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--prev{
    left:calc(50% - 88px) !important;
    right:auto !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--next{
    right:calc(50% - 88px) !important;
    left:auto !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-dots{
    bottom:5px !important;
  }

  #workflow .workflow-timeline.mobile-carousel{
    min-height:clamp(238px,49vw,304px) !important;
    height:clamp(238px,49vw,304px) !important;
    padding-bottom:34px !important;
    overflow:hidden !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide{
    left:11% !important;
    width:78% !important;
    min-height:clamp(208px,42vw,268px) !important;
    height:clamp(208px,42vw,268px) !important;
    transform:translateX(calc(var(--mobile-slide-offset, 0) * 84%)) scale(.88) !important;
    opacity:0 !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active{
    opacity:1 !important;
    transform:translateX(0) scale(1) !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-prev,
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-next{
    opacity:.34 !important;
  }
  #workflow .workflow-timeline.mobile-carousel .workflow-content,
  #workflow .workflow-timeline.mobile-carousel .workflow-step.is-top .workflow-content,
  #workflow .workflow-timeline.mobile-carousel .workflow-step.is-bottom .workflow-content{
    padding:0 22px 18px !important;
  }
  #workflow .workflow-timeline.mobile-carousel .workflow-badge{
    margin-bottom:10px !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-control{
    display:none !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-dots{
    bottom:0 !important;
  }

  #contact .contact-methods{
    margin-top:24px !important;
  }
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) 126px !important;
    column-gap:16px !important;
    align-items:center !important;
    align-content:center !important;
    min-height:112px !important;
    padding:16px 18px !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    width:42px !important;
    height:42px !important;
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
    justify-self:center !important;
  }
  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3{
    grid-column:2 !important;
    margin:0 0 4px !important;
    font-size:18px !important;
    line-height:1.22 !important;
    color:#fff !important;
    white-space:nowrap !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    grid-column:2 !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.48 !important;
    color:rgba(255,255,255,.68) !important;
    text-align:left !important;
  }
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    color:rgba(255,255,255,.92) !important;
    font-weight:700 !important;
  }
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    grid-column:3 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
    justify-self:center !important;
    min-height:40px !important;
    border:2px solid rgba(255,138,31,.76) !important;
    color:#ff8a1f !important;
    background:rgba(255,138,31,.06) !important;
    font-size:13px !important;
    font-weight:800 !important;
    padding:0 14px !important;
  }
  #contact .contact-method-card:nth-child(3),
  #contact .contact-method-card:nth-child(3):nth-child(n+2){
    grid-template-columns:50px minmax(0,1fr) !important;
  }
  #contact .contact-method-card:nth-child(3) h3,
  #contact .contact-method-card:nth-child(3) p,
  #contact .contact-method-card:nth-child(3) strong{
    grid-column:2 !important;
  }
}

/* V110 | final requested alignment corrections */
@media (min-width:821px){
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle{
    position:relative !important;
    left:0 !important;
    top:0 !important;
    transform:none !important;
    margin:0 auto !important;
    width:clamp(118px,7.1vw,148px) !important;
    height:clamp(118px,7.1vw,148px) !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    filter:grayscale(.08) saturate(.82) contrast(.9) brightness(.98) !important;
    opacity:.96 !important;
  }

  #plan-inspection .plan-card-head{
    grid-template-columns:clamp(122px,7.2vw,146px) minmax(0,1fr) !important;
    gap:clamp(12px,.9vw,18px) !important;
  }
  #plan-inspection .plan-head-copy{
    transform:translateX(-22px) !important;
  }
  #plan-inspection .plan-icon-wrap{
    width:clamp(122px,7.2vw,146px) !important;
    height:clamp(122px,7.2vw,146px) !important;
  }
  #plan-inspection .plan-card:nth-child(n) .plan-icon-img{
    width:118% !important;
    height:118% !important;
  }
  #plan-inspection .plan-card:nth-child(1) .plan-icon-img{
    width:112% !important;
    height:112% !important;
  }
  #plan-inspection .plan-card:nth-child(2) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(3) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(4) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(5) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(6) .plan-icon-img{
    width:126% !important;
    height:126% !important;
  }
  #plan-inspection .plan-list-wrap{
    width:calc(100% - clamp(80px,5.8vw,108px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #plan-inspection .plan-list-wrap ul:first-child{
    padding-right:clamp(22px,1.55vw,32px) !important;
  }
  #plan-inspection .plan-list-wrap ul + ul{
    padding-left:clamp(22px,1.55vw,32px) !important;
  }

  #faq-home .faq-side{
    transform:translateY(clamp(-330px,-21vw,-292px)) !important;
  }
  #faq-home .faq-symbol{
    top:clamp(-126px,-6.8vw,-96px) !important;
    font-size:clamp(270px,16vw,346px) !important;
  }

  #pricing-estimate .pricing-service-card:first-child .pricing-service-img{
    width:126% !important;
    height:126% !important;
  }
  #pricing-estimate .pricing-type-tabs{
    border-color:rgba(118,128,132,.56) !important;
    background:#fffdf9 !important;
  }
  #pricing-estimate .pricing-type-tab{
    font-size:clamp(13px,.78vw,15px) !important;
    font-weight:500 !important;
    color:#31393d !important;
  }
  #pricing-estimate .pricing-type-tab.is-active{
    background:#fff2e8 !important;
    color:#1d2528 !important;
    box-shadow:inset 0 0 0 1px rgba(244,122,22,.42) !important;
  }
  #pricing-estimate .pricing-btn{
    background:linear-gradient(135deg,#f47a16,#ff8a1f) !important;
    font-size:clamp(14px,.82vw,16px) !important;
    letter-spacing:.06em !important;
  }

  #contact .contact-methods{
    margin-top:clamp(42px,3.3vw,62px) !important;
  }
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    min-height:0 !important;
    height:clamp(198px,14.5vw,228px) !important;
    padding:clamp(22px,1.65vw,30px) !important;
  }
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    color:#fff !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p{
    color:rgba(255,255,255,.66) !important;
  }
}

@media (max-width:820px){
  #why-inspection .why-card-copy{
    transform:translateX(18px) !important;
  }
  #care-commitment .care-grid.mobile-carousel{
    transform:translateY(-46px) !important;
    margin-bottom:-44px !important;
  }
  #care-commitment .mobile-carousel-controls--belief{
    margin-top:-8px !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-card-line{
    display:none !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control{
    bottom:2px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--prev{
    left:calc(50% - 92px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--next{
    right:calc(50% - 92px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-dots{
    bottom:8px !important;
  }

  #workflow .workflow-timeline.mobile-carousel{
    overflow:hidden !important;
    min-height:clamp(220px,46vw,286px) !important;
    height:clamp(220px,46vw,286px) !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide{
    left:13% !important;
    width:74% !important;
    min-height:clamp(196px,39vw,246px) !important;
    height:clamp(196px,39vw,246px) !important;
    transform:translateX(calc(var(--mobile-slide-offset, 0) * 86%)) scale(.88) !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active{
    transform:translateX(0) scale(1) !important;
  }

  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    position:relative !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    column-gap:16px !important;
    min-height:118px !important;
    padding:16px 154px 16px 18px !important;
  }
  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3{
    font-size:17px !important;
    line-height:1.2 !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    position:absolute !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    min-height:42px !important;
    border:2.5px solid rgba(255,138,31,.88) !important;
    color:#ff8a1f !important;
    background:rgba(255,138,31,.07) !important;
    font-size:12.5px !important;
  }
  #contact .contact-method-card:nth-child(3),
  #contact .contact-method-card:nth-child(3):nth-child(n+2){
    padding-right:18px !important;
  }
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    color:#fff !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p{
    color:rgba(255,255,255,.66) !important;
  }
}
/* V111 | mobile contact absolute button centering */
@media (max-width:820px){
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    grid-column:auto !important;
    grid-row:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}
/* V112 | remove inherited mobile contact button bottom anchor */
@media (max-width:820px){
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    bottom:auto !important;
  }
}
/* V113 | mobile contact action vertical alignment */
@media (max-width:820px){
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    margin-top:0 !important;
    margin-bottom:0 !important;
    bottom:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}
/* V114 | screenshot-guided reset for icon scale, alignment, and mobile carousel rhythm */
@media (min-width:821px){
  /* Page 3: service belief icons - transparent containers, centered artwork */
  #care-commitment .care-grid:not(.mobile-carousel){
    align-items:start !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge{
    width:clamp(138px,7.4vw,168px) !important;
    height:clamp(124px,6.8vw,152px) !important;
    margin:0 auto clamp(28px,1.9vw,38px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge::before,
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge::after,
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-arc,
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-arc::before,
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-arc::after{
    display:none !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle{
    width:clamp(92px,5.1vw,112px) !important;
    height:clamp(92px,5.1vw,112px) !important;
    margin:0 auto !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    filter:none !important;
    opacity:1 !important;
  }
  #care-commitment .care-card h3{
    margin-top:0 !important;
  }

  /* Page 4: checklist cards - unified icon scale, titles slightly left, centered divider */
  #plan-inspection .plan-card{
    overflow:hidden !important;
  }
  #plan-inspection .plan-card-head{
    display:grid !important;
    grid-template-columns:clamp(104px,5.8vw,124px) minmax(0,1fr) !important;
    gap:clamp(8px,.7vw,14px) !important;
    align-items:center !important;
  }
  #plan-inspection .plan-head-copy{
    transform:translateX(-14px) !important;
    padding-left:0 !important;
  }
  #plan-inspection .plan-head-copy h3{
    margin-left:0 !important;
  }
  #plan-inspection .plan-icon-wrap{
    width:clamp(104px,5.8vw,124px) !important;
    height:clamp(104px,5.8vw,124px) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #plan-inspection .plan-card:nth-child(n) .plan-icon-img{
    width:clamp(112px,6.4vw,138px) !important;
    height:clamp(112px,6.4vw,138px) !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #plan-inspection .plan-card:nth-child(1) .plan-icon-img{
    width:clamp(108px,6vw,132px) !important;
    height:clamp(108px,6vw,132px) !important;
  }
  #plan-inspection .plan-list-wrap{
    position:relative !important;
    width:calc(100% - clamp(68px,4.8vw,92px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:0 !important;
  }
  #plan-inspection .plan-list-wrap::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:4px !important;
    bottom:4px !important;
    width:1px !important;
    background:rgba(65,76,84,.16) !important;
    transform:translateX(-.5px) !important;
  }
  #plan-inspection .plan-list-wrap ul:first-child{
    border-right:0 !important;
    padding:0 clamp(24px,1.5vw,32px) 0 0 !important;
  }
  #plan-inspection .plan-list-wrap ul + ul{
    border-left:0 !important;
    padding:0 0 0 clamp(24px,1.5vw,32px) !important;
  }

  /* Page 6: FAQ left block - move the entire composition upward together */
  #faq-home .faq-side{
    transform:translateY(clamp(-388px,-23vw,-338px)) !important;
  }
  #faq-home .faq-symbol{
    top:clamp(-144px,-7.5vw,-112px) !important;
    font-size:clamp(300px,17.2vw,374px) !important;
  }

  /* Page 7: price cards and calculator - restrained icon sizing and cleaner controls */
  #pricing-estimate .pricing-service-icon{
    width:clamp(116px,6.4vw,136px) !important;
    height:clamp(116px,6.4vw,136px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #pricing-estimate .pricing-service-card:first-child .pricing-service-img,
  #pricing-estimate .pricing-service-card:nth-child(2) .pricing-service-img{
    width:112% !important;
    height:112% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #pricing-estimate .pricing-type-tabs{
    border:1px solid rgba(120,128,130,.52) !important;
    background:#fffefb !important;
    box-shadow:none !important;
    padding:4px !important;
  }
  #pricing-estimate .pricing-type-tab{
    min-height:36px !important;
    font-size:clamp(12px,.72vw,14px) !important;
    font-weight:500 !important;
    color:#323b3e !important;
    background:transparent !important;
    border:0 !important;
  }
  #pricing-estimate .pricing-type-tab.is-active{
    background:#fff1e5 !important;
    color:#172125 !important;
    box-shadow:inset 0 0 0 1px rgba(244,122,22,.46) !important;
  }
  #pricing-estimate .pricing-btn{
    background:linear-gradient(135deg,#20282a,#111719) !important;
    color:#fff !important;
    box-shadow:0 12px 26px rgba(20,26,28,.18) !important;
  }
  #pricing-estimate .pricing-btn:hover,
  #pricing-estimate .pricing-btn:focus-visible{
    background:linear-gradient(135deg,#f47a16,#ff8a1f) !important;
    color:#fff !important;
  }

  /* Page 8: contact cards - restore smaller card proportion, only slightly higher */
  #contact .contact-methods{
    margin-top:clamp(38px,3vw,52px) !important;
  }
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    min-height:0 !important;
    height:clamp(156px,10.8vw,180px) !important;
    padding:clamp(18px,1.35vw,24px) !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    width:clamp(34px,2.2vw,44px) !important;
    height:clamp(34px,2.2vw,44px) !important;
    margin-bottom:clamp(20px,1.4vw,28px) !important;
  }
  #contact .contact-method-img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}

@media (max-width:820px){
  /* Page 2 mobile: move reason-card copy right without disturbing desktop */
  #why-inspection .why-card{
    grid-template-columns:88px 24px minmax(0,1fr) !important;
    padding-left:clamp(30px,8vw,44px) !important;
  }
  #why-inspection .why-card-copy{
    transform:translateX(24px) !important;
  }

  /* Page 3 mobile: lift carousel, remove separators/circles, tighten vertical air */
  #care-commitment .care-grid.mobile-carousel{
    transform:translateY(-62px) !important;
    margin-bottom:-70px !important;
    padding-bottom:34px !important;
  }
  #care-commitment .care-grid.mobile-carousel > .care-card.is-mobile-active{
    min-height:clamp(320px,53vw,370px) !important;
    padding:clamp(16px,4vw,24px) clamp(30px,7vw,44px) 26px !important;
    justify-content:center !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-card-line,
  #care-commitment .care-grid.mobile-carousel .care-card::before,
  #care-commitment .care-grid.mobile-carousel .care-card::after{
    display:none !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-badge{
    margin:0 auto clamp(14px,3vw,20px) !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-circle{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    width:34px !important;
    color:#f47a16 !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-dots{
    bottom:8px !important;
  }

  /* Page 4 mobile: compact card and place arrows next to the dots */
  #plan-inspection .plan-grid.mobile-carousel{
    padding-bottom:58px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel > .plan-card.is-mobile-active{
    min-height:clamp(286px,52vw,336px) !important;
    padding:22px 26px 28px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-card-head{
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:14px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-icon-wrap{
    width:88px !important;
    height:88px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-icon-img{
    width:112px !important;
    height:112px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap{
    margin-top:14px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control{
    top:auto !important;
    bottom:6px !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#f47a16 !important;
    font-size:28px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--prev{
    left:calc(50% - 86px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--next{
    right:calc(50% - 86px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-dots{
    bottom:12px !important;
  }

  /* Page 5 mobile: Apple-like peek carousel, smaller active card, swipe remains enabled */
  #workflow .workflow-timeline.mobile-carousel{
    min-height:clamp(214px,44vw,270px) !important;
    height:clamp(214px,44vw,270px) !important;
    padding-bottom:32px !important;
    overflow:hidden !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide{
    left:17% !important;
    width:66% !important;
    min-height:clamp(184px,37vw,232px) !important;
    height:clamp(184px,37vw,232px) !important;
    transform:translateX(calc(var(--mobile-slide-offset, 0) * 94%)) scale(.88) !important;
    opacity:0 !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active{
    opacity:1 !important;
    transform:translateX(0) scale(1) !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-prev,
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-next{
    opacity:.36 !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-control{
    display:none !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-dots{
    bottom:2px !important;
  }

  /* Page 8 mobile: align icon/text/button columns and restore brand colors */
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 128px !important;
    column-gap:14px !important;
    align-items:center !important;
    min-height:112px !important;
    padding:16px 16px !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
    justify-self:center !important;
    width:40px !important;
    height:40px !important;
  }
  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3{
    grid-column:2 !important;
    margin:0 0 5px !important;
    font-size:15.5px !important;
    line-height:1.22 !important;
    color:#fff !important;
    white-space:nowrap !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    grid-column:2 !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.42 !important;
    color:rgba(255,255,255,.72) !important;
    text-align:left !important;
  }
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    color:#fff !important;
    font-weight:700 !important;
  }
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    grid-column:3 !important;
    grid-row:1 / span 3 !important;
    position:static !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    width:118px !important;
    min-height:42px !important;
    padding:0 10px !important;
    border:2px solid rgba(255,138,31,.82) !important;
    color:#ff8a1f !important;
    background:rgba(255,138,31,.08) !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  #contact .contact-method-card:nth-child(3),
  #contact .contact-method-card:nth-child(3):nth-child(n+2){
    grid-template-columns:52px minmax(0,1fr) !important;
    padding-right:16px !important;
  }
}

/* V115 | careful screenshot-guided reset after remapping cropped icons */
@media (min-width:821px){
  /* Page 3 desktop: keep the three belief icons centered and modest */
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge{
    width:clamp(118px,6.4vw,142px) !important;
    height:clamp(104px,5.7vw,126px) !important;
    margin:0 auto clamp(30px,2vw,42px) !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-arc,
  #care-commitment .care-grid:not(.mobile-carousel) .care-card-line{
    display:none !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-img{
    width:82% !important;
    height:82% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    filter:grayscale(.12) contrast(.96) saturate(.95) !important;
  }
  #care-commitment .care-card:nth-child(2) .care-icon-img{
    width:88% !important;
    height:88% !important;
  }
  #care-commitment .care-card:nth-child(3) .care-icon-img{
    width:86% !important;
    height:86% !important;
  }

  /* Page 4 desktop: unified icon size, title slightly left, center divider centered */
  #plan-inspection .plan-card{
    overflow:hidden !important;
  }
  #plan-inspection .plan-card-head{
    display:grid !important;
    grid-template-columns:clamp(94px,5.3vw,116px) minmax(0,1fr) !important;
    gap:clamp(14px,1vw,20px) !important;
    align-items:center !important;
    min-height:clamp(94px,5.6vw,116px) !important;
  }
  #plan-inspection .plan-icon-wrap{
    width:clamp(86px,4.9vw,108px) !important;
    height:clamp(86px,4.9vw,108px) !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #plan-inspection .plan-card:nth-child(n) .plan-icon-img{
    width:96% !important;
    height:96% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #plan-inspection .plan-card:nth-child(1) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(2) .plan-icon-img,
  #plan-inspection .plan-card:nth-child(3) .plan-icon-img{
    width:102% !important;
    height:102% !important;
  }
  #plan-inspection .plan-head-copy{
    transform:translateX(-6px) !important;
    padding-left:0 !important;
  }
  #plan-inspection .plan-head-copy h3{
    margin:0 !important;
    white-space:nowrap !important;
  }
  #plan-inspection .plan-list-wrap{
    width:calc(100% - clamp(54px,3.8vw,72px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:0 !important;
  }
  #plan-inspection .plan-list-wrap::before{
    left:50% !important;
    transform:translateX(-.5px) !important;
    background:rgba(64,74,82,.16) !important;
  }
  #plan-inspection .plan-list-wrap ul:first-child{
    padding-right:clamp(18px,1.3vw,28px) !important;
  }
  #plan-inspection .plan-list-wrap ul + ul{
    padding-left:clamp(18px,1.3vw,28px) !important;
  }

  /* Page 6 desktop: move the whole left FAQ composition up together */
  #faq-home .faq-side{
    transform:translateY(clamp(-430px,-26vw,-372px)) !important;
  }
  #faq-home .faq-symbol{
    top:clamp(-172px,-9vw,-132px) !important;
  }

  /* Page 7 desktop: service icons inside cards, softer switch and button */
  #pricing-estimate .pricing-service-icon{
    width:clamp(122px,6.7vw,146px) !important;
    height:clamp(122px,6.7vw,146px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #pricing-estimate .pricing-service-card:first-child .pricing-service-img,
  #pricing-estimate .pricing-service-card:nth-child(2) .pricing-service-img{
    width:96% !important;
    height:96% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #pricing-estimate .pricing-service-card:first-child .pricing-service-img{
    width:104% !important;
    height:104% !important;
  }
  #pricing-estimate .pricing-type-tabs{
    border:1px solid rgba(118,126,130,.56) !important;
    background:#fffefb !important;
    box-shadow:none !important;
    padding:4px !important;
  }
  #pricing-estimate .pricing-type-tab{
    min-height:34px !important;
    font-size:clamp(11.5px,.66vw,13.5px) !important;
    font-weight:500 !important;
    letter-spacing:.04em !important;
    color:#344044 !important;
    background:transparent !important;
    border:0 !important;
  }
  #pricing-estimate .pricing-type-tab.is-active{
    background:#fff4eb !important;
    color:#172125 !important;
    box-shadow:inset 0 0 0 1px rgba(244,122,22,.36) !important;
  }
  #pricing-estimate .pricing-btn{
    background:linear-gradient(135deg,#ff8a1f,#f47a16) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(244,122,22,.22) !important;
  }
  #pricing-estimate .pricing-btn:hover,
  #pricing-estimate .pricing-btn:focus-visible{
    background:linear-gradient(135deg,#20282a,#111719) !important;
  }

  /* Page 8 desktop: undo over-enlarging and settle cards slightly above the old baseline */
  #contact .contact-methods{
    margin-top:clamp(46px,3.6vw,66px) !important;
  }
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    height:clamp(164px,11.2vw,188px) !important;
    padding:clamp(18px,1.3vw,24px) !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    width:clamp(36px,2.3vw,46px) !important;
    height:clamp(36px,2.3vw,46px) !important;
    margin-bottom:clamp(18px,1.25vw,24px) !important;
  }
  #contact .contact-method-img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}

@media (max-width:820px){
  /* Page 2 mobile: nudge reason-card copy right */
  #why-inspection .why-card{
    grid-template-columns:90px 24px minmax(0,1fr) !important;
    padding-left:clamp(32px,8.2vw,46px) !important;
  }
  #why-inspection .why-card-copy{
    transform:translateX(30px) !important;
  }

  /* Page 3 mobile: tighter belief carousel, no extra separators or arrow circles */
  #care-commitment .care-grid.mobile-carousel{
    transform:translateY(-88px) !important;
    margin-bottom:-108px !important;
    padding-bottom:24px !important;
  }
  #care-commitment .care-grid.mobile-carousel > .care-card.is-mobile-active{
    min-height:clamp(292px,48vw,340px) !important;
    padding:clamp(12px,3.2vw,18px) clamp(28px,6vw,40px) 22px !important;
    justify-content:center !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-card-line,
  #care-commitment .care-grid.mobile-carousel .care-card::before,
  #care-commitment .care-grid.mobile-carousel .care-card::after{
    display:none !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-badge{
    width:clamp(88px,18vw,116px) !important;
    height:clamp(76px,16vw,98px) !important;
    margin:0 auto clamp(14px,3vw,18px) !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-circle{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #care-commitment .care-grid.mobile-carousel .care-icon-img{
    width:88% !important;
    height:88% !important;
    object-fit:contain !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#f47a16 !important;
    width:32px !important;
    height:32px !important;
    font-size:26px !important;
  }
  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-dots{
    bottom:10px !important;
  }

  /* Page 4 mobile: compact active card; arrows down beside dots, no white circles */
  #plan-inspection .plan-grid.mobile-carousel{
    padding-bottom:54px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel > .plan-card.is-mobile-active{
    min-height:clamp(248px,44vw,300px) !important;
    padding:18px 24px 22px !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-card-head{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-icon-wrap{
    width:80px !important;
    height:80px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-icon-img{
    width:98% !important;
    height:98% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
  }
  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap{
    margin-top:8px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control{
    top:auto !important;
    bottom:8px !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#f47a16 !important;
    width:30px !important;
    height:30px !important;
    font-size:27px !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--prev{
    left:calc(50% - 86px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--next{
    right:calc(50% - 86px) !important;
  }
  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-dots{
    bottom:12px !important;
  }

  /* Page 5 mobile: smaller swipe carousel with side peeks, no arrows */
  #workflow .workflow-timeline.mobile-carousel{
    min-height:clamp(190px,39vw,244px) !important;
    height:clamp(190px,39vw,244px) !important;
    padding-bottom:26px !important;
    overflow:hidden !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide{
    left:15% !important;
    width:70% !important;
    min-height:clamp(166px,34vw,210px) !important;
    height:clamp(166px,34vw,210px) !important;
    transform:translateX(calc(var(--mobile-slide-offset, 0) * 90%)) scale(.88) !important;
    opacity:0 !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active{
    opacity:1 !important;
    transform:translateX(0) scale(1) !important;
  }
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-prev,
  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-next{
    opacity:.34 !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-control{
    display:none !important;
  }
  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-dots{
    bottom:2px !important;
  }

  /* Page 8 mobile: aligned icon/text/button columns, smaller text, brand orange actions */
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2){
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 112px !important;
    column-gap:12px !important;
    align-items:center !important;
    min-height:106px !important;
    padding:14px 14px !important;
  }
  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
    justify-self:center !important;
    width:34px !important;
    height:34px !important;
  }
  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3{
    grid-column:2 !important;
    margin:0 0 4px !important;
    font-size:14.5px !important;
    line-height:1.2 !important;
    color:#fff !important;
    white-space:nowrap !important;
  }
  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    grid-column:2 !important;
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.36 !important;
    color:rgba(255,255,255,.66) !important;
    text-align:left !important;
  }
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong{
    color:#fff !important;
    font-weight:700 !important;
  }
  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link{
    grid-column:3 !important;
    grid-row:1 / span 3 !important;
    position:static !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    width:104px !important;
    min-height:40px !important;
    padding:0 8px !important;
    border:1.5px solid rgba(255,138,31,.86) !important;
    color:#ff8a1f !important;
    background:rgba(255,138,31,.08) !important;
    font-size:11.5px !important;
    font-weight:800 !important;
  }
  #contact .contact-method-card:nth-child(3),
  #contact .contact-method-card:nth-child(3):nth-child(n+2){
    grid-template-columns:44px minmax(0,1fr) !important;
    padding-right:14px !important;
  }
}
/* V116 | containment after screenshot pass */
@media (min-width: 821px) {
  #faq-home .faq-side {
    transform: translateY(clamp(-250px, -14vw, -190px)) !important;
  }

  #faq-home .faq-symbol {
    top: clamp(-116px, -6vw, -88px) !important;
  }

  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2) {
    height: clamp(178px, 12.2vw, 204px) !important;
    min-height: 0 !important;
  }

  #contact .contact-method-card p,
  #contact .contact-method-card strong {
    line-height: 1.45 !important;
  }
}

@media (max-width: 820px) {
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2) {
    grid-template-columns: 40px minmax(0, 1fr) 104px !important;
    column-gap: 10px !important;
  }

  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3 {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong {
    font-size: 11.2px !important;
    line-height: 1.35 !important;
  }

  #contact .contact-method-card a,
  #contact .contact-method-card:nth-child(n+2) a {
    border-width: 2px !important;
    color: var(--orange) !important;
  }
}
/* V117 | restore desktop contact cards without clipping */
@media (min-width: 821px) {
  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: clamp(222px, 15.2vw, 248px) !important;
    min-height: 0 !important;
    padding: clamp(22px, 1.55vw, 28px) !important;
    overflow: hidden !important;
  }

  #contact .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon {
    flex: 0 0 auto !important;
    width: clamp(34px, 2.25vw, 44px) !important;
    height: clamp(34px, 2.25vw, 44px) !important;
    margin: 0 0 clamp(20px, 1.35vw, 26px) !important;
  }

  #contact .contact-method-card h3,
  #contact .contact-method-card:nth-child(n+2) h3 {
    margin: 0 0 12px !important;
    font-size: clamp(18px, 1.08vw, 21px) !important;
    line-height: 1.25 !important;
  }

  #contact .contact-method-card p,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) strong {
    margin: 0 0 4px !important;
    font-size: clamp(13px, .86vw, 15px) !important;
    line-height: 1.42 !important;
  }

  #contact .contact-method-card .contact-pill-btn,
  #contact .contact-method-card .contact-text-link,
  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link {
    width: min(174px, 100%) !important;
    min-height: 42px !important;
    margin: auto auto 0 !important;
    padding: 0 16px !important;
    border-width: 1px !important;
    font-size: 14px !important;
  }
}
/* V118 | keep email contact card text order and color */
@media (min-width: 821px) {
  #contact .contact-method-card:nth-child(3) .contact-method-icon { order: 0 !important; }
  #contact .contact-method-card:nth-child(3) h3 { order: 1 !important; }
  #contact .contact-method-card:nth-child(3) strong {
    order: 2 !important;
    display: block !important;
    margin: 0 0 8px !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }
  #contact .contact-method-card:nth-child(3) p {
    order: 3 !important;
    color: rgba(255,255,255,.66) !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
  }
}
/* V119 | mobile email contact card order mirrors desktop */
@media (max-width: 820px) {
  #contact .contact-method-card:nth-child(3) h3 {
    order: 1 !important;
    grid-column: 2 !important;
  }
  #contact .contact-method-card:nth-child(3) strong {
    order: 2 !important;
    grid-column: 2 !important;
    color: #fff !important;
    font-weight: 700 !important;
    margin: 0 0 3px !important;
  }
  #contact .contact-method-card:nth-child(3) p {
    order: 3 !important;
    grid-column: 2 !important;
    color: rgba(255,255,255,.66) !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }
}
/* V120 | force mobile email card rows after legacy grid areas */
@media (max-width: 820px) {
  #contact .contact-method-card:nth-child(3) h3 {
    grid-row: 1 !important;
  }
  #contact .contact-method-card:nth-child(3) strong {
    grid-row: 2 !important;
  }
  #contact .contact-method-card:nth-child(3) p {
    grid-row: 3 !important;
  }
}

/* V121 | desktop page 3 belief icon optical alignment */
@media (min-width: 821px) {
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge {
    width: clamp(126px, 6.8vw, 146px) !important;
    height: clamp(94px, 5.1vw, 108px) !important;
    margin: 0 auto clamp(14px, 1.05vw, 20px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-img,
  #care-commitment .care-card:nth-child(2) .care-icon-img,
  #care-commitment .care-card:nth-child(3) .care-icon-img {
    width: clamp(104px, 5.45vw, 116px) !important;
    height: clamp(92px, 4.85vw, 104px) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    filter: grayscale(.18) saturate(.72) contrast(.98) brightness(.92) !important;
    opacity: .96 !important;
  }

  #care-commitment .care-card:nth-child(1) .care-icon-img {
    width: clamp(110px, 5.8vw, 122px) !important;
    height: clamp(98px, 5.15vw, 110px) !important;
    transform: translateX(7px) !important;
  }

  #care-commitment .care-card h3 {
    margin-top: 0 !important;
  }
}

/* V122 | page 3 desktop final optical centering and tighter title gap */
@media (min-width: 821px) {
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge {
    margin-bottom: 0 !important;
    transform: translateY(8px) !important;
  }

  #care-commitment .care-card:nth-child(1) .care-icon-img {
    transform: none !important;
  }
}

/* V123 | page 3 desktop icon color restore and left icon optical balance */
@media (min-width: 821px) {
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-img,
  #care-commitment .care-card:nth-child(2) .care-icon-img,
  #care-commitment .care-card:nth-child(3) .care-icon-img {
    filter: none !important;
    opacity: 1 !important;
  }

  #care-commitment .care-card:nth-child(1) .care-icon-img {
    width: clamp(112px, 5.95vw, 124px) !important;
    height: clamp(112px, 5.95vw, 124px) !important;
    transform: translateX(-2px) !important;
  }
}

/* V124 | page 3 desktop left icon size match after clean crop */
@media (min-width: 821px) {
  #care-commitment .care-card:nth-child(1) .care-icon-img {
    width: clamp(104px, 5.45vw, 116px) !important;
    height: clamp(92px, 4.85vw, 104px) !important;
    transform: translateX(-2px) !important;
  }
}

/* V125 | page 4 desktop checklist column balance */
@media (min-width: 821px) {
  #plan-inspection .plan-card:nth-child(4) .plan-icon-img {
    width: 92% !important;
    height: 92% !important;
  }

  #plan-inspection .plan-list-wrap {
    width: calc(100% - clamp(34px, 2.4vw, 42px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translateY(clamp(-16px, -1.05vw, -12px)) !important;
  }

  #plan-inspection .plan-list-wrap ul:first-child {
    padding-right: clamp(18px, 1.3vw, 28px) !important;
  }

  #plan-inspection .plan-list-wrap ul + ul {
    padding-left: clamp(18px, 1.3vw, 28px) !important;
  }
}

/* V126 | page 4 desktop left checklist column closer to the card edge */
@media (min-width: 821px) {
  #plan-inspection .plan-list-wrap {
    width: calc(100% + clamp(24px, 1.9vw, 30px)) !important;
  }
}

/* V127 | page 4 desktop keep divider fixed after widening checklist columns */
@media (min-width: 821px) {
  #plan-inspection .plan-list-wrap {
    transform: translate(clamp(-15px, -0.95vw, -12px), clamp(-16px, -1.05vw, -12px)) !important;
  }
}

/* V128 | page 4 desktop cards match approved checklist spacing */
@media (min-width: 821px) {
  #plan-inspection .plan-card {
    padding-bottom: clamp(12px, 1.1vw, 18px) !important;
  }

  #plan-inspection .plan-list-wrap {
    transform: translate(clamp(-15px, -0.95vw, -12px), clamp(-30px, -1.8vw, -24px)) !important;
  }

  #plan-inspection .plan-list-wrap ul:first-child {
    box-sizing: border-box !important;
    padding-left: clamp(30px, 2.25vw, 38px) !important;
    padding-right: clamp(18px, 1.3vw, 28px) !important;
  }

  #plan-inspection .plan-list-wrap ul + ul {
    padding-left: clamp(18px, 1.3vw, 28px) !important;
  }
}

/* V129 | page 4 desktop checklist spacing matched to approved reference */

/* V130 | desktop hero supplied room photo */
@media (min-width: 761px){
  .hero-section{
    background-image:url("../assets/images/hero/hero-desktop-room.png") !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#f5eee6 !important;
  }

  .hero-section::before,
  .hero-section::after,
  .hero-copy::before{
    display:none !important;
  }

  .hero-shell,
  .hero-copy{
    background:transparent !important;
  }

  .hero-frame{
    display:none !important;
  }
}

/* V131 | homepage hero point icons */
.hero-section .hero-point .point-icon{
  place-items:center !important;
}

.hero-section .hero-point .point-icon img{
  display:block;
  width:clamp(42px,3.2vw,54px);
  height:clamp(42px,3.2vw,54px);
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}

/* V132 | second page supplied icons */
#why-inspection .why-icon{
  background:transparent !important;
  border-radius:0 !important;
}

#why-inspection .why-icon img{
  width:clamp(72px,5vw,86px) !important;
  max-width:100% !important;
  max-height:clamp(72px,5vw,86px) !important;
  height:auto !important;
  object-fit:contain;
  object-position:center;
}
@media (min-width: 821px) {
  #plan-inspection .plan-card {
    padding-bottom: clamp(10px, .85vw, 14px) !important;
  }

  #plan-inspection .plan-list-wrap {
    transform: translate(clamp(-15px, -0.95vw, -12px), clamp(-34px, -2vw, -28px)) !important;
  }

  #plan-inspection .plan-list-wrap::before {
    top: 0 !important;
    bottom: 0 !important;
  }

  #plan-inspection .plan-list-wrap ul:first-child {
    padding-left: clamp(30px, 2.25vw, 38px) !important;
    padding-right: clamp(18px, 1.3vw, 28px) !important;
  }

  #plan-inspection .plan-list-wrap ul + ul {
    padding-left: clamp(48px, 3.7vw, 56px) !important;
  }

  #plan-inspection .plan-list-wrap li {
    padding-left: clamp(18px, 1.35vw, 22px) !important;
  }

  #plan-inspection .plan-list-wrap li::before {
    left: 0 !important;
    width: .6em !important;
    text-align: center !important;
  }
}

/* V133 | page 3 desktop care cards hover restore */
@media (min-width: 821px) and (hover: hover) and (pointer: fine) {
  #care-commitment .care-grid:not(.mobile-carousel) .care-card {
    transition:
      transform .24s ease,
      box-shadow .24s ease,
      border-color .24s ease,
      background-color .24s ease !important;
    will-change: transform;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-badge,
  #care-commitment .care-grid:not(.mobile-carousel) .care-icon-circle {
    transition:
      transform .24s ease,
      filter .24s ease !important;
    will-change: transform;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(244, 122, 22, .24) !important;
    box-shadow: 0 18px 42px rgba(31, 39, 48, .1) !important;
    background-color: transparent !important;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-card:hover .care-icon-badge {
    transform: translateY(5px) !important;
  }

  #care-commitment .care-grid:not(.mobile-carousel) .care-card:hover .care-icon-circle {
    transform: translateY(-3px) scale(1.025) !important;
    filter: drop-shadow(0 8px 12px rgba(31, 39, 48, .12));
  }
}

/* V134 | page 4 desktop checklist item position */
@media (min-width: 821px) {
  #plan-inspection .plan-grid:not(.mobile-carousel) .plan-list-wrap ul {
    transform: translateX(clamp(-18px, -1.05vw, -12px)) !important;
  }
}

/* V135 | page 5 supplied workflow icons */
#workflow .workflow-badge {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#workflow .workflow-icon-img {
  display: block !important;
  width: clamp(38px, 2.8vw, 48px) !important;
  height: clamp(38px, 2.8vw, 48px) !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* V136 | page 6 left title and symbol placement */
@media (min-width: 821px) {
  #faq-home .faq-side {
    transform: translateY(clamp(-175px, -9.5vw, -130px)) !important;
  }

  #faq-home .faq-symbol {
    left: clamp(218px, 15.7vw, 290px) !important;
    top: clamp(-58px, -3vw, -36px) !important;
    font-size: clamp(230px, 12.7vw, 286px) !important;
  }
}

/* V137 | page 7 estimate type buttons */
@media (min-width: 821px) {
  #pricing-estimate .pricing-calc-card .pricing-type-tab {
    min-height: 43px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: #344044 !important;
    font-size: clamp(13px, .78vw, 15px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
  }

  #pricing-estimate .pricing-calc-card .pricing-type-tab.is-active {
    background: linear-gradient(135deg, #ff8a1f, #f47a16) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(244, 122, 22, .22) !important;
  }
}

/* V138 | page 8 contact info card sizing and alignment */
@media (min-width: 821px) {
  #contact .contact-methods {
    transform: translateY(clamp(52px, 3.6vw, 74px)) !important;
  }

  #contact .contact-method-card,
  #contact .contact-method-card:nth-child(n+2) {
    height: clamp(252px, 17vw, 282px) !important;
    padding-bottom: clamp(12px, .9vw, 18px) !important;
  }

  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    align-self: center !important;
  }

  #contact .contact-method-card:nth-child(2) strong {
    color: rgba(255, 255, 255, .58) !important;
    font-weight: 600 !important;
  }

  #contact .contact-method-card:nth-child(2) p {
    color: #fff !important;
    font-weight: 700 !important;
  }

  #contact .contact-method-card:nth-child(3) p {
    transform: translateY(.5em) !important;
  }
}

/* V139 | page 3 mobile belief carousel spacing and touch controls */
@media (max-width: 820px) {
  #care-commitment .care-grid.mobile-carousel {
    transform: translateY(-38px) !important;
    margin-bottom: -58px !important;
    padding-bottom: 72px !important;
    touch-action: pan-y !important;
  }

  #care-commitment .care-grid.mobile-carousel > .care-card.is-mobile-active {
    min-height: clamp(400px, 72vw, 460px) !important;
    padding-top: clamp(46px, 12vw, 64px) !important;
    padding-bottom: clamp(78px, 16vw, 94px) !important;
    align-content: start !important;
  }

  #care-commitment .care-grid.mobile-carousel .care-icon-badge {
    margin-top: clamp(12px, 4vw, 24px) !important;
    margin-bottom: clamp(16px, 4vw, 24px) !important;
  }

  #care-commitment .mobile-carousel-controls--belief {
    position: absolute !important;
    left: 50% !important;
    bottom: 18px !important;
    width: min(220px, 72vw) !important;
    height: 34px !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    pointer-events: none !important;
  }

  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-dots {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: auto !important;
  }

  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
  }

  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control--prev {
    left: 0 !important;
  }

  #care-commitment .mobile-carousel-controls--belief .mobile-carousel-control--next {
    right: 0 !important;
  }
}

/* V140 | page 2 mobile reason-card icon centering */
@media (max-width: 820px) {
  #why-inspection .why-card .why-icon {
    width: 56px !important;
    height: 56px !important;
    margin-top: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    transform: none !important;
  }

  #why-inspection .why-card .why-icon img {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* V141 | page 4 mobile checklist list spacing and controls */
@media (max-width: 820px) {
  #plan-inspection .plan-grid.mobile-carousel {
    touch-action: pan-y !important;
  }

  #plan-inspection .plan-grid.mobile-carousel > .plan-card.is-mobile-active {
    min-height: 0 !important;
    row-gap: 18px !important;
    padding-bottom: 18px !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap {
    margin-top: 0 !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap ul + ul li {
    transform: translateX(18px) !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: min(250px, 78vw) !important;
    height: 34px !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    pointer-events: none !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-dots {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: auto !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--prev {
    left: 0 !important;
    right: auto !important;
  }

  #plan-inspection .mobile-carousel-controls--checklist .mobile-carousel-control--next {
    right: 0 !important;
    left: auto !important;
  }
}

/* V142 | page 4 mobile checklist list centerline and bullets */
@media (max-width: 820px) {
  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap {
    position: relative !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    background: rgba(151, 164, 174, .28) !important;
    transform: translateX(-.5px) !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap ul + ul {
    border-left: 0 !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap ul + ul li {
    transform: translateX(8px) !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap li {
    padding-left: 1.35em !important;
  }

  #plan-inspection .plan-grid.mobile-carousel .plan-list-wrap li::before {
    top: 50% !important;
    width: 1em !important;
    height: 1em !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
  }
}

/* V145 | page 3 mobile controls closer to copy */
@media (max-width: 820px) {
  #care-commitment .care-grid.mobile-carousel {
    padding-bottom: 52px !important;
  }

  #care-commitment .care-grid.mobile-carousel > .care-card.is-mobile-active {
    min-height: clamp(378px, 68vw, 438px) !important;
    padding-bottom: clamp(58px, 12vw, 72px) !important;
  }
}

/* V146 | page 4 mobile controls farther from card */
@media (max-width: 820px) {
  #plan-inspection .plan-grid.mobile-carousel {
    margin-top: 56px !important;
    padding-bottom: 96px !important;
  }

  #plan-inspection .plan-grid.mobile-carousel > .plan-card.is-mobile-active {
    padding-bottom: 22px !important;
  }
}

/* V147 | page 5 mobile vertical workflow cards */
@media (max-width: 820px) {
  #workflow .workflow-head {
    margin-bottom: 56px !important;
  }

  #workflow .workflow-timeline.mobile-carousel {
    height: clamp(382px, 98vw, 418px) !important;
    min-height: clamp(382px, 98vw, 418px) !important;
    padding-bottom: 96px !important;
    overflow: hidden !important;
  }

  #workflow .workflow-timeline.mobile-carousel > .workflow-step.mobile-carousel-slide {
    left: 50% !important;
    width: clamp(258px, 66vw, 294px) !important;
    height: clamp(258px, 66vw, 294px) !important;
    min-height: clamp(258px, 66vw, 294px) !important;
    padding: clamp(26px, 7vw, 34px) clamp(22px, 6vw, 28px) 24px !important;
    transform: translateX(calc(-50% + (var(--mobile-slide-offset, 0) * 112%))) scale(.86) !important;
  }

  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-mobile-active {
    transform: translateX(-50%) scale(1) !important;
  }

  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-prev {
    transform: translateX(calc(-50% - 112%)) scale(.86) !important;
  }

  #workflow .workflow-timeline.mobile-carousel > .workflow-step.is-next {
    transform: translateX(calc(-50% + 112%)) scale(.86) !important;
  }

  #workflow .workflow-timeline.mobile-carousel .workflow-step::before {
    margin-bottom: 12px !important;
  }

  #workflow .workflow-timeline.mobile-carousel .workflow-content,
  #workflow .workflow-timeline.mobile-carousel .workflow-step.is-top .workflow-content,
  #workflow .workflow-timeline.mobile-carousel .workflow-step.is-bottom .workflow-content {
    padding: 0 !important;
  }

  #workflow .workflow-timeline.mobile-carousel .workflow-badge {
    margin-top: 5px !important;
  }

  #workflow .workflow-timeline.mobile-carousel .mobile-carousel-dots {
    bottom: 24px !important;
  }
}

/* V148 | page 7 mobile pricing text and controls */
.pricing-mobile-break {
  display: none;
}

@media (max-width: 820px) {
  #pricing-estimate .pricing-mobile-break {
    display: block;
  }

  #pricing-estimate .pricing-service-card:first-child .pricing-service-body h3 {
    white-space: nowrap !important;
  }

  #pricing-estimate .pricing-service-card .pricing-service-icon {
    width: clamp(64px, 18vw, 78px) !important;
    height: clamp(64px, 18vw, 78px) !important;
  }

  #pricing-estimate .pricing-calc-card .pricing-type-tabs {
    border-color: rgba(118, 126, 130, .56) !important;
    background: #fffefb !important;
    box-shadow: none !important;
  }

  #pricing-estimate .pricing-calc-card .pricing-type-tab {
    background: #fff !important;
    color: #344044 !important;
  }

  #pricing-estimate .pricing-calc-card .pricing-type-tab.is-active {
    background: linear-gradient(135deg, #ff8a1f, #f47a16) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(244, 122, 22, .22) !important;
  }
}

/* V149 | page 7 mobile service icons larger */
@media (max-width: 820px) {
  #pricing-estimate .pricing-service-card .pricing-service-icon {
    width: clamp(74px, 20vw, 88px) !important;
    height: clamp(74px, 20vw, 88px) !important;
  }

  #pricing-estimate .pricing-service-card:first-child .pricing-service-img {
    width: 128% !important;
    height: 128% !important;
  }

  #pricing-estimate .pricing-service-card:nth-child(2) .pricing-service-img {
    width: 120% !important;
    height: 120% !important;
  }
}

/* V150 | page 7 mobile service icon centering */
@media (max-width: 820px) {
  #pricing-estimate .pricing-service-card .pricing-service-icon {
    place-self: center !important;
    margin: 0 auto !important;
    position: relative !important;
    transform: none !important;
  }

  #pricing-estimate .pricing-service-card .pricing-service-img {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }
}

/* V151 | page 8 mobile contact card inner alignment */
@media (max-width: 820px) {
  #contact .contact-method-card .contact-method-icon,
  #contact .contact-method-card:nth-child(n+2) .contact-method-icon {
    width: 38px !important;
    height: 38px !important;
    align-self: center !important;
    justify-self: center !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    transform: translateX(3px) !important;
  }

  #contact .contact-method-card .contact-method-img,
  #contact .contact-method-card:nth-child(n+2) .contact-method-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: auto !important;
  }

  #contact .contact-method-card h3,
  #contact .contact-method-card p,
  #contact .contact-method-card strong,
  #contact .contact-method-card:nth-child(n+2) h3,
  #contact .contact-method-card:nth-child(n+2) p,
  #contact .contact-method-card:nth-child(n+2) strong {
    transform: translateX(18px) !important;
  }

  #contact .contact-method-card:nth-child(1) .contact-pill-btn,
  #contact .contact-method-card:nth-child(2) .contact-text-link {
    transform: translateX(-10px) !important;
  }

  #contact .contact-method-card:nth-child(2) p {
    color: #fff !important;
  }

  #contact .contact-method-card:nth-child(2) strong {
    color: rgba(255, 255, 255, .66) !important;
  }
}