p, ul li{
 text-wrap:pretty; 
}
:root{
 --hover: rgb(255 255 255 / 60%); 
}
[data-global-resource-path] {display: contents;}
/*
.hero{padding-block:var(--sec) var(--sec-sm);}
.hero h1 {font-size: var(--d-1);}
@media (min-width:901px) and (max-height:960px){
  .hero:not(.sm){padding-block:var(--sec) var(--sec-sm)}
  .hero:not(.sm) pre{margin-bottom:max(14px,2.4vh)}
  .hero:not(.sm) h1 {font-size: var(--d-1); margin-bottom: .5em;}
  .hero:not(.sm) .lead {margin-bottom: 0}
}*/
h1, h2 {line-height: 1.2;}

pre {display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;white-space:normal;max-width:100%; color:var(--accent);margin:0 0 24px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);background:none;padding:8px 14px 7px;max-width:none}
pre a {text-decoration: none;}
pre::before{content:"";width:11px;height:11px;flex:none;background:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0L10 6L16 8L10 10L8 16L6 10L0 8L6 6Z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0L10 6L16 8L10 10L8 16L6 10L0 8L6 6Z'/></svg>") center/contain no-repeat}
@supports not (border-color:color-mix(in srgb,red 50%,transparent)){pre{border-color:var(--line)}}
@media (max-width:560px){pre{font-size:.66rem;letter-spacing:.17em;padding:7px 11px 6px;gap:7px}.eyebrow::before{width:9px;height:9px}}

/*[class*=span] :last-child {margin-bottom: 0}*/
p:last-child, .hero .lead:last-child, .callout:last-child {margin-bottom: 0}
.hero .lead + .actions {margin-top: 1.5em}

.stats strong{display:block;font-family:var(--head);font-weight:300;font-size:var(--d-num);line-height:1; letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--ink)}
.creds strong{display:block;font-family:var(--head);font-weight:300;font-size:var(--d-num-s);line-height:1.05;letter-spacing:-.01em; font-variant-numeric:tabular-nums;color:var(--ink)}
.press .go strong{flex:none;font-weight:400;font-size:1rem;line-height:1;transition:transform .3s var(--ease)}
.press a:hover .go strong{transform:translateX(4px)}
.letter .sign strong{display:block;font-family:var(--head);font-size:1.1rem;font-weight:500;color:var(--ink);letter-spacing:0}
.letter .sign strong{display:block;font-family:var(--head);font-size:1.1rem;font-weight:500;color:var(--ink);letter-spacing:0}
.attr .who strong{font-weight:500;font-size:var(--t-m);color:var(--ink);line-height:1.3}
.related strong{display:block;font-family:var(--head);font-size:1.05rem;font-weight:400;line-height:1.3;color:var(--ink);letter-spacing:-.01em;margin:0}

.press-group {margin-top: 32px;}

@media (min-width:901px) {.band > .row-fluid > :last-child {text-align:right;} .door{padding-bottom:0;}}
@media (max-width: 990px) {
  .door:last-child {
    padding-bottom: 0;
  }
}

@media (max-width: 1240px) {
  .bar .hs-web-interactive-inline {display: none;}
}

a.cta-link {display: inline-block; white-space: normal;}
.dnd-section:has(.vertical-cards) p {margin: 0 0 1.1em;}
.cta-link{color: #333E3A}

.privacy-policy p, .terms-conditions p { max-width: none;}
.privacy-policy .wrap-contents {display: inline-block; word-break: break-word}
.privacy-policy ul:not(:last-child) {margin-bottom: 1.1em;}

.privacy-policy h2, .terms-conditions h2 {font-size: var(--d-3);}

.policy-list {counter-reset: item}
.policy-list h2,.policy-list h3,.policy-list h4,.policy-list h5 {font-weight: 400}
.policy-list,.policy-list ol {list-style: none; margin: 0; padding-left: 0}
.policy-list li {counter-increment: item; margin-bottom: 1.1em; padding-left: 1.5em; position: relative}
.policy-list li>ol {counter-reset: item;}
.policy-list li>h2:before,.policy-list li>h3:before,.policy-list li>h4:before,.policy-list li>h5:before {content: counters(item,".") ". "; left: -5px; position: absolute; transform: translateX(-100%)}
.policy-list li>h2,.policy-list li>h3,.policy-list li>h4,.policy-list li>h5 {position: relative}
.no-number-list {padding-left: 1.5em;}
.no-number-list li {counter-increment: none!important; padding-left: 0}
.no-number-list li:before {content: none!important}

html.rv [data-clip].in { -webkit-clip-path: inset(0 0 -12% -15%); clip-path: inset(0 0 -12% -15%);}
.leaders>.row{
 grid-template-columns: 1fr 1fr 1fr; 
}
@media (max-width: 720px) {
    .leaders .row {
       grid-template-columns: 1fr auto;
    }
}
table.vs th {font-size: .85rem;}
.related b {font-size: 1.25rem;}
.dnd-section:has(.client-reviews) .logos {
  margin-bottom: 48px;
}
.dnd-section:has(.client-reviews) h2 {
  margin-bottom: 32px;
}

.hs-menu-flow-horizontal ul {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .hs-menu-flow-horizontal ul li {
  margin-bottom: 0;
}
@media (max-width: 1239px) {
  .main .hs-menu-flow-horizontal ul {
    flex-direction: column;
    gap: 0;
  }
  .main .hs-menu-flow-horizontal a {
    display: block;
  }
}
.main .hs-menu-flow-horizontal .active a {
  color: var(--ink);
}
.main .hs-menu-flow-horizontal .active a:after {
  transform: scaleX(1);
}
.sitemap a {
  text-decoration: none;
}
article .byline {
  color: var(--accent);
  font-family: var(--mono);
  font-size: var(--t-xs);
  letter-spacing: 0.16em;
  margin-bottom: 2.8em;
  text-transform: uppercase;
}
.back-top {
  align-items: center;
  background-color: #fff;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  height: 50px;
  justify-content: center;
  opacity: 0;
  padding: 17px;
  position: fixed;
  right: 15px;
  text-decoration: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
  width: 50px;
  z-index: 97;
}
.back-top.show {
  opacity: 0.9;
  visibility: visible;
}
.back-top:hover {
  opacity: 1;
}
.back-top svg {
  fill: currentColor;
  height: 16px;
  width: 16px;
}
.brand-logo-wrapper {
  display: inline-flex;
  flex: none;
  margin-right: auto;
}
@media (max-width:1240px){
  nav.main{max-height:calc(100dvh - var(--bar));overscroll-behavior:contain}
  html.menu-open{overflow:hidden;scrollbar-gutter:stable}
  body::after{content:"";position:fixed;inset:0;z-index:39;background:rgba(17,22,21,.35);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),visibility 0s linear .25s}
  html.menu-open body::after{opacity:1;visibility:visible;pointer-events:auto;touch-action:none;transition:opacity .25s var(--ease)}
  html.menu-open .mcta{z-index:38}
}


ol.steps li::after, ul.plain li::before, ul.plain li:last-child::after {background:#d0d5d1;}

.CybotCookiebotDialogTabPanel p, #CybotCookiebotDialogBodyContentText p{
 max-width: 100%; 
}
.qa summary::before{
margin-top: 0
}

@media (max-width: 640px) {
  .qa .ans {
    padding-left: 40px;
  }
}

/* form Design */
.hsfc-Step .hsfc-Step__Content {
    background: hsla(0, 0%, 100%, .45);
    border: 1px solid var(--line-2);
    padding: 28px 30px;
}
.hsfc-Step .hsfc-Row label {
    color: var(--ink);
    display: block;
    font-family: var(--sans);
    font-size: var(--t-s);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
    margin: 0 0 6px;
    text-transform: none;
}
.hsfc-Step .hsfc-Row input,.hsfc-Step .hsfc-Row select,.hsfc-Step .hsfc-Row textarea {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--ink);
    font-family: var(--sans);
    font-size: var(--t-s);
    line-height: 1.4;
    min-height: 36px;
    padding: 7px 12px;
    transition: border-color .2s var(--ease),box-shadow .2s var(--ease);
    width: 100%
}
.hsfc-Step .hsfc-Row .hsfc-DropdownInput input {padding-right: 40px;}
.hsfc-Step .hsfc-Row select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235c6862' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 10px 7px;
    cursor: pointer;
    overflow: hidden;
    padding-right: 34px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsfc-Step .hsfc-Row textarea {
    line-height: 1.5;
    min-height: 72px;
    resize: vertical
}

.hsfc-Step .hsfc-Row .hsfc-DropdownOptions__List__ListItem {
    background: #fff;
    color: var(--mute);
    font-family: var(--sans);
    font-style: normal;
    font-weight: 600
}

.hsfc-Step .hsfc-Row .hsfc-DropdownOptions__List__ListItem,.hsfc-Step .hsfc-Row .hsfc-DropdownOptions__List__ListItem {
    background: #fff;
    color: var(--ink);
    font-weight: 400;
  font-size: var(--t-s);
}

.hsfc-Step .hsfc-Row input::placeholder,.hsfc-Step .hsfc-Row textarea::placeholder {
    color: var(--mute)
}

.hsfc-Step .hsfc-Row input:hover,.hsfc-Step .hsfc-Row select:hover,.hsfc-Step .hsfc-Row textarea:hover {
    border-color: var(--tick)
}

.hsfc-Step .hsfc-Row input:focus,.hsfc-Step .hsfc-Row select:focus,.hsfc-Step .hsfc-Row textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(26,110,74,.14);
    outline: 0
}

.hsfc-Step .hsfc-Row .req {
    color: var(--warn);
    margin-left: 2px
}
.hsfc-Step .hsfc-NavigationRow .hsfc-Button {
    align-items: center;
    background: var(--accent);
    border: 1px solid var(--accent);
    border-radius: 0;
    color: var(--btn-fg);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--head);
    font-size: .86rem;
    font-weight: 500;
    gap: 9px;
    isolation: isolate;
    justify-content: center;
    letter-spacing: .06em;
    line-height: 1.2;
    overflow: hidden;
    padding: 15px 26px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .22s var(--ease),border-color .22s var(--ease);
}

.hsfc-Step .hsfc-NavigationRow .hsfc-Button:before {
    background: var(--btn-fill,var(--ink));
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform .36s var(--ease);
    will-change: transform;
    z-index: -1
}

.hsfc-Step .hsfc-NavigationRow .hsfc-Button:focus-visible:before,.hsfc-Step .hsfc-NavigationRow .hsfc-Button:hover:before {
    transform: scaleY(1)
}

.hsfc-Step .hsfc-NavigationRow .hsfc-Button:focus-visible,.hsfc-Step .hsfc-NavigationRow .hsfc-Button:hover {
    border-color: var(--btn-fill,var(--ink));
    color: var(--btn-fill-fg,var(--paper))
}
.hsfc-Step .hsfc-Row .hsfc-ErrorAlert, .hsfc-Step .hsfc-NavigationRow .hsfc-ErrorAlert {font-size: var(--t-s);}
[data-hsfc-id="Renderer"] .hsfc-DropdownOptions{z-index: 35!important;}
@media (max-width: 640px) {
  [data-hsfc-id="Renderer"] .hsfc-Row {grid-template-columns: inherit!important;}
}
[data-hsfc-id=Renderer] .hsfc-NavigationRow{margin-top:0!important;}
.hsfc-Row .hsfc-RichText p {color:var(--ink-2!important);font-size:var(--t-m)!important; line-height:1.65!important}
/*
.policy-list, .policy-list ol { list-style: none; margin: 0; padding-left: 10px; }
.policy-list { counter-reset: item; }
.policy-list li { counter-increment: item; position: relative; margin-bottom: 1.1em;  padding-left: 1.5em; } 

.policy-list li > ol { counter-reset: item; padding-left: 20px; } 
.no-number-list { list-style: none; padding-left: 0px; margin-top: 15px;} 
.no-number-list li { counter-increment: none !important; padding-left: 0; position: static; }

.policy-list li > h2,
.policy-list li > h3,
.policy-list li > h4,
.policy-list li > h5 {position: relative;}
.policy-list li > h2::before,
.policy-list li > h3::before,
.policy-list li > h4::before,
.policy-list li > h5::before {content: counters(item, ".") ". "; position: absolute; left: -5px; transform: translateX(-100%);}
  
.policy-list .wrap-contents {word-break: break-all;} 
.no-number-list li::before { content: none !important; }
*/

/* ---- sitemap ---- */
.smap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(28px,4vw,56px)}
@media (max-width:900px){.smap{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}}
@media (max-width:520px){.smap{grid-template-columns:minmax(0,1fr);gap:36px}}
.smap-g h2{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:400;margin:0 0 12px}
.smap-g ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.smap-g li{margin:0;border-bottom:1px solid var(--line-2)}
.smap-g a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;color:var(--ink);text-decoration:none;/*font-family:var(--head);font-size:var(--t-l);*/line-height:1.35;transition:color .2s var(--ease),padding .25s var(--ease)}
.smap-g a::after{content:"→";color:var(--mute);font-family:var(--sans);opacity:0;transform:translateX(-6px);transition:opacity .2s var(--ease),transform .25s var(--ease)}
.smap-g a:hover{color:var(--accent);padding-left:6px}
.smap-g a:hover::after{opacity:1;transform:none;color:var(--accent)}
.smap-ext a::after{display:none}
.smap-ext a{font-family:var(--sans);font-size:var(--t-m);color:var(--ink-2)}
.ext-i{font-family:var(--sans);font-size:var(--t-xs);color:var(--mute);margin-left:6px}
/*
footer .cols a:not([href^="https://www.qasource.com"]){display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:var(--t-s);line-height:1.3;transition:border-color .2s var(--ease),color .2s var(--ease)}
footer .cols a:not([href^="https://www.qasource.com"])::after{background: transparent; content: "\2197"; height: auto; position: static;transform: none;}
footer .cols a:not([href^="https://www.qasource.com"]):hover{border-color:var(--accent);color:var(--ink)}
footer .cols a:not([href^="https://www.qasource.com"]):after {
    content: "\2197\FE0E";
    font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif; /* Fallback font *\/
}
*/
footer .cols .hs-menu-external a{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:var(--t-s);line-height:1.3;transition:border-color .2s var(--ease),color .2s var(--ease)}
footer .cols .hs-menu-external a::after{background: transparent; content: "\2197"; height: auto; position: static;transform: none;}
footer .cols .hs-menu-external a:hover{border-color:var(--accent);color:var(--ink)}
footer .cols .hs-menu-external a::after{content: "\2197\FE0E"; font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;}

.footer-no-navigation .cols {grid-template-columns:repeat(5,auto); gap:36px 32px;}
@media (max-width:1080px) {.footer-no-navigation .cols {grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 28px;}}
@media (max-width:760px) {.footer-no-navigation .cols {grid-template-columns:1fr 1fr;}}
.footer-no-navigation .fine {margin-top: 40px;}

footer .hs-menu-wrapper + .hs-menu-wrapper {margin-top: 18px;}
footer .menu-title {color: var(--accent); font-family: var(--mono); font-size: var(--t-xs); font-weight: 400; letter-spacing: .16em; line-height: 1.4; margin-bottom: 1.4em; text-transform: uppercase;}

/* Thank You */
.ty-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ty-art-col{display:flex;align-items:center;justify-content:flex-end;color:var(--ink-2)}
.ty-art svg{display:block;width:clamp(140px,15vw,200px);height:auto}
@media (max-width:900px){.ty-art-col{display:none}}
[data-page="thank-you"] .hero .lead{margin-bottom:10px}
.ty-done{margin:0 0 12px;color:var(--ink);font-size:var(--t-l);font-weight:500}
.ty-promise{margin-top:24px!important;padding-top:20px;border-top:1px solid var(--line);max-width:60ch}
.ty-promise::before{content:"";display:block;width:40px;height:2px;margin:-21px 0 19px;background:var(--accent)}
.ty-body{margin:0 0 12px;color:var(--ink-2);font-size:var(--t-l);max-width:60ch}
[data-page="thank-you"] .hero .c8>:last-child{margin-bottom:0}
.ty-opt .ty-opt-alt{margin-top:12px!important;color:var(--ink)!important;font-size:inherit;font-weight:500}
.ty-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;padding:28px 30px;border:1px solid var(--line-2);background:var(--panel)}
.ty-opt-tag{font-family:var(--head);font-size:.85em;font-weight:400;letter-spacing:0;color:var(--ink-2);white-space:nowrap;margin-left:4px;line-height:inherit;display:inline-block}
.ty-opt{border-style:dashed;border-color:var(--line);background:transparent}
.ty-opt h2{line-height:1.35;overflow:visible}
.ty-opt h2{margin:0 0 10px;font-size:var(--t-2xl);font-weight:500}
.ty-opt p{margin:0;color:var(--ink-2);max-width:60ch}
.ty-open[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}
@media (max-width:640px){.ty-opt{grid-template-columns:minmax(0,1fr)}.ty-open{justify-self:start}}
.ty-cal{position:relative;min-height:660px;margin-top:16px;border:1px dashed var(--line);background:var(--panel);padding:20px}
.ty-cal[hidden]{display:none}
.ty-art circle,.ty-art path{transform-box:view-box;transform-origin:100px 100px}
.ty-o1,.ty-o2{animation:tyRing .9s cubic-bezier(.22,1,.36,1) both}
.ty-o1{animation-delay:.25s}.ty-o2{animation-delay:.15s}
.ty-fill{animation:tyPop .6s cubic-bezier(.34,1.4,.64,1) .1s both}
.ty-ring{stroke-dasharray:327;stroke-dashoffset:327;animation:tyDraw .8s cubic-bezier(.65,0,.35,1) .2s forwards}
.ty-tick{stroke-dasharray:70;stroke-dashoffset:70;animation:tyDraw .45s cubic-bezier(.65,0,.35,1) .85s forwards}
.ty-pulse{opacity:0;animation:tyPulse 3.6s cubic-bezier(.33,0,.2,1) 1.4s 2}
.ty-pulse-2{animation-delay:2.6s}
@keyframes tyDraw{to{stroke-dashoffset:0}}
@keyframes tyPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes tyRing{from{transform:scale(.7);opacity:0}}
@keyframes tyPulse{0%{transform:scale(1);opacity:.28}70%{opacity:.08}100%{transform:scale(1.45);opacity:0}}
/* Reduced motion: keep the non-vestibular parts (fade + line draw), drop the scaling and the ripple */
/* @media (prefers-reduced-motion:reduce){.ty-o1,.ty-o2,.ty-fill{animation-name:tyFade}.ty-pulse{animation:none}} */
@keyframes tyFade{from{opacity:0}}
.ty-open[hidden]{display:none}
.ty-cal .meetings-iframe-container{position:relative;z-index:1}
.ty-cal-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ty-cal.is-live .ty-cal-ph{display:none}
.meetings-iframe-container {
  position: relative;
  min-height: 660px;
  margin-top: 16px;
  border: 1px dashed var(--line);
  background: var(--panel);
  padding: 20px;
  display: none;
}


.color-link-hover{
  color: #5c6862;
}

.color-link-hover:hover{
 color: var(--accent-2); 
}

.thank-you pre:before{
 display:none; 
}

@media (max-width: 1024px){
  
  .ty-art-col{
 justify-content:center;   
}
  }
.cookieconsent-optout-marketing.meeting-wrapper {
    align-items: center;
    background: hsla(0,0%,100%,.3) url(https://www.qasource.com/hubfs/qasource/images/qasource-meeting-calendar-blurred.png) no-repeat 50%;
    border: 1px dashed var(--line);
    display: flex;
    justify-content: center;
    min-height: 710px;
    padding: 40px 24px;
    position: relative;
    width: 100%
}

.consent-popup {
    background: linear-gradient(326deg,#e7f1f3,#fff);
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 60px rgba(0,0,0,.3);
    font-size: 14px;
    max-width: 80%;
    padding: 1.5em;
    text-align: center;
    width: 450px;
    z-index: 1
}

.consent-popup p {
    font-size: 1em
}

.consent-popup .consent-title {
    font-family: var(--disp);
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .002em;
    line-height: 1.12;
    margin-bottom: 18px
}

.consent-popup button {
    background: var(--accent);
    border: 1px solid var(--teal);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--disp);
    font-size: .875em;
    font-weight: 500;
    letter-spacing: .06em;
    overflow: hidden;
    padding: .85em 1.25em;
    text-transform: uppercase
}

.consent-popup button:hover {
    background: var(--ink);
    border-color: var(--ink);
    color: #fff;
}


.meetings-iframe-container.cookieconsent-optin-marketing {
    display: inherit
}

@media (max-width: 725px) {
    .cookieconsent-optout-marketing.meeting-wrapper {
        background:hsla(0,0%,100%,.3) url(https://www.qasource.com/hubfs/qasource/qasource-meeting-calendar-blurred-mobile-bg.png) no-repeat 50%;
        margin: 0 auto;
        min-height: 690px
    }
}

.open-calendar[hidden] { display: none !important; }

.privacy-policy h5{
    margin: 0 0 .5em;
}
/*  footer .cols li:not(.certs li) { 
    padding: 3px 0; 
}


footer a {text-decoration: none;color: var(--ink-2); display: inline;padding: 3px 0; transition: color .25s var(--ease);}

footer .cols a:not(.logo):not(#hs_menu_wrapper_external_menu ul li)::after {
    display: none; 
}

footer .cols a:not(.logo):not(#hs_menu_wrapper_external_menu ul li) { 
    background-image: linear-gradient(var(--accent), var(--accent));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0% 1px; 
    transition: background-size .32s var(--ease), color .25s var(--ease);
}

footer .cols a:not(.logo):not(#hs_menu_wrapper_external_menu ul li):hover { 
    background-size: 100% 1px;
}  */

.thank-you .lead{margin-bottom:10px}


/* ---- contact: what happens next ---- */
ol.steps.steps-lite{margin-top:clamp(20px,2.4vw,32px)}
ol.steps.steps-lite li{padding:22px 0;margin:0}
ol.steps.steps-lite li::before{content:none}
ol.steps.steps-lite li::after,ol.steps.steps-lite li:last-child>:last-child::after{left:0;right:0}
ol.steps.steps-lite li:hover{background:none}
@media (max-width:640px){ol.steps.steps-lite li{padding:20px 0;margin:0}}

/* ---- contact ---- */
.ci-c dl, .ci-c-contacts dl{margin:0}
.ci-c dt, .ci-c-contacts dt{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-top:0}
.ci-c dt:first-child{/* margin-top:0; */}
.ci-c dd, .ci-c-contacts dd{margin:6px 0 0;/*font-size:1rem;*/color:var(--ink);/*line-height:1.6*/}

/* contact details: office panel + contact tiles; type stays on the style-guide scale */
.ci-sec{border-top:1px solid var(--line-2)}
.ci-c dl{margin:0;min-width:0}
.ci-c strong{display:block;font-weight:500;margin-bottom:4px;color:var(--ink)}
.ci-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);border:1px solid var(--line-2);background:rgba(255,255,255,.4);}
.ci-c>dl{padding:24px 28px}
.ci-c dt{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line-2)}
.ci-c-hq{background:var(--accent-dim);border-right:1px solid var(--line-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.ci-c .ci-c-hq dt{border-bottom-color: color-mix(in srgb,var(--accent) 25%,transparent);}
.ci-c-hq dd{margin-top:6px}
.ci-c-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin:0}
.ci-c-hq .ci-c-cols{grid-template-columns:1fr}
.ci-c-loc{color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.ci-c-contacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid var(--line-2);background:rgba(255,255,255,.4)}
.ci-c-contacts dl{position:relative;padding:24px 28px;transition:background-color .2s var(--ease)}
.ci-c-contacts dl+dl{border-left:1px solid var(--line-2)}
.ci-c-contacts dl:hover{background:var(--panel)}
.ci-c-contacts dl::after{content:"→";position:absolute;right:24px;top:22px;color:var(--accent);transition:transform .25s var(--ease)}
.ci-c-contacts dl:hover::after{transform:translateX(4px)}
.ci-c-contacts dt{padding-right:28px}
.ci-c-contacts dd a{text-decoration:none;color:var(--ink)}
.ci-c-contacts dd a::after{content:"";position:absolute;inset:0}
.ci-c-contacts dl:hover dd a{color:var(--accent-2)}
.ci-c-contacts dd a:focus-visible{outline:0}
.ci-c-contacts dl:focus-within{outline:2px solid var(--accent);outline-offset:-2px}
@media (max-width:1100px){.ci-c-contacts{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-c-contacts dl:nth-child(3){border-left:0}.ci-c-contacts dl:nth-child(n+3){border-top:1px solid var(--line-2)}}
@media (max-width:900px){.ci-c{grid-template-columns:1fr}.ci-c-hq{border-right:0;border-bottom:1px solid var(--line-2)}.ci-c-cols{grid-template-columns:1fr}}
@media (max-width:560px){.ci-c-contacts{grid-template-columns:1fr}.ci-c-contacts dl+dl{border-left:0;border-top:1px solid var(--line-2)}}


[data-hsfc-id=Renderer] .hsfc-FieldDescription{
     color: var(--mute) !important; 
}

.hsfc-Form .hsfc-NavigationRow .hsfc-ErrorAlert{
 display:none; 
}

.letter p {font-size: inherit; line-height: inherit;}

.email-prefs {
    display: grid;
    gap: clamp(18px,2.2vw,30px);
    grid-template-columns: repeat(2,1fr)
}

.email-prefs .header {
    grid-column: span 2
}

.email-prefs .item,.email-prefs .subscribe-options {
    background: var(--cream);
    border: 1px solid var(--line);
    box-shadow: 0 24px 48px -42px rgba(var(--shadow),.4);
    display: flex;
    flex-direction: column;
    padding: clamp(14px,3.1vw,22px);
    position: relative
}

.email-prefs .subscribe-options {
    background: var(--line)
}

.email-prefs .item p {
    border-top: 1px solid var(--line);
    font-size: .75em;
    margin: 0;
    padding-top: 10px
}

.email-prefs .subscribe-options p.header {
    border-bottom: 1px solid var(--champ);
    font-size: .75em;
    margin: 0;
    padding-bottom: 10px
}

.email-prefs .item .fakelabel,.email-prefs .subscribe-options label {
    align-items: center;
    display: flex;
    gap: 10px;
    line-height: 20px;
    padding-bottom: 10px
}

.email-prefs .subscribe-options label {
    padding-bottom: 0;
    padding-top: 10px
}

.email-prefs .item input,.email-prefs .subscribe-options input {
    height: 20px;
    width: 20px
}

.email-prefs .hs-button,.systems-page form input[type=submit] {    align-items: center;
    background: var(--accent);
    border: 1px solid var(--accent);
    border-radius: 0;
    color: var(--btn-fg);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--head);
    font-size: .86rem;
    font-weight: 500;
    gap: 9px;
    isolation: isolate;
    justify-content: center;
    letter-spacing: .06em;
    line-height: 1.2;
    overflow: hidden;
    padding: 15px 26px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .22s var(--ease), background .22s var(--ease);
    white-space: nowrap;
}

.email-prefs .hs-button:hover,.systems-page form input[type=submit]:hover {
    background: var(--btn-fill, var(--ink));
    color: var(--paper);
}

.email-prefs .localization-language {display: none;}
#email-prefs-form .page-header {margin: 0 0 1.1em}
#email-prefs-form h1 {
  font-size: 1.75rem;
}
#email-prefs-form h2 {
  font-size: 1.5rem;
}

.systems-page form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 500px
}

.systems-page form input[type=password],.systems-page form input[type=text] {
    background: var(--cream);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--ink);
    font-family: var(--body);
    font-size: 16px;
    height: auto!important;
    padding: 14px 15px;
    transition: border-color .2s,box-shadow .2s;
    width: 100%
}

.systems-page form input[type=password]:hover,.systems-page form input[type=text]:hover {
    border-color: var(--champ)
}

.systems-page form input[type=password]:focus,.systems-page form input[type=text]:focus {
    border-color: var(--bronze);
    box-shadow: inset 0 -2px 0 var(--champ);
    outline: none
}

.systems-page .hs-error-msgs {
    padding-left: 1.5em
}


.hbars .ttrack {
  position: relative;
  height: 18px;
  background: #CFE2D7;
  box-shadow: inset 0 0 0 1px rgba(26,110,74,.12);
  border-radius: 3px;
  overflow: hidden;
  
  /* Add these two lines */
  -webkit-user-select: none;
  user-select: none; 
}


.attr .src{
  font-family: var(--head);
  font-weight: 500;
}

/* ---- Agentic Test Framework ---- */
.agf-hero-more {
    border-top: 1px solid var(--line);
    
    /* Replace column-count with Grid */
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap
    
    margin-top: -.4em;
    padding-top: 28px;
}


.agf-hero-more p{break-inside:avoid;-webkit-column-break-inside: avoid;
    page-break-inside: avoid;margin:0 0 1.1em}
.agf-hero-more p:last-child{margin-bottom:0}

@media (max-width:900px){.agf-hero-more{grid-template-columns: 1fr;}}
.agf-tabs,.agf-whole,.agf-tabs-after{--split:calc(33.333% + var(--gap) / 3)}
.agf-tabs{display:grid;grid-template-columns:var(--split) minmax(0,1fr);margin-top:clamp(32px,4vw,48px);border:1px solid var(--line)}
.agf-tablist{display:grid;grid-auto-rows:minmax(0,1fr);border-right:1px solid var(--line)}
.agf-tab{display:flex;align-items:center;gap:14px;width:100%;margin:0;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 24px;cursor:pointer;
  font-family:var(--head);font-weight:500;font-size:var(--t-2xl);line-height:1.25;letter-spacing:.005em;color:var(--ink-2);transition:background .2s var(--ease),color .2s var(--ease)}
.agf-tab:last-child{border-bottom:0}
.agf-tab:hover{background:var(--hover);color:var(--ink)}
.agf-tab-n{flex:none;font-family:var(--mono);font-size:var(--t-xs);font-weight:400;letter-spacing:.14em;line-height:1.5;color:var(--accent);transition:color .2s var(--ease)}
.agf-tab i{flex:none;margin-left:auto;width:8px;height:8px;border-top:1.5px solid #7FBC9E;border-right:1.5px solid #7FBC9E;transform:rotate(45deg);opacity:0;transition:opacity .2s var(--ease)}
.agf-tab[aria-selected="true"]{background:#161B1A;color:#F4F7F5;border-bottom-color:#161B1A}
.agf-tab:has(+ .agf-tab[aria-selected="true"]){border-bottom-color:#161B1A}
.agf-tab[aria-selected="true"] .agf-tab-n{color:#7FBC9E}
.agf-tab[aria-selected="true"] i{opacity:1}
.agf-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.agf-tab[aria-selected="true"]:focus-visible{outline-color:#7FBC9E}
.agf-panels{background:var(--panel);display:flex;flex-direction:column}
html.js .agf-panels{display:grid}
html.js .agf-panel{grid-area:1/1}
html.js .agf-panel[hidden]{display:flex;visibility:hidden}
.agf-panel{display:flex;flex-direction:column}
.agf-panel:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.agf-panel-b{flex:1;padding:28px 40px 24px}
.agf-panel-b h3{margin:0 0 .5em}
.agf-panel-b p{margin:0;max-width:none}
.agf-panel-c{background:var(--accent-dim);border-top:1px solid rgba(26,110,74,.18);padding:20px 40px 24px}
.agf-panel-c .agf-n{margin:0 0 6px}
.agf-panel-c p:last-child{margin:0;max-width:none}
.agf-whole{display:grid;grid-template-columns:var(--split) minmax(0,1fr);margin-top:24px;background:rgba(255,255,255,.45);border:1px solid var(--line);border-top:2px solid var(--ink)}
.agf-whole h3{margin:0;padding:26px 24px 28px}
.agf-whole p{margin:0;max-width:none;padding:26px 40px 28px;border-left:1px solid var(--line)}
.agf-tabs-after{display:grid;grid-template-columns:var(--split) minmax(0,1fr);margin-top:32px}
.agf-tabs-after p{grid-column:2;margin:0;padding:0 40px 0 41px}
@media (max-width:900px){
  .agf-tabs,.agf-whole,.agf-tabs-after{grid-template-columns:minmax(0,1fr)}
  .agf-tablist{border-right:0;border-bottom:1px solid var(--line)}
  .agf-tab{padding:14px 20px}
  .agf-panel-b{padding:24px 22px 20px}
  .agf-panel-c{padding:18px 22px 22px}
  .agf-whole h3{padding:24px 22px 0}
  .agf-whole p{border-left:0;padding:10px 22px 24px}
  .agf-tabs-after p{grid-column:1;padding:0}
  
  html.js .agf-tabs{display:flex;flex-direction:column;border-bottom:0}
  html.js .agf-tablist,html.js .agf-panels{display:contents}
  html.js .agf-tab,html.js .agf-tab:last-child{border-bottom:1px solid var(--line)}
  html.js .agf-tab[aria-selected="true"]{border-bottom-color:#161B1A}
  html.js .agf-panel{background:var(--panel);border-bottom:1px solid var(--line)}
  html.js .agf-panel[hidden]{display:none}
  .agf-tab:nth-child(1){order:1}.agf-panel:nth-child(1){order:2}
  .agf-tab:nth-child(2){order:3}.agf-panel:nth-child(2){order:4}
  .agf-tab:nth-child(3){order:5}.agf-panel:nth-child(3){order:6}
  .agf-tab:nth-child(4){order:7}.agf-panel:nth-child(4){order:8}
  .agf-tab:nth-child(5){order:9}.agf-panel:nth-child(5){order:10}
  html.js .agf-tab i{opacity:1;border-color:var(--mute);transform:translateY(-3px) rotate(135deg);transition:transform .25s var(--ease)}
  html.js .agf-tab[aria-selected="true"] i{border-color:#7FBC9E;transform:translateY(2px) rotate(-45deg)}
}
.agf-sc{border:1px solid var(--line);background:rgba(255,255,255,.3)}
.agf-sc-t{table-layout:fixed;border-collapse:separate;border-spacing:0}
.agf-sc-t th,.agf-sc-t td{padding:18px 22px;border-top:1px solid var(--line-2);border-bottom:0;vertical-align:top;line-height:1.5}
.agf-sc-t tr:last-child td{border-bottom:0}
.agf-sc-t thead th{padding:16px 22px 14px;border-top:0;border-bottom:1px solid var(--line);color:var(--accent)}
.agf-sc-t thead th:first-child{background:var(--panel);border-right:1px solid var(--line);color:var(--mute)}
.agf-sc-t thead th:last-child{color:var(--warn)}
.agf-sc-t tbody tr:first-child>*{border-top:0}
.agf-sc-t tbody th{font-family:var(--sans);font-size:var(--t-m);font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--panel);border-right:1px solid var(--line)}
.agf-sc-t td{color:var(--ink-2)}
.agf-sc-t td.agf-warn{background:color-mix(in srgb,var(--warn-dim) 55%,transparent);border-left:1px solid var(--line-2)}
.agf-sc-t tbody tr:hover td.agf-cmp{background:rgba(255,255,255,.6)}
.agf-sc-t tbody tr:hover td.agf-warn{background:var(--warn-dim)}
.agf-sc-t tbody tr:hover th{background:var(--panel-2)}
@media (max-width:640px){
  .agf-sc{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .agf-sc-t{min-width:600px}
}
.agf-dl{margin-top:28px;padding:22px 22px 20px;border:1px solid var(--line-2);background:rgba(255,255,255,.45)}
.alt .agf-dl{background:rgba(255,255,255,.55)}
.agf-dl p{margin:0 0 16px}
.agf-dl .btn{width:100%;white-space:normal;line-height:1.35}
.agf-dl .btn[aria-disabled="true"]{cursor:default}
.agf-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:clamp(32px,4vw,48px)}
.agf-lane{padding:30px 28px 28px;border-right:1px solid var(--line);background:var(--panel);transition:background .28s var(--ease)}
.agf-lane:last-child{border-right:0}
.agf-lane:hover{background:var(--panel-2)}
.agf-lane h3{margin:0 0 .45em}
.agf-lane p:last-child{margin:0}
.agf-lanes-after{margin-top:clamp(32px,4vw,48px);align-items:start}
.agf-lanes-after .callout{margin:0}
.agf-proof-more{margin-top:clamp(28px,3vw,40px)}
.agf-bars .tfill{border-radius:3px 0 0 3px}
.hbars .trng{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));background:color-mix(in srgb,var(--accent) 42%,#CFE2D7);border-radius:0 3px 3px 0}

.statband{background:var(--sunk);border-block:1px solid var(--line);padding-block:var(--sec)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.stats div{padding:0 32px;border-left:1px solid var(--line)}
.stats div:first-child{padding-left:0;border-left:0}
.stats b{display:block;font-family:var(--head);font-weight:300;font-size:var(--d-num);line-height:1;
  letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--ink)}
.stats span{display:block;font-size:var(--t-s);line-height:1.55;margin-top:14px;color:var(--mute)}
@media (max-width:860px){.stats{grid-template-columns:1fr 1fr;gap:32px 0}.stats div{border-left:0;padding:0 20px 0 0}}
@media (max-width:520px){.stats{grid-template-columns:1fr;gap:28px}.stats div{padding:0}}


@media (max-width:900px){.agf-lanes{grid-template-columns:1fr}.agf-lane{border-right:0;border-bottom:1px solid var(--line)}.agf-lane:last-child{border-bottom:0}}
@media (max-width:640px){.agf-lane{padding:24px 20px 22px}}
.no-padding>.row-fluid {
    padding: 0 0px;
}

figure.fig{margin:0}
figure.fig figcaption{color:var(--mute);font-size:var(--t-s);line-height:1.6;margin-top:16px;max-width:56ch}
.hbars-chart{margin:0;position:relative}
.hbars-chart::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.hbars .trow{position:relative;display:grid;grid-template-columns:var(--lbl,96px) minmax(0,1fr) var(--val,64px);align-items:center;gap:22px;
  padding:20px 16px;margin:0 -16px;outline-offset:-3px;transition:background .2s}
.hbars .trow::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:var(--line-2)}
.hbars .trow:hover,.hbars .trow:focus-visible{background:var(--hover)}
.hbars .tcat{font-size:var(--t-m);color:var(--ink);letter-spacing:-.005em;white-space:nowrap}
.hbars .ttrack{position:relative;height:18px;background:#CFE2D7;box-shadow:inset 0 0 0 1px rgba(26,110,74,.12);border-radius:3px;overflow:hidden}
.hbars .tfill{position:absolute;top:0;bottom:0;left:0;width:var(--w);background:var(--accent);border-radius:inherit;transition:background .15s}
.hbars .trow:hover .tfill,.hbars .trow:focus-visible .tfill{background:var(--accent-2)}
.hbars .tval{font-family:var(--sans);font-weight:500;font-size:var(--t-l);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;transition:color .15s}
.hbars .trow:hover .tval,.hbars .trow:focus-visible .tval{color:var(--accent-2)}
.hbars .hbars-axis{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;line-height:1.5;color:var(--mute);margin:16px 0 0;max-width:none}
/* range band: --a = low end, --b = high end */
.hbars .trng{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));background:color-mix(in srgb,var(--accent) 42%,#CFE2D7);border-radius:0 3px 3px 0}
/* pre-reveal state (JS on): bars empty and numbers hidden until their row starts */
html.js .hbars .tfill{width:0}
html.js .hbars .tval{opacity:0;transition:opacity .8s ease}
html.js .hbars .tval.on{opacity:1}
html.js .hbars .trng{opacity:0;transition:opacity .6s ease}
html.js .hbars-chart.in .trng{opacity:1;transition-delay:1.4s}
@media (max-width:640px){.hbars .trow{grid-template-columns:var(--lbl-sm,78px) minmax(0,1fr) var(--val-sm,52px);gap:14px;padding:16px 12px;margin:0 -12px}
 .hbars .trow::after{left:12px;right:12px}.hbars .tcat{font-size:var(--t-m)}}

/* 3. "Less" variant. The full track is the Selenium baseline. The green segment is the reduction:
      it's anchored to the right and grows leftward on reveal. */
.hbars.hbars-less .ttrack{background:var(--line);box-shadow:none}
.hbars.hbars-less .tfill{left:auto;right:0;border-radius:0}
.hbars.hbars-less .trng{left:auto;right:var(--a);border-radius:0;background:color-mix(in srgb,var(--accent) 45%,var(--line))}
.hbars-less .tv{display:flex;align-items:baseline;justify-content:flex-end;gap:.3em;white-space:nowrap}
.hbars-less .tless{font-family:var(--sans);font-weight:400;font-size:var(--t-l);color:var(--accent);transition:color .15s,opacity .8s ease}
.hbars-less .trow:hover .tless,.hbars-less .trow:focus-visible .tless{color:var(--accent-2)}
html.js .hbars-less .tless{opacity:0}
html.js .hbars-less .tval.on+.tless{opacity:1}
.hbars.hbars-less .hbars-axis{display:flex;align-items:center;gap:10px}
.hbars.hbars-less .hbars-axis::before{content:"";flex:none;width:18px;height:10px;border-radius:2px;background:var(--accent)}
@media (max-width:640px){.hbars.hbars-less .trow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cat val" "trk trk";row-gap:12px}
 .hbars-less .tcat{grid-area:cat}.hbars-less .ttrack{grid-area:trk}.hbars-less .tv{grid-area:val}}

/* ---- insights ---- */
.post{padding:30px 0;border-top:1px solid var(--line-2)}
.post:last-child{border-bottom:1px solid var(--line-2)}
.post h2{margin-bottom:.4em;font-size:var(--t-2xl);font-weight:500;line-height:1.25;letter-spacing:.005em}
.post h2 a{position:relative;text-decoration:none;transition:color .2s var(--ease)}
.post h2 a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .32s var(--ease)}
.post h2 a:hover{color:var(--accent)}
.post h2 a:hover::after{transform:scaleX(1)}
.post p{margin:0;color:var(--ink-2);font-size:var(--t-m)}
.post .meta{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);margin-top:16px}

/* ---- insights: two columns ---- */
.posts2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap);align-items:stretch}
.posts2 .post{border-bottom:1px solid var(--line-2)}
@media (max-width:760px){.posts2{grid-template-columns:minmax(0,1fr)}.posts2 .post+.post{border-top:0}}
.posts2{gap:var(--gap)}
.posts2 .pcard{position:relative;display:flex;flex-direction:column;padding:28px 30px;background:var(--panel);border:1px solid var(--line-2);transition:border-color .3s var(--ease)}
.posts2 .pcard h2{margin:0 0 .5em;max-width:28ch;text-wrap:balance}
.posts2 .pcard h2 a{position:static}
.posts2 .pcard h2 a::after{display:none}
.posts2 .pcard h2,.posts2 .pcard h2.in{clip-path:none}
.posts2 .pcard h2 a::before{content:"";position:absolute;inset:0;z-index:1}
.posts2 .pcard p{text-wrap:pretty;max-width:58ch}
.pcard-foot{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pcard-foot .meta{margin:0}
.pcard-go{flex:none;color:var(--mute);font-size:1rem;line-height:1;transition:transform .3s var(--ease),color .3s var(--ease)}
.posts2 .pcard{transition:border-color .3s var(--ease),box-shadow .34s var(--ease),transform .34s var(--ease)}
.posts2 .pcard::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--ease);pointer-events:none}
.posts2 .pcard:hover,.posts2 .pcard:focus-within{border-color:var(--line);transform:translateY(-2px);box-shadow:0 18px 34px -26px rgba(19,26,24,.35)}
.posts2 .pcard:hover::after,.posts2 .pcard:focus-within::after{transform:scaleX(1)}
.posts2 .pcard .pcard-foot .meta{position:relative;transition:color .25s var(--ease)}
.posts2 .pcard:hover .pcard-foot .meta,.posts2 .pcard:focus-within .pcard-foot .meta{color:var(--accent)}
.posts2 .pcard:last-child .pcard-foot .meta::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.posts2 .pcard:last-child:hover .pcard-foot .meta::after,.posts2 .pcard:last-child:focus-within .pcard-foot .meta::after{transform:scaleX(1)}

.posts2 .pcard:hover .pcard-go{color:var(--accent);transform:translateX(4px)}
.posts2 .pcard:has(a:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.posts2 .pcard h2 a:focus-visible{outline:none}
@media (max-width:760px){.posts2 .post+.post{border-top:1px solid var(--line-2)}}