/* ================================================================ Painting contractors: fresh coat (pure white walls, painter's tape, a roller stroke) */
:root{
  --pn-ink:#23252a; --pn-ink2:#3a3d44; --pn-muted:#5a5e67; --pn-line:#e1e3e7; --pn-soft:#f4f5f7; --pn-primer:#e6e8eb;
  --pn-tape:#2f8cff; --pn-tape-d:#1767d6;
  --pn-forest:#1f5e45; --pn-mustard:#e3a72f; --pn-dusty:#6d8fb3; --pn-blush:#e8a5a0;
  --pn-disp:'Unbounded','DM Sans',system-ui,sans-serif;
}
.pg-pnt{background:#fff;color:var(--pn-ink)}
.pg-pnt h1,.pg-pnt h2{color:var(--pn-ink);text-wrap:balance}
.pg-pnt h2{margin:14px 0 0;font:800 clamp(28px,3.4vw,48px)/1.08 var(--pn-disp);letter-spacing:-.035em}
.pg-pnt :focus-visible{outline-color:var(--pn-tape)}
.pnt-head{max-width:720px}
.pnt-head p{margin:16px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:var(--pn-muted);text-wrap:pretty}
.pnt-head .lab{margin:0;max-width:none;font-size:11.5px;line-height:1.2;color:var(--pn-muted)}
.pnt-head-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.pnt-head-row > div{max-width:720px}
.pnt-lab{color:var(--pn-muted)}
.pnt-lab::before{content:"";width:22px;height:14px;flex:none;border-radius:2px;background:var(--c,var(--pn-mustard));box-shadow:inset 0 0 0 1px rgba(35,37,42,.1)}
.pnt-btn-ink{background:var(--pn-ink);color:#fff}
.pnt-btn-ink:hover{background:#3d4048}
.pnt-btn-line{background:#fff;color:var(--pn-ink);box-shadow:inset 0 0 0 1.5px var(--pn-ink)}
.pnt-btn-line:hover{background:var(--pn-soft)}
.pnt-btn-wh{background:#fff;color:var(--pn-ink)}
.pnt-btn-wh:hover{background:#e9f1ec}
.pnt-btn-whl{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.72)}
.pnt-btn-whl:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px #fff}
.pnt-cta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ---------------------------------------------------------------- painter's tape: crepe texture, torn ends */
.pnt-tape{position:absolute;z-index:3;pointer-events:none;--tw:clamp(20px,2.3vw,32px);--ti:clamp(8px,1.1vw,16px);filter:drop-shadow(0 1px 1px rgba(12,42,96,.24))}
.pnt-tape-tl{left:0;top:0}
.pnt-tape-br{right:0;bottom:0}
.pnt-tp{position:absolute;display:block;opacity:.95;background-color:var(--pn-tape)}
.pnt-tp-h{height:var(--tw);width:clamp(140px,21vw,310px);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,rgba(255,255,255,0) 1px 4px,rgba(8,36,90,.07) 4px 5px,rgba(255,255,255,0) 5px 9px),
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%,rgba(8,36,90,.1))}
.pnt-tp-v{width:var(--tw);height:clamp(64px,9vw,200px);
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.11) 0 1px,rgba(255,255,255,0) 1px 4px,rgba(8,36,90,.07) 4px 5px,rgba(255,255,255,0) 5px 9px),
    linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%,rgba(8,36,90,.1))}
.pnt-tape-tl .pnt-tp-h{left:-10px;top:var(--ti);
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 14%,calc(100% - 5px) 29%,calc(100% - 1px) 45%,calc(100% - 6px) 60%,calc(100% - 2px) 76%,100% 89%,calc(100% - 5px) 100%,0 100%)}
.pnt-tape-tl .pnt-tp-v{left:var(--ti);top:-10px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),87% 100%,71% calc(100% - 4px),55% calc(100% - 1px),38% calc(100% - 6px),22% calc(100% - 2px),9% 100%,0 calc(100% - 5px))}
.pnt-tape-br .pnt-tp-h{right:-10px;bottom:var(--ti);
  clip-path:polygon(5px 0,100% 0,100% 100%,4px 100%,0 88%,5px 74%,1px 58%,6px 44%,2px 30%,6px 15%)}
.pnt-tape-br .pnt-tp-v{right:var(--ti);bottom:-10px;
  clip-path:polygon(0 6px,12% 0,27% 5px,44% 1px,61% 6px,77% 2px,91% 5px,100% 0,100% 100%,0 100%)}

/* ---------------------------------------------------------------- hero: a white wall, a fresh stroke, a fan deck */
.pnt-hero{position:relative;overflow:hidden;background:#fff}
.pnt-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;column-gap:clamp(24px,3vw,48px);
  min-height:clamp(600px,calc(100svh - var(--head)),860px);padding-block:clamp(76px,9vw,110px) clamp(64px,6.4vw,96px)}
.pnt-copy{position:relative;z-index:1;min-width:0}
.pnt-k{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font:500 11.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pn-ink2)}
.pnt-k-2{white-space:nowrap}
.pnt-k-sw{display:inline-grid;grid-template-columns:repeat(4,8px);gap:2px}
.pnt-k-sw i{height:15px;border-radius:1.5px;background:var(--pn-forest)}
.pnt-k-sw i:nth-child(2){background:var(--pn-mustard)}
.pnt-k-sw i:nth-child(3){background:var(--pn-dusty)}
.pnt-k-sw i:nth-child(4){background:var(--pn-blush)}
.pnt-h1wrap{--lead:clamp(26px,5.6vw,92px);--len:clamp(1000px,132vw,1900px);position:relative;z-index:0;margin-top:clamp(22px,2.4vw,32px)}
.pnt-hero h1{position:relative;margin:0;font:800 clamp(38px,5.6vw,80px)/1.04 var(--pn-disp);letter-spacing:-.04em}
.pnt-hero h1 > span{display:block}
.pnt-stroke{position:absolute;display:block;overflow:visible;pointer-events:none;aspect-ratio:2000/260;height:auto}
.pnt-stroke-hero{z-index:-1;left:calc(-1 * var(--lead));top:76%;width:var(--len);transform:translateY(-50%) rotate(-11deg);transform-origin:0 50%}
.pnt-roller{visibility:hidden}
.pnt-sub{position:relative;z-index:1;margin:clamp(24px,2.5vw,32px) 0 0;max-width:44ch;font-size:clamp(16.5px,1.28vw,18.5px);line-height:1.6;color:var(--pn-ink2);text-wrap:pretty}
.pnt-copy .fine{position:relative;z-index:1;margin-top:20px}
.pg-pnt .fine .dot{background:var(--pn-ink)}

/* the fan deck: long paint strips riveted at the bottom, fanned open to the upper left */
.pnt-fancol{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-end;align-self:center}
.pnt-fan{--L:clamp(250px,31vw,450px);--W:calc(var(--L) * .27);--pb:calc(var(--W) * .12);--px:calc(100% - var(--W) * .78);
  position:relative;width:calc(var(--L) * .8 + var(--W) * 1.25);max-width:100%;height:calc(var(--L) + var(--pb) + 6px)}
.pnt-deck{position:absolute;inset:0;display:block}
.pnt-chip{position:absolute;left:var(--px);bottom:var(--pb);width:var(--W);height:var(--L);margin-left:calc(var(--W) * -.5);
  transform-origin:50% calc(100% - var(--W) * .32);rotate:var(--a);
  display:grid;grid-template-rows:38fr 12fr 12fr 12fr 20fr;gap:calc(var(--W) * .045);padding:calc(var(--W) * .075);
  border-radius:calc(var(--W) * .07);background:#fff;
  box-shadow:0 0 0 1px rgba(35,37,42,.07),0 1px 1px rgba(35,37,42,.1),0 14px 24px -14px rgba(35,37,42,.55);transition:transform .35s var(--ease)}
.pnt-chip-main{display:flex;flex-direction:column;justify-content:flex-start;gap:calc(var(--W) * .03);min-height:0;padding:calc(var(--W) * .075) calc(var(--W) * .07);border-radius:calc(var(--W) * .035);background:var(--c);color:var(--k)}
.pnt-chip-main b{font:700 calc(var(--W) * .122)/1.08 var(--body);letter-spacing:-.015em;white-space:nowrap}
.pnt-chip-main span{font:500 calc(var(--W) * .08)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pnt-chip-t{display:flex;align-items:flex-end;min-height:0;padding:calc(var(--W) * .05) calc(var(--W) * .085);border-radius:calc(var(--W) * .03);background:color-mix(in srgb,var(--c) var(--m),#fff)}
.pnt-chip-t span{font:600 calc(var(--W) * .094)/1.1 var(--body);color:var(--pn-ink);white-space:nowrap}
.pnt-chip:not(:last-of-type) .pnt-chip-t span,.pnt-chip:not(:last-of-type):not(.pnt-chip-cover) .pnt-chip-foot span{visibility:hidden}
.pnt-chip-foot{display:flex;justify-content:center;min-height:0;padding-top:calc(var(--W) * .05)}
.pnt-chip-foot span{font:500 calc(var(--W) * .078)/1 var(--mono);letter-spacing:.06em;color:var(--pn-muted);white-space:nowrap}
.pnt-chip-cover{grid-template-rows:38fr 40fr 20fr}
.pnt-chip-cover .pnt-chip-main{justify-content:flex-start;gap:0}
.pnt-chip-cv{display:flex;align-items:flex-end;padding:calc(var(--W) * .085);border-radius:calc(var(--W) * .035);
  background:repeating-linear-gradient(180deg,var(--pn-forest) 0 22%,#fff 22% 26%,var(--pn-mustard) 26% 48%,#fff 48% 52%,var(--pn-dusty) 52% 74%,#fff 74% 78%,var(--pn-blush) 78% 100%)}
.pnt-chip-cv span{padding:calc(var(--W) * .03) calc(var(--W) * .05);background:#fff;font:500 calc(var(--W) * .078)/1.1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pn-ink)}
.pnt-rivet{position:absolute;z-index:5;left:var(--px);bottom:calc(var(--pb) + var(--W) * .32);width:calc(var(--W) * .2);height:calc(var(--W) * .2);translate:-50% 50%;border-radius:50%;
  background:radial-gradient(circle at 36% 32%,#fff 0 12%,#dfe2e6 28%,#9ea5ae 66%,#5c636b 100%);
  box-shadow:0 0 0 calc(var(--W) * .022) rgba(35,37,42,.6),0 2px 4px rgba(0,0,0,.3)}
@media (hover:hover){ .pnt-chip:hover{transform:translateY(calc(var(--W) * -.16))} }
.pnt-fan-cap{margin:12px 0 0;text-wrap:balance;font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted);text-align:right}

/* ---------------------------------------------------------------- 01 how it works: primer, coat 1, coat 2 */
.pnt-how{position:relative;padding-block:clamp(72px,8.5vw,128px) clamp(64px,8vw,116px)}
.pnt-coats{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pnt-coat{position:relative;min-width:0}
.pnt-wall{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(310px,27vw,360px);padding:58px clamp(16px,2vw,30px) 34px}
.pnt-paint{position:absolute;inset:0;display:block}
.pnt-paint-in{position:absolute;inset:0;display:block}
/* the primer: flat, a touch of roller stipple */
.pnt-coat-1 .pnt-paint-in{background:
  linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(35,37,42,.03)),
  linear-gradient(90deg,rgba(255,255,255,.26) 0 17%,rgba(255,255,255,0) 17% 39%,rgba(255,255,255,.18) 39% 58%,rgba(255,255,255,0) 58% 81%,rgba(255,255,255,.22) 81%),
  var(--pn-primer)}
/* coat 1: vertical roller passes, lap marks, the primer grinning through */
.pnt-coat-2 .pnt-paint{left:-12px;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,6px 95%,11px 88%,3px 80%,9px 71%,1px 62%,8px 53%,2px 45%,10px 36%,4px 27%,11px 19%,5px 10%,10px 4%)}
.pnt-coat-2 .pnt-paint-in{background:
  linear-gradient(90deg,rgba(31,94,69,0) 0 21%,rgba(20,70,50,.28) 21% 21.6%,rgba(31,94,69,0) 21.6% 57%,rgba(20,70,50,.22) 57% 57.5%,rgba(31,94,69,0) 57.5% 86%,rgba(20,70,50,.25) 86% 86.6%,rgba(31,94,69,0) 86.6%),
  linear-gradient(90deg,rgba(230,232,235,.2) 0 5%,rgba(230,232,235,.06) 5% 21%,rgba(31,94,69,.1) 21% 34%,rgba(230,232,235,.12) 34% 44%,rgba(31,94,69,0) 44% 57%,rgba(31,94,69,.12) 57% 71%,rgba(230,232,235,.16) 71% 79%,rgba(31,94,69,.06) 79% 100%),
  linear-gradient(180deg,rgba(230,232,235,.1),rgba(230,232,235,0) 18%,rgba(230,232,235,0) 82%,rgba(230,232,235,.12)),
  linear-gradient(180deg,rgba(31,94,69,.76),rgba(31,94,69,.8) 50%,rgba(31,94,69,.74)),
  var(--pn-primer)}
/* coat 2: full, even, a quiet sheen */
.pnt-coat-3 .pnt-paint{left:-12px;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,7px 94%,12px 86%,4px 78%,10px 69%,3px 60%,9px 51%,2px 42%,9px 34%,3px 25%,11px 16%,5px 7%)}
.pnt-coat-3 .pnt-paint-in{background:
  linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.07) 38%,rgba(255,255,255,0) 58%),
  var(--pn-forest)}
.pnt-coat-tag{position:absolute;z-index:1;left:clamp(16px,2vw,30px);top:20px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pn-ink2)}
.pnt-coat-2 .pnt-coat-tag,.pnt-coat-3 .pnt-coat-tag{color:#fff}
.pnt-mini{position:relative;z-index:1;width:100%;max-width:286px;padding:16px 18px 18px;border-radius:12px;background:#fff;color:var(--pn-ink);
  box-shadow:0 1px 2px rgba(35,37,42,.12),0 22px 36px -22px rgba(20,30,26,.6)}
.pnt-mini p{margin:0}
.pnt-mini-k{display:flex;align-items:center;gap:8px;font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-mini-k svg{width:14px;height:14px;flex:none;color:var(--pn-ink)}
.pnt-mini-k em{margin-left:auto;padding:3px 6px;border-radius:4px;background:var(--pn-soft);font-style:normal;font-size:9.5px;letter-spacing:.1em;color:var(--pn-muted)}
.pnt-mini-n{margin-top:6px!important;font:700 17px/1.25 var(--pn-disp);letter-spacing:-.02em}
.pnt-mini-s{margin-top:4px!important;font-size:14px;line-height:1.4;color:var(--pn-muted)}
.pnt-fwd-step{display:flex;align-items:center;gap:12px;margin:10px 0 12px!important;padding-left:2px;font-size:13.5px;line-height:1.35;color:var(--pn-ink2)}
.pnt-fwd-step b{font-weight:500;color:var(--pn-muted)}
.pnt-fwd-line{position:relative;flex:none;width:2px;height:40px;margin-left:6px;background:repeating-linear-gradient(180deg,var(--pn-ink) 0 4px,rgba(35,37,42,0) 4px 8px)}
.pnt-fwd-line::after{content:"";position:absolute;left:-4px;bottom:-2px;width:6px;height:6px;border-right:2px solid var(--pn-ink);border-bottom:2px solid var(--pn-ink);rotate:45deg}
.pnt-greet-q{margin-top:10px!important;font:500 16px/1.45 var(--body);color:var(--pn-ink)}
.pnt-greet-t{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}
.pnt-greet-t li{padding:5px 9px;border-radius:999px;background:#e8f0ec;font:500 12.5px/1.2 var(--body);color:var(--pn-forest)}
.pnt-cal-l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.pnt-cal-l li{display:grid;gap:2px;padding:8px 10px 9px 12px;border-radius:6px;background:var(--pn-soft);box-shadow:inset 4px 0 0 var(--c)}
.pnt-cal-l time{font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-cal-l b{font:600 14.5px/1.3 var(--body)}
.pnt-cal-l span{font-size:13px;line-height:1.3;color:var(--pn-muted)}
.pnt-cal-ok{display:flex;align-items:center;gap:7px;margin-top:12px!important;font:600 13.5px/1.2 var(--body);color:var(--pn-forest)}
.pnt-cal-ok svg{width:16px;height:16px;flex:none}
.pnt-coat-txt{padding:26px clamp(18px,2.4vw,36px) 0 0}
.pnt-coat-txt h3{display:flex;align-items:baseline;gap:12px;margin:0;font:700 clamp(18px,1.55vw,21px)/1.25 var(--pn-disp);letter-spacing:-.025em;color:var(--pn-ink)}
.pnt-coat-no{font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--pn-muted)}
.pnt-coat-txt p{margin:10px 0 0;max-width:40ch;font-size:16px;line-height:1.6;color:var(--pn-muted);text-wrap:pretty}

/* ---------------------------------------------------------------- 02 sample calls: chips for tabs, a big sample card */
.pnt-calls{background:var(--pn-soft);padding-block:clamp(72px,8.5vw,128px)}
.pnt-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:14px;padding-top:10px}
.pnt-tabs [role=tab]{--c:var(--pn-mustard);position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:6px 6px 12px;border:0;border-radius:8px;background:#fff;color:var(--pn-ink);text-align:left;cursor:pointer;
  box-shadow:0 0 0 1px var(--pn-line),0 1px 2px rgba(35,37,42,.06);transition:transform .25s var(--ease),box-shadow .25s}
.pnt-tab-sw{display:block;height:36px;border-radius:4px;background:var(--c)}
.pnt-tab-t{margin:10px 6px 0;font:700 13.5px/1.2 var(--pn-disp);letter-spacing:-.02em;overflow-wrap:anywhere}
.pnt-tab-s{margin:3px 6px 0;font:500 12.5px/1.3 var(--body);color:var(--pn-muted)}
.pnt-tabs [role=tab]:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #c9ccd2,0 10px 18px -12px rgba(35,37,42,.4)}
.pnt-tabs [role=tab][aria-selected=true]{transform:translateY(-4px);box-shadow:0 0 0 2px var(--pn-ink),0 16px 26px -16px rgba(35,37,42,.5)}
.pnt-tabs [role=tab][aria-selected=true]::before{content:"";position:absolute;z-index:1;left:50%;top:-11px;width:58px;height:19px;margin-left:-29px;opacity:.94;rotate:-3deg;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(255,255,255,0) 1px 4px,rgba(8,36,90,.08) 4px 5px,rgba(255,255,255,0) 5px 9px),var(--pn-tape);
  clip-path:polygon(4px 0,calc(100% - 3px) 0,100% 22%,calc(100% - 4px) 48%,100% 76%,calc(100% - 3px) 100%,3px 100%,0 76%,4px 50%,0 24%)}
.pnt-panels{margin-top:clamp(32px,3.4vw,48px)}
.pnt-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start;border-radius:12px}
.pnt-call{padding-top:clamp(0px,1.6vw,22px)}
.pnt-panel:focus-visible{outline-offset:10px}
.pnt-meta{margin:0;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-convo{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:22px}
.pnt-who{margin:0;font:500 11px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-ln-ai .pnt-who{color:var(--pn-tape-d)}
.pnt-say{margin:9px 0 0;text-wrap:pretty}
.pnt-ln-c .pnt-say{font:500 clamp(19px,1.75vw,24px)/1.32 var(--pn-disp);letter-spacing:-.025em;color:var(--pn-ink)}
.pnt-ln-ai .pnt-say{max-width:46ch;padding:2px 0 2px 16px;border-left:3px solid var(--pn-tape);font-size:17px;line-height:1.6;color:var(--pn-ink2)}
.pnt-call-note{margin:24px 0 0;max-width:46ch;font-size:15.5px;line-height:1.55;color:var(--pn-muted)}
.pnt-card{position:relative;width:100%;max-width:520px;justify-self:end;padding:10px;border-radius:12px;background:#fff;
  box-shadow:0 0 0 1px rgba(35,37,42,.06),0 1px 2px rgba(35,37,42,.08),0 34px 56px -34px rgba(35,37,42,.5)}
.pnt-card-sw{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(170px,15vw,200px);padding:18px 20px 20px;border-radius:7px;background:var(--c);color:var(--k)}
.pnt-card-code{position:absolute;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;gap:12px;margin:0;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.pnt-card-sw h3{margin:0;font:800 clamp(22px,2.1vw,29px)/1.1 var(--pn-disp);letter-spacing:-.035em;color:inherit;text-wrap:balance}
.pnt-card-b{margin:9px 0 0;font:500 11.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.pnt-card-in{padding:14px 12px 8px}
.pnt-card-dl{margin:0}
.pnt-card-dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--pn-line)}
.pnt-card-dl dt{font:500 10.5px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-card-dl dd{margin:0;font:500 15.5px/1.45 var(--body);color:var(--pn-ink)}
.pnt-card-ok{display:inline-flex;align-items:center;gap:8px;margin:16px 0 4px;padding:9px 13px;border-radius:999px;background:#e5f0ea;color:var(--pn-forest);font:600 14px/1 var(--body)}
.pnt-card-ok svg{width:16px;height:16px;flex:none}
.pnt-card-k{margin:4px 0 6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-svc{list-style:none;margin:0;padding:0}
.pnt-svc li{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 10px;border-bottom:1px solid var(--pn-line);font:500 15.5px/1.3 var(--body);color:var(--pn-ink2)}
.pnt-svc li > i{width:18px;height:18px;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1.5px #c4c8ce}
.pnt-svc li > svg{width:18px;height:18px;flex:none;padding:2px;border-radius:4px;background:var(--pn-ink);color:#fff}
.pnt-svc .pnt-hit{margin-top:-1px;border-radius:6px;background:color-mix(in srgb,var(--pn-dusty) 20%,#fff);box-shadow:inset 0 0 0 1.5px var(--pn-dusty);font-weight:700;color:var(--pn-ink)}
.pnt-svc em{margin-left:auto;padding:5px 8px;border-radius:4px;background:#fff;font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--pn-ink)}
.pnt-card-f{margin:14px 0 4px;font-size:14px;line-height:1.5;color:var(--pn-muted)}
.pnt-fine{margin:40px 0 0;font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pn-muted)}

/* ---------------------------------------------------------------- 03 read the label */
.pnt-spec{padding-block:clamp(72px,8.5vw,128px)}
.pnt-spec-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,5vw,80px);align-items:start}
.pnt-label{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 0 0 2.5px var(--pn-ink),0 30px 50px -36px rgba(35,37,42,.5)}
.pnt-label-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px 18px;flex-wrap:wrap;padding:18px 22px 16px;background:var(--pn-ink);color:#fff}
.pnt-label-top{position:relative}
.pnt-label-top::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(90deg,var(--pn-forest) 0 25%,var(--pn-mustard) 25% 50%,var(--pn-dusty) 50% 75%,var(--pn-blush) 75%)}
.pnt-label-t{margin:0;font:800 clamp(19px,1.9vw,25px)/1.1 var(--pn-disp);letter-spacing:-.03em}
.pnt-label-s{margin:0;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.pnt-label-s span{margin:0 .3em}
.pnt-spec-dl{margin:0;padding:10px 22px 0}
.pnt-spec-dl div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--pn-line)}
.pnt-spec-dl dt{font:500 11px/1.55 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-spec-dl dd{margin:0;font:500 16px/1.45 var(--body);color:var(--pn-ink)}
.pnt-spec-no{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;margin:18px 22px 22px;padding:14px 16px;border-radius:5px;
  background:repeating-linear-gradient(-45deg,rgba(232,165,160,.34) 0 7px,rgba(232,165,160,.12) 7px 14px);box-shadow:inset 0 0 0 1.5px var(--pn-blush)}
.pnt-spec-no p{margin:0;font-size:15.5px;line-height:1.45;color:var(--pn-ink)}
.pnt-spec-no .pnt-spec-nok{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a3a33}

/* ---------------------------------------------------------------- 04 pricing: the paint can */
.pnt-price{background:#edf2f7;padding-block:clamp(72px,8.5vw,128px)}
.pnt-price-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px clamp(32px,5vw,80px);align-items:end}
.pnt-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;margin:0;font:800 clamp(52px,6vw,84px)/1 var(--pn-disp);letter-spacing:-.06em;color:var(--pn-ink)}
.pnt-big .cur{align-self:flex-start;margin-top:.12em;font-size:.44em;color:var(--pn-tape-d)}
.pnt-big .per{font:500 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-facts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.pnt-facts li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.45;color:var(--pn-ink2)}
.pnt-facts svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--pn-tape-d)}
.pnt-calc{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(40px,4.6vw,64px);
  padding:clamp(22px,3.4vw,48px) clamp(20px,4vw,60px);border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(35,37,42,.06),0 34px 60px -40px rgba(30,52,86,.5)}
.pnt-can-wrap{min-width:0}
.pnt-can{display:block;width:100%;max-width:400px;height:auto;margin:0 auto;overflow:visible}
.pnt-can-sh{fill:rgba(35,37,42,.1)}
.pnt-can-bg{fill:#f5f7fa}
.pnt-can-over{fill:var(--pn-dusty)}
.pnt-can-incl{fill:#b9cbde}
.pnt-can-shade{fill:rgba(35,37,42,.07)}
.pnt-can-surf{fill:#94afcb;stroke:rgba(35,37,42,.22);stroke-width:1.2}
.pnt-can-low .pnt-can-surf{fill:#d3dfeb}
.pnt-can-100{fill:none;stroke:var(--pn-ink);stroke-width:1.8;stroke-dasharray:7 6}
.pnt-can-gl{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;opacity:.5}
.pnt-can-t100{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--pn-ink)}
.pnt-can-ol{fill:none;stroke:var(--pn-ink);stroke-width:3.5;stroke-linejoin:round}
.pnt-can-bead{fill:none;stroke:rgba(35,37,42,.3);stroke-width:1.6}
.pnt-can-tk{stroke:var(--pn-ink);stroke-width:1.6}
.pnt-can-tx{font:500 12px var(--mono);fill:var(--pn-ink2)}
.pnt-can-rim{fill:#e9edf1;stroke:var(--pn-ink);stroke-width:3.5}
.pnt-can-groove{fill:#f7f8fa;stroke:rgba(35,37,42,.4);stroke-width:1.6}
.pnt-can-drip{fill:var(--pn-dusty);stroke:var(--pn-ink);stroke-width:1.4}
.pnt-can-bail{fill:none;stroke:var(--pn-ink);stroke-width:3;stroke-linecap:round}
.pnt-can-ear{fill:#e9edf1;stroke:var(--pn-ink);stroke-width:2.5}
.pnt-calc-ui{min-width:0}
.pnt-calc-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pnt-calc-l label{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted);cursor:pointer}
.pnt-calc-l b{font:800 22px/1 var(--pn-disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pnt-stick{--th:30px;position:relative;height:44px;margin-top:10px}
.pnt-stick::before,.pnt-stick::after{content:"";position:absolute;left:0;top:50%;height:14px;margin-top:-7px;border-radius:7px;pointer-events:none}
.pnt-stick::before{right:0;background:#e6e9ee;box-shadow:inset 0 0 0 1px rgba(35,37,42,.1)}
.pnt-stick::after{width:calc(var(--th) / 2 + var(--p,.2632) * (100% - var(--th)));
  background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.2) 0 .8px,rgba(255,255,255,0) 1.3px) 0 0/5px 5px,var(--pn-dusty)}
.pnt-stick input{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.pnt-stick input::-webkit-slider-runnable-track{height:44px;background:transparent}
.pnt-stick input::-moz-range-track{height:44px;background:transparent}
.pnt-stick input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 9px #fff,inset 0 0 0 30px var(--pn-tape),0 0 0 2.5px var(--pn-ink),0 5px 10px -3px rgba(35,37,42,.45)}
.pnt-stick input::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 9px #fff,inset 0 0 0 30px var(--pn-tape),0 0 0 2.5px var(--pn-ink),0 5px 10px -3px rgba(35,37,42,.45)}
.pnt-stick input:focus{outline:none}
.pnt-stick:has(input:focus-visible){outline:2px solid var(--pn-tape);outline-offset:6px;border-radius:12px}
.pnt-stick-sc{display:flex;justify-content:space-between;margin-top:2px;font:500 10.5px/1 var(--mono);color:var(--pn-muted)}
.pnt-lines{width:100%;margin-top:22px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pnt-lines tbody th{padding:12px 12px 12px 0;border-bottom:1px solid var(--pn-line);text-align:left;font-weight:400}
.pnt-lines tbody th b{display:block;font:600 15.5px/1.3 var(--body)}
.pnt-lines tbody th > span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--pn-muted)}
.pnt-lines tbody td{padding-top:12px;border-bottom:1px solid var(--pn-line);text-align:right;vertical-align:top;white-space:nowrap;font:600 16px/1.3 var(--body)}
.pnt-total{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:20px}
.pnt-total p{margin:0;font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pn-muted)}
.pnt-total strong{font:800 clamp(38px,4vw,56px)/1 var(--pn-disp);letter-spacing:-.055em;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- 05 FAQ */
.pnt-faq{--fq-line:rgba(35,37,42,.14);--fq-muted:var(--pn-muted);padding-block:clamp(72px,8.5vw,128px)}
.pnt-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.pnt-faq-list details{position:relative}
.pnt-faq-list details::before{content:"";position:absolute;left:-18px;top:24px;width:6px;height:0;border-radius:2px;background:var(--pn-mustard);transition:height .3s var(--ease)}
.pnt-faq-list details[open]::before{height:calc(100% - 48px)}
.pnt-faq summary i{color:var(--pn-tape-d)}

/* ---------------------------------------------------------------- closing: the tape comes off, a crisp line */
.pnt-close{--cb:clamp(30px,3vw,42px);--tw:clamp(28px,2.8vw,38px);--peel:62%;position:relative;overflow:hidden;background:var(--pn-forest);color:#fff;
  padding-block:calc(var(--cb) + clamp(76px,8.5vw,124px)) clamp(88px,9.5vw,136px)}
.pnt-close::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cb);background:#fff}
.pnt-close::after{content:"";position:absolute;inset:var(--cb) 0 0;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.05) 48%,rgba(255,255,255,0) 66%)}
.pnt-close-tape{position:absolute;z-index:2;left:0;right:0;top:0;height:calc(var(--cb) + 12px);pointer-events:none;filter:drop-shadow(0 1px 1px rgba(10,30,60,.25))}
.pnt-close-tape i{position:absolute;display:block}
.pnt-ct-on{left:-10px;top:calc(var(--cb) - var(--tw) + 6px);width:calc(var(--peel) + 10px);height:var(--tw);
  background:linear-gradient(180deg,rgba(31,94,69,0) 0 calc(100% - 6px),var(--pn-forest) calc(100% - 6px)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,rgba(255,255,255,0) 1px 4px,rgba(8,36,90,.07) 4px 5px,rgba(255,255,255,0) 5px 9px),
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%,rgba(8,36,90,.1)),var(--pn-tape)}
.pnt-ct-curl{left:calc(var(--peel) - 3px);top:calc(var(--cb) - var(--tw) + 3px);width:15px;height:calc(var(--tw) + 5px);border-radius:0 50% 50% 0 / 0 50% 50% 0;
  background:linear-gradient(90deg,#1b64c9,#5aa2ff 55%,#a8d0ff)}
.pnt-ct-tail{--tl:clamp(120px,15vw,230px);left:calc(var(--peel) - var(--tl) + 8px);top:calc(var(--cb) - var(--tw) + 2px);width:var(--tl);height:var(--tw);transform-origin:100% 50%;rotate:-4deg;box-shadow:0 3px 5px rgba(10,30,60,.25);
  background:linear-gradient(0deg,var(--pn-forest) 0 5px,rgba(31,94,69,0) 5px),linear-gradient(180deg,#b9dbff,#8ec4ff 55%,#6cb0ff);
  clip-path:polygon(6px 0,100% 0,100% 100%,5px 100%,1px 84%,6px 68%,0 52%,5px 36%,1px 20%)}
.pnt-close-in{position:relative;z-index:1;text-align:center}
.pnt-close h2{margin:0 auto;max-width:18ch;color:#fff;font-size:clamp(34px,5.2vw,74px);line-height:1.04;letter-spacing:-.045em}
.pnt-close h2 > span{display:block}
.pnt-close p{margin:24px auto 0;max-width:44ch;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:rgba(255,255,255,.88)}
.pnt-close .pnt-cta{justify-content:center;margin-top:34px}
.pnt-close :focus-visible{outline-color:#fff}

/* ---------------------------------------------------------------- footer */
.pnt-foot{background:var(--pn-ink);color:#fff}
.pnt-foot .grid3 i:not(.o){background:var(--pn-tape)}
.pnt-foot .grid3 i.o{box-shadow:inset 0 0 0 1.5px var(--pn-tape)}
.pnt-foot .p3-tag{font:700 19px/1.2 var(--pn-disp);letter-spacing:-.03em}
.pnt-foot :focus-visible{outline-color:#fff}

/* ---------------------------------------------------------------- narrower screens */
@media (max-width:1100px){
  .pnt-price-top{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
}
@media (max-width:980px){
  .pnt-panel,.pnt-spec-grid,.pnt-price-top,.pnt-faq-grid{grid-template-columns:minmax(0,1fr)}
  .pnt-card{justify-self:start}
  .pnt-call{padding-top:0}
  .pnt-faq-list details::before{left:-12px}
}
@media (max-width:900px){
  .pnt-coats{grid-template-columns:minmax(0,1fr);gap:0}
  .pnt-coat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}
  .pnt-coat-txt{padding:24px 0 24px clamp(20px,3.4vw,36px)}
  .pnt-coat-2 .pnt-paint,.pnt-coat-3 .pnt-paint{left:0;top:-12px;
    clip-path:polygon(0 12px,4% 5px,11% 11px,19% 3px,28% 10px,37% 2px,46% 9px,55% 4px,64% 11px,73% 2px,82% 9px,91% 4px,100% 10px,100% 100%,0 100%)}
  .pnt-wall{min-height:300px}
}
@media (max-width:860px){
  .pnt-hero-in{grid-template-columns:minmax(0,1fr);min-height:0;row-gap:clamp(40px,7vw,60px);padding-block:clamp(76px,10vw,92px) clamp(56px,9vw,84px)}
  .pnt-hero h1{font-size:clamp(34px,10.2vw,74px)}
  .pnt-sub{max-width:52ch}
  .pnt-fancol{align-items:center}
  .pnt-fan{--L:clamp(230px,52vw,370px)}
  .pnt-fan-cap{text-align:center}
}
@media (max-width:640px){
  .pnt-tape{--tw:17px;--ti:6px}
  .pnt-coat{grid-template-columns:minmax(0,1fr)}
  .pnt-coat-txt{padding:22px 0 36px}
  .pnt-wall{min-height:0;padding:54px 18px 32px}
  .pnt-mini{max-width:320px}
  .pnt-tabs{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .pnt-tab-sw{height:28px}
  .pnt-tab-t{margin:8px 4px 0;font-size:12.5px}
  .pnt-tab-s{margin:2px 4px 0;font-size:12px}
  .pnt-tab-who{display:none}
  .pnt-card-dl div{grid-template-columns:minmax(0,1fr);gap:2px}
  .pnt-spec-dl{padding-inline:16px}
  .pnt-spec-dl div,.pnt-spec-no{grid-template-columns:minmax(0,1fr);gap:4px}
  .pnt-spec-no{margin-inline:16px}
  .pnt-label-top{padding-inline:16px}
  .pnt-calc{grid-template-columns:minmax(0,1fr);gap:18px}
  .pnt-can{max-width:280px}
  .pnt-faq-list details::before{display:none}
  .pnt-cta > .btn{flex:1 1 auto}
  .pnt-close{--peel:56%}
}
@media (max-width:420px){
  .pnt-k{gap:8px 10px;font-size:10px;letter-spacing:.07em}
  .pnt-h1wrap{--lead:18px}
  .pnt-hero h1{letter-spacing:-.05em}
  .pnt-tabs{gap:8px}
  .pnt-tab-t{font-size:11.5px}
  .pnt-tab-s{font-size:11.5px}
  .pnt-card-sw{padding:16px 16px 18px}
  .pnt-card-code{left:16px;right:16px}
  .pnt-card-in{padding-inline:6px}
}
@media (prefers-reduced-motion:reduce){
  .pnt-chip{transition:none}
  .pnt-chip:hover{transform:none}
}