/* Images keep their proportions (their width/height attributes are only for layout reservation). */
img{height:auto}
/* Ironclad Security & Lock — commercial locksmith template */
:root{
  --ink:#16181B;--char:#1D2024;--char2:#25292E;--char3:#30353B;
  --steel:#8A939C;--steel2:#C4CAD0;--mist:#EEF0F2;--paper:#F7F8F9;--card:#fff;
  --line:#DDE1E5;--line-d:rgba(255,255,255,.1);
  --o:#FF6A1A;--o2:#E85710;
  --h:"Barlow Semi Condensed",system-ui,sans-serif;--b:"Barlow",system-ui,sans-serif;--m:"JetBrains Mono",ui-monospace,monospace;
  --r:6px;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--card);color:var(--ink);font:400 17px/1.6 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-family:var(--h);font-weight:700;letter-spacing:-.01em;line-height:1.02}
h1 em,h2 em{font-style:normal;color:var(--o)}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.mono{font:500 12px/1.3 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.mono--o{color:var(--o)}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border:0;border-radius:var(--r);font:600 16px var(--b);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn--lg{height:56px;padding:0 28px;font-size:17px}
.btn--sm{height:40px;padding:0 16px;font-size:15px}
.btn--orange{background:var(--o);color:#fff}
.btn--orange:hover{background:var(--o2)}
.btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.btn--line:hover{box-shadow:inset 0 0 0 1.5px #fff}

/* Header */
.hd{position:sticky;top:0;z-index:50;background:var(--char);color:#fff;border-bottom:1px solid var(--line-d)}
.hd__in{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;font:700 23px/1 var(--h);letter-spacing:.01em;text-transform:uppercase}
.logo small{display:block;margin-top:3px;font:500 10.5px/1 var(--m);letter-spacing:.12em;color:var(--steel)}
.logo__mark{width:34px;height:34px}
.logo__mark>path:first-child{fill:var(--o)}
.logo__mark rect{fill:var(--char)}
.logo__mark>path:last-child{stroke:var(--char);stroke-width:2.2}
.hd__nav{display:flex;gap:26px;margin-left:auto;font-size:15.5px;color:rgba(255,255,255,.75)}
.hd__nav a:hover{color:#fff}
.hd__tel{display:flex;flex-direction:column;align-items:flex-end;font:600 17px/1.1 var(--h);letter-spacing:.02em}
.hd__tel span{font:500 10.5px/1 var(--m);letter-spacing:.1em;color:var(--o)}
.hd__menu{display:none;position:relative;width:44px;height:44px;border:0;border-radius:var(--r);background:var(--char3);cursor:pointer}
.hd__menu i{position:absolute;left:13px;right:13px;height:2px;background:#fff;transition:transform .3s,top .3s}
.hd__menu i:first-child{top:17px}.hd__menu i:last-child{top:25px}
.hd.is-open .hd__menu i{top:21px}.hd.is-open .hd__menu i:first-child{transform:rotate(45deg)}.hd.is-open .hd__menu i:last-child{transform:rotate(-45deg)}

/* Hero */
.hero{position:relative;background:var(--char);color:#fff;padding:clamp(48px,6vw,88px) 0 clamp(56px,6vw,88px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-d) 1px,transparent 1px),linear-gradient(90deg,var(--line-d) 1px,transparent 1px);background-size:64px 64px;mask:linear-gradient(90deg,#000 0%,transparent 70%);-webkit-mask:linear-gradient(90deg,#000 0%,transparent 70%);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,72px);align-items:center}
.hero__copy{container-type:inline-size}
.tag{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--steel2)}
.tag__dot{width:8px;height:8px;background:var(--o)}
.hero__h{margin-top:22px;font-size:clamp(38px,9.4cqi,86px);line-height:.98;text-transform:uppercase;letter-spacing:-.005em}
.hero__h .ln{display:block;white-space:nowrap}
.hero__lead{max-width:540px;margin-top:22px;font-size:clamp(17px,1.4vw,19px);color:rgba(255,255,255,.72)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.spec{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid var(--line-d)}
.spec div{padding:16px 16px 0 0}
.spec div+div{padding-left:16px;border-left:1px solid var(--line-d)}
.spec dt{font:500 10.5px/1.3 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.spec dd{margin-top:6px;font:700 clamp(24px,2.4vw,32px)/1 var(--h)}
.hero__media{position:relative}
.hero__media img{width:100%;aspect-ratio:11/13;object-fit:cover;border-radius:var(--r);filter:grayscale(1) contrast(1.08) brightness(.9)}
.hero__media figcaption{position:absolute;left:-24px;bottom:28px;display:grid;gap:2px;padding:14px 18px;border-left:3px solid var(--o);border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
.hero__media figcaption b{font:700 20px/1.1 var(--h)}
.hero__media figcaption small{color:var(--steel);font-size:14px}

/* Clients */
.clients{background:var(--char2);color:var(--steel2)}
.clients__in{display:flex;align-items:center;gap:36px;padding:22px 0}
.clients ul{display:flex;flex:1;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;font:600 18px/1 var(--h);letter-spacing:.04em;color:rgba(255,255,255,.55)}
.clients li:nth-child(even){font-family:var(--b);font-style:italic;font-weight:500;letter-spacing:0;text-transform:none}

/* Sections */
.sec{padding:clamp(80px,9vw,128px) 0}
.sec--dark{background:var(--char);color:#fff}
.sec--steel{background:var(--mist)}
.head{max-width:720px;margin-bottom:clamp(36px,4.5vw,56px)}
.head h2{margin-top:14px;font-size:clamp(34px,4vw,56px);text-transform:uppercase;text-wrap:balance}
.head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;max-width:none}
.head--row .sub{max-width:400px}
.sub{margin-top:16px;color:#5A636C;font-size:17.5px}
.sec--dark .sub{color:rgba(255,255,255,.62)}

/* Services */
.svc{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.svc article{padding:28px 28px 32px 0;border-bottom:1px solid var(--line)}
.svc article:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.svc .mono{color:var(--o)}
.svc h3{margin:14px 0 8px;font-size:26px;text-transform:uppercase}
.svc p{color:#5A636C;font-size:16px}

/* Sectors */
.sect{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.sect__tabs{display:grid;gap:4px;border-left:1px solid var(--line-d)}
.sect__tabs button{position:relative;padding:14px 18px;border:0;background:none;color:rgba(255,255,255,.6);font:600 19px/1.1 var(--h);letter-spacing:.02em;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}
.sect__tabs button::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--o);transform:scaleY(0);transition:transform .3s var(--ease)}
.sect__tabs button:hover{color:#fff}
.sect__tabs button[aria-selected="true"]{color:#fff;background:var(--char2)}
.sect__tabs button[aria-selected="true"]::before{transform:none}
.sect__panel{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line-d);border-radius:var(--r);background:var(--char2);overflow:hidden;animation:fade .35s var(--ease)}
.sect__panel[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.sect__panel img{width:100%;height:100%;min-height:340px;object-fit:cover;filter:grayscale(.35)}
.sect__panel>div{padding:clamp(24px,3vw,40px)}
.sect__panel h3{font-size:30px;text-transform:uppercase}
.sect__panel p{margin-top:12px;color:rgba(255,255,255,.7)}
.sect__panel ul{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-d)}
.sect__panel li{position:relative;padding-left:22px}
.sect__panel li::before{content:"";position:absolute;left:0;top:10px;width:10px;height:2px;background:var(--o)}

/* Access tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.tier h3{margin:12px 0 4px;font-size:30px;text-transform:uppercase}
.tier__p{display:flex;align-items:baseline;gap:8px;font:700 24px/1 var(--h);color:var(--ink)}
.tier__p small{font:500 13px var(--b);color:var(--steel)}
.tier ul{margin-top:22px;border-top:1px solid var(--line)}
.tier li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.tier li span{color:#5A636C}
.tier li b{font-weight:600;text-align:right}
.tier--hl{background:var(--char);border-color:var(--char);color:#fff}
.tier--hl .mono{color:var(--o)}
.tier--hl .tier__p{color:#fff}
.tier--hl ul,.tier--hl li{border-color:var(--line-d)}
.tier--hl li span{color:rgba(255,255,255,.6)}

/* Master key tree */
.mk{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,72px);align-items:center}
.mk .head{margin-bottom:0}
.tree{display:grid;gap:28px;padding:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.tree__n{position:relative;display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font:700 18px/1.1 var(--h);text-transform:uppercase}
.tree__n small{font:400 14px var(--b);text-transform:none;color:#5A636C}
.tree__n .mono{color:var(--o)}
.tree__n--gm{justify-self:center;min-width:240px;background:var(--char);border-color:var(--char);color:#fff;text-align:center}
.tree__n--gm small{color:rgba(255,255,255,.6)}
.tree__row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tree__row::before{content:"";position:absolute;left:16.6%;right:16.6%;top:-15px;height:1px;background:var(--steel2)}
.tree__row>.tree__n::before{content:"";position:absolute;left:50%;top:-15px;width:1px;height:15px;background:var(--steel2)}
.tree__n--gm::after{content:"";position:absolute;left:50%;bottom:-14px;width:1px;height:14px;background:var(--steel2)}
.tree__row--keys{grid-template-columns:repeat(9,1fr);gap:6px}
.tree__row--keys::before{left:5%;right:5%}
.tree__row--keys span{position:relative;padding:8px 2px;border:1px dashed var(--steel2);border-radius:4px;font:500 11px/1.2 var(--m);text-align:center;color:#5A636C}
.tree__row--keys span::before{content:"";position:absolute;left:50%;top:-15px;width:1px;height:15px;background:var(--steel2)}

/* SLA */
.sla{overflow-x:auto;border-top:2px solid var(--ink)}
.sla table{width:100%;min-width:720px;border-collapse:collapse}
.sla th,.sla td{padding:20px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:16.5px}
.sla thead th{font:500 11.5px/1.3 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);white-space:nowrap}
.sla tbody th{font:700 22px/1 var(--h);text-transform:uppercase}
.sla td:last-child{font-weight:600;white-space:nowrap}
.sla tr.is-hl{background:var(--mist)}
.sla tr.is-hl th{color:var(--o2)}

/* Case studies */
.cases{display:grid;gap:20px}
.case{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line-d);border-radius:var(--r);background:var(--char2);overflow:hidden}
.case:nth-child(even) img{order:2}
.case img{width:100%;height:100%;min-height:320px;object-fit:cover;filter:grayscale(.3)}
.case__b{padding:clamp(24px,3vw,44px)}
.case h3{margin-top:12px;font-size:clamp(26px,2.4vw,34px);text-transform:uppercase}
.case p:not(.mono){margin-top:12px;color:rgba(255,255,255,.7)}
.case dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-top:1px solid var(--line-d)}
.case dl div{padding-top:14px}
.case dl div+div{padding-left:16px;border-left:1px solid var(--line-d)}
.case dt{font:500 10.5px/1.3 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.case dd{margin-top:6px;font:700 28px/1 var(--h);color:var(--o)}

/* Survey */
.survey{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:start}
.survey__l h2{margin-top:14px;font-size:clamp(34px,4vw,56px);text-transform:uppercase}
.survey__img{margin-top:28px}
.survey__img img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--r)}
.form{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);border-radius:var(--r);overflow:hidden}
.form__h{grid-column:1/-1;display:flex;justify-content:space-between;padding:12px 18px;background:var(--ink)}
.form__h .mono{color:#fff}.form__h .mono:last-child{color:var(--o)}
.form label{display:grid;gap:4px;padding:12px 18px;border-bottom:1px solid var(--line)}
.form label:nth-of-type(odd):not(.w){border-right:1px solid var(--line)}
.form .w{grid-column:1/-1}
.form label span{font:500 10.5px/1.2 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.form input,.form select,.form textarea{width:100%;padding:4px 0;border:0;background:none;color:var(--ink);font:500 17px var(--b);resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none}
.form label:focus-within{background:var(--paper);box-shadow:inset 3px 0 0 var(--o)}
.form .btn{grid-column:1/-1;height:58px;border-radius:0;font-size:17px}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.faq__l{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line2,var(--steel2))}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:600 21px/1.2 var(--h);letter-spacing:.01em;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:500 22px/1 var(--m);color:var(--o)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{max-width:640px;padding:0 0 20px;color:#4A535C}

/* Band */
.band{background:var(--o);color:#fff}
.band__in{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(40px,5vw,64px) 0}
.band h2{font-size:clamp(30px,3.6vw,48px);text-transform:uppercase}
.band__tel{display:flex;flex-direction:column;align-items:flex-end;font:700 clamp(32px,4vw,56px)/1 var(--h);white-space:nowrap}
.band__tel .mono{margin-bottom:8px;color:rgba(255,255,255,.85)}

/* Footer */
.ft{background:var(--char);color:rgba(255,255,255,.7);padding:clamp(56px,6vw,80px) 0 24px}
.ft .logo{color:#fff}
.ft__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid var(--line-d)}
.ft__grid p:not(.mono){margin-top:10px;font-size:15.5px}
.ft__grid>div:first-child p{margin-top:16px;max-width:320px}
.ft a:hover{color:#fff}
.ft__bot{display:flex;justify-content:space-between;gap:16px;padding-top:22px;font-size:13.5px;color:rgba(255,255,255,.45)}
.mbar{display:none}

/* Reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rv.is-in{opacity:1;transform:none}

/* Responsive */
@media (max-width:1100px){
  .hd__nav{display:none}
  .hd__tel{margin-left:auto}
  .hd__menu{display:block}
  .hd.is-open .hd__nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:6px 24px 16px;background:var(--char);border-bottom:1px solid var(--line-d)}
  .hd.is-open .hd__nav a{padding:14px 0;border-bottom:1px solid var(--line-d);font-size:18px}
  .hero__grid,.mk,.survey,.faq{grid-template-columns:1fr}
  .hero__media{max-width:560px}
  .hero__media figcaption{left:16px}
  .sect{grid-template-columns:1fr}
  .sect__tabs{display:flex;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line-d);scrollbar-width:none}
  .sect__tabs::-webkit-scrollbar{display:none}
  .sect__tabs button{flex:none;white-space:nowrap}
  .sect__tabs button::before{left:0;right:0;top:auto;bottom:-1px;width:auto;height:3px;transform:scaleX(0)}
  .svc,.tiers{grid-template-columns:1fr 1fr}
  .svc article:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .svc article:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
  .ft__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .wrap{width:min(1240px,100% - 32px)}
  .hd__in{height:64px;gap:12px}
  .hd__cta{display:none}
  .hd__tel{font-size:15px}
  .hero__h{font-size:clamp(28px,10cqi,48px)}
  .hero__ctas .btn{width:100%}
  .spec{grid-template-columns:1fr 1fr}
  .spec div:nth-child(3){padding-left:0;border-left:0}
  .spec div:nth-child(n+3){margin-top:12px}
  .clients__in{flex-direction:column;align-items:flex-start;gap:12px}
  .clients ul{justify-content:flex-start;font-size:16px}
  .head--row{flex-direction:column;align-items:flex-start}
  .svc,.tiers{grid-template-columns:1fr}
  .svc article:nth-child(even){padding-left:0;border-left:0}
  .sect__panel,.case{grid-template-columns:1fr}
  .case:nth-child(even) img{order:0}
  .sect__panel img,.case img{min-height:0;aspect-ratio:16/10}
  .tree{padding:20px 14px}
  .tree__row{gap:8px}
  .tree__n{padding:10px;font-size:15px}
  .tree__n small{font-size:12.5px}
  .tree__row--keys{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .tree__row--keys::before,.tree__row--keys span::before{display:none}
  .sla table{min-width:0}
  .sla thead{display:none}
  .sla tr{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:1px solid var(--line)}
  .sla th,.sla td{padding:6px 12px;border:0;font-size:15px}
  .sla tbody th{grid-column:1/-1;font-size:22px}
  .sla td::before{content:attr(data-l);display:block;font:500 10px/1.2 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
  .form{grid-template-columns:1fr}
  .form label:nth-of-type(odd):not(.w){border-right:0}
  .band__in{flex-direction:column;align-items:flex-start}
  .band__tel{align-items:flex-start}
  .ft__grid{grid-template-columns:1fr}
  .ft__bot{flex-direction:column}
  .ft{padding-bottom:96px}
  .mbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:10px;background:var(--char);box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
  .mbar a{display:flex;align-items:center;justify-content:center;height:50px;border-radius:var(--r);color:#fff;font:600 16px var(--b)}
  .mbar__go{background:var(--o)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
}

/* Section upgrade 2026-10-29: door diagram services, grouped prices with time bars */
.dsv,.prx{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,88px);align-items:start}
.dsv h2,.prx h2{margin-top:14px;font-size:clamp(34px,4vw,56px);text-transform:uppercase;text-wrap:balance}
.dsv__lead{position:sticky;top:100px}
.door{margin:32px 0 0;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.door svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.door__frame{fill:#fff;stroke:var(--ink);stroke-width:4}
.door__leaf{fill:none;stroke:var(--steel);stroke-width:3}
.door__glass{fill:#E3E8EC;stroke:var(--steel2);stroke-width:2}
.door__shine{stroke:#fff;stroke-width:4;stroke-linecap:round}
.door__bar{fill:var(--steel2);stroke:var(--ink);stroke-width:2}
.door__lock{fill:#fff;stroke:var(--ink);stroke-width:2}
.door__cyl{fill:var(--ink)}
.door__pad{fill:var(--ink)}
.door__closer{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}
.door__closerbox{fill:var(--ink)}
.door__tag circle{fill:var(--ink);transition:fill .2s}
.door__tag text{fill:#fff;font:700 14px var(--h);text-anchor:middle}
.door__tag.is-on circle{fill:var(--o)}
.door figcaption{margin-top:14px;font:500 12px/1.4 var(--m);letter-spacing:.04em;text-transform:uppercase;color:var(--steel);text-align:center}
.dsv__list{border-top:2px solid var(--ink)}
.dsv__list li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);transition:background .2s}
.dsv__list li .mono{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r);background:var(--mist);color:var(--ink);font-size:14px;font-weight:700;transition:background .2s,color .2s}
.dsv__list li.is-on .mono{background:var(--o);color:#fff}
.dsv__list h3{font-size:26px;text-transform:uppercase}
.dsv__list p{margin-top:6px;color:#5A636C;font-size:16.5px}
.prx__lead .sub{max-width:420px}
.prx__big{display:flex;align-items:baseline;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.prx__big b{font:700 clamp(64px,6vw,88px)/.9 var(--h);color:var(--o)}
.prx__big span{max-width:220px;font-size:15.5px;color:#5A636C}
.prx__plan{margin-top:28px;padding:22px 24px;border-left:3px solid var(--ink);background:var(--mist);border-radius:0 var(--r) var(--r) 0}
.prx__plan h3{margin-top:6px;font-size:24px;text-transform:uppercase}
.prx__plan p:last-child{margin-top:6px;font-size:15.5px;color:#5A636C}
.prx__table{border-top:2px solid var(--ink)}
.prx__table table{width:100%;border-collapse:collapse}
.prx__table th,.prx__table td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:16px}
.prx__table thead th{font:500 11.5px/1.3 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);white-space:nowrap}
.prx__table tbody th{font:700 20px/1.05 var(--h);text-transform:uppercase}
.prx__grp th{padding-top:26px!important;font:500 11.5px/1.3 var(--m)!important;letter-spacing:.08em;color:var(--o2)!important;border-bottom:1px solid var(--ink)!important}
.prx__table td:last-child{min-width:150px;font-weight:600;white-space:nowrap}
.prx__table .t{display:block;height:6px;width:var(--w);min-width:6px;margin-bottom:6px;border-radius:3px;background:var(--o)}
.prx__table tr.is-hl{background:var(--mist)}
.prx__table tr.is-hl th{color:var(--o2)}
.prx__note{margin-top:14px;font:500 12px/1.4 var(--m);color:var(--steel)}
@media (max-width:980px){.dsv,.prx{grid-template-columns:1fr}.dsv__lead{position:static}}
@media (max-width:700px){
  .prx__table thead{display:none}
  .prx__table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;border-bottom:1px solid var(--line)}
  .prx__table th,.prx__table td{padding:5px 10px;border:0;font-size:15px}
  .prx__table tbody th{grid-column:1/-1;font-size:20px}
  .prx__grp{border-bottom:1px solid var(--ink)!important}
  .prx__grp th{padding-top:14px!important;border:0!important}
  .prx__table td::before{display:block;font:500 10px/1.2 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
  .prx__table td:nth-of-type(1)::before{content:"Weekdays"}
  .prx__table td:nth-of-type(2)::before{content:"Evenings, weekends"}
  .prx__table td:nth-of-type(3){grid-column:1/-1}
  .prx__table td:nth-of-type(3)::before{content:"Usually takes"}
}