@font-face{font-family:'Plex Hebrew';font-weight:400;font-display:swap;src:url(fonts/plexsanshebrew-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Plex Hebrew';font-weight:400;font-display:swap;src:url(fonts/plexsanshebrew-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plex Hebrew';font-weight:500;font-display:swap;src:url(fonts/plexsanshebrew-500-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Plex Hebrew';font-weight:500;font-display:swap;src:url(fonts/plexsanshebrew-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plex Hebrew';font-weight:700;font-display:swap;src:url(fonts/plexsanshebrew-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Plex Hebrew';font-weight:700;font-display:swap;src:url(fonts/plexsanshebrew-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --paper:#EEF2F3; --paper2:#E3E9EB; --white:#FAFCFC; --ink:#0D1215; --ink2:#46535A; --rule:rgba(13,18,21,.16); --rule2:rgba(13,18,21,.55);
  --blue:#00607A; --blue-d:#004A5E; --heat:#FF5A1F; --heat-d:#B83A0C;
  --f:'Plex Hebrew',system-ui,'Segoe UI',Arial,sans-serif;
  --pad:clamp(18px,4.5vw,64px); --max:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17.5px;line-height:1.6;overflow-x:hidden;padding-bottom:76px}
@media (min-width:900px){body{padding-bottom:0}}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.15;font-weight:700}
p{margin:0}
.num{font-variant-numeric:tabular-nums lining-nums;unicode-bidi:isolate}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:60}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:3px solid var(--heat);outline-offset:3px}
.muted{color:var(--ink2)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:17px;border:2px solid var(--blue);border-radius:3px;transition:background .15s}
.btn::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--heat);flex:none}
.btn:hover{background:var(--blue-d);border-color:var(--blue-d)}
.btn-sm{min-height:44px;padding:8px 16px;font-size:15.5px}
.btn-ghost{background:transparent;color:var(--blue)}
.btn-ghost:hover{background:var(--blue);color:#fff}
.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-light:hover{background:#fff;border-color:#fff}
.link{color:var(--blue);font-weight:500;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(238,242,243,.94);border-bottom:1px solid var(--rule2);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px)}
.top-in{max-width:var(--max);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;gap:20px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;margin-inline-end:auto;min-height:44px}
.dial{width:36px;height:36px;flex:none}
.dial circle{fill:none;stroke:var(--ink);stroke-width:2.4}
.dial .ticks{stroke:var(--ink);stroke-width:2.4}
.dial .needle{stroke:var(--heat);stroke-width:3.2;stroke-linecap:round}
.dial .hub{fill:var(--ink);stroke:none}
.mark-t{display:flex;flex-direction:column;line-height:1.1}
.mark-t b{font-size:21px;letter-spacing:-.01em}
.mark-t span{font-size:12.5px;color:var(--ink2);margin-top:3px}
.top nav{display:none;gap:4px}
.top nav a{text-decoration:none;font-size:15.5px;padding:10px 12px;color:var(--ink2);font-weight:500}
.top nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
@media (min-width:900px){.top nav{display:flex}}

/* hero */
.hero{max-width:var(--max);margin:0 auto;padding:clamp(26px,5vw,64px) var(--pad) clamp(30px,5vw,60px);display:grid;gap:34px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink2);border-bottom:1px solid var(--rule);padding-bottom:12px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(0,96,122,.15)}
.readout{margin:18px 0 22px;display:grid;gap:2px}
.ro{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--rule);padding:4px 0 6px}
.ro-l{font-size:clamp(22px,5.6vw,34px);font-weight:500;color:var(--ink2);min-width:3.2em}
.ro-v{font-size:clamp(84px,25vw,172px);font-weight:700;line-height:.9;letter-spacing:-.04em}
.ro-dot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ro-out .ro-v{color:var(--heat)}
.ro-in .ro-v{color:var(--blue)}
.lead{font-size:clamp(18.5px,2.2vw,21px);max-width:34em;margin-bottom:24px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.spec{margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.spec div{padding:11px 0 11px 12px;border-bottom:1px solid var(--rule)}
.spec div:nth-child(odd){border-inline-end:1px solid var(--rule);padding-inline-end:0}
.spec div:nth-child(even){padding-inline-start:14px}
.spec dt{font-size:12.5px;color:var(--ink2);font-weight:500;letter-spacing:.02em}
.spec dd{margin:2px 0 0;font-weight:700;font-size:16px}
.hero-fig{margin:0;position:relative}
.hero-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--rule2)}
figcaption{font-size:13.5px;color:var(--ink2);padding-top:8px;line-height:1.45}
figcaption .num{font-weight:700;color:var(--ink);margin-inline-end:6px;font-size:12.5px;letter-spacing:.04em}
@media (min-width:960px){
  .hero{grid-template-columns:1.25fr .9fr;align-items:start;gap:56px}
  .hero-fig{margin-top:44px}
  .ro-v{font-size:clamp(120px,12vw,180px)}
}

/* intro strip */
.intro{background:var(--ink);color:var(--paper);padding:26px var(--pad);display:grid;gap:10px}
.intro-k{font-size:clamp(40px,9vw,64px);font-weight:700;color:var(--heat);line-height:1;letter-spacing:-.03em}
.intro-t{max-width:52em;font-size:17.5px}
@media (min-width:900px){.intro{grid-template-columns:auto 1fr;align-items:center;gap:40px;padding-inline:max(var(--pad),calc((100% - var(--max))/2 + var(--pad)))}}

/* sections */
.sec{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,96px) var(--pad) 0}
.sec-h{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:26px}
.sec-n{font-size:15px;font-weight:700;color:var(--blue);letter-spacing:.06em}
.sec-h h2{font-size:clamp(30px,5.4vw,48px);letter-spacing:-.015em}
.sec-sub{grid-column:1/-1;color:var(--ink2);max-width:46em;margin-top:10px}

/* services spec sheet */
.table-wrap{border-top:1px solid var(--rule2)}
.sheet{width:100%;border-collapse:collapse}
.sheet thead{display:none}
.sheet tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:18px 0;border-bottom:1px solid var(--rule)}
.sheet th[scope=row]{grid-column:1/-1;text-align:start;font-size:20px;display:flex;align-items:baseline;gap:10px}
.s-idx{font-size:13px;color:var(--blue);font-weight:700;letter-spacing:.05em}
.s-inc{grid-column:1/-1;color:var(--ink2);font-size:16px}
.s-price,.s-time{display:flex;flex-direction:column;font-size:15px;padding-top:6px;border-top:1px dashed var(--rule)}
.lbl{font-size:12px;color:var(--ink2);font-weight:500;letter-spacing:.02em}
.s-price b{font-size:28px;line-height:1.1;letter-spacing:-.02em}
.s-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:2px}
.s-price .lbl{flex-basis:100%}
.s-price small{flex-basis:100%;font-size:12.5px;color:var(--ink2)}
.s-time{font-weight:500}
.bar{display:block;height:4px;background:var(--paper2);margin-top:8px;max-width:140px;position:relative}
.bar i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--v)*12.5%);background:var(--blue)}
@media (min-width:900px){
  .sheet thead{display:table-header-group}
  .sheet tr{display:table-row}
  .sheet th,.sheet td{padding:18px 16px 18px 0;vertical-align:top;border-bottom:1px solid var(--rule);text-align:start}
  .sheet thead th{font-size:13px;font-weight:500;color:var(--ink2);padding-block:10px;border-bottom:1px solid var(--rule2);letter-spacing:.03em}
  .sheet th[scope=row]{display:table-cell;font-size:19px;width:24%}
  .s-idx{display:block;margin-bottom:4px}
  .s-inc{width:46%}
  .s-price,.s-time{display:table-cell;border-top:0;padding-top:18px}
  .s-price .lbl,.s-time .lbl{display:none}
  .s-price small{display:block}
  .sheet tbody tr:hover{background:var(--white)}
}
.services-pics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.services-pics figure{margin:0}
.services-pics figure:first-child{grid-column:1/-1}
.services-pics figure:nth-child(2) img{aspect-ratio:3/4}
.services-pics img{width:100%;object-fit:cover;aspect-ratio:16/10;border:1px solid var(--rule2)}
.services-pics figure:nth-child(3) img{aspect-ratio:3/4}
@media (min-width:900px){
  .services-pics{grid-template-columns:1.5fr .8fr 1.2fr;align-items:end}
  .services-pics figure:first-child{grid-column:auto}
  .services-pics figure:nth-child(3) img{aspect-ratio:4/3}
}

/* troubleshooter */
.tb-list{border-top:1px solid var(--rule2)}
.tb{border-bottom:1px solid var(--rule)}
.tb summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 0;font-size:clamp(19px,2.4vw,23px);font-weight:700}
.tb summary::-webkit-details-marker{display:none}
.tb-n{font-size:13px;color:var(--blue);font-weight:700;letter-spacing:.05em;min-width:22px}
.tb-q{flex:1}
.tb-x{width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;position:relative;flex:none}
.tb-x::before,.tb-x::after{content:"";position:absolute;inset-inline-start:7px;top:12.25px;width:11px;height:1.5px;background:var(--ink)}
.tb-x::after{transform:rotate(90deg);transition:transform .2s}
.tb[open] .tb-x{background:var(--ink)}
.tb[open] .tb-x::before{background:var(--paper)}
.tb[open] .tb-x::after{transform:rotate(0);background:var(--paper)}
.tb summary:hover .tb-q{color:var(--blue)}
.tb-body{display:grid;gap:0;padding:0 0 22px;margin-inline-start:36px}
.tb-body>div{padding:12px 0;border-top:1px dashed var(--rule)}
.tb-body h3{font-size:12.5px;font-weight:700;color:var(--ink2);letter-spacing:.04em;margin-bottom:4px}
.tb-body p{font-size:16.5px}
.tb-call h3{color:var(--heat-d)}
.tb-call{position:relative}
@media (min-width:900px){
  .tb-body{grid-template-columns:1fr 1fr 1fr;gap:28px}
  .tb-body>div{border-top:2px solid var(--rule)}
  .tb-call{border-top-color:var(--heat)!important}
}
.tb-foot{margin-top:20px;color:var(--ink2)}
.tb-foot a{color:var(--blue);font-weight:700;text-underline-offset:4px}

/* season */
.season-grid{display:grid;gap:22px}
.ss{background:var(--white);border:1px solid var(--rule2);padding:22px 20px 24px;position:relative}
.ss .ss-t{color:var(--ink);font-size:clamp(64px,14vw,100px);font-weight:700;line-height:.95;letter-spacing:-.04em;margin-bottom:12px}
.ss.ss-summer .ss-t{color:var(--heat)}
.ss.ss-winter .ss-t{color:var(--blue)}
.ss h3{font-size:20px;margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.ss p{color:var(--ink2);font-size:16.5px}
.check{list-style:none;padding:0;margin:14px 0 0}
.check li{position:relative;padding:7px 26px 7px 0;border-top:1px dashed var(--rule);font-size:16px;font-weight:500}
.check li::before{content:"";position:absolute;inset-inline-start:2px;top:14px;width:10px;height:5px;border-inline-start:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg) scaleX(-1)}
.ss-fig{margin:0}
.ss-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule2)}
@media (min-width:960px){.season-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch}.ss-fig img{height:calc(100% - 52px);aspect-ratio:auto}}

/* steps */
.step-list{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s}
.step-list li{display:grid;grid-template-columns:54px 1fr;column-gap:12px;padding:18px 0;border-bottom:1px solid var(--rule)}
.st-n{grid-row:span 2;font-size:44px;font-weight:700;line-height:1;color:var(--blue)}
.step-list h3{font-size:20px;margin-bottom:4px}
.step-list p{color:var(--ink2);font-size:16.5px}
@media (min-width:900px){
  .step-list{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule2)}
  .step-list li{grid-template-columns:1fr;border-bottom:0;border-inline-start:1px solid var(--rule);padding:20px 22px 10px}
  .step-list li:first-child{border-inline-start:0;padding-inline-start:0}
  .st-n{grid-row:auto;margin-bottom:16px;font-size:56px}
}

/* office */
.office{display:grid;gap:26px}
.office-txt>p{font-size:17.5px;max-width:36em}
.office .check{margin-bottom:24px}
.office-fig{margin:0}
.office-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule2)}
@media (min-width:960px){.office{grid-template-columns:1fr 1fr;gap:56px;align-items:end}}

/* area */
.area-grid{display:grid;grid-template-columns:1fr;gap:20px}
.hoods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule2)}
.hoods li{padding:11px 0;border-bottom:1px solid var(--rule);font-weight:500;font-size:16.5px;display:flex;align-items:center;gap:10px}
.hoods li::before{content:"";width:6px;height:6px;background:var(--blue);flex:none}
.hoods li:nth-child(odd){padding-inline-end:10px}
.area-fig{margin:0}
.area-fig img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--rule2)}
@media (min-width:700px){.hoods{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){.area-grid{grid-template-columns:2.2fr 1fr;gap:48px}.area-fig img{aspect-ratio:3/4}}

/* hours */
.hours-grid{display:grid;gap:22px}
.hrs{border-collapse:collapse;width:100%;max-width:520px;border-top:2px solid var(--ink)}
.hrs th,.hrs td{padding:14px 0;border-bottom:1px solid var(--rule);text-align:start;font-size:18px}
.hrs th{font-weight:500}
.hrs td{text-align:end;font-weight:700;font-size:22px}
.hrs tr:last-child td{color:var(--ink2);font-size:18px}
.hours-note p{max-width:32em;margin-bottom:10px}
@media (min-width:900px){.hours-grid{grid-template-columns:1fr 1fr;gap:56px}}

/* faq */
.fq-list{border-top:1px solid var(--rule2);max-width:900px}
.fq{border-bottom:1px solid var(--rule)}
.fq summary{cursor:pointer;list-style:none;padding:16px 0 16px 40px;min-height:56px;font-weight:700;font-size:18.5px;position:relative}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";position:absolute;inset-inline-end:4px;top:12px;font-size:26px;font-weight:400;color:var(--blue);line-height:1.2}
.fq[open] summary::after{content:"−"}
.fq p{padding:0 0 18px;color:var(--ink2);max-width:44em}

/* cta */
.cta{margin:clamp(56px,8vw,110px) 0 0;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr}
.cta-fig{margin:0}
.cta-fig img{width:100%;height:220px;object-fit:cover}
.cta-txt{padding:30px var(--pad) 40px}
.cta-k{font-size:clamp(72px,16vw,120px);font-weight:700;line-height:.9;letter-spacing:-.04em;color:#fff;opacity:.95}
.cta h2{font-size:clamp(28px,5vw,44px);margin:10px 0 10px}
.cta p:not(.cta-k){max-width:30em;margin-bottom:22px;opacity:.92}
@media (min-width:900px){.cta{grid-template-columns:1fr 2fr}.cta-fig img{height:100%;min-height:380px}.cta-txt{padding:56px 64px;align-self:center}}

/* footer */
.foot{background:var(--ink);color:var(--paper);font-size:15px}
.foot-in{max-width:var(--max);margin:0 auto;padding:28px var(--pad) 32px;display:grid;gap:12px}
.foot-by a{color:var(--paper);opacity:.8;text-underline-offset:4px;display:inline-flex;min-height:44px;align-items:center}
@media (min-width:900px){.foot-in{grid-template-columns:2fr 2fr 1fr;align-items:center}.foot-by{text-align:end}}

/* mobile dock */
.dock{position:fixed;inset-inline:0;bottom:0;z-index:50;display:flex;align-items:stretch;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid #000}
.dock-t{display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(238,242,243,.3);color:var(--heat);font-weight:700;font-size:22px;border-radius:3px}
.dock-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:17.5px;border-radius:3px}
.dock-btn::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--heat)}
@media (min-width:900px){.dock{display:none}}

p.num[dir=ltr]{text-align:right}
