/* ================================================================ Pest control: the cutaway house (sky, white walls, slate-teal roof, leaf green) */
:root{
  --pc-sky:#eaf4f6; --pc-sky2:#f3f9fa; --pc-line:#d9e2e6; --pc-line2:#c5d3d9;
  --pc-roof:#34525e; --pc-roof-d:#2a434c; --pc-wood:#dcc6a2; --pc-wood-d:#c8ae88;
  --pc-leaf:#2e8b57; --pc-leaf-b:#287d4e; --pc-leaf-h:#226b43; --pc-leaf-d:#23704a; --pc-leaf-t:#e5f3ea;
  --pc-ink:#15291f; --pc-muted:#4a5c56; --pc-lit:#ffd36b;
  --pc-head:'Bricolage Grotesque','DM Sans',system-ui,sans-serif;
}
.pg-pc{--fq-line:var(--pc-line);--fq-muted:var(--pc-muted);background:#fff;color:var(--pc-ink)}
.pg-pc h1,.pg-pc h2{font-family:var(--pc-head);font-weight:800;letter-spacing:-.035em;text-wrap:balance;color:var(--pc-ink)}
.pg-pc h2{margin:16px 0 0;font-size:clamp(34px,4.2vw,58px);line-height:1.02}
.pg-pc h3{text-wrap:balance}
.pg-pc .pc-g{color:var(--pc-leaf)}
.pc-head h2 .pc-g{display:block}
.pg-pc .lab{color:var(--pc-muted)}
.pg-pc .lab::before{content:"";width:26px;height:6px;background:radial-gradient(circle at 3px 3px,var(--pc-leaf) 2.2px,transparent 2.6px) 0 0/9px 6px repeat-x}
.pg-pc :focus-visible{outline-color:var(--pc-leaf)}
.pc-defs{position:absolute;width:0;height:0;overflow:hidden}
.pc-head{max-width:740px}
.pc-head p{margin:16px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:var(--pc-muted);text-wrap:pretty}
.pc-btn{background:var(--pc-leaf-b);color:#fff}
.pc-btn:hover{background:var(--pc-leaf-h)}
.pc-btn-gh{background:#fff;color:var(--pc-ink);box-shadow:inset 0 0 0 1px var(--pc-line2)}
.pc-btn-gh:hover{box-shadow:inset 0 0 0 1px var(--pc-ink)}

/* ---------------------------------------------------------------- hero: a cutaway house, reports pinned room by room */
.pc-hero{position:relative;overflow:clip;background:linear-gradient(180deg,var(--pc-sky) 0%,#eff7f8 52%,#fff 100%)}
.pc-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;column-gap:clamp(24px,3.6vw,56px);
  padding-block:clamp(28px,3.6vw,52px) clamp(20px,2.4vw,36px)}
.pc-hero-in > *{min-width:0}
.pc-copy{padding-bottom:clamp(8px,2vw,28px)}
.pc-k{display:inline-flex;align-items:center;gap:10px;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pc-muted)}
.pc-k svg{width:16px;height:16px;flex:none;color:var(--pc-leaf)}
.pc-hero h1{margin:20px 0 0;font-size:clamp(44px,5.2vw,76px);line-height:.98}
.pc-hero h1 > span{display:block}
.pc-sub{margin:22px 0 0;max-width:44ch;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.6;color:var(--pc-muted);text-wrap:pretty}
.pc-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pc-art{container:pcart / inline-size;align-self:end}
.pc-stage{--ph:9px;position:relative}
.pc-house{display:block;width:100%;height:auto;overflow:visible}

/* pinned reports (HTML over the drawing; x/y are drawing units: 640 wide, y from 50 to 566) */
.pc-notes{list-style:none;margin:0;padding:0}
.pc-note{position:absolute;z-index:2;left:calc(var(--x) / 6.4 * 1%);top:calc((var(--y) - 50) / 5.16 * 1%);display:flex;flex-direction:var(--fd);align-items:center;gap:7px;
  transform:translate(var(--tx),-50%);white-space:nowrap;font-size:clamp(11.5px,2.1cqw,13.5px);
  animation:pc-drop .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.35s + var(--i) * .55s)}
.pc-pin{position:relative;flex:none;width:calc(var(--ph) * 2);height:calc(var(--ph) * 2);border-radius:50%;background:var(--pc-leaf);
  box-shadow:0 0 0 3px #fff,0 5px 10px -3px rgba(21,41,31,.45)}
.pc-pin::after{content:"";position:absolute;inset:32%;border-radius:50%;background:#fff}
.pc-nt{display:grid;gap:4px;padding:.62em .9em .7em;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--pc-line),0 14px 26px -16px rgba(21,41,31,.5)}
.pc-nt b{font:500 .76em/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-leaf-d)}
.pc-nt > span{font:600 1em/1.2 var(--body);color:var(--pc-ink)}
.pc-legend{position:absolute;right:calc(38 / 6.4 * 1%);top:calc(486 / 5.16 * 1%);margin:0;display:flex;align-items:center;gap:7px;translate:0 -50%;
  font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6c604b;white-space:nowrap}
.pc-legend i{width:8px;height:8px;border-radius:50%;background:var(--pc-leaf);box-shadow:0 0 0 2px #fff}
.pc-lk{fill:none;stroke:var(--pc-leaf);stroke-width:1.8;stroke-dasharray:.1 4.6;stroke-linecap:round;stroke-linejoin:round;
  animation:pc-fade .5s ease both;animation-delay:calc(.85s + var(--i) * .55s)}
.pc-lk-n{display:none}
.pc-ring{fill:rgba(46,139,87,.09);stroke:var(--pc-leaf);stroke-width:1.5;stroke-dasharray:3.4 3;transform-box:fill-box;transform-origin:center;
  animation:pc-ring .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.9s + var(--i) * .55s)}
@keyframes pc-drop{from{translate:0 -22px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes pc-fade{from{opacity:0}to{opacity:1}}
@keyframes pc-ring{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
.pc-mouse{animation:pc-peek 8s ease-in-out infinite;animation-play-state:paused}
@keyframes pc-peek{0%,52%{translate:0 0}58%,80%{translate:24px 0}87%,100%{translate:0 0}}
.pc-wing{transform-box:fill-box;transform-origin:50% 90%;animation:pc-flap .1s linear infinite alternate;animation-play-state:paused}
@keyframes pc-flap{to{scale:1 .55}}
.pc-hero.pc-on .pc-mouse,.pc-hero.pc-on .pc-wing{animation-play-state:running}

@container pcart (max-width:519px){
  .pc-stage{--ph:7px;margin-block:calc(48 / 6.4 * 1%) calc(76 / 6.4 * 1%)}
  .pc-note{left:calc(var(--xn) / 6.4 * 1%);top:calc((var(--yn) - 50) / 5.16 * 1%);flex-direction:var(--fdn);transform:translate(var(--txn),-50%);gap:5px;font-size:clamp(11px,2.5cqw,12.5px)}
  .pc-nt{border-radius:10px;padding:.55em .8em .62em}
  .pc-pin{box-shadow:0 0 0 2.5px #fff,0 4px 8px -3px rgba(21,41,31,.45)}
  .pc-lk-w{display:none}
  .pc-lk-n{display:inline}
}

/* ---------------------------------------------------------------- how it works: four steps on an ant trail */
.pc-how{padding-block:clamp(64px,8vw,120px)}
.pc-trailbox{position:relative;margin-top:clamp(40px,4.6vw,64px)}
.pc-trail{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pc-tr-dots{fill:none;stroke:#b3d6c1;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:.1 10}
.pc-tant{opacity:0}
.pc-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.pc-trailbox:not(.pc-drawn) .pc-steps::before{content:"";position:absolute;left:29px;right:0;top:27px;height:4px;
  background:radial-gradient(circle,#b3d6c1 1.6px,transparent 2px) 0 50%/10px 4px repeat-x}
.pc-step{display:flex;flex-direction:column;align-items:flex-start}
.pc-badge{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:#fff;
  box-shadow:inset 0 0 0 2px var(--pc-leaf),0 10px 18px -12px rgba(21,41,31,.5);font:800 19px/1 var(--pc-head);letter-spacing:-.02em;color:var(--pc-leaf-d)}
.pc-card{flex:1;align-self:stretch;margin-top:24px;padding:22px 22px 24px;border-radius:22px;background:var(--pc-sky2)}
.pc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--pc-leaf-d);box-shadow:0 0 0 1px var(--pc-line)}
.pc-ic svg{width:18px;height:18px}
.pc-card h3{margin:16px 0 0;font:700 20px/1.2 var(--pc-head);letter-spacing:-.015em}
.pc-card p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--pc-muted)}

/* ---------------------------------------------------------------- room by room: tabs, an example call and the report */
.pc-rooms{padding-block:clamp(64px,8vw,120px);background:linear-gradient(180deg,#fff 0,var(--pc-sky2) 38%)}
.pc-rm{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(36px,4vw,52px)}
.pc-tabs{display:grid;gap:8px}
.pc-tabs [role=tab]{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:0;border-radius:18px;background:transparent;color:var(--pc-ink);
  text-align:left;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.pc-tabs [role=tab]:hover{background:rgba(255,255,255,.8)}
.pc-tabs [role=tab][aria-selected=true]{background:#fff;box-shadow:0 0 0 1px var(--pc-line),0 16px 30px -22px rgba(21,41,31,.5)}
.pc-mini{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-roof);
  transition:background-color .2s,box-shadow .2s}
.pc-mini svg{width:34px;height:34px}
.pc-mini .hi{fill:var(--pc-leaf)}
.pc-mini .hi-s{stroke:var(--pc-leaf)}
[aria-selected=true] .pc-mini,.pc-mini-s{background:var(--pc-leaf-t);box-shadow:inset 0 0 0 1.5px var(--pc-leaf)}
.pc-tt{display:grid;gap:3px;min-width:0}
.pc-tt b{font:700 17px/1.2 var(--pc-head);letter-spacing:-.01em}
.pc-tt small{font-size:13.5px;line-height:1.35;color:var(--pc-muted)}
.pc-panel{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(16px,2.2vw,28px);align-items:start;border-radius:24px}
.pc-panel:focus-visible{outline-offset:6px}
.pc-call{padding:20px 22px 24px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--pc-line)}
.pc-call-h{display:flex;justify-content:space-between;gap:10px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--pc-line)}
.pc-call-h .mono{font-size:10.5px;color:var(--pc-muted)}
.pc-lines{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:16px}
.pc-lines::before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:2px;border-radius:1px;background:var(--pc-line)}
.pc-lines li{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.pc-lines .who{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:500 11px/1 var(--mono);letter-spacing:.04em}
.pc-lines .ai .who{background:var(--pc-leaf-b);color:#fff}
.pc-lines .cl .who{background:#fff;color:var(--pc-roof);box-shadow:inset 0 0 0 1.5px var(--pc-line2)}
.pc-lines .who svg{width:15px;height:15px}
.pc-lines p{margin:0;font-size:15.5px;line-height:1.55}
.pc-lines .lbl{margin-bottom:3px;font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-lines .ai .lbl{color:var(--pc-leaf-d)}
.pc-lines .cl p:not(.lbl){font-weight:600}
.pc-sheet{position:relative;padding:20px 22px 20px;border-radius:24px;background-color:#fff;
  background-image:linear-gradient(#eef4f6 1px,transparent 1px),linear-gradient(90deg,#eef4f6 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px;
  box-shadow:0 0 0 1px var(--pc-line),0 30px 50px -36px rgba(21,41,31,.55)}
.pc-sheet header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--pc-ink)}
.pc-sheet h3{margin:0;font:800 23px/1.1 var(--pc-head);letter-spacing:-.02em}
.pc-sheet header .mono{margin:5px 0 0;font-size:10px;color:var(--pc-muted)}
.pc-said{margin-top:16px;padding:12px 14px 13px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--pc-line)}
.pc-said .mono{margin:0;font-size:10px;color:var(--pc-leaf-d)}
.pc-said .q{margin:6px 0 0;font:600 17px/1.4 var(--body)}
.pc-sheet dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:8px 0 0}
.pc-sheet dl div{padding:10px 0;border-bottom:1px dashed var(--pc-line2)}
.pc-sheet dl .wide{grid-column:1/-1}
.pc-sheet dt{font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-sheet dd{margin:4px 0 0;font:500 15.5px/1.35 var(--body)}
.pc-status{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:11px 14px;border-radius:12px;background:var(--pc-leaf-t);color:#1f5e3d;font:600 13.5px/1.45 var(--body)}
.pc-lic{width:18px;height:18px;flex:none}
.pc-status .pc-lic{margin-top:1px}

/* ---------------------------------------------------------------- where it stops: it listens, your techs identify */
.pc-limits{padding-block:clamp(64px,8vw,120px);background:#fff}
.pc-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(56px,6vw,76px)}
.pc-does,.pc-dont{position:relative;padding:clamp(24px,2.6vw,34px);border-radius:26px}
.pc-does{background:var(--pc-sky2)}
.pc-dont{background:var(--pc-roof);color:#fff}
.pc-lh{display:flex;align-items:center;gap:14px}
.pc-lhi{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px}
.pc-lhi svg{width:21px;height:21px}
.pc-does .pc-lhi{background:#fff;color:var(--pc-leaf-d);box-shadow:0 0 0 1px var(--pc-line)}
.pc-dont .pc-lhi{background:rgba(255,255,255,.1);color:#fff}
.pc-lh h3{margin:0;font:800 26px/1.05 var(--pc-head);letter-spacing:-.02em}
.pc-lh p{margin:5px 0 0;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-dont .pc-lh p{color:#b9ced4}
.pc-lists ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px}
.pc-lists li{display:flex;gap:12px;font-size:16px;line-height:1.45}
.pc-lists li svg{width:18px;height:18px;flex:none;margin-top:2px}
.pc-does li svg{color:var(--pc-leaf)}
.pc-dont li{color:#e6eef1}
.pc-dont li svg{color:#9fc0c9}
.pc-lens{position:absolute;right:clamp(-12px,-.8vw,-4px);top:clamp(-58px,-4.2vw,-42px);width:clamp(112px,11.5vw,156px);height:auto;
  filter:drop-shadow(0 14px 16px rgba(21,41,31,.3));animation:pc-float 6.5s ease-in-out infinite;animation-play-state:paused}
@keyframes pc-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:-6px 5px;rotate:-5deg}}
.pc-bigwalk{animation:pc-walk 6.5s ease-in-out infinite;animation-play-state:paused}
@keyframes pc-walk{0%,100%{translate:-7px 3px}50%{translate:9px -3px}}
.pc-limits.pc-on .pc-lens,.pc-limits.pc-on .pc-bigwalk{animation-play-state:running}

/* ---------------------------------------------------------------- setup: four steps beside a service-area map */
.pc-setup{padding-block:clamp(64px,8vw,120px);background:var(--pc-sky2)}
.pc-setup-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.pc-map{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#f1f7f3;box-shadow:0 0 0 1px var(--pc-line),0 30px 60px -44px rgba(21,41,31,.5)}
.pc-map svg{display:block;width:100%;height:auto}
.pc-map figcaption{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;
  box-shadow:0 0 0 1px var(--pc-line);font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-map figcaption i{width:16px;height:0;border-top:2.5px dashed var(--pc-leaf)}
.pc-area{animation:pc-march 1.8s linear infinite;animation-play-state:paused}
.pc-map.pc-on .pc-area{animation-play-state:running}
@keyframes pc-march{to{stroke-dashoffset:-18}}
.pc-mlab text{font:600 12px var(--body);fill:var(--pc-leaf-d)}
.pc-mtown text{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:#6f807a}
.pc-mn{font:600 10px var(--mono);fill:var(--pc-roof)}
.pc-map.pc-pop .pc-mpin{opacity:0;translate:0 -16px;transition:opacity .4s ease,translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.2s + var(--i) * .16s)}
.pc-map.pc-pop.pc-in .pc-mpin{opacity:1;translate:0 0}
.pc-setlist{list-style:none;margin:30px 0 0;padding:0;display:grid}
.pc-setlist li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--pc-line)}
.pc-setlist li:last-child{border-bottom:1px solid var(--pc-line)}
.pc-setlist .n{font:800 24px/1.1 var(--pc-head);letter-spacing:-.02em;color:var(--pc-leaf)}
.pc-setlist h3{margin:0;font:700 19px/1.25 var(--pc-head);letter-spacing:-.01em}
.pc-setlist p{margin:6px 0 0;font-size:15.5px;line-height:1.55;color:var(--pc-muted)}
.pc-watch{margin-top:28px}
.pc-watch svg{width:13px;height:13px;color:var(--pc-leaf)}

/* ---------------------------------------------------------------- pricing: a season of calls, one slider */
.pc-price{padding-block:clamp(64px,8vw,120px);background:#fff}
.pc-price-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.pc-big{display:flex;align-items:baseline;gap:0 10px;margin:0;font:800 clamp(60px,7vw,100px)/.9 var(--pc-head);letter-spacing:-.045em;color:var(--pc-ink)}
.pc-big .cur{align-self:flex-start;margin-top:.08em;font-size:.42em;color:var(--pc-leaf)}
.pc-big .per{font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-calc{margin-top:clamp(32px,4vw,48px);padding:clamp(20px,3vw,36px);border-radius:28px;background:var(--pc-sky2);box-shadow:0 0 0 1px var(--pc-line)}
.pc-calc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 32px;flex-wrap:wrap}
.pc-cap{margin:0;display:grid;gap:7px}
.pc-cap .mono{font-size:10.5px;color:var(--pc-leaf-d)}
.pc-cap span:last-child{font:700 20px/1.2 var(--pc-head);letter-spacing:-.01em}
.pc-read{margin:0;display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:4px 12px}
.pc-read b{font:700 clamp(22px,2.2vw,30px)/1 var(--pc-head);font-variant-numeric:tabular-nums}
.pc-read .eq{font:700 22px/1 var(--pc-head);color:#8aa09a}
.pc-read strong{font:800 clamp(40px,4.2vw,58px)/1 var(--pc-head);letter-spacing:-.03em;color:var(--pc-leaf-d);font-variant-numeric:tabular-nums}
.pc-read .mono{flex-basis:100%;text-align:right;font-size:10.5px;color:var(--pc-muted)}
.pc-chart{--lv:calc(.1 + var(--p,.2222) * .9);position:relative;height:clamp(150px,17vw,210px);margin-top:26px}
.pc-bars{position:absolute;left:0;right:0;top:0;bottom:24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(5px,1vw,14px);align-items:end}
.pc-bar{position:relative;height:calc(var(--v) * 100%);border-radius:9px 9px 3px 3px;background:#cfe7d8}
.pc-bar i{position:absolute;left:0;right:0;bottom:0;height:calc(min(var(--v), var(--lv)) / var(--v) * 100%);border-radius:inherit;background:var(--pc-leaf);transition:height .25s var(--ease)}
.pc-bar span{position:absolute;left:50%;top:calc(100% + 8px);translate:-50% 0;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.pc-bar span b{font-weight:500}
.pc-bar span em{display:none;font-style:normal}
.pc-level{position:absolute;left:-8px;right:-8px;bottom:calc(24px + var(--lv) * (100% - 24px));height:0;border-top:2px dashed var(--pc-ink);transition:bottom .25s var(--ease)}
.pc-level span{position:absolute;right:0;bottom:5px;padding:5px 9px;border-radius:999px;background:var(--pc-ink);color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}
.pc-slider{margin-top:34px}
.pc-sl-lab{display:block;margin-bottom:10px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.pc-slider input{display:block;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.pc-slider input::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--pc-leaf) calc(14px + var(--p,.2222) * (100% - 28px)),#d6e3e6 0)}
.pc-slider input::-moz-range-track{height:10px;border-radius:5px;background:#d6e3e6}
.pc-slider input::-moz-range-progress{height:10px;border-radius:5px;background:var(--pc-leaf)}
.pc-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--pc-leaf),0 4px 12px rgba(21,41,31,.28)}
.pc-slider input::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--pc-leaf),0 4px 12px rgba(21,41,31,.28)}
.pc-marks-row{--row:0px;position:relative;height:calc(52px + var(--row));margin-top:2px}
.pc-mk{--tk:9px;--ax:50%;position:absolute;top:0;left:calc(14px + var(--f) * (100% - 28px));translate:calc(-1 * var(--ax)) 0;display:grid;justify-items:center;gap:4px;padding:14px 8px 6px;
  border:0;border-radius:10px;background:transparent;color:var(--pc-ink);cursor:pointer}
.pc-mk::before{content:"";position:absolute;left:var(--ax);top:calc(9px - var(--tk));width:2px;height:var(--tk);margin-left:-1px;border-radius:1px;background:#9db3ac}
.pc-mk b{font:600 14px/1.1 var(--body);white-space:nowrap}
.pc-mk span{font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--pc-muted);white-space:nowrap}
.pc-mk:hover b,.pc-mk[aria-pressed=true] b{color:var(--pc-leaf-d)}
.pc-mk[aria-pressed=true]::before{background:var(--pc-leaf)}
.pc-mk.k0{--ax:26%}
.pc-est{margin:10px 0 0;font-size:13.5px;color:var(--pc-muted)}
.pc-facts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}
.pc-facts li{display:flex;gap:10px;font-size:15px;line-height:1.5}
.pc-facts svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--pc-leaf)}

/* ---------------------------------------------------------------- FAQ */
.pc-faq{padding-block:clamp(64px,8vw,120px);background:var(--pc-sky2)}
.pc-faq-in{max-width:900px}
.pc-head-c{margin-inline:auto;text-align:center}
.pc-faq-list{margin-top:clamp(32px,4vw,48px)}
.pc-faq summary i{color:var(--pc-leaf)}

/* ---------------------------------------------------------------- closing: one more room under the roof */
.pc-close{padding-top:clamp(28px,3.6vw,56px);background:linear-gradient(180deg,var(--pc-sky2) 0,#fff 30%,var(--pc-sky) 100%)}
.pc-close::after{content:"";display:block;height:14px;background:#c3e4c8;box-shadow:inset 0 3px 0 #b0d9b7}
.pc-home{max-width:980px;margin:0 auto}
.pc-roofsvg{display:block;width:100%;height:auto;margin-bottom:-1px}
.pc-room{margin-inline:calc(56 / 960 * 100%);padding:clamp(34px,4.6vw,62px) clamp(14px,4vw,48px) clamp(40px,5vw,66px);text-align:center;
  background:#fbfdfd padding-box;border-inline:10px solid #fff;
  box-shadow:-1px 0 0 var(--pc-line),1px 0 0 var(--pc-line),inset 1px 0 0 var(--pc-line),inset -1px 0 0 var(--pc-line)}
.pc-close h2{margin:0 auto;font-size:clamp(32px,4.4vw,58px);line-height:1.02}
.pc-close h2 > span{display:block}
.pc-close .pc-cta{justify-content:center;margin-top:30px}
.pc-floor{height:14px;margin-inline:calc(40 / 960 * 100%);border-radius:3px 3px 0 0;background:var(--pc-wood);box-shadow:inset 0 2px 0 var(--pc-wood-d)}

/* ---------------------------------------------------------------- footer */
.pc-foot{background:var(--pc-ink);color:#fff}
.pc-foot .grid3 i:not(.o){background:#7fcf9f}
.pc-foot .grid3 i.o{box-shadow:inset 0 0 0 1.5px #7fcf9f}
.pc-foot .p3-tag{font:700 21px/1.2 var(--pc-head);font-style:normal;letter-spacing:-.01em}

/* ---------------------------------------------------------------- narrower screens */
@media (min-width:1101px){
  .pc-art{margin-right:clamp(-96px,calc((1240px - 100vw) / 2 - 24px),0px)}
}
@media (max-width:1100px){
  .pc-card{padding:18px 18px 20px}
  .pc-card h3{font-size:18px}
  .pc-rm{grid-template-columns:minmax(0,1fr)}
  .pc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .pc-steps{grid-template-columns:minmax(0,1fr);gap:18px}
  .pc-step{flex-direction:row;gap:18px}
  .pc-card{margin-top:0}
  .pc-trailbox:not(.pc-drawn) .pc-steps::before{left:27px;right:auto;top:0;bottom:0;width:4px;height:auto;
    background:radial-gradient(circle,#b3d6c1 1.6px,transparent 2px) 50% 0/4px 10px repeat-y}
}
@media (max-width:900px){
  .pc-hero-in{grid-template-columns:minmax(0,1fr)}
  .pc-copy{padding-bottom:0}
  .pc-hero h1{font-size:clamp(38px,7.6vw,64px)}
  .pc-art{justify-self:center;width:100%;max-width:620px;margin-top:clamp(24px,4vw,40px)}
  .pc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-panel{grid-template-columns:minmax(0,1fr)}
  .pc-lists,.pc-setup-grid{grid-template-columns:minmax(0,1fr)}
  .pc-setup-copy{order:-1}
  .pc-lists .pc-dont{margin-top:40px}
  .pc-marks-row{--row:40px}
  .pc-mk.k0{top:var(--row);--tk:calc(9px + var(--row))}
}
@media (max-width:600px){
  .pc-hero h1{font-size:clamp(38px,11vw,56px)}
  .pc-tabs [role=tab]{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 12px 14px}
  .pc-mini{width:42px;height:42px}
  .pc-call{padding:18px 16px 20px}
  .pc-sheet{padding:18px 16px 18px}
  .pc-sheet dl{grid-template-columns:minmax(0,1fr)}
  .pc-card{padding:18px 18px 20px}
  .pc-step{gap:14px}
  .pc-badge{width:50px;height:50px;font-size:17px}
  .pc-facts{grid-template-columns:minmax(0,1fr)}
  .pc-read{justify-content:flex-start}
  .pc-read .mono{text-align:left}
  .pc-bar span b{display:none}
  .pc-bar span em{display:inline}
  .pc-mk b{font-size:13px}
  .pc-room{border-inline-width:6px}
  .pc-mlab,.pc-mtown{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pc-note,.pc-lk,.pc-ring,.pc-mouse,.pc-wing,.pc-area,.pc-lens,.pc-bigwalk{animation:none}
  .pc-map.pc-pop .pc-mpin{opacity:1;translate:none;transition:none}
  .pc-bar i,.pc-level{transition:none}
}