/* ==========================================================================
   n-style.css  |  PCVITA new design (header, footer and product page sections)
   Loads AFTER bootstrap.min.css and styles.css. Every class starts with n-
   so nothing on the old pages changes. Body class for new pages: n-page
   ========================================================================== */
:root{
  --n-red:#dc3545; --n-red-d:#b02a37; --n-red-l:#fdecee; --n-ink:#081e21; --n-text:#212529;
  --n-mute:#5c6770; --n-cream:#f8f6ef; --n-grey:#f5f6f6; --n-line:#e6e8ea; --n-gold:#e3d29a;
  --n-foot:#1b1929; --n-green:#28a745; --n-green-d:#1e7e34; --n-r:14px;
  --n-sh:0 2px 12px rgba(8,30,33,.07); --n-sh-h:0 12px 28px rgba(220,53,69,.16);
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.n-page{color:var(--n-text);-webkit-font-smoothing:antialiased}
.n-page [id]{scroll-margin-top:64px}
.n-sprite{position:absolute;width:0;height:0;overflow:hidden}
.n-i{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-.22em}
.n-i-s{width:1em;height:1em}
.n-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.n-skip{position:absolute;left:-999px;top:0;z-index:100000;background:#fff;color:var(--n-red);padding:10px 16px;font-weight:600}
.n-skip:focus{left:8px;top:8px}

/* ---------- buttons ---------- */
.n-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:2px solid transparent;border-radius:10px;font:600 15px/1.2 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s;white-space:nowrap}
.n-btn:hover{transform:translateY(-2px)}
.n-btn-red{background:var(--n-red);color:#fff!important;box-shadow:0 4px 14px rgba(220,53,69,.28)}
.n-btn-red:hover{background:var(--n-red-d);box-shadow:0 8px 20px rgba(220,53,69,.34)}
.n-btn-green{background:var(--n-green);color:#fff!important;box-shadow:0 4px 14px rgba(40,167,69,.28)}
.n-btn-green:hover{background:var(--n-green-d);box-shadow:0 8px 20px rgba(40,167,69,.34)}
.n-btn-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.n-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.n-btn-line{background:#fff;color:var(--n-red)!important;border-color:var(--n-red)}
.n-btn-line:hover{background:var(--n-red-l)}
.n-btn-sm{padding:9px 16px;font-size:14px}
.n-btn-lg{padding:15px 28px;font-size:16px}
.n-btn-block{display:flex;width:100%}
.n-btn .n-i{width:1.15em;height:1.15em}

/* ---------- header ---------- */
.n-top{background:var(--n-red);color:#fff;font-size:12.5px;line-height:1}
.n-top-in{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:16px}
.n-top-msg{margin:0;font-weight:500}
.n-top-links{display:flex;align-items:center;gap:20px;margin-left:auto}
.n-top-links a,.n-lang-btn{color:#fff!important;text-transform:uppercase;letter-spacing:.03em;font-size:12px;opacity:.92}
.n-top-links a:hover,.n-lang-btn:hover{opacity:1;text-decoration:underline}
.n-lang{position:relative}
.n-lang-btn{background:none;border:0;padding:6px 0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}
.n-lang-menu{display:none;position:absolute;right:0;top:100%;min-width:150px;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:6px;z-index:1300}
.n-lang.is-open .n-lang-menu{display:block}
.n-lang-menu a{display:flex;align-items:center;gap:8px;color:var(--n-text)!important;text-transform:none;letter-spacing:0;font-size:13px;padding:8px 10px;border-radius:6px}
.n-lang-menu a:hover{background:var(--n-grey);text-decoration:none}
@media (max-width:991.98px){.n-top-links{display:none}.n-top-msg{text-align:center;width:100%}.n-top:has(.n-top-msg:empty){display:none}}

.n-header{position:relative;background:#fff;border-bottom:1px solid var(--n-line);z-index:1200}
.n-header-in{display:flex;align-items:center;gap:24px;min-height:70px}
.n-brand{display:block;flex:0 0 auto;line-height:0}
.n-brand img{display:block;height:38px;width:auto}
.n-nav{flex:1 1 auto}
.n-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.n-item-m{display:none}
.n-link{display:inline-flex;align-items:center;gap:6px;padding:24px 14px;color:var(--n-ink)!important;font:600 14.5px/1 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;background:none;border:0;cursor:pointer;position:relative;text-decoration:none!important}
.n-link:after{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:2px;background:var(--n-red);transform:scaleX(0);transition:transform .25s}
.n-link:hover,.n-has-sub.is-open>.n-link{color:var(--n-red)!important}
.n-link:hover:after,.n-has-sub.is-open>.n-link:after{transform:scaleX(1)}
.n-link-offer{color:var(--n-red)!important}
.n-sub-btn .n-i-s{transition:transform .2s}
.n-has-sub.is-open .n-sub-btn .n-i-s{transform:rotate(180deg)}
.n-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.n-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--n-line);background:#fff;color:var(--n-ink);cursor:pointer;transition:background .2s,color .2s}
.n-icon-btn:hover{background:var(--n-red-l);color:var(--n-red)}
.n-icon-btn .n-i{width:20px;height:20px}
.n-burger{display:none}
.n-burger-close{display:none}
.n-header.is-open .n-burger-open{display:none}
.n-header.is-open .n-burger-close{display:inline-block}

.n-mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--n-line);box-shadow:0 24px 48px rgba(8,30,33,.14);z-index:1250}
@media (min-width:992px){.n-has-sub:hover>.n-mega{display:block}.n-has-sub:hover>.n-link{color:var(--n-red)!important}.n-has-sub:hover>.n-link:after{transform:scaleX(1)}}
.n-has-sub.is-open>.n-mega{display:block}
.n-mega-in{max-width:1140px;margin:0 auto;padding:28px 15px;display:grid;grid-template-columns:260px 1fr;gap:32px}
.n-mega-head{background:var(--n-cream);border-radius:var(--n-r);padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.n-mega-title{margin:0;font:700 19px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--n-ink)}
.n-mega-text{margin:0;font-size:13.5px;color:var(--n-mute);line-height:1.5}
.n-mega-offer{font-size:13.5px;font-weight:600;color:var(--n-red)!important}
.n-mega-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px}
.n-mega-grid a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;color:var(--n-ink)!important;transition:background .2s}
.n-mega-grid a:hover{background:var(--n-red-l);text-decoration:none}
.n-mi{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--n-red-l);color:var(--n-red);display:flex;align-items:center;justify-content:center}
.n-mi .n-i{width:20px;height:20px}
.n-mt strong{display:block;font:600 14px/1.3 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif}
.n-mt small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:var(--n-mute)}

.n-searchbar{display:none;background:var(--n-grey);border-top:1px solid var(--n-line);padding:14px 0}
.n-header.is-search .n-searchbar{display:block}
.n-searchbar form{display:flex;gap:10px}
.n-searchbar input{flex:1;min-width:0;height:46px;border:1px solid var(--n-line);border-radius:10px;padding:0 16px;font:400 15px 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif}
.n-searchbar input:focus{outline:2px solid var(--n-red);outline-offset:0;border-color:var(--n-red)}

@media (max-width:991.98px){
  .n-header-in{min-height:62px;gap:12px}
  .n-burger{display:inline-flex}
  .n-cta{display:none}
  .n-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--n-line);box-shadow:0 18px 30px rgba(8,30,33,.12);max-height:calc(100vh - 100px);overflow:auto}
  .n-header.is-open .n-nav{display:block}
  .n-menu{display:block;padding:8px 15px 16px}
  .n-item{border-bottom:1px solid var(--n-line)}
  .n-item-m{display:block}
  .n-link{display:flex;width:100%;padding:15px 4px;font-size:15px}
  .n-link:after{display:none}
  .n-sub-btn{justify-content:space-between}
  .n-mega{position:static;box-shadow:none;border:0}
  .n-mega-in{display:block;padding:0 0 12px}
  .n-mega-head{display:none}
  .n-mega-grid{display:block}
  .n-mega-grid a{padding:10px 4px}
  .n-actions{gap:8px}
}

/* ---------- footer ---------- */
.n-footer{background:var(--n-foot);color:#c9c7d6;font-size:14px;line-height:1.7}
.n-foot-cta{background:linear-gradient(100deg,var(--n-red) 0%,#b02a37 100%);color:#fff}
.n-foot-cta-in{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;padding-top:30px;padding-bottom:30px;flex-wrap:wrap}
.n-foot-cta-title{margin:0;font:700 22px/1.3 'Roboto','Roboto Fallback',sans-serif;color:#fff}
.n-foot-cta-text{margin:4px 0 0;font-size:14.5px;opacity:.92}
.n-foot-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.n-foot-main{padding-top:56px;padding-bottom:36px}
.n-foot-grid{display:grid;grid-template-columns:1.5fr 1.15fr 1fr .8fr 1.2fr;gap:36px 32px}
.n-foot-brand img{display:block;margin-bottom:14px}
.n-foot-brand p{margin:0 0 16px;font-size:13.5px;max-width:320px}
.n-foot-h{margin:0 0 14px;font:700 15px/1.3 'Roboto','Roboto Fallback',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.n-foot-col ul{list-style:none;margin:0;padding:0}
.n-foot-col li{padding:3px 0}
.n-footer a{color:#c9c7d6;transition:color .2s}
.n-footer a:hover{color:#fff;text-decoration:none}
.n-foot-col li a{display:inline-block}
.n-foot-col li a:hover{transform:translateX(3px)}
.n-foot-contact span{display:block;font:600 12px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.n-foot-contact li{padding:0 0 12px}
.n-social{display:flex!important;gap:10px}
.n-social li{padding:0!important}
.n-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#2c2a40;color:#fff!important}
.n-social a:hover{background:var(--n-red);transform:translateY(-3px)}
.n-social svg{fill:currentColor}
.n-foot-bar{border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.n-foot-bar-in{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.n-foot-bar p{margin:0}
.n-legal span{opacity:.4;margin:0 6px}
@media (max-width:1199.98px){.n-foot-grid{grid-template-columns:repeat(3,1fr)}.n-foot-brand{grid-column:1/-1}}
@media (max-width:767.98px){.n-foot-grid{grid-template-columns:1fr 1fr}.n-foot-col:last-child{grid-column:1/-1}.n-foot-cta-in{text-align:center;justify-content:center}.n-foot-cta-btns{justify-content:center}.n-foot-bar-in{justify-content:center;text-align:center}}
@media (max-width:479.98px){.n-foot-grid{grid-template-columns:1fr}}
#cookie-bar{z-index:99999}

/* ---------- page basics ---------- */

/* ---------- breadcrumb ---------- */
.n-crumb{background:#fff;border-bottom:1px solid var(--n-line)}
.n-crumb .breadcrumb{margin:0;padding:12px 0;background:none;font-size:13px;flex-wrap:wrap}
.n-crumb .breadcrumb a{color:var(--n-mute)}
.n-crumb .breadcrumb a:hover{color:var(--n-red)}

/* ---------- hero ---------- */
.n-hero{position:relative;background:linear-gradient(180deg,var(--n-cream) 0%,#fff 100%);padding:54px 0 64px;overflow:hidden}
.n-hero h1{margin:16px 0 14px;font:600 clamp(1.9rem,1.2rem + 2.3vw,2.85rem)/1.15 'Roboto','Roboto Fallback',sans-serif;color:var(--n-ink);letter-spacing:-.015em}
.n-hero h1 strong{color:var(--n-red);font-weight:700}
.n-hero .quick-answer{margin:0 0 6px;font:400 1.1rem/1.7 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:#3a4a4d}
.rating_widget{margin:0 auto;display:flex}
@media (max-width:991.98px){
  .n-hero{padding:34px 0 44px}
}
@media (max-width:575.98px){.n-hero .quick-answer{font-size:1rem}}

/* ---------- trust strip ---------- */
.n-trust{background:var(--n-ink);color:#fff}
.n-trust-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 0}
.n-trust-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:8px;min-width:0}
.n-trust-item .n-i{width:28px;height:28px;color:#ff8b97}
.n-trust-item strong{display:block;font:700 1.25rem/1.15 'Roboto','Roboto Fallback',sans-serif;color:#fff}
.n-trust-item span{display:block;font-size:12px;line-height:1.35;color:#9fb4b6}
@media (max-width:991.98px){.n-trust-in{grid-template-columns:repeat(6,minmax(0,1fr))}.n-trust-item{grid-column:span 2}.n-trust-item:nth-child(n+4){grid-column:span 3}}
@media (max-width:767.98px){.n-trust-in{grid-template-columns:1fr 1fr;gap:8px}.n-trust .n-trust-item{gap:10px;padding:12px}.n-trust .n-trust-item .n-i{width:22px;height:22px}.n-trust .n-trust-item strong{font-size:1.1rem}.n-trust-item,.n-trust-item:nth-child(n+4){grid-column:span 1}.n-trust-item:last-child{grid-column:1/-1;justify-content:center}}

/* ---------- sticky anchor bar ---------- */
.n-jump{position:sticky;top:0;z-index:1100;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--n-line);box-shadow:0 4px 14px rgba(8,30,33,.05)}
.n-jump-links{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.n-jump-links::-webkit-scrollbar{display:none}
.n-jump-links a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:15px 13px;font:600 13.5px/1 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--n-mute)!important;border-bottom:3px solid transparent;text-decoration:none!important;white-space:nowrap}
.n-jump-links a:hover{color:var(--n-red)!important}
.n-jump-links a.is-active{color:var(--n-red)!important;border-bottom-color:var(--n-red)}
.n-jump-links a .n-i{width:16px;height:16px}
.n-jump .n-btn{flex:0 0 auto}
@media (max-width:767.98px){.n-jump .n-btn{display:none}.n-jump-links a{padding:14px 11px;font-size:13px}}

/* ---------- overview + flow svg ---------- */
@media (prefers-reduced-motion:reduce){.n-btn{transition:none}.n-btn:hover{transform:none}}

/* ---------- awards carousel ---------- */

/* ---------- screenshot feature rows ---------- */

/* ---------- feature cards ---------- */

/* ---------- stepper ---------- */

/* ---------- use case cards ---------- */

/* ---------- prepare cards ---------- */

/* ---------- pricing / comparison table ---------- */

/* ---------- generic tables ---------- */

/* ---------- specifications ---------- */

/* ---------- EWS notice ---------- */

/* ---------- faq (keeps accordion-plus from styles.css) ---------- */

/* ---------- sources ---------- */

/* ---------- reviews (reuse styles.css review/carousel markup) ---------- */

/* ---------- key takeaways + cta band ---------- */
.n-cta-band{background:linear-gradient(110deg,#b02a37 0%,var(--n-red) 55%,#e4505e 100%);color:#fff;padding:56px 0;text-align:center}
.n-cta-band h2{margin:0 0 10px;font:600 clamp(1.5rem,1.1rem + 1.5vw,2.1rem)/1.25 'Roboto','Roboto Fallback',sans-serif;color:#fff}
.n-cta-band p{max-width:640px;margin:0 auto 24px;font-size:1.04rem;opacity:.95}
.n-cta-band .n-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.n-cta-band small{display:block;margin-top:14px;opacity:.85;font-size:.85rem}
@media (max-width:575.98px){.n-cta-band .n-btn{width:100%}}

/* ---------- misc ---------- */
.n-page .modal{z-index:1400}
.n-page .modal-backdrop{z-index:1390}
a.gotoTop{border-radius:8px 0 0 8px}
@media print{.n-top,.n-header,.n-jump,.n-footer,.life-chat{display:none!important}}

/* ---------- extra grid helpers ---------- */
.n-link:focus:not(:focus-visible),.n-sub-btn:focus:not(:focus-visible){outline:0}

/* ==========================================================================
   v2 (13 Oct, round 2): black sections, big centered card icons, new layouts
   ========================================================================== */
:root{--n-black:#0b0e13}
.n-trust{background:var(--n-black)}

/* footer contact band: light, so it differs from the dark CTA band above it */
.n-foot-cta{background:var(--n-cream);color:var(--n-ink)}
.n-foot-cta-title{color:var(--n-ink)}
.n-foot-cta-text{color:var(--n-mute);opacity:1}
.n-foot-cta .n-btn-line{background:#fff}

/* page CTA band: black with a soft red glow */
.n-cta-band{background:var(--n-black);color:#fff;padding:64px 0}
.n-cta-band p{color:#c3ccd2;opacity:1}
.n-cta-band small{color:#8fa0a8;opacity:1}

/* ---------- cards: BIG centered icons ---------- */

/* centered flex grid (last row stays centered) */

/* prepare cards (on black) */

/* ---------- overview ---------- */

/* ---------- awards (black section) ---------- */

/* ---------- EWS notice: no left border ---------- */

/* ---------- FAQ: 1px colour border + Q and A badges ---------- */

/* ---------- sources (black section) ---------- */

/* ---------- reviews ---------- */

/* ---------- tap targets ---------- */

/* ---------- UI/UX audit fixes (13 Oct) ---------- */
/* tables placed inside black sections keep dark text on the white table */
/* contrast: darker red for small text, darker green behind white text */
:root{--n-green:#218838;--n-green-d:#1a6d2d;--n-red-t:#b8212f}
.n-btn-green{box-shadow:0 4px 14px rgba(33,136,56,.28)}
.n-btn-line{color:var(--n-red-t)!important;border-color:var(--n-red-t)}
/* readable small text */
.n-trust-item span{font-size:12.5px}
.n-trust-item span{font-size:13px}
/* tap targets */
.n-crumb .breadcrumb a{display:inline-block;padding:8px 0}
.n-foot-col li a{padding:6px 0}
@media (max-width:991.98px){.n-btn-sm{min-height:44px}}
@media (max-width:767.98px){.n-foot-col li a{padding:10px 0}.n-social a{width:44px;height:44px}.n-crumb .breadcrumb a{padding:11px 0}}

/* ---------- header round 3: black top bar, larger text ---------- */
.n-top{background:var(--n-black);font-size:14.5px}
.n-top-in{min-height:42px}
.n-top-links a,.n-lang-btn{font-size:13.5px;opacity:1}
.n-link{font-size:16.5px;padding:26px 16px}
.n-link:after{left:16px;right:16px}
.n-header-in{min-height:76px}
.n-brand img{height:42px}
.n-actions .n-btn{font-size:16px}
.n-mega-title{font-size:21px}
.n-mega-text,.n-mega-offer{font-size:15px}
.n-mt strong{font-size:15.5px}
.n-mt small{font-size:13.5px}
.n-lang-menu a{font-size:14.5px}
@media (min-width:992px) and (max-width:1199.98px){.n-link{font-size:15.5px;padding:26px 10px}.n-link:after{left:10px;right:10px}.n-header-in{gap:14px}}
@media (max-width:991.98px){.n-top{font-size:13.5px}.n-link{font-size:16.5px;padding:15px 14px}}
.n-crumb .breadcrumb{font-size:15px}

/* ---------- sticky download / buy bar (shows after scrolling) ---------- */
.n-sticky{position:fixed;left:50%;bottom:18px;z-index:1100;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:10px 12px 10px 20px;background:#fff;border:1px solid var(--n-line);border-radius:10px;box-shadow:0 6px 24px rgba(8,30,33,.16);transform:translate(-50%,140%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s}
.n-sticky.is-on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease}
.n-sticky-msg{margin:0 6px 0 0;font-size:15px;font-weight:500;color:var(--n-ink)}
.n-sticky .n-btn{white-space:nowrap}
.n-sticky-x{width:34px;height:34px;border:0;background:none;border-radius:6px;font-size:24px;line-height:1;color:#5b6770;cursor:pointer}
.n-sticky-x:hover{background:var(--n-grey);color:var(--n-ink)}
@media (max-width:767.98px){
  .n-sticky{left:0;right:0;bottom:0;width:auto;max-width:none;transform:translateY(110%);border-radius:0;border-width:1px;padding:10px 12px;gap:8px}
  .n-sticky.is-on{transform:translateY(0)}
  .n-sticky-msg{display:none}
  .n-sticky .n-btn{flex:1 1 0;justify-content:center;min-height:44px}
  .n-sticky-x{width:44px;height:44px;flex:0 0 44px}
}
@media (prefers-reduced-motion:reduce){.n-sticky,.n-sticky.is-on{transition:none}}
@media print{.n-sticky{display:none!important}}

/* ---------- hero round 4: dark hero, white demo card with in-card strip ---------- */
/* header download button and mid-page CTA row */
.n-btn-green.n-cta{box-shadow:0 4px 14px rgba(33,136,56,.28)}

/* step caption bar: traffic-light dots removed */

/* ---------- round 5: light hero kept, breadcrumb aligned, notice head fixed ---------- */
.n-crumb .breadcrumb{align-items:center;padding:0;row-gap:0}
.n-crumb .breadcrumb-item{display:flex;align-items:center;min-height:44px;padding:0;line-height:1.3}
.n-crumb .breadcrumb-item:before{display:inline-flex;align-items:center;padding:0 10px 0 0;line-height:1}
.n-crumb .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;padding:0}
.n-crumb .breadcrumb-item span{display:inline}
.n-crumb .breadcrumb-item+.breadcrumb-item{padding-left:0}
.n-crumb .breadcrumb-item+.breadcrumb-item:before{padding:0 10px}
@media (max-width:767.98px){
  .n-crumb .breadcrumb{font-size:14.5px}
  .n-crumb .breadcrumb-item:last-child{flex:0 0 100%;min-height:36px;padding-bottom:6px;font-weight:600;color:var(--n-ink)}
  .n-crumb .breadcrumb-item:last-child:before{display:none}
}
.n-crumb .breadcrumb-item+.breadcrumb-item:before{display:block;width:26px;height:12px;padding:0;margin:0;background-position:center;background-repeat:no-repeat;background-size:12px 12px}
@media (max-width:767.98px){.n-crumb .breadcrumb-item:last-child:before{display:none}}

/* ---------- overview: Exchange to Microsoft 365 diagram ---------- */
@media (max-width:991.98px){
}
@media (max-width:991.98px){}
/* step caption bar: no left border */

/* cards: no extra shadow on hover (border colour change only) */
/* product box: no pink glow circle behind it */
/* the pink halo is part of box.webp itself; this filter pushes the pale pink to white and keeps the box colours */

/* footer social icons: same 24px grid, perfectly centred */
.n-social a{width:42px;height:42px;line-height:0}
.n-social svg{display:block;width:19px;height:19px;fill:currentColor;stroke:none}
.n-social a:hover{background:var(--n-red)}
.n-foot-col .n-social a{display:flex;align-items:center;justify-content:center;padding:0;width:42px;height:42px}
.n-foot-col .n-social a:hover{transform:translateY(-3px)}
@media (max-width:767.98px){.n-foot-col .n-social a{width:44px;height:44px;padding:0}}

/* ---------- hero heading: eyebrow, brand line and tool name, each on one line ---------- */
.n-hero h1{margin:14px 0 16px;line-height:1.2}
@media (min-width:992px) and (max-width:1199.98px){.n-link{padding:26px 8px}.n-link:after{left:8px;right:8px}.n-header-in{gap:10px}.n-actions .n-btn{padding:11px 14px}}
/* brand merged into the eyebrow line */
.n-hero h1{margin-top:16px}

/* specifications rows: icon and label aligned in one tidy column */

/* 32. Free demo strip in gold, dark text */
:root{--n-gold:#f6b81a;--n-gold-d:#e09d00}

/* 33. Section headings on one line (desktop), larger sub heading text */

/* 34. FAQ Q and A as plain letters, no filled circle */

/* 35. Hero card Buy Now as icon and text link, no filled box */

/* 36. Side live chat hidden in the hero, shown after it (n-script.js section 6) */
.n-page a.life-chat{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s,right .9s}
.n-page a.life-chat.is-on{opacity:1;visibility:visible;pointer-events:auto}

/* 37. Header menu centred on the page (logo left, menu centre, buttons right) */
@media (min-width:992px){
  .n-header-in{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
  .n-nav{justify-self:center}
  .n-menu{justify-content:center}
  .n-actions{justify-self:end;margin-left:0}
}

/* 38. Footer enhance: brand black, aligned columns, gold accents, icon contact rows */
.n-footer{--n-foot:#0f1217;background:#0f1217;color:#cfd3da}
.n-foot-main{padding-top:60px;padding-bottom:40px}
.n-foot-grid{grid-template-columns:1.4fr 1.25fr 1.15fr .8fr 1.55fr;gap:36px 32px;align-items:start}
.n-foot-h{position:relative;margin:0 0 24px;padding-bottom:12px;font:700 14px/1.3 'Roboto','Roboto Fallback',sans-serif;letter-spacing:.07em;white-space:nowrap}
.n-foot-h:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--n-gold)}
.n-foot-brand p{font-size:14.5px;line-height:1.7;color:#cfd3da;max-width:340px}
.n-footer a{color:#cfd3da}
.n-footer a:hover{color:var(--n-gold)}
.n-foot-col li{padding:0}
.n-foot-col li a{padding:6px 0;font-size:14.5px;line-height:1.45}
.n-foot-col li a:hover{transform:translateX(4px)}
.n-social a{background:#1b2029;transition:background .2s,color .2s,transform .2s}
.n-social a:hover,.n-foot-col .n-social a:hover{background:var(--n-gold);color:var(--n-black)!important}
.n-foot-contact li{display:flex;gap:12px;align-items:flex-start;padding:0 0 18px;font-size:14.5px;line-height:1.55}
.n-foot-contact .n-fc-ic{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#1b2029;color:var(--n-gold);display:flex;align-items:center;justify-content:center}
.n-foot-contact .n-fc-ic{margin:0;padding:0;font-size:0;letter-spacing:0;text-transform:none}
.n-foot-contact .n-fc-ic .n-i{width:19px;height:19px;margin:0}
.n-foot-contact b{display:block;margin:0 0 2px;font:700 12px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.07em}
.n-foot-contact li.n-fc-links{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 0}
.n-fc-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px!important;white-space:nowrap;border:1px solid #2b3240;border-radius:99px;font-size:14px!important;font-weight:600;color:#fff!important}
.n-fc-links a .n-i{width:17px;height:17px;color:var(--n-gold)}
.n-fc-links a:hover{border-color:var(--n-gold);color:var(--n-gold)!important;transform:none!important}
.n-foot-bar{border-top:1px solid #222833;color:#aab0ba}
.n-foot-bar a{color:#cfd3da}
@media (max-width:1199.98px){.n-foot-grid{grid-template-columns:repeat(3,1fr)}.n-foot-h{white-space:normal}}
@media (max-width:767.98px){.n-foot-grid{grid-template-columns:1fr 1fr}.n-foot-main{padding-top:44px}.n-foot-col li a{padding:10px 0}.n-fc-links a{padding:12px 18px!important}}
@media (max-width:479.98px){.n-foot-grid{grid-template-columns:1fr}}
.n-foot-contact li:not(.n-fc-links) a{padding:2px 0}

/* 39a. Montserrat 600 and 700 (site styles.css only ships 300, 400, 500, so bold text was a faked bold) */
/* 39. Typography: normal text clearer, darker and larger; bold stronger (checked against SysTools: 16px, 400, black; bold 600 to 700) */
:root{--n-body:#2b363d;--n-mute:#46525b}
.n-page{text-rendering:optimizeLegibility;color:var(--n-body)}
.n-page main strong,.n-page main b{font-weight:700!important}
.n-page main strong,.n-page main b{color:var(--n-black)}
/* body copy at 16px / 1.7 */
/* headings inside cards and FAQ questions a little larger */
.n-page main h3{letter-spacing:-.005em}
.n-page main .n-trust-item strong,.n-page main .n-btn strong,.n-page main .n-btn b{color:#fff}
.n-page .quick-answer{color:var(--n-body);font-size:18px;line-height:1.7}
@media (max-width:575.98px){.n-page .quick-answer{font-size:16.5px}}

/* 40. Dark sections: lighter card surface, brighter and larger text (cards no longer melt into the black background) */
.n-trust-item strong{font-size:1.3rem}
.n-trust-item span,.n-page .n-trust-item span{font-size:13.5px;line-height:1.4;color:#d9e1e4}
.n-cta-band p{font-size:17.5px;line-height:1.65;color:#e6ecef}
.n-cta-band small{font-size:14.5px;color:#c6d0d6}

/* 41. Dark sections: white cards (same look as the Prepare cards) instead of grey cards on black */

/* 44. Small gold accent (same touch as footer headings), used with restraint */
.n-cta-band h2:after{content:"";display:block;width:44px;height:3px;margin:12px auto 0;border-radius:2px;background:var(--n-gold)}
.n-trust-item .n-i{color:var(--n-gold)}

/* 45. Final layout from the approved mockup (14 Oct 2026): left aligned sections, one idea per section, real screens, tables and lists instead of icon cards. Prefix p- */
:root{--p-line:#e3e0d6;--p-soft:#edeae2;--p-strong:#d4d0c4;--p-edge:#c6c1b2;--p-gold-d:#e09d00;--p-sand:#f8f6ef;--p-ink:#0b0e13;--p-body:#2b363d;--p-mute:#5b6770;--p-gold:#f6b81a;--p-red:#dc3545;--p-green:#218838}
.n-page .n-btn{border-radius:8px;box-shadow:none}
.n-page .n-btn:hover{transform:none;box-shadow:none}
.n-page .n-btn-green{background:#218838;border-color:#1b6f2e}
.n-page .n-btn-green:hover{background:#1b6f2e}
.n-page .n-btn-red{background:#dc3545;border-color:#c22f3e}
.n-page .n-btn-red:hover{background:#b8212f}
.p-sec{padding:72px 0;background:#fff}
.p-sec-sand{background:var(--p-sand)}
.p-sh{margin:0 auto 32px;text-align:center}
.p-sh:after{content:"";display:block;width:44px;height:3px;margin:16px auto 0;border-radius:2px;background:var(--p-gold)}
.p-h2{margin:0 0 6px;text-align:center;font:700 32px/1.2 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);letter-spacing:-.01em;white-space:normal}
.p-deck{max-width:760px;margin:0 auto;font-size:17.5px;line-height:1.6;color:var(--p-mute)}
.p-deck a{color:#b8212f;text-decoration:underline}
.n-page .p-sec h3{font-family:'Roboto','Roboto Fallback',sans-serif;font-weight:700;color:var(--p-ink);letter-spacing:-.01em}
.p-num{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--p-edge);color:var(--p-ink);font:700 14px/1 'Roboto','Roboto Fallback',sans-serif}
.p-textlink{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#b8212f;text-decoration:underline;text-underline-offset:3px}
.p-textlink:hover{color:#8f1a25}
.p-cta-line{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}
.p-cta-line p{margin:0;font-size:15px;color:var(--p-mute)}
.p-pill,.p-pills a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--p-edge);border-radius:6px;color:var(--p-ink)!important;text-decoration:none!important;font-weight:600;font-size:14.5px;line-height:1.2;background:#fff;transition:border-color .2s,background .2s}
.p-pill:hover,.p-pills a:hover{border-color:var(--p-ink);background:var(--p-sand);color:var(--p-ink)!important}
.p-pill .n-i,.p-pills a .n-i{width:1.1em;height:1.1em}
.p-pill-block{display:flex;justify-content:center;width:100%}

/* hero */
.p-hero{padding:40px 0 56px;background:#fff}
.p-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.p-h1{margin:0 0 18px;font:700 41px/1.15 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);letter-spacing:-.015em}
.n-page .p-lead,.n-page h2.p-lead.quick-answer{margin:0 0 24px;font:400 18.5px/1.6 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-body);max-width:none}
.p-facts{margin:0 0 22px;display:grid;gap:8px}
.p-facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:10px 16px;border:1px solid var(--p-line);border-radius:8px;background:#fff}
.p-facts dt{margin:0;display:flex;align-items:center;gap:9px;font-weight:600;color:var(--p-ink);font-size:15px}
.p-facts dt .n-i{width:19px;height:19px;color:var(--p-red);stroke-width:1.8}
.p-facts dd{margin:0;font-size:16px;color:var(--p-body)}
.p-hero-more{margin:0;font-size:15.5px;line-height:1.65;color:var(--p-mute);max-width:none}
.p-hero-more a{color:#b8212f;text-decoration:underline}
.p-dl{border:1px solid var(--p-strong);border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(8,30,33,.08);overflow:hidden;text-align:center}
.p-dl-tab{margin:0;background:var(--p-gold);color:var(--p-ink);font:700 13.5px/1.3 'Roboto','Roboto Fallback',sans-serif;letter-spacing:.02em;padding:9px 12px}
.p-dl-body{padding:22px 22px 20px}
.p-dl-box{display:block;width:118px;height:auto;margin:0 auto 12px}
.p-dl-title{margin:0 0 12px;font:700 21px/1.25 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.p-chips{list-style:none;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:0}
.p-chips li{font-size:13px;font-weight:600;color:var(--p-body);background:#f1f0ea;border-radius:999px;padding:5px 11px}
.p-dl .n-btn{margin:0}
.p-dl-note{margin:10px 0 0;font-size:13.5px;color:var(--p-mute)}
.p-dl-buybox{margin:16px 0 0;padding:14px 14px 12px;border:1px solid var(--p-soft);border-radius:8px;background:var(--p-sand)}
.p-dl-buy{margin:0 0 10px;font-size:15.5px;color:var(--p-body)}
.n-page main .p-dl-buy strong{color:var(--p-ink);font-size:19px;font-family:'Roboto','Roboto Fallback',sans-serif}
.p-dl-rate{margin:14px 0 0;font-size:13px;color:var(--p-mute);line-height:1.5}
.p-dl-links{display:flex;justify-content:center;gap:18px;margin:12px 0 0;font-size:14.5px}
.p-dl-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 0;font-weight:600;color:#b8212f}

/* at a glance */
.p-flow{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr) 110px minmax(0,1fr);align-items:stretch}
.p-node{border:1px solid var(--p-strong);border-radius:10px;background:#fff;padding:22px 22px 18px}
.p-node-tool{border:1px solid var(--p-gold-d)}
.n-page .p-node h3{margin:0 0 4px;font-size:19px;line-height:1.3}
.p-node-sub{margin:0 0 14px;font-size:14.5px;color:var(--p-mute)}
.p-node ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.p-node li{display:flex;gap:9px;align-items:flex-start;padding:8px 12px;border:1px solid var(--p-soft);border-radius:6px;font-size:15px;line-height:1.5;color:var(--p-body)}
.p-node li .n-i{width:17px;height:17px;margin-top:4px;color:var(--p-mute)}
.p-node-tool li .n-i{color:var(--p-red)}
.p-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 8px;text-align:center}
.p-track{position:relative;display:block;width:76px;height:2px;background:var(--p-edge);border-radius:1px}
.p-track i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--p-red);opacity:0}
.p-track-head{position:absolute;right:-9px;top:-9px;width:20px;height:20px;color:var(--p-ink);transform:rotate(-90deg)}
.p-arrow span{font-size:12.5px;font-weight:600;color:var(--p-mute);line-height:1.3}
.p-mini{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0}
.p-mini li{display:flex;gap:12px;padding:16px 20px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;font-size:15px;line-height:1.5;color:var(--p-body)}
.p-mini .p-num{border:0;background:transparent;color:var(--p-red);font-size:18px;width:auto;flex-basis:auto;height:auto;align-items:flex-start;margin-top:1px}
.n-page main .p-mini strong{display:block;color:var(--p-ink);font-size:15.5px}

/* how it works */
.p-how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.p-rail{display:grid;gap:8px}
.p-step{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;text-align:left;background:#fff;border:1px solid var(--p-line);border-radius:8px;padding:14px 14px 14px 12px;cursor:pointer;color:var(--p-body);font-family:'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif}
.p-step .p-num{margin-top:1px}
.p-step-txt{display:block}
.n-page main .p-step strong{display:block;font:700 17px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);margin-bottom:3px}
.p-step-txt span{display:block;font-size:14.5px;line-height:1.5;color:var(--p-mute)}
.p-step:hover{border-color:var(--p-edge)}
.p-step[aria-selected="true"]{border-color:var(--p-gold-d);background:#fffdf5}
.p-step[aria-selected="true"] .p-num{background:var(--p-red);border-color:var(--p-red);color:#fff}
.p-step:focus-visible{outline:3px solid var(--p-gold);outline-offset:-3px}
.p-panels{min-width:0}
.p-panel{margin:0;border:1px solid var(--p-strong);border-radius:10px;background:#fff;overflow:hidden}
.p-panel+.p-panel{margin-top:22px}
.n-js .p-panel{display:none}
.n-js .p-panel.is-active{display:block}
.p-panel img{display:block;width:100%;height:auto}
.p-panel figcaption{padding:16px 20px 18px;background:var(--p-sand)}
.p-panel figcaption small{display:block;font-size:13px;font-weight:600;color:var(--p-mute);margin-bottom:4px}
.n-page .p-panel h3{margin:0 0 4px;font-size:18px;line-height:1.3}
.p-panel figcaption p{margin:0;font-size:15.5px;line-height:1.6;color:var(--p-body)}

/* features */
.p-fz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;padding:32px;border:1px solid var(--p-line);border-radius:12px;background:#fff}
.p-fz+.p-fz{margin-top:20px}
.p-fz.is-rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.p-fz.is-rev .p-fz-txt{order:2}
.n-page .p-fz h3{margin:0 0 8px;font-size:23px;line-height:1.3}
.p-fz-txt>p{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:var(--p-body)}
.p-feat{list-style:none;margin:0;padding:0}
.p-feat li{position:relative;padding:8px 0 8px 28px}
.p-feat li:before{content:"";position:absolute;left:2px;top:14px;width:8px;height:14px;border:solid var(--p-green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.n-page .p-feat h4{margin:0 0 2px;font:600 15.5px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-ink)}
.p-feat p{margin:0;font-size:15px;line-height:1.55;color:var(--p-body)}
.p-fz-img{margin:0;border:1px solid var(--p-strong);border-radius:10px;overflow:hidden;background:#fff}
.p-fz-img img{display:block;width:100%;height:auto}
.p-fz-img a{display:block}
.p-fz-img figcaption{font-size:13.5px;line-height:1.5;color:var(--p-mute);padding:10px 14px;background:var(--p-sand)}

/* why move */
.p-why-list{list-style:none;max-width:860px;margin:0 auto;padding:0;display:grid;gap:12px}
.p-why-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 22px;border:1px solid var(--p-line);border-radius:10px;background:#fff}
.p-why-list .p-num{border:0;background:transparent;color:var(--p-red);font-size:22px;width:auto;height:auto;justify-content:flex-start;align-items:flex-start;line-height:1.2}
.n-page .p-why-list h3{margin:0 0 4px;font-size:18px;line-height:1.35}
.p-why-list p{margin:0;font-size:16px;line-height:1.6;color:var(--p-body)}

/* prepare */
.p-chk{background:#fff;border:1px solid var(--p-strong);border-radius:10px;padding:30px 32px 26px}
.p-chk ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0;padding:0}
.p-chk li{position:relative;padding:10px 14px 10px 44px;border:1px solid var(--p-soft);border-radius:8px;font-size:16px;line-height:1.6;color:var(--p-body)}
.p-chk-box{-webkit-appearance:none;appearance:none;position:absolute;left:14px;top:13px;width:20px;height:20px;margin:0;border:1.5px solid var(--p-edge);border-radius:5px;background:#fff;cursor:pointer}
.p-chk li a{color:#b8212f;text-decoration:underline}
.p-chk-foot{margin:18px 0 0;font-size:15px;color:var(--p-mute)}
.p-chk-foot a{color:#b8212f}

/* pricing */
.p-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px}
.p-plan{border:1px solid var(--p-strong);border-radius:10px;background:#fff;padding:26px 28px}
.p-plan-full{border-color:var(--p-gold-d)}
.n-page .p-plan h3{margin:0 0 4px;font-size:20px}
.p-price{margin:8px 0 2px;font:700 40px/1.1 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.p-price small{font:500 15px/1.3 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-mute)}
.p-for{margin:0 0 16px;font-size:15px;color:var(--p-mute)}
.p-plan ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:6px}
.p-plan li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--p-soft);border-radius:6px;font-size:15.5px;color:var(--p-body)}
.p-plan li span:last-child{font-weight:600;color:var(--p-ink);text-align:right;white-space:nowrap}
.p-fine{margin:10px 0 0;font-size:13.5px;color:var(--p-mute);text-align:center}
.p-incl{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0 0 28px;padding:0}
.p-incl li{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border:1px solid var(--p-line);border-radius:8px;background:#fff;font-size:15.5px;color:var(--p-body)}
.p-incl .n-i,.p-ews .n-i,.p-tk .n-i{width:20px;height:20px;margin-top:3px;color:var(--p-green)}
.p-calc{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--p-strong);border-radius:10px;padding:18px 24px}
.p-calc label{margin:0;font-weight:600;color:var(--p-ink);font-size:16px}
.p-calc input{width:110px;min-height:46px;border:1px solid var(--p-edge);border-radius:6px;padding:8px 12px;font:600 17px/1.2 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);background:#fff}
.p-calc-eq{font-size:16px;color:var(--p-mute)}
.n-page main .p-calc strong{font:700 28px/1.1 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.p-calc small{flex-basis:100%;font-size:13.5px;color:var(--p-mute)}
.p-calc small a{color:#b8212f}

/* specifications */
.p-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p-kv{width:100%;margin:0;border-collapse:collapse;border:1px solid var(--p-strong);background:#fff}
.p-kv caption{caption-side:top;text-align:left;font:700 18px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);padding:0 0 12px}
.p-kv th,.p-kv td{padding:11px 16px;border:1px solid var(--p-soft);font-size:15.5px;line-height:1.5;text-align:left;vertical-align:top;color:var(--p-body)}
.p-kv th{width:40%;font-weight:600;color:var(--p-ink);background:var(--p-sand)}
.p-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px}

/* comparison, EWS and sources */
.p-tbox{overflow-x:auto;-webkit-overflow-scrolling:touch}
.p-cmp{width:100%;min-width:640px;margin:0;border-collapse:collapse;border:1px solid var(--p-strong);background:#fff}
.p-cmp th,.p-cmp td{padding:13px 18px;border:1px solid var(--p-soft);text-align:left;vertical-align:top;font-size:15.5px;line-height:1.5;color:var(--p-body)}
.p-cmp thead th{background:var(--p-ink);color:#fff;font:700 15px/1.3 'Roboto','Roboto Fallback',sans-serif;border:1px solid var(--p-ink)}
.p-cmp tbody th{width:24%;font-weight:600;color:var(--p-ink);background:var(--p-sand)}
.p-cmp td.is-us{background:#fffafb}
.p-note{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--p-mute)}
.p-note a{color:#b8212f}
.p-ews{margin-top:36px;background:#fff;border:1px solid var(--p-gold-d);border-radius:10px;padding:26px 30px}
.n-page .p-ews h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:20px}
.p-ews h3 .n-i{width:24px;height:24px;color:#e09d00}
.p-ews ul{list-style:none;margin:0 0 12px;padding:0}
.p-ews li{position:relative;display:block;padding:6px 0 6px 30px;font-size:15.5px;line-height:1.6;color:var(--p-body)}
.p-ews li .n-i{position:absolute;left:0;top:9px}
.p-ews p{margin:0;font-size:15px;line-height:1.6;color:var(--p-mute)}
.p-ews a{color:#b8212f}
.p-src{margin-top:34px}
.n-page .p-src h3{margin:0 0 16px;font-size:18px;text-align:center}
.p-src ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:0}
.p-src li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:9px 14px;border:1px solid var(--p-line);border-radius:8px;background:#fff;font-size:14.5px;line-height:1.5}
.p-src li span{color:var(--p-mute);font-weight:600;font-size:13px;padding-top:2px}
.p-src li a{display:inline-block;padding:4px 0;color:#b8212f;text-decoration:underline}

/* FAQ */
.p-faq-body{max-width:860px;margin:0 auto}
.p-faq-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.p-faq-nav a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--p-edge);border-radius:999px;color:var(--p-ink);text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.2;background:#fff;transition:border-color .2s,background .2s}
.p-faq-nav a:hover{border-color:var(--p-ink);background:var(--p-sand);color:var(--p-ink)}
.p-faq-nav small{color:inherit;opacity:.7;font-weight:500;font-size:13px}
.p-fgrp{margin-bottom:30px}
.n-page .p-fgrp h3{margin:0 0 10px;padding:10px 16px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-sand);font-size:18px}
.p-q{border:1px solid var(--p-line);border-radius:8px;background:#fff}
.p-q+.p-q{margin-top:8px}
.p-q[open]{border-color:var(--p-edge)}
.p-q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px;align-items:center;padding:14px 16px;font-weight:600;color:var(--p-ink);font-size:16px;line-height:1.45}
.p-q summary::-webkit-details-marker{display:none}
.p-q summary::marker{content:""}
.p-pm{width:22px;height:22px;fill:none;stroke:var(--p-red);stroke-width:2.2;stroke-linecap:round;transition:transform .2s}
.p-q[open] .p-pm{transform:rotate(45deg)}
.p-q summary:focus-visible{outline:3px solid var(--p-gold);outline-offset:2px}
.p-a{padding:0 40px 16px 16px;font-size:15.5px;line-height:1.65;color:var(--p-body)}
.p-a p{margin:0 0 8px}
.p-a ol{margin:0 0 8px;padding-left:20px}
.p-a ol li{padding:3px 0}
.p-a a{color:#b8212f;text-decoration:underline}

/* reviews */
.p-rev{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.p-score{background:#fff;border:1px solid var(--p-strong);border-radius:10px;padding:26px 26px 22px}
.p-score-big{margin:0;font:700 58px/1 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.p-stars{display:flex;gap:3px;margin:8px 0 6px;color:var(--p-gold)}
.p-stars .n-i{width:22px;height:22px;fill:currentColor;stroke:currentColor}
.p-score-cnt{margin:0 0 18px;font-size:15px;color:var(--p-mute)}
.p-bar{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:3px 0;font-size:13.5px;color:var(--p-mute)}
.p-bar i{display:block;height:8px;background:var(--p-soft);border-radius:4px;overflow:hidden;position:relative}
.p-bar i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:var(--p-gold)}
.n-page main .p-bar b{text-align:right;color:var(--p-ink);font-size:13.5px}
.p-score .p-pill{margin-top:18px}
.p-quotes{display:grid;gap:14px}
.p-quotes blockquote{margin:0;padding:22px 24px;border:1px solid var(--p-line);border-radius:10px;background:#fff}
.p-quotes p{margin:0 0 10px;font-size:17px;line-height:1.6;color:var(--p-body)}
.p-quotes footer{font-size:14.5px;color:var(--p-mute)}
.n-page main .p-quotes footer b{color:var(--p-ink);font-weight:600!important}
.p-awards{margin-top:14px;display:grid;gap:14px}
.p-award{display:flex;gap:16px;align-items:center;padding:12px 16px;border:1px solid var(--p-line);border-radius:10px;background:#fff}
.p-award img{width:84px;height:auto;flex:0 0 84px;border:1px solid var(--p-line);border-radius:6px;background:#fff}
.p-award p{margin:0;font-size:15px;line-height:1.6;color:var(--p-mute)}
.n-page main .p-award b{color:var(--p-ink)}

/* key takeaways */
.p-tk{list-style:none;max-width:800px;margin:0 auto;padding:28px 32px 20px;background:#fff;border:1px solid var(--p-strong);border-radius:10px}
.p-tk li{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border:1px solid var(--p-soft);border-radius:8px;font-size:16px;line-height:1.6;color:var(--p-body)}

/* responsive */
@media (max-width:1199.98px){
  .p-hero-in{grid-template-columns:minmax(0,1fr) 320px;gap:36px}
  .p-h1{font-size:34px}
  .p-h2{font-size:30px}
}
@media (max-width:991.98px){
  .p-hero-in{grid-template-columns:1fr;gap:28px}
  .p-dl{max-width:420px;margin:0 auto}
  .p-h1{font-size:36px;max-width:none}
  .p-flow{grid-template-columns:1fr;gap:12px}
  .p-arrow{flex-direction:row;padding:4px 0}
  .p-track{transform:rotate(90deg);width:40px;margin:19px 0}
  .p-mini{grid-template-columns:1fr}
  .p-how,.p-fz,.p-fz.is-rev,.p-rev{grid-template-columns:1fr;gap:28px}
  .p-fz.is-rev .p-fz-txt{order:0}
  .p-spec,.p-plans{grid-template-columns:1fr}
}
@media (max-width:767.98px){
  .p-sec{padding:48px 0}
  .p-h2{font-size:26px}
  .p-deck{font-size:16.5px}
  .p-hero{padding:24px 0 40px}
  .p-hero-in{grid-template-columns:1fr;gap:28px}
  .p-h1{font-size:31px;max-width:none}
  .n-page .p-lead,.n-page h2.p-lead.quick-answer{font-size:17px}
  .p-facts div{grid-template-columns:1fr;gap:4px}
  .p-chk{padding:20px 18px}
  .p-chk ol,.p-incl,.p-src ul{grid-template-columns:1fr}
  .p-src li{grid-template-columns:1fr;gap:2px}
  .p-plan{padding:22px 20px}
  .p-calc{padding:16px 18px}
  .p-q summary{font-size:15.5px}
  .p-a{padding-right:0}
  .p-tk{padding:20px 18px 14px}
  .p-fz{padding:28px 0}
  .n-page .p-fz h3{font-size:21px}
  .p-step{padding:13px 8px 13px 4px}
  .p-cta-line .n-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.p-pm{transition:none}}
.p-calc input:focus{border-color:var(--p-ink);outline:3px solid rgba(246,184,26,.45);outline-offset:1px}
/* 49. Focus rings: bootstrap reboot draws a dark auto outline on button:focus, which showed as a black border after a mouse click on the step rail. Mouse clicks get no ring, keyboard focus keeps the gold ring. */
.n-page main button:focus:not(:focus-visible),.n-page main summary:focus:not(:focus-visible),.n-page main a:focus:not(:focus-visible){outline:0;box-shadow:none}
.n-page main .p-pill:focus-visible,.n-page main .p-pills a:focus-visible,.n-page main .p-faq-nav a:focus-visible,.n-page main .n-btn:focus-visible{outline:3px solid var(--p-gold);outline-offset:2px}
.p-step:focus{outline:0}
.p-step:focus-visible{outline:3px solid var(--p-gold);outline-offset:-3px}
/* 50. Clarity pass: pricing include heading, FAQ closing line, hero rating line */
.n-page .p-incl-h{margin:0 0 6px;font-size:16px;text-align:left}
.p-faq-foot{max-width:860px;margin:22px auto 0;font-size:15px;color:var(--p-mute);text-align:center}
.p-faq-foot a{color:#b8212f;text-decoration:underline}
.p-dl-rate .rating_widget{justify-content:center;margin-bottom:4px}
/* 51. Full borders only: every separator on this page is a border:1px box, no border-top, border-left or inset lines. */
.p-tk{display:grid;gap:8px;padding:20px}
.p-dl-buybox .p-dl-buy{margin-bottom:8px}
.p-dl-buybox .p-dl-note{margin-top:8px}
/* 52. Body font: Open Sans (self hosted latin 400, 600, 700) in place of Montserrat on the new design; Roboto stays for headings. Chosen after a side by side test of 8 fonts for smoothness at 13 to 17px and line length. */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/open-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/open-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/open-sans-latin-700-normal.woff2) format('woff2')}
.n-page,.n-page main,.n-page input,.n-page button,.n-page select,.n-page textarea{font-family:'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif}
.n-page main{font-size:16.5px;line-height:1.65}
.n-page .p-sec p,.n-page .p-sec li,.n-page .p-sec td,.n-page .p-sec th,.n-page .p-sec dd,.n-page .p-sec dt{letter-spacing:0}
/* 53. Sub lines under headings that stood alone */
.p-kicker{margin:0 0 6px;font:600 14px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:#b8212f}
.p-sub{display:block;margin-top:3px;font:400 14.5px/1.5 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-mute);letter-spacing:0}
.p-kv caption .p-sub{margin-top:2px;font-size:14px}
.n-page .p-fgrp h3 .p-sub{font-size:14px}
.n-page .p-incl-h{margin-bottom:10px}
.p-score-label{margin:0 0 4px;font-size:13.5px;font-weight:600;color:var(--p-mute)}
/* 56. Buy Now as an outline button: 1px red outline on light backgrounds, white outline on the black band */
.n-page .n-btn{border-width:1px;padding-top:13px;padding-bottom:13px}
.n-page .n-btn-sm{padding-top:10px;padding-bottom:10px}
.n-page .n-btn-lg{padding-top:16px;padding-bottom:16px}
.n-page .n-btn-line{background:transparent;color:#b8212f!important;border-color:#b8212f}
.n-page .n-btn-line:hover{background:#fdecee;color:#8f1a25!important;border-color:#8f1a25}
.n-page .n-btn-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.75)}
.n-page .n-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
/* 57. At a glance flow animation: items leave the source rows, travel along the arrows and arrive at the destination rows; the Connect, Select, Migrate steps light up in the same rhythm. Runs only while the section is on screen (data-n-live, n-script.js 8) and never with reduced motion. */
@media (prefers-reduced-motion:no-preference){
  .p-sec.is-live .p-track i{animation:pFlow 2.4s linear infinite}
  .p-sec.is-live .p-track i:nth-child(2){animation-delay:.8s}
  .p-sec.is-live .p-track i:nth-child(3){animation-delay:1.6s}
  .p-sec.is-live .p-flow .p-node:first-child li{animation:pSend 4.8s ease-in-out infinite}
  .p-sec.is-live .p-flow .p-node:last-child li{animation:pArrive 4.8s ease-in-out infinite}
  .p-sec.is-live .p-flow .p-node:last-child li .n-i{animation:pPop 4.8s ease-in-out infinite;transform-origin:center}
  .p-sec.is-live .p-flow .p-node li:nth-child(2),.p-sec.is-live .p-flow .p-node li:nth-child(2) .n-i{animation-delay:1.6s}
  .p-sec.is-live .p-flow .p-node li:nth-child(3),.p-sec.is-live .p-flow .p-node li:nth-child(3) .n-i{animation-delay:3.2s}
  .p-sec.is-live .p-flow .p-node:last-child li,.p-sec.is-live .p-flow .p-node:last-child li .n-i{animation-delay:.9s}
  .p-sec.is-live .p-flow .p-node:last-child li:nth-child(2),.p-sec.is-live .p-flow .p-node:last-child li:nth-child(2) .n-i{animation-delay:2.5s}
  .p-sec.is-live .p-flow .p-node:last-child li:nth-child(3),.p-sec.is-live .p-flow .p-node:last-child li:nth-child(3) .n-i{animation-delay:4.1s}
  .p-sec.is-live .p-node-tool li:nth-child(2) .n-i{animation:pSpin 6s linear infinite;transform-origin:center}
  .p-sec.is-live .p-mini li{animation:pStep 4.8s ease-in-out infinite}
  .p-sec.is-live .p-mini li:nth-child(2){animation-delay:1.6s}
  .p-sec.is-live .p-mini li:nth-child(3){animation-delay:3.2s}
}
@keyframes pFlow{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes pSend{0%,30%,100%{background:#fff;border-color:var(--p-soft)}8%{background:#fdecee;border-color:#f3b9bf}}
@keyframes pArrive{0%,30%,100%{background:#fff;border-color:var(--p-soft)}8%{background:#e9f6ec;border-color:#b9e1c3}}
@keyframes pPop{0%,30%,100%{transform:scale(1)}8%{transform:scale(1.45)}}
@keyframes pSpin{to{transform:rotate(360deg)}}
@keyframes pStep{0%,34%,100%{border-color:var(--p-strong);background:#fff}8%{border-color:var(--p-gold-d);background:#fffdf5}}
/* 58. At a glance cards with their own identity: role tag with icon, tinted header colour per role, green checks at the destination */
.p-node{padding-top:18px}
.p-node-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 10px 4px 8px;border:1px solid var(--p-line);border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--p-ink);background:var(--p-sand)}
.p-node-tag .n-i{width:15px;height:15px;stroke-width:2.2}
.p-node-tool .p-node-tag{color:#b8212f;background:#fdecee;border-color:#f3b9bf}
.p-node-dst .p-node-tag{color:#1b6f2e;background:#e9f6ec;border-color:#b9e1c3}
.p-node-src li .n-i{color:var(--p-ink)}
.p-node-dst li .n-i{color:var(--p-green);stroke-width:2.4}
.p-node-dst{border-color:#b9e1c3}
.n-page main .p-mini strong{display:flex;align-items:center;gap:7px}
.p-mini strong .n-i{width:17px;height:17px;color:var(--p-red)}
/* 59. Review round: checklist ticks, comparison table stacked on phones, review score card follows the quotes */
.p-chk-box:hover{border-color:var(--p-green)}
.p-chk-box:checked{border-color:var(--p-green);background:var(--p-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px 13px no-repeat}
.p-chk-box:focus-visible{outline:2px solid var(--p-gold-d);outline-offset:2px}
.p-chk li:has(.p-chk-box:checked){border-color:#b9e1c3;background:#f6fbf7}
@media (max-width:767.98px){
  .p-tbox{overflow:visible}
  .p-cmp{display:block;min-width:0;border:0;background:transparent}
  .p-cmp thead{display:none}
  .p-cmp tbody,.p-cmp tbody tr,.p-cmp tbody th,.p-cmp td{display:block;width:auto}
  .p-cmp tbody tr{margin:0 0 10px;border:1px solid var(--p-strong);border-radius:8px;background:#fff;overflow:hidden}
  .p-cmp tbody th{padding:10px 14px;border:0;font-size:15px}
  .p-cmp td{padding:9px 14px 11px;border:0}
  .p-cmp td:before{content:attr(data-th);display:block;margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--p-mute)}
  .p-cmp td.is-us:before{color:#b8212f}
}
@media (min-width:992px){.p-score{position:sticky;top:24px}}
/* 61. Phone pass: step rail as a compact grid of numbered chips above the screen (descriptions live in the panel text), tap anywhere on a checklist row, labels at 13px */
@media (max-width:991.98px){
  .p-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
  .p-step{grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:10px 10px 10px 8px}
  .p-step .p-num{margin-top:0;width:28px;height:28px;flex-basis:28px;font-size:13px}
  .n-page main .p-step strong{font-size:14px;line-height:1.3;margin:0}
  .p-step-txt span{display:none}
  .p-panel{scroll-margin-top:72px;scroll-margin-bottom:96px}
  .p-node-tag{font-size:13px}
}
.p-chk li{cursor:pointer}
@media (max-width:575.98px){
  .p-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-cmp td:before{font-size:12.5px}
}
/* 62. Core Web Vitals round (15 Oct 2026): self hosted Roboto 700, metric matched fallback fonts (no layout shift when the web font swaps in),
   rating stars drawn with the sprite (rating.js and jQuery no longer load), reserved height for the stars, back to top button,
   sections below the fold skip layout work until they come near the screen (content-visibility) */
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans Fallback';font-style:normal;font-weight:400;src:local('Arial');ascent-override:102.59%;descent-override:28.12%;line-gap-override:0%;size-adjust:104.18%}
@font-face{font-family:'Open Sans Fallback';font-style:normal;font-weight:600 700;src:local('Arial Bold');ascent-override:100.9%;descent-override:27.66%;line-gap-override:0%;size-adjust:105.9%}
@font-face{font-family:'Roboto Fallback';font-style:normal;font-weight:700;src:local('Arial Bold');ascent-override:98.2%;descent-override:25.8%;line-gap-override:0%;size-adjust:94.5%}
.p-dl-rate{min-height:54px}
.n-page .rating_widget{display:flex;justify-content:center;gap:2px;width:auto;margin:0 0 4px;padding:0;list-style:none}
.n-page .rating_widget li{float:none;width:30px;height:30px;margin:0;padding:0;line-height:0}
.rating_widget button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:4px;background:none;color:#c6c1b2;cursor:pointer}
.rating_widget .n-i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}
.rating_widget li.is-lit button{color:var(--p-gold)}
.rating_widget li.is-lit .n-i{fill:var(--p-gold)}
.rating_widget button:focus-visible{outline:2px solid var(--p-gold-d);outline-offset:1px}
.n-page a.gotoTop{bottom:96px;border-radius:8px 0 0 8px;text-decoration:none;font-size:18px;line-height:1.4}
@media (max-width:767.98px){.n-page a.gotoTop{bottom:84px}}
.n-page .p-sec,.n-page .n-cta-band,.n-page .n-footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
.n-page #features{contain-intrinsic-size:auto 2600px}
.n-page #native-vs-tool{contain-intrinsic-size:auto 1500px}
.n-page #faqs{contain-intrinsic-size:auto 3400px}
.n-page #reviews{contain-intrinsic-size:auto 1300px}
@media (max-width:767.98px){
  .n-page .p-sec{contain-intrinsic-size:auto 1700px}
  .n-page #features{contain-intrinsic-size:auto 3900px}
  .n-page #native-vs-tool{contain-intrinsic-size:auto 3200px}
  .n-page #faqs{contain-intrinsic-size:auto 5200px}
  .n-page #reviews{contain-intrinsic-size:auto 2400px}
  .n-page #how-it-works,.n-page #why-migrate{contain-intrinsic-size:auto 1000px}
  .n-page #key-takeaways{contain-intrinsic-size:auto 860px}
}
/* 64. Menu links larger: 18px on desktop and in the phone menu, 17px on small laptops (992 to 1199px) */
.n-link{font-size:18px}
@media (min-width:992px) and (max-width:1199.98px){.n-link{font-size:17px}}
@media (max-width:991.98px){.n-link{font-size:18px;padding:16px 14px}}

/* 66. Home page (25 Oct 2026): index.html in the same design. Prefix hm-. Reuses p- parts (hero, flagship card in p-dl, trust strip, stepper, p-fz cards, quotes, pills). Full borders only. */
.hm-btns{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.hm-flagcard{text-align:left}
.hm-flagcard .p-dl-body{padding:18px}
.hm-flags{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hm-flag{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:12px;border:1px solid var(--p-line);border-radius:8px;background:#fff;text-decoration:none!important;color:var(--p-ink)!important;transition:border-color .2s,background .2s}
.hm-flag:hover,.hm-flag:focus-visible{border-color:var(--p-gold-d);background:#fffdf5}
.hm-fi{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-sand);color:var(--p-red)}
.hm-fi .n-i{width:22px;height:22px;stroke-width:1.8}
.hm-ft{display:block;min-width:0}
.n-page main .hm-ft strong{display:block;font:700 16.5px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.hm-ft small{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--p-mute)}
.hm-go{width:18px;height:18px;color:var(--p-mute);transition:color .2s,transform .2s}
.hm-flag:hover .hm-go{color:var(--p-red);transform:translateX(2px)}
.hm-flagcard .p-dl-note{margin:14px 0 0;text-align:center}
.hm-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;height:100%;padding:16px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;text-decoration:none!important;color:var(--p-ink)!important;transition:border-color .2s,background .2s}
.hm-card:hover,.hm-card:focus-visible{border-color:var(--p-gold-d);background:#fffdf5}
.n-page main .hm-card:focus-visible,.n-page main .hm-flag:focus-visible{outline:3px solid var(--p-gold);outline-offset:2px}

.hm-svc .p-num .n-i{width:16px;height:16px}
.hm-svc .p-step-txt span{font-size:14.5px}
.hm-pbody{padding:28px 30px}
.n-page .hm-pbody h3{margin:0 0 10px;font-size:23px;line-height:1.3}
.hm-pbody p{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:var(--p-body)}
.n-page main .hm-q{margin:18px 0 10px;font:700 16px/1.4 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.hm-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.hm-ticks li{position:relative;padding:10px 14px 10px 42px;border:1px solid var(--p-soft);border-radius:8px;font-size:15.5px;line-height:1.5;color:var(--p-body)}
.hm-ticks li:before{content:"";position:absolute;left:17px;top:12px;width:7px;height:13px;border:solid var(--p-green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

.hm-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.hm-logos li{display:flex;align-items:center;justify-content:center;height:88px;padding:12px;border:1px solid var(--p-line);border-radius:8px;background:#fff}
.hm-logos img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

.hm-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.hm-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm-rev{display:flex;flex-direction:column;justify-content:space-between;gap:18px;margin:0;padding:24px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.hm-rev>p{margin:0;font-size:16.5px;line-height:1.65;color:var(--p-body)}
.hm-rev footer{display:flex;align-items:center;gap:12px}
.hm-rev footer img{display:block;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--p-line);border-radius:50%;object-fit:cover;background:#fff}
.hm-rev footer span{display:block;min-width:0}
.n-page main .hm-rev footer b{display:block;font-weight:600!important;color:var(--p-ink)}
.hm-rev footer small{display:block;font-size:14px;color:var(--p-mute)}

.n-home #products{contain-intrinsic-size:auto 1150px}
.n-home #services{contain-intrinsic-size:auto 700px}
.n-home #data-center{contain-intrinsic-size:auto 640px}
.n-home #forensics{contain-intrinsic-size:auto 720px}
.n-home #clients{contain-intrinsic-size:auto 440px}
.n-home #reviews{contain-intrinsic-size:auto 620px}

@media (max-width:1199.98px){
  .hm-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:991.98px){
  .hm-news,.hm-revs{grid-template-columns:1fr}
  .hm-news{max-width:640px;margin:0 auto}
  .hm-revs{max-width:640px;margin:0 auto}
}
@media (max-width:767.98px){
  .n-home #products{contain-intrinsic-size:auto 2500px}
  .n-home #services{contain-intrinsic-size:auto 1200px}
  .n-home #data-center{contain-intrinsic-size:auto 1000px}
  .n-home #forensics{contain-intrinsic-size:auto 1250px}
  .n-home #clients{contain-intrinsic-size:auto 900px}
  .n-home #reviews{contain-intrinsic-size:auto 1300px}
  .hm-pbody{padding:22px 18px}
  .hm-ticks{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .hm-btns .n-btn{width:100%}
  .hm-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 67. Pillar pages (25 Oct 2026): about, contact, support, products, services, reviews, testimonials, awards, resellers, faqs, privacy, refund, disclaimer, copyright, 404 and search in the same design. Prefix pg-. Reuses p- parts (hero, section heading, flagship style card, stepper, ticks, logos, review cards). Full borders only. */
.pg-solo .p-hero-in{grid-template-columns:minmax(0,1fr)}
.pg-solo .p-hero-txt{max-width:860px}
.hm-flag.is-static{cursor:default}
.hm-flag.is-static:hover{border-color:var(--p-line);background:#fff}
.pg-aside-big{margin:0 0 6px;font:700 52px/1 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-aside-big small{font-size:20px;font-weight:500;color:var(--p-mute)}
.pg-stars{display:inline-flex;gap:2px;font-size:20px;line-height:1;color:var(--p-edge);letter-spacing:1px}
.pg-stars i{font-style:normal}
.pg-stars i.on{color:var(--p-gold-d)}
.pg-aside-note{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--p-mute)}
.pg-aside-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.pg-aside-chips li{padding:4px 12px;border:1px solid var(--p-edge);border-radius:999px;font:600 13px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-body);background:#fff}

.pg-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.pg-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-grid>li{min-width:0}
.pg-card{display:block;height:100%;padding:22px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.pg-card.is-sand{background:var(--p-sand)}
.n-page .p-sec .pg-card h3{margin:14px 0 8px;font-size:19px;line-height:1.3}
.pg-card p{margin:0 0 10px;font-size:16px;line-height:1.65;color:var(--p-body)}
.pg-card p:last-child{margin-bottom:0}
.pg-card .n-btn{margin-top:6px}
.pg-card a:not(.n-btn){color:#b8212f;text-decoration:underline}
.pg-lines{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.pg-lines li{font-size:16px;line-height:1.55;color:var(--p-body)}
.pg-lines b{display:inline-block;min-width:76px;font-weight:600;color:var(--p-ink)}
.pg-lines a{color:#b8212f;text-decoration:underline}
.pg-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 0}

.pg-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg-time li{padding:20px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.pg-year{display:inline-block;margin:0 0 12px;padding:4px 14px;border:1px solid var(--p-gold-d);border-radius:999px;background:#fffdf5;font:700 16px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-time p{margin:0;font-size:16px;line-height:1.65;color:var(--p-body)}

.pg-contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.pg-info{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pg-info>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.n-page .p-sec .pg-info h3{margin:0 0 4px;font-size:17.5px;line-height:1.3}
.pg-info p{margin:0;font-size:16px;line-height:1.6;color:var(--p-body)}
.pg-info a{color:#b8212f;text-decoration:underline}
.pg-form{padding:26px;border:1px solid var(--p-strong);border-radius:12px;background:#fff}
.n-page .p-sec .pg-form h2,.n-page .p-sec .pg-form h3{margin:0 0 4px;font:700 24px/1.25 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-form-sub{margin:0 0 18px;font-size:15.5px;line-height:1.55;color:var(--p-mute)}
.pg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pg-field{display:block;min-width:0}
.pg-field.is-full{grid-column:1/-1}
.pg-field label,.pg-field .pg-lab{display:block;margin:0 0 6px;font-weight:600;font-size:14.5px;line-height:1.4;color:var(--p-ink)}
.pg-field label i{font-style:normal;color:var(--p-red)}
.pg-field input,.pg-field textarea,.pg-field select{display:block;width:100%;padding:11px 14px;border:1px solid var(--p-edge);border-radius:8px;background:#fff;font:400 16px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-ink)}
.pg-field input:focus,.pg-field textarea:focus,.pg-field select:focus{border-color:var(--p-ink);outline:2px solid var(--p-gold);outline-offset:1px}
.pg-field textarea{min-height:130px;resize:vertical}
.pg-turn{margin:16px 0 0;min-height:65px}
.pg-form .n-btn{margin-top:16px;border:1px solid transparent;cursor:pointer;font-family:inherit}
.pg-resp{margin:14px 0 0;padding:12px 14px;border:1px solid var(--p-gold-d);border-radius:8px;background:#fffdf5;font-size:15.5px;line-height:1.5;color:var(--p-ink)}
.pg-fine{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--p-mute)}
.pg-rate-box{padding:14px 16px;border:1px solid var(--p-soft);border-radius:8px;background:var(--p-sand)}
.pg-rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.pg-rate input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pg-rate label{margin:0;padding:2px 4px;cursor:pointer;font-size:34px;line-height:1;color:var(--p-edge);transition:color .15s}
.pg-rate input:checked~label,.pg-rate label:hover,.pg-rate label:hover~label{color:var(--p-gold-d)}
.pg-rate input:focus-visible+label{outline:2px solid var(--p-ink);border-radius:4px}

.pg-prod-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 210px auto;gap:12px;align-items:end}
.pg-tools{display:grid;gap:14px;margin:0 0 22px;padding:18px;border:1px solid var(--p-strong);border-radius:12px;background:#fff}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pg-chip{min-height:42px;padding:8px 14px;border:1px solid var(--p-edge);border-radius:999px;background:#fff;font:600 14.5px/1.2 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-ink);cursor:pointer;transition:border-color .2s,background .2s}
.pg-chip:hover{border-color:var(--p-ink);background:var(--p-sand)}
.pg-chip small{margin-left:6px;font-size:13px;font-weight:600;color:var(--p-mute)}
.pg-chip[aria-pressed=true]{background:var(--p-ink);border-color:var(--p-ink);color:#fff}
.pg-chip[aria-pressed=true] small{color:#d9e1e4}
.pg-count{margin:0 0 14px;font-size:15.5px;color:var(--p-mute)}
.pg-reset{min-height:46px;padding:10px 16px;border:1px solid var(--p-edge);border-radius:8px;background:#fff;font:600 15px/1.2 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif;color:var(--p-ink);cursor:pointer}
.pg-reset:hover{border-color:var(--p-ink)}
.pg-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pg-prods>li{min-width:0}
.pg-prods>li[hidden],.pg-prods[hidden],.pg-faq[hidden]{display:none}
.pg-pcard{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;text-decoration:none!important;color:var(--p-ink)!important;transition:border-color .2s,box-shadow .2s}
.pg-pcard:hover,.pg-pcard:focus-visible{border-color:var(--p-gold-d);box-shadow:0 6px 18px rgba(8,30,33,.08)}
.n-page main .pg-pcard strong{display:block;font:700 16.5px/1.35 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-pcard small{display:block;font-size:13.5px;line-height:1.4;color:var(--p-mute)}
.pg-pmeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.pg-price{font:700 17px/1.2 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-price small{display:inline;font-size:12.5px;font-weight:500;color:var(--p-mute)}
.pg-tag{display:inline-flex;align-items:center;padding:2px 9px;border:1px solid var(--p-edge);border-radius:5px;font:600 12px/1.5 'Roboto','Roboto Fallback',sans-serif;color:var(--p-body);background:#fff}
.pg-tag.is-offer{border-color:var(--p-gold-d);background:#fffdf5;color:var(--p-ink)}
.pg-tags{display:flex;gap:6px;flex-wrap:wrap}
.pg-empty{margin:0;padding:28px;border:1px solid var(--p-strong);border-radius:10px;background:var(--p-sand);text-align:center;font-size:16.5px;color:var(--p-body)}
.pg-empty[hidden]{display:none}

.pg-faq{display:grid;gap:12px;max-width:920px;margin:0 auto}
.pg-faq details{border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.pg-faq details[hidden]{display:none}
.pg-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font:600 17px/1.45 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary:after{content:"+";flex:0 0 28px;width:28px;height:28px;border:1px solid var(--p-edge);border-radius:50%;text-align:center;font:700 18px/26px 'Roboto','Roboto Fallback',sans-serif}
.pg-faq details[open] summary:after{content:"\2212"}
.pg-faq summary:hover{color:#b8212f}
.pg-ans{padding:0 20px 18px}
.pg-ans p{margin:0;font-size:16px;line-height:1.7;color:var(--p-body)}
.pg-qcat{display:inline-block;margin:0 0 6px;font:600 12.5px/1.4 'Roboto','Roboto Fallback',sans-serif;color:var(--p-mute);letter-spacing:.02em}
.pg-faq-tools{max-width:920px;margin:0 auto 22px;display:grid;gap:14px;padding:18px;border:1px solid var(--p-strong);border-radius:12px;background:#fff}

.pg-awards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pg-awards li{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;text-align:center}
.pg-awd-img{display:flex;align-items:center;justify-content:center;width:100%;height:130px;border:1px solid var(--p-line);border-radius:8px;background:#fff}
.pg-awd-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.n-page main .pg-awards strong{display:block;font:700 16px/1.35 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-awards small{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--p-mute)}

.pg-av{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--p-line);border-radius:50%;font:700 16px/1 'Roboto','Roboto Fallback',sans-serif;color:#fff}
.pg-rev-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hm-rev .pg-stars{font-size:18px}
.pg-rtag{display:inline-block;align-self:flex-start;padding:3px 10px;border:1px solid var(--p-edge);border-radius:5px;font:600 13px/1.5 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)!important;text-decoration:none!important;background:var(--p-sand)}
a.pg-rtag:hover{border-color:var(--p-ink)}
.hm-rev .pg-rev-who{display:flex;align-items:center;gap:12px}
.pg-qtext{margin:0;font-size:17px;line-height:1.7;color:var(--p-body)}
.pg-tcard{display:flex;flex-direction:column;justify-content:space-between;gap:18px;margin:0;padding:26px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.pg-tcard .pg-qmark{display:block;font:700 54px/.6 'Roboto','Roboto Fallback',sans-serif;color:var(--p-gold-d)}

.pg-legal{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:28px;align-items:start}
.pg-toc{position:sticky;top:104px;padding:18px;border:1px solid var(--p-strong);border-radius:10px;background:var(--p-sand)}
.pg-toc p{margin:0 0 10px;font:700 15px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.pg-toc a{display:block;padding:8px 10px;border:1px solid transparent;border-radius:6px;font-size:14.5px;line-height:1.35;color:var(--p-body);text-decoration:none}
.pg-toc a:hover,.pg-toc a:focus-visible{border-color:var(--p-edge);background:#fff;color:var(--p-ink)}
.pg-doc{display:grid;gap:16px}
.pg-doc section{padding:24px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;scroll-margin-top:104px}
.n-page .pg-doc h2{margin:0 0 12px;font:700 22px/1.3 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink);text-align:left}
.n-page .pg-doc h3{margin:16px 0 6px;font:700 17.5px/1.35 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-doc p{margin:0 0 12px;font-size:16px;line-height:1.75;color:var(--p-body)}
.pg-doc p:last-child{margin-bottom:0}
.pg-doc ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.pg-doc li{position:relative;padding:8px 14px 8px 38px;border:1px solid var(--p-soft);border-radius:8px;font-size:16px;line-height:1.6;color:var(--p-body)}
.pg-doc li:before{content:"";position:absolute;left:16px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--p-gold-d)}
.pg-doc ul.is-no li:before{background:var(--p-red)}
.pg-doc a{color:#b8212f;text-decoration:underline}
.pg-doc dl{margin:0;display:grid;gap:10px}
.pg-doc dl div{padding:14px 16px;border:1px solid var(--p-soft);border-radius:8px;background:var(--p-sand)}
.pg-doc dt{margin:0 0 4px;font:700 16.5px/1.35 'Roboto','Roboto Fallback',sans-serif;color:var(--p-ink)}
.pg-doc dd{margin:0;font-size:16px;line-height:1.7;color:var(--p-body)}

.pg-404{max-width:720px;margin:0 auto;text-align:center}
.pg-404-code{margin:0 0 8px;font:700 96px/1 'Roboto','Roboto Fallback',sans-serif;color:var(--p-red)}
.pg-search{display:flex;gap:10px;max-width:560px;margin:22px auto 0}
.pg-search input{flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid var(--p-edge);border-radius:8px;font:400 16px/1.4 'Open Sans','Open Sans Fallback','Segoe UI',Arial,sans-serif}
.pg-search input:focus{border-color:var(--p-ink);outline:2px solid var(--p-gold);outline-offset:1px}
.pg-search .n-btn{margin:0;border:1px solid transparent;cursor:pointer}
.pg-cse{min-height:240px;padding:18px;border:1px solid var(--p-strong);border-radius:12px;background:#fff}

@media (max-width:1199.98px){
  .pg-prods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-awards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991.98px){
  .pg-contact,.pg-legal{grid-template-columns:1fr}
  .pg-toc{position:static}
  .pg-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-time{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-prod-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pg-prod-row .pg-field.is-search{grid-column:1/-1}
  .pg-aside-big{font-size:44px}
}
@media (max-width:767.98px){
  .pg-g3,.pg-g4,.pg-time{grid-template-columns:1fr}
  .pg-awards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-fields{grid-template-columns:1fr}
  .pg-form{padding:20px 16px}
  .pg-doc section{padding:18px 14px}
  .pg-404-code{font-size:72px}
}
@media (max-width:575.98px){
  .pg-prods{grid-template-columns:1fr}
  .pg-prod-row{grid-template-columns:1fr}
  .pg-awards{gap:10px}
  .pg-awards li{padding:10px}
  .pg-search{flex-direction:column}
  .pg-chip{min-height:44px}
}


/* ===== HOME v2 (hx), 26 Oct 2026: home page redesign built on PCVITA own content. Sections: hero, glance card, job tiles, featured tools, strengths, services, awards, clients, reviews, forensics, data center, history. ===== */
.hx-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;font-size:14px;color:var(--p-mute)}
.hx-pop a{padding:5px 12px;border:1px solid var(--p-strong);border-radius:999px;background:#fff;color:var(--p-body);font-size:13.5px}
.hx-view{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#b8212f}
.hx-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.hx-split-l .p-kicker{margin-bottom:8px}
.hx-p{margin:0 0 18px;font-size:17px;line-height:1.65}
.hx-svc{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.hx-svc li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--p-line);border-radius:8px}
.hx-svc strong{display:block;font:700 16.5px/1.3 'Roboto',sans-serif;color:var(--p-ink)}
.hx-svc small{display:block;margin-top:2px;font-size:14px;color:var(--p-mute)}
.hx-sub{margin:0 0 14px;text-align:center;font:700 17px 'Roboto',sans-serif;color:var(--p-ink)}
.hx-logo{display:flex;align-items:center;justify-content:center;height:62px;border:1px solid var(--p-line);border-radius:8px;background:#fff;font:700 15px 'Roboto',sans-serif;color:#7b858d;letter-spacing:.02em;text-align:center;padding:0 6px}
.hx-revs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-rev{height:100%;margin:0;padding:24px;border:1px solid var(--p-strong);border-radius:10px;background:#fff;display:flex;flex-direction:column}
.hx-stars{display:flex;gap:2px;margin-bottom:12px;color:var(--p-gold)}.hx-stars .n-i{width:20px;height:20px;fill:var(--p-gold)}
.hx-rev blockquote{flex:1;margin:0 0 18px;font-size:16px;line-height:1.65;color:var(--p-body)}
.hx-rev figcaption{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--p-line)}
.hx-av{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--p-line);border-radius:50%;background:var(--p-sand);font:700 17px 'Roboto',sans-serif;color:var(--p-red)}
.hx-rev b{display:block;color:var(--p-ink)}.hx-rev small{color:var(--p-mute)}
.hx-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hx-mini li{padding:12px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;text-align:center}
.hx-mini b{display:block;font:700 20px 'Roboto',sans-serif;color:var(--p-gold)}.hx-mini span{font-size:13px;color:#c3ccd2}
@media (max-width:991.98px){.hx-split{grid-template-columns:1fr}.hx-revs{grid-template-columns:1fr}}
@media (max-width:575.98px){.pg-cta .n-btn{width:100%}}
.n-page main .hx-rev b{color:var(--p-ink)}
.n-page main .hx-mini b{color:var(--p-gold)!important}

/* ===== v2 ===== */
.hx2-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:28px;align-items:center}
.n-page main .hx2-kick{margin:0 0 10px;font:700 13.5px/1.4 'Roboto',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--p-gold)}
.hx2-hero-art{min-width:0}
.hx2-heroart{display:block;width:100%;height:auto}
.hf{fill:none;stroke:#e09d00;stroke-width:1.8;stroke-dasharray:3 6;stroke-linecap:round;opacity:.9}.hf3{stroke:#f6b81a;stroke-width:3;stroke-dasharray:2 7}
.hx2-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx2-tile{display:flex;flex-direction:column;height:100%;border:1px solid var(--p-strong);border-radius:14px;background:#fff;overflow:hidden;color:var(--p-ink)!important;transition:border-color .2s,transform .2s}
.hx2-tile:hover{border-color:var(--p-gold-d)}
.hx2-art{position:relative;display:flex;align-items:center;justify-content:center;height:116px;background-image:radial-gradient(rgba(11,14,19,.10) 1px,transparent 1.5px);background-size:14px 14px}
.hx2-tile.t1 .hx2-art{background-color:#fdecee}.hx2-tile.t2 .hx2-art{background-color:#fff3cf}.hx2-tile.t3 .hx2-art{background-color:#e3f3e8}.hx2-tile.t4 .hx2-art{background-color:#e8edf1}
.hx2-chip{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid var(--p-strong);border-radius:50%;background:#fff;color:var(--p-red);}
.hx2-chip .n-i{width:32px;height:32px;stroke-width:1.7}
.hx2-tb{display:flex;flex-direction:column;gap:4px;flex:1;padding:16px 18px 18px}
.hx2-tb strong{font:700 18px/1.3 'Roboto',sans-serif}
.hx2-tb small{flex:1;font-size:14.5px;line-height:1.5;color:var(--p-mute)}
.hx2-tb .hx-view{margin-top:8px}
.hx2-tile.tall{background:#0b0e13;border-color:#0b0e13;color:#fff!important}
.hx2-tile.tall .hx2-art{background-color:#141a24;background-image:radial-gradient(rgba(246,184,26,.25) 1px,transparent 1.5px)}
.hx2-tile.tall .hx2-chip{background:#0b0e13;border-color:rgba(255,255,255,.25);color:var(--p-gold);}
.n-page main .hx2-tile.tall strong{color:#fff}.hx2-tile.tall small{color:#c3ccd2}.hx2-tile.tall .hx-view{color:var(--p-gold)}
.hx2-flowwrap{position:relative;padding:20px;border-radius:20px;background:radial-gradient(circle at 80% 40%,rgba(220,53,69,.22),transparent 60%),#0b0e13;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px);background-size:16px 16px}
.hx2-flow{display:block;width:100%;height:auto}
.hx2-float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--p-strong);border-radius:12px;background:#fff;}
.hx2-float-a{left:-18px;bottom:-22px;flex-direction:column;align-items:flex-start;gap:0}
.n-page main .hx2-float b{display:block;font:700 22px/1.15 'Roboto',sans-serif;color:var(--p-ink)}
.hx2-float span{font-size:13.5px;color:var(--p-mute)}
.hx2-float-a b{color:var(--p-red)!important;font-size:28px}
.n-page main #proof{padding-top:64px}
.hx2-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 8px 14px;border:1px solid var(--p-strong);border-radius:12px;background:#fff;text-align:center}
.n-page main .hx2-badge b{font:700 13.5px/1.3 'Roboto',sans-serif;color:var(--p-ink)}.hx2-badge small{font-size:12px;color:var(--p-mute)}
.hx2-rev{position:relative;overflow:hidden}
.hx2-q{position:absolute;top:6px;right:16px;font:700 90px/.8 'Roboto',serif;color:#fdecee}
.hx2-rev .hx-stars,.hx2-rev blockquote,.hx2-rev figcaption{position:relative}
.hx2-list{display:grid;align-content:start;gap:6px;padding:12px;border-right:1px solid var(--p-line)}
.hx2-list .r{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:#f8f6ef}
.hx2-list em{flex:0 0 14px;height:14px;border-radius:50%;background:#d9d5c8}
.hx2-list i{display:block;height:7px;border-radius:4px;background:#d9d5c8}
.hx2-list u{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--p-red);font:700 11px 'Open Sans',sans-serif;color:#fff;text-decoration:none}
.hx2-prev{position:relative;display:grid;align-content:start;gap:8px;padding:14px}
.hx2-prev i{display:block;height:7px;border-radius:4px;background:#e3e0d6}
.hx2-prev b{position:absolute;right:12px;bottom:10px;color:var(--p-red)}
.hx2-prev b .n-i{width:26px;height:26px}
.hx2-dcart{position:relative;padding:18px;border-radius:20px;background:#0b0e13;background-image:radial-gradient(rgba(246,184,26,.14) 1px,transparent 1.5px);background-size:16px 16px}
.n-page main .hx2-mini li{border-color:var(--p-strong);background:#fff}
.n-page main .hx2-mini b{color:var(--p-red)!important}.n-page main .hx2-mini span{color:var(--p-mute)}
.hx2-mini{margin-bottom:22px}
@media (max-width:1199.98px){.hx2-hero-in{grid-template-columns:minmax(0,1fr) 400px}.hx2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){.hx2-hero-in{grid-template-columns:1fr}.hx2-hero-art{max-width:460px;margin:0 auto}.hx2-float-a{left:8px}}
@media (max-width:575.98px){.hx2-hero-art{display:none}.hx2-tiles{grid-template-columns:1fr}.hx2-float-a{position:static;margin-top:12px;}.hx2-flowwrap{padding:14px}}

/* ===== v3 : PCVITA based ===== */
.hx3-hero{padding:44px 0 96px;background:radial-gradient(ellipse 55% 70% at 80% 35%,rgba(246,184,26,.20),transparent 70%),linear-gradient(180deg,#fff 0%,#f8f6ef 100%);border-bottom:1px solid var(--p-line)}
.hx3-hero .hx2-hero-in{grid-template-columns:minmax(0,1fr) 500px}
.hx3-hero .hm-btns{margin:0 0 22px}
.hx3-glance-wrap{position:relative;z-index:2;margin-top:-58px}
.hx3-glance{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--p-strong);border-radius:16px;background:#fff;}
.hx3-glance li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border-right:1px solid var(--p-line)}
.hx3-glance li:last-child{border-right:0}
.hx3-glance b{display:block;font:700 28px/1.1 'Roboto',sans-serif;color:var(--p-red)}
.n-page main .hx3-glance strong{display:block;font:700 15px/1.3 'Roboto',sans-serif;color:var(--p-ink)}
.hx3-glance small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--p-mute)}
.n-page main #jobs{padding-top:72px}
.hx3-sgs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx3-sgs li{min-width:0}
.hx3-sg{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 20px;border:1px solid var(--p-strong);border-radius:14px;background:linear-gradient(180deg,#fff 0,#fff 55%,#f8f6ef 100%)}
.hx3-sg-i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:6px;border:1px solid var(--p-strong);border-radius:50%;background:radial-gradient(circle,#fff 55%,#fff3cf 57%);color:var(--p-red);}
.hx3-sg-i .n-i{width:26px;height:26px;stroke-width:1.8}
.hx3-sg strong{font:700 18px/1.3 'Roboto',sans-serif;color:var(--p-ink)}
.hx3-sg small{font-size:15px;line-height:1.55;color:var(--p-mute)}
.hx3-prom{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hx3-prom li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.hx3-prom strong{display:block;font:700 15.5px/1.3 'Roboto',sans-serif;color:var(--p-ink)}
.hx3-prom small{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--p-mute)}
.hx3-awards{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hx3-awards li{min-width:0}
.hx3-awards .hx2-badge{height:100%}
.hx3-awards .hx2-badge small{line-height:1.35}
.hx3-clients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.hx3-logo{flex-direction:column;gap:2px;height:68px;color:#9aa3aa}
.hx3-logo .n-i{width:22px;height:22px;stroke-width:1.5}
.hx3-logo small{font:600 11px 'Open Sans',sans-serif;color:#8a949b}
.n-page main .hx3-hist{padding:72px 0 80px;background:#0b0e13;color:#fff;background-image:radial-gradient(rgba(246,184,26,.12) 1px,transparent 1.5px);background-size:18px 18px}
.hx3-hist-h{max-width:640px;margin:0 auto 44px;text-align:center}
.hx3-hist-h h2{margin:0 0 10px;font:700 34px/1.2 'Roboto',sans-serif;color:#fff}
.hx3-hist-h p:last-child{margin:0;font-size:17px;color:#d5dde2}
.hx3-tl{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.hx3-tl:before{content:"";position:absolute;left:0;right:0;top:11px;height:0;border-top:2px dashed rgba(246,184,26,.55)}
.hx3-tl li{position:relative;padding-top:34px}
.hx3-dot{position:absolute;top:0;left:0;width:24px;height:24px;border:3px solid #0b0e13;border-radius:50%;background:var(--p-gold);}
.n-page main .hx3-tl b{display:block;margin:0 0 6px;font:700 26px/1.1 'Roboto',sans-serif;color:var(--p-gold)}
.hx3-tl p{margin:0;padding:12px 12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.04);font-size:14.5px;line-height:1.55;color:#d5dde2}
.hx3-tl li:nth-child(even) .hx3-dot{background:var(--p-red);}
@media (max-width:1199.98px){.hx3-hero .hx2-hero-in{grid-template-columns:minmax(0,1fr) 400px}.hx3-sgs,.hx3-prom{grid-template-columns:repeat(2,minmax(0,1fr))}.hx3-awards{grid-template-columns:repeat(4,minmax(0,1fr))}.hx3-clients{grid-template-columns:repeat(4,minmax(0,1fr))}.hx3-tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.hx3-tl:before{display:none}.hx3-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.hx3-glance li:nth-child(2){border-right:0}.hx3-glance li:nth-child(-n+2){border-bottom:1px solid var(--p-line)}}
@media (max-width:991.98px){.hx3-hero .hx2-hero-in{grid-template-columns:1fr}}
@media (max-width:767.98px){.hx3-awards,.hx3-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.hx3-tl{grid-template-columns:1fr}.hx3-tl li{padding:0 0 0 38px}.hx3-dot{top:2px}.hx3-tl:before{display:block;left:11px;right:auto;top:6px;bottom:6px;height:auto;border-top:0;border-left:2px dashed rgba(246,184,26,.55)}}
@media (max-width:575.98px){.hx3-hero{padding:24px 0 80px}.hx3-glance{grid-template-columns:1fr}.hx3-glance li{border-right:0;border-bottom:1px solid var(--p-line)}.hx3-glance li:last-child{border-bottom:0}.hx3-sgs,.hx3-prom{grid-template-columns:1fr}.hx3-glance-wrap{margin-top:-44px}.n-page main .hx3-hist{padding:48px 0}.hx3-hist-h h2{font-size:28px}}

/* hx clean pass: flat, no dots, no shadows */
.n-page main svg,.n-page main svg *{filter:none!important}
.hx2-art,.hx2-tile.tall .hx2-art,.hx2-flowwrap,.hx2-dcart,.n-page main .hx3-hist{background-image:none!important}
.hx3-hero{background:linear-gradient(180deg,#fff 0%,#f8f6ef 100%)}
.hx2-dcart{background:#0b0e13}
.hx2-flowwrap{background:#0b0e13}
.hx2-chip{border-width:1px}
.hx3-sg-i{background:#fdecee;border:1px solid var(--p-strong)}
.hx2-float{border:1px solid var(--p-strong)}

/* h3 titles use the same look as the mockup strong titles */
.hx-svc h3{display:block;font:700 16.5px/1.3 'Roboto',sans-serif;color:var(--p-ink);margin:0}
.hx2-tb h3{font:700 18px/1.3 'Roboto',sans-serif;margin:0}
.n-page main .hx2-tile.tall h3{color:#fff;margin:0}
.hx3-sg h3{font:700 18px/1.3 'Roboto',sans-serif;color:var(--p-ink);margin:0}

/* real award and client images: fixed boxes so nothing shifts, images scale inside */
.hx3-awards .hx2-badge{padding:10px 8px 12px;gap:8px}
.hx3-awd-img{display:flex;align-items:center;justify-content:center;width:100%;height:96px;padding:6px;border:1px solid var(--p-line);border-radius:8px;background:#fff}
.hx3-awd-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.hx3-clients li{min-width:0}
.hx3-logo{padding:8px;height:72px}
.hx3-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.hx-sub{margin:52px 0 6px}
.hx-subp{margin:0 0 22px;text-align:center;font-size:15px;color:var(--p-mute)}
.hx3-exp{margin:20px 0 10px;font:700 15px 'Roboto',sans-serif;color:var(--p-ink)}
.hx3-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hx3-chips li{padding:6px 14px;border:1px solid var(--p-strong);border-radius:999px;background:#fff;font-size:14px;color:var(--p-body)}
@media (max-width:767.98px){.hx3-clients{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hx3-logo{height:56px;padding:6px}}

/* ===== facts and brand visibility block (26 Oct 2026): popular tools row, About facts, terms, FAQ, quote ===== */
.hx-pop{margin-top:16px;padding:0}
.hx-pop li{list-style:none}
.hx-pophd{font:700 14px 'Roboto',sans-serif;color:var(--p-ink)}
.hx-pop a{display:inline-block;transition:border-color .15s}
.hx-pop a:hover{border-color:var(--n-red);color:var(--n-red-t)}
.hx4-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hx4-facts div{padding:10px 14px;border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.hx4-facts dt{font:700 12.5px/1.4 'Roboto',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--p-mute)}
.hx4-facts dd{margin:2px 0 0;font-size:15px;line-height:1.45;font-weight:600;color:var(--p-ink);overflow-wrap:anywhere}
.n-page main .p-sec.hx4-about{padding:44px 0}
.hx3-sg .p-textlink{color:var(--n-red-t)}
.hx4-contact a{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--p-ink);font-weight:600;text-decoration:none;background:linear-gradient(var(--p-strong),var(--p-strong)) 0 calc(100% - 11px)/100% 1px no-repeat}
.hx4-contact a:hover{color:var(--n-red-t);background-image:linear-gradient(var(--n-red),var(--n-red))}
.hx4-faq{list-style:none;max-width:860px;margin:0 auto 28px;padding:0;display:grid;gap:10px}
.hx4-q{border:1px solid var(--p-strong);border-radius:10px;background:#fff}
.hx4-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font:700 16.5px/1.4 'Roboto',sans-serif;color:var(--p-ink)}
.hx4-q summary::-webkit-details-marker{display:none}
.hx4-q summary:after{content:"+";flex:none;font:700 22px/1 'Roboto',sans-serif;color:var(--n-red-t)}
.hx4-q[open] summary:after{content:"\2212"}
.hx4-q summary:focus-visible{outline:2px solid var(--p-gold-d);outline-offset:2px;border-radius:10px}
.hx4-q p{margin:0;padding:0 20px 18px;font-size:15.5px;line-height:1.6;color:var(--p-body)}
@media (max-width:991.98px){.hx4-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.hx4-facts{grid-template-columns:1fr}.hx4-contact{grid-template-columns:1fr}}
/* hero v3e: short H1 on one line inside the content width, art top aligned with the kicker */
.hx2-hero-head{min-width:0}
.hx3-hero .hx2-hero-in{align-items:start;row-gap:0;grid-template-rows:auto 1fr}
.hx3-hero .hx2-hero-head{grid-column:1;grid-row:1}
.hx3-hero .hx2-hero-txt{grid-column:1;grid-row:2}
.hx3-hero .hx2-hero-art{grid-column:2;grid-row:1/span 2;align-self:start;margin-top:6px}
.n-page main .hx3-hero .hx3-h1{font-size:34px;line-height:1.15;margin:0 0 16px;letter-spacing:-.015em}
@media (min-width:992px){.n-page main .hx3-hero .hx3-h1{white-space:nowrap}}
@media (max-width:1199.98px){.n-page main .hx3-hero .hx3-h1{font-size:29px}}
@media (max-width:991.98px){.hx3-hero .hx2-hero-art{grid-column:1;grid-row:auto;margin-top:8px}.n-page main .hx3-hero .hx3-h1{font-size:34px}}
@media (max-width:575.98px){.n-page main .hx3-hero .hx3-h1{font-size:30px}}
/* hero heading style v3f */
.hx3-hero .hx2-hero-head .p-kicker{margin:0 0 10px;font:700 13px/1.4 'Roboto',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--n-red-t)}
.n-page main .hx3-hero .hx3-h1{font-size:36px;font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;color:var(--p-ink)}
.hx3-hl{color:var(--n-red-t)}
@media (min-width:1200px){.hx3-hero .hx2-hero-in{grid-template-columns:minmax(0,1fr) 460px}}
@media (max-width:1199.98px){.n-page main .hx3-hero .hx3-h1{font-size:29px}}
@media (max-width:991.98px){.n-page main .hx3-hero .hx3-h1{font-size:34px}}
@media (max-width:575.98px){.n-page main .hx3-hero .hx3-h1{font-size:30px}.hx3-hero .hx2-hero-head .p-kicker{font-size:12px;letter-spacing:.06em}}

/* cards centered + dark art in motion (v3g) */
.hx2-tb{align-items:center;text-align:center}
.hx2-tb .hx-view{justify-content:center}
.hx3-sg{align-items:center;text-align:center}
.hx3-prom li,.hx3-glance li{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px}
.hx3-glance li{padding:18px 16px}
.hx3-sg .p-textlink{justify-content:center}
@keyframes hxdash{to{stroke-dashoffset:-18}}
.hx2-flow .hf{animation:hxdash 1.3s linear infinite}
@media (prefers-reduced-motion:reduce){.hx2-flow .hf{animation:none}.hx-dot,.hx-ring{display:none}}
.hx2-float-a{left:auto;right:-14px}
.hx2-flowwrap{padding:12px 12px 22px}
@media (max-width:575.98px){.hx2-float-a{right:8px}}

/* hero scenes + mail window motion + one line headings (v3h) */
@keyframes hxsc{0%{opacity:0}3%{opacity:1}22%{opacity:1}25%,100%{opacity:0}}
@keyframes hxfill{0%{transform:scaleX(.05)}16%,100%{transform:scaleX(1)}}
@keyframes hxfill2{0%{transform:scaleX(.05)}16%,100%{transform:scaleX(.62)}}
@keyframes hxprog{0%{transform:scaleX(.06)}90%,100%{transform:scaleX(1)}}
@keyframes hxdot{from{transform:translateX(-22px)}to{transform:translateX(22px)}}
.hxs,.hxn{opacity:0;animation:hxsc 16s linear infinite both}
.hxs2,.hxn2{animation-delay:4s}.hxs3,.hxn3{animation-delay:8s}.hxs4,.hxn4{animation-delay:12s}
.hxa-b,.hxa-b2{transform-box:fill-box;transform-origin:0 50%;animation:hxfill 16s ease-out infinite both}
.hxa-b2{animation-name:hxfill2}
.hxs2 .hxa-b,.hxs2 .hxa-b2{animation-delay:4s}.hxs3 .hxa-b,.hxs3 .hxa-b2{animation-delay:8s}.hxs4 .hxa-b,.hxs4 .hxa-b2{animation-delay:12s}
.hxa-prog{transform-box:fill-box;transform-origin:0 50%;animation:hxprog 4s ease-out infinite}
.hxa-dot{animation:hxdot 1.1s ease-in-out infinite alternate}
@keyframes hxrow{0%{background:#f8f6ef}4%,22%{background:#fdecee}26%,100%{background:#f8f6ef}}
@keyframes hxrowdot{0%{background:#d9d5c8}4%,22%{background:#dc3545}26%,100%{background:#d9d5c8}}
@keyframes hxrowtag{0%{opacity:0}4%,22%{opacity:1}26%,100%{opacity:0}}
@keyframes hxprev{0%,100%{opacity:.55}50%{opacity:1}}
.hx2-list .r{animation:hxrow 8s linear infinite both}
.hx2-list .r em{animation:hxrowdot 8s linear infinite both}
.hx2-list .r u{animation:hxrowtag 8s linear infinite both}
.hx2-list .r2,.hx2-list .r2 em,.hx2-list .r2 u{animation-delay:2s}
.hx2-list .r3,.hx2-list .r3 em,.hx2-list .r3 u{animation-delay:4s}
.hx2-list .r4,.hx2-list .r4 em,.hx2-list .r4 u{animation-delay:6s}
.hx2-prev i{animation:hxprev 2s ease-in-out infinite}
.hx2-prev i:nth-child(2){animation-delay:.3s}.hx2-prev i:nth-child(3){animation-delay:.6s}.hx2-prev i:nth-child(4){animation-delay:.9s}
.hx2-prev b{animation:hxprev 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
.hxs,.hxn,.hxa-b,.hxa-b2,.hxa-prog,.hxa-dot,.hx2-list .r,.hx2-list .r em,.hx2-list .r u,.hx2-prev i,.hx2-prev b{animation:none}
.hxs1,.hxn1{opacity:1}
.hx2-list .r:not(.hot) u{opacity:0}
}

/* timeline with 7 steps (v3i) */
.hx3-tl{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.hx3-tl p{padding:12px 10px 14px;font-size:14px}
@media (max-width:1199.98px){.hx3-tl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:991.98px){.hx3-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.hx3-tl li:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:575.98px){.hx3-tl{grid-template-columns:1fr}}
/* awards badges: crop the grey frame that is baked into the GIF, no double box, equal cards (v3j) */
.hx3-awards .hx2-badge{padding:14px 12px 12px;gap:10px;justify-content:flex-start}
.hx3-awd-img{display:block;width:100%;height:auto;aspect-ratio:204/124;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden}
.hx3-awd-img img{display:block;max-width:none;max-height:none;width:calc(100% * 210 / 204);height:auto;margin:-4.412% 0 0 -1.471%;object-fit:fill}
.hx3-awards .hx2-badge small{flex:1;display:flex;align-items:center;justify-content:center;min-height:2.7em;font-size:13px;line-height:1.35}

/* v3k: tiles without numbers and colour fills, email examiner art */
.hx2-art,.hx2-tile.t1 .hx2-art,.hx2-tile.t2 .hx2-art,.hx2-tile.t3 .hx2-art,.hx2-tile.t4 .hx2-art,.hx2-tile.tall .hx2-art{background:#fff!important;height:100px;padding-top:10px}
.hx2-tile.tall{background:#fff;border-color:var(--p-strong);color:var(--p-ink)!important}
.hx2-tile.tall .hx2-chip{background:#fff;border-color:var(--p-strong);color:var(--p-red)}
.n-page main .hx2-tile.tall strong,.n-page main .hx2-tile.tall h3{color:var(--p-ink)}
.hx2-tile.tall small{color:var(--p-mute)}.hx2-tile.tall .hx-view{color:var(--n-red-t)}
.hx2-xam{max-width:520px;width:100%;margin:0 auto}
.hx2-xam>svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes hxexr{0%{fill:#f8f6ef}4%,22%{fill:#fdecee}26%,100%{fill:#f8f6ef}}
@keyframes hxexd{0%{fill:#d9d5c8}4%,22%{fill:#dc3545}26%,100%{fill:#d9d5c8}}
@keyframes hxext{0%{opacity:0}4%,22%{opacity:1}26%,100%{opacity:0}}
@keyframes hxexs{0%{transform:translateY(0)}100%{transform:translateY(244px)}}
@keyframes hxexc{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes hxexk{0%,100%{opacity:.45}50%{opacity:1}}
.hxe,.hxd,.hxt{animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.hxe{animation-name:hxexr}.hxd{animation-name:hxexd}.hxt{animation-name:hxext;opacity:0}
.hxe1,.hxd1,.hxt1{animation-delay:1s}.hxe3,.hxd3,.hxt3{animation-delay:5s}
.hxscn{animation:hxexs 8s linear infinite}
.hxcur{animation:hxexc 1s steps(1) infinite}
.hxk{animation:hxexk 2s ease-in-out infinite}
.hxp{animation:hxexk 3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hxe,.hxd,.hxt,.hxscn,.hxcur,.hxk,.hxp{animation:none}.hxe1,.hxe3{fill:#fdecee}.hxd1,.hxd3{fill:#dc3545}.hxt{opacity:1}.hxscn{display:none}}

/* v3l: centered section headings and eyebrows, forensics balance */
.hx-split-l .p-kicker,.hx-split-l .p-h2{text-align:center}
.hx-split-l .p-kicker{display:block}
@media (min-width:992px){#forensics .hx-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}
@media (min-width:992px){#forensics .hx-svc{gap:8px;margin-bottom:18px}#forensics .hx-svc li{padding:8px 12px}#forensics .hx-svc small{margin-top:0;font-size:13.5px;line-height:1.4}}
@media (min-width:992px){#forensics .hx-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}#forensics .hx2-xam{max-width:560px}}

/* v3m: light data center art */
@keyframes hxlb{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes hxdbp{0%,100%{fill:#fdecee}50%{fill:#f5b5bd}}
@keyframes hxdld{to{stroke-dashoffset:-16}}
.hxl{animation:hxlb 2.4s ease-in-out infinite}.hxl1{animation-delay:.8s;animation-duration:3.1s}.hxl2{animation-delay:1.5s;animation-duration:2.7s}
.hxdb{animation:hxdbp 2s ease-in-out infinite}.hxdb1{animation-delay:.5s}.hxdb2{animation-delay:1s}
.hxdl{animation:hxdld 1s linear infinite}
@media (prefers-reduced-motion:reduce){.hxl,.hxdb,.hxdl{animation:none}}
.hx2-dcw{max-width:560px}

/* v3n: eyebrow and H2 centered over the full section (p-sh) */
.p-sh .p-kicker{display:block;margin:0 0 8px;text-align:center}
.p-sh .p-h2{margin-bottom:0}

/* v3o: about facts balanced with the left copy */
@media (min-width:992px){.hx4-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.hx4-facts div{padding:12px 14px}}

/* v3p: footer paints from the start so contrast checks read its dark background */
.n-footer{content-visibility:visible;contain-intrinsic-size:auto}
.n-foot-col li a,.n-foot-contact li>div,.n-foot-contact li>div a,.n-foot-brand p,.n-foot-bar p,.n-foot-bar p strong,.n-foot-bar p a{background-color:#0f1217}

/* v3q: mobile layout, two column cards and readable art labels */
@media (max-width:575.98px){
.hx2-xam{--ts:1.22}
.hx2-tiles{gap:10px}
.hx2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx2-art,.hx2-tile.t1 .hx2-art,.hx2-tile.t2 .hx2-art,.hx2-tile.t3 .hx2-art,.hx2-tile.t4 .hx2-art,.hx2-tile.tall .hx2-art{height:78px;padding-top:8px}
.hx2-chip{width:54px;height:54px}.hx2-chip .n-i{width:26px;height:26px}
.hx2-tb{padding:10px 10px 14px}.hx2-tb h3{font-size:16px}.hx2-tb small{font-size:13px;line-height:1.45}
.hx3-glance{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}
.hx3-glance li{padding:12px 8px;border-right:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.hx3-glance li:nth-child(2n){border-right:0}.hx3-glance li:nth-last-child(-n+2){border-bottom:0}
.hx3-prom{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}
.hx3-prom li{padding:12px 8px}.hx3-prom small{font-size:13px}
.hx4-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hxcur{transform:translateX(calc((var(--ts,1) - 1)*100px))}

/* v3r: mobile footer in two columns (left and right) */
@media (max-width:767.98px){
.n-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
.n-foot-brand{grid-column:1/-1}
.n-foot-col:last-child{grid-column:auto}
.n-foot-h{margin-bottom:14px;padding-bottom:10px;font-size:13px}
.n-foot-col li a{padding:8px 0;font-size:14px;line-height:1.4}
.n-foot-contact li{flex-direction:column;gap:6px;padding:0 0 14px;font-size:14px}
.n-foot-contact li>div a{display:inline-block;overflow-wrap:anywhere;padding:5px 0!important;line-height:1.4}
.n-foot-contact li.n-fc-links{flex-direction:column;align-items:stretch;gap:8px;padding:2px 0 0}
.n-foot-contact li.n-fc-links a{justify-content:center}
}
@media (max-width:479.98px){.n-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3s: sharp award badges (3x webp, frame already cropped out) */
.hx3-awd-img{aspect-ratio:204/124}
.hx3-awd-img img{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain}

/* v3t: icons on the About fact cards */
.hx4-facts dt{display:flex;align-items:center;gap:10px}
.hx4-fi{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-sand);color:var(--p-red)}
.hx4-fi .n-i{width:17px;height:17px;stroke-width:1.8}
@media (min-width:992px){.hx4-facts dt{display:block}.hx4-fi{display:flex;margin-bottom:8px}.hx4-facts dd{margin-top:4px}}
@media (min-width:992px) and (max-width:1199.98px){.hx4-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3u: timeline cards share one height per row */
.hx3-tl li{display:flex;flex-direction:column}
.hx3-tl li p{flex:1 1 auto}