@charset "utf-8";
/* fonts.css */
@font-face{ font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vars.css */
@font-face{ font-family: "PJ Fallback"; font-weight: 400; src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 104.9%; ascent-override: 99.1%; descent-override: 21.0%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 700; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold");
  size-adjust: 101.0%; ascent-override: 103.0%; descent-override: 21.8%; line-gap-override: 0%; }

:root{
  --m-font: "Plus Jakarta Sans", "PJ Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  
  --m-paper: #ffffff; --m-surface: #f5f7fb; --m-mist: #f5f7fb; --m-grey: #f5f5f5; --m-line: #e3e8f0;
  --m-ink: #1b2333; --m-ink-2: #46506a; --m-ink-3: #6b7489;
  
  --m-blue: #0b5fd9; --m-blue-ink: #ffffff; --m-blue-soft: #e5f0ff; --m-royal: #1452a4;
  --m-night: #060d22; --m-night-2: #0a1f55; --m-indigo: #1a2a8a;
  
  --t-sky: #e5f0ff;      --i-sky: #0b4a9e;
  --t-mint: #dcf5e9;     --i-mint: #0e6b44;
  --t-peach: #ffe7da;    --i-peach: #9a3b0e;
  --t-lavender: #ece7ff; --i-lavender: #4e35a6;
  --t-butter: #fff3c9;   --i-butter: #765600;
  --t-rose: #ffe4ee;     --i-rose: #9b1e4f;
  --t-teal: #d9f3f2;     --i-teal: #0d6464;
  
  --g-mist: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  --g-hero: linear-gradient(180deg, #f5f7fb 0%, #ffffff 100%);
  --g-night: linear-gradient(135deg, #060d22 0%, #0a1f55 55%, #1a2a8a 100%);
  
  --on-night: #ffffff; --on-night-2: rgba(232, 238, 252, .80); --on-night-3: rgba(232, 238, 252, .64);
  --night-line: rgba(255, 255, 255, .12); --night-card: rgba(255, 255, 255, .055);
  
  --fs-h1: clamp(34px, 4.4vw, 56px); --fs-h2: clamp(28px, 3.1vw, 40px); --fs-h3: 19px;
  --fs-lead: clamp(17px, 1.6vw, 20px); --fs-body: 17px; --fs-small: 14.5px;
  
  --m-r-lg: 24px; --m-r: 18px; --m-r-sm: 12px;
  --m-shadow: 0 1px 2px rgb(27 35 51 / 6%), 0 2px 8px rgb(27 35 51 / 5%);
  --m-shadow-up: 0 6px 18px rgb(27 35 51 / 10%), 0 2px 4px rgb(27 35 51 / 6%);
  --sec-pad: clamp(56px, 7vw, 96px); --wrap: 1200px; --gutter: 16px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

/* site.css */
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px; }
body{ margin: 0; font-family: var(--m-font); font-size: var(--fs-body); line-height: 1.6; color: var(--m-ink); background: var(--m-paper); }
img, svg{ max-width: 100%; height: auto; display: block; }
a{ color: var(--m-blue); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline: 3px solid var(--m-blue); outline-offset: 3px; border-radius: 8px; }
h1, h2, h3{ color: var(--m-ink); font-weight: 800; letter-spacing: -0.02em; margin: 0; }
h1{ font-size: var(--fs-h1); line-height: 1.08; }
h2{ font-size: var(--fs-h2); line-height: 1.12; }
h3{ font-size: var(--fs-h3); line-height: 1.3; font-weight: 700; letter-spacing: 0; }
p{ margin: 0 0 1em; }
ul, ol{ margin: 0; padding: 0; list-style: none; }
.wrap{ width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.skip{ position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: #fff; border-radius: 8px; }
.skip:focus{ top: 12px; }
.lead{ font-size: var(--fs-lead); font-weight: 500; color: var(--m-ink-2); line-height: 1.5; max-width: 62ch; }
.note{ font-size: var(--fs-small); color: var(--m-ink-3); }
.ic{ width: 24px; height: 24px; fill: currentColor; flex: none; }


.btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; font-family: inherit; font-size: 16px; font-weight: 700; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: background-color .2s, border-color .2s; }
.btn-primary{ background: var(--m-blue); color: var(--m-blue-ink); }
.btn-primary:hover{ background: var(--m-royal); }
.btn-outline{ background: transparent; color: var(--m-blue); border-color: var(--m-line); }
.btn-outline:hover{ border-color: var(--m-blue); background: var(--m-blue-soft); }


main > section{ padding: var(--sec-pad) 0; position: relative; isolation: isolate; }
section[data-bg="paper"]{ background: #fff; }
section[data-bg="mist"]{ background: var(--m-mist); }
section[data-bg="grey"]{ background: var(--m-grey); }
section[data-bg="fade"]{ background: var(--g-hero); }
section[data-bg="night"]{ background: var(--g-night); color: var(--on-night-2); overflow: hidden; }
section[data-bg="night"]::before{ content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(600px 320px at 85% 0%, rgba(80, 120, 255, .28), transparent 70%), radial-gradient(circle, rgba(255, 255, 255, .09) 1px, transparent 1.6px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%); mask-image: linear-gradient(180deg, #000 0%, transparent 85%); }
section[data-bg="night"] :is(h2, h3){ color: var(--on-night); }
section[data-bg="night"] p{ color: var(--on-night-2); }
section[data-bg="night"] a:focus-visible{ outline-color: #9fc0ff; }
.sec-head{ max-width: 760px; margin-bottom: clamp(28px, 3.5vw, 44px); }
.sec-head p{ margin: 12px 0 0; }
.kicker{ display: block; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--m-blue); margin-bottom: 10px; }


.hero h1{ max-width: 18ch; }
.hero .lead{ margin-top: 16px; }
.hero-cta{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 24px; }


.facts{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 28px; }
.facts li{ padding: 14px 16px; border-radius: var(--m-r); background: #fff; border: 1px solid var(--m-line); font-size: var(--fs-small); font-weight: 600; color: var(--m-ink-2); }


section[data-slot="short"]{ padding-top: 0; background: var(--m-paper); }
.short{ background: var(--m-blue-soft); border-radius: var(--m-r); padding: 20px 22px; }
.short h2{ font-size: 15px; letter-spacing: 0; margin-bottom: 6px; color: var(--i-sky); }
.short p:last-child{ margin-bottom: 0; }


.cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.card{ position: relative; display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 22px; border-radius: var(--m-r); background: #fff; border: 1px solid var(--m-line); transition: transform .25s var(--ease-out), box-shadow .25s; }
.card p{ margin: 0; font-size: 16px; color: var(--m-ink-2); }
.card a{ text-decoration: none; color: inherit; }
.card a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.card:has(a):hover{ transform: translateY(-2px); box-shadow: var(--m-shadow-up); }
.chip{ width: 44px; height: 44px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: var(--c, var(--t-sky)); color: var(--ci, var(--i-sky)); }
[data-tone="sky"]{ --c: var(--t-sky); --ci: var(--i-sky); }
[data-tone="mint"]{ --c: var(--t-mint); --ci: var(--i-mint); }
[data-tone="peach"]{ --c: var(--t-peach); --ci: var(--i-peach); }
[data-tone="lavender"]{ --c: var(--t-lavender); --ci: var(--i-lavender); }
[data-tone="butter"]{ --c: var(--t-butter); --ci: var(--i-butter); }
[data-tone="rose"]{ --c: var(--t-rose); --ci: var(--i-rose); }
[data-tone="teal"]{ --c: var(--t-teal); --ci: var(--i-teal); }


.steps{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; counter-reset: s; }
.steps li{ counter-increment: s; }
.steps li::before{ content: counter(s); display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; margin-bottom: 12px; background: var(--m-blue-soft); color: var(--i-sky); font-weight: 800; }
.steps p{ margin: 6px 0 0; color: var(--m-ink-2); }
section[data-bg="night"] .steps li::before{ background: var(--night-card); color: #fff; border: 1px solid var(--night-line); }


.groups{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: start; }
.group{ background: var(--night-card); border: 1px solid var(--night-line); border-radius: var(--m-r-lg); padding: 24px 22px 20px; }
.group ul{ margin-top: 12px; }
.group li{ border-top: 1px solid var(--night-line); }
.group a, .group .here{ display: flex; align-items: center; min-height: 44px; padding: 8px 2px; font-size: 15px; line-height: 1.35; color: #dfe7f7; text-decoration: none; }
.group a:hover{ color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.group .here{ color: #fff; font-weight: 700; }


.logos{ display: flex; flex-wrap: wrap; gap: 12px; }
.logos li{ padding: 12px 18px; border-radius: var(--m-r-sm); background: #fff; border: 1px solid var(--m-line); font-weight: 700; font-size: 15px; color: var(--m-ink-2); }
.quotes{ columns: 3 280px; column-gap: 18px; }
.quote{ break-inside: avoid; margin: 0 0 18px; padding: 22px; border-radius: var(--m-r); background: #fff; border: 1px solid var(--m-line); }
.quote blockquote{ margin: 0 0 12px; }
.quote figcaption{ font-size: var(--fs-small); color: var(--m-ink-3); }


.faq{ max-width: 860px; }
.faq details{ border-top: 1px solid var(--m-line); }
.faq details:last-child{ border-bottom: 1px solid var(--m-line); }
.faq summary{ list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 56px; padding: 12px 0; font-weight: 700; }
.faq summary::-webkit-details-marker{ display: none; }
.faq summary::after{ content: ""; width: 12px; height: 12px; flex: none; background: linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 12px no-repeat; transition: transform .25s var(--ease-out); }
.faq details[open] summary::after{ transform: rotate(90deg); background: linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat; }
.faq .a{ padding: 0 0 16px; color: var(--m-ink-2); }
.faq .a p:last-child{ margin-bottom: 0; }


.tbl{ overflow-x: auto; }
.tbl table{ border-collapse: collapse; width: 100%; min-width: 560px; font-size: 16px; }
.tbl caption{ text-align: left; font-size: var(--fs-small); color: var(--m-ink-3); padding-bottom: 8px; }
.tbl th, .tbl td{ text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--m-line); vertical-align: top; }
.tbl th{ font-weight: 700; background: var(--m-mist); }


.prose{ max-width: 720px; font-size: 18px; }
.prose h2{ margin: 1.4em 0 .5em; font-size: clamp(24px, 2.6vw, 30px); }
.prose ul, .prose ol{ margin: 0 0 1em 1.2em; list-style: disc; }
.prose ol{ list-style: decimal; }
.sources{ font-size: var(--fs-small); color: var(--m-ink-3); }
.sources li{ padding: 4px 0; }


.talk{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 32px 56px; align-items: start; }
.lead-form{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); padding: clamp(20px, 3vw, 32px); display: grid; gap: 14px; }
.field{ display: grid; gap: 6px; }
.field label, .field legend{ font-size: 15px; font-weight: 600; color: var(--m-ink); padding: 0; }
.field input, .field select, .field textarea{ width: 100%; min-height: 48px; padding: 10px 12px; font: inherit; font-size: 16px; color: var(--m-ink); background: #fff; border: 1px solid #aeb7c7; border-radius: var(--m-r-sm); }
.field textarea{ min-height: 120px; resize: vertical; }
.two{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.phone{ display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 8px; }
.consent{ display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--m-ink-2); }
.consent input{ width: 22px; height: 22px; margin: 2px 0 0; flex: none; }
.trap{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
fieldset{ border: 0; margin: 0; padding: 0; min-width: 0; }


.site-head{ position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid rgba(227, 232, 240, .8); }
.head-row{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; }
.logo{ display: inline-flex; align-items: center; min-height: 44px; }
.logo img{ width: 176px; height: auto; }
.nav{ display: flex; align-items: center; gap: 4px; }
.nav > li > a, .nav summary{ display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; font-weight: 600; font-size: 15px; color: var(--m-ink); text-decoration: none; cursor: pointer; list-style: none; }
.nav summary::-webkit-details-marker{ display: none; }
.nav .panel{ position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--m-line); box-shadow: var(--m-shadow-up); padding: 24px 0; }
.panel-cols{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.panel-cols h2{ font-size: 15px; letter-spacing: 0; margin-bottom: 8px; }
.panel-cols a{ display: block; padding: 8px 0; text-decoration: none; color: var(--m-ink); font-weight: 600; font-size: 15px; }
.panel-cols span{ display: block; font-weight: 400; font-size: 13.5px; color: var(--m-ink-3); }
.menu-btn{ display: none; }


.foot{ background: var(--g-mist); }
.foot-cta{ margin-top: var(--sec-pad); border-radius: 28px; padding: clamp(28px, 4vw, 52px); background: var(--g-night); color: var(--on-night-2); box-shadow: 0 30px 60px -30px rgba(6, 13, 34, .55); }
.foot-cta h2{ color: #fff; font-size: clamp(26px, 3vw, 38px); margin-bottom: 10px; }
.foot-cta .btn{ background: #fff; color: var(--m-night); min-height: 52px; }
.foot-cta .btn:hover{ background: #e5f0ff; }
.foot-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; padding: clamp(44px, 5vw, 64px) 0 24px; }
.foot-grid h2{ font-size: 15px; letter-spacing: 0; margin-bottom: 12px; }
.foot-grid a{ display: inline-flex; align-items: center; min-height: 34px; font-size: 14.5px; color: var(--m-ink-2); text-decoration: none; }
.foot-grid a:hover{ color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }
.foot-legal{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 20px 0 28px; border-top: 1px solid var(--m-line); font-size: 13.5px; color: var(--m-ink-3); }


.bar{ display: none; }

@media (max-width: 1100px){ .groups{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px){
  .cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .talk, .foot-grid{ grid-template-columns: 1fr; }
  .menu-btn{ display: inline-flex; }
  .nav-wrap{ display: none; }
  .nav-wrap.open{ display: block; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--m-line); padding: 8px var(--gutter) 20px; max-height: calc(100dvh - 72px); overflow-y: auto; }
  .nav{ display: grid; gap: 0; }
  .nav .panel{ position: static; box-shadow: none; border: 0; padding: 0 0 12px; }
  .panel-cols{ grid-template-columns: 1fr; gap: 12px; }
  .head-cta{ display: none; }
}
@media (max-width: 640px){
  .cards, .groups, .two{ grid-template-columns: 1fr; }
  .logo img{ width: 148px; }
  .btn-block-sm{ width: 100%; }
  body{ padding-bottom: 64px; }
  .bar{ display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: #fff; border-top: 1px solid var(--m-line); }
  .bar a{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 56px; font-size: 12.5px; font-weight: 700; color: var(--m-ink); text-decoration: none; }
}


@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    main > section .sec-head{ animation: rise linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  }
}
@keyframes rise{ from{ opacity: 0; transform: translateY(6px); } to{ opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  *, *::before, *::after{ transition: none !important; animation: none !important; }
  .card:has(a):hover{ transform: none; }
}


body.isM3 #main > section[data-slot="hero"]{ padding-top: 150px !important; }
@media (max-width: 767px){ body.isM3 #main > section[data-slot="hero"]{ padding-top: 104px !important; } }

body.isM3 .hxGoals .hxLead[data-n="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.isM3 .hxGoals .hxLead[data-n="5"]{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.isM3 .hxGoals .hxLead[data-n="6"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.isM3 .m3FaqSec .faqItem.is-open .faqA{ height: auto; }

body.isM3 .m3Logos .m3LogoList.isNames{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin: 16px 0 0; padding: 0; list-style: none; animation: none; }
body.isM3 .m3Logos .m3LogoList.isNames li{ font-size: 18px; font-weight: 700; color: var(--m-ink-2); }
body.isM3 .m3Logos .m3LogosNote{ margin: 14px auto 0; text-align: center; font-size: 14px; color: var(--m-ink-3); }

@media (max-width: 575px){ body.isM3 .d354HeroFacts .nw{ white-space: normal; } }
body.isM3 .pgHero .pgHeroInner > *{ min-width: 0; }

body.isM3 form.lead-form label, body.isM3 form.lead-form legend{ color: var(--m-ink) !important; font-size: 14px !important; font-weight: 600 !important; opacity: 1 !important; position: static !important; text-transform: none !important; letter-spacing: normal !important; }
body.isM3 form.lead-form .field input, body.isM3 form.lead-form .field select, body.isM3 form.lead-form .field textarea,
body.isM3 form.lead-form .phone select, body.isM3 form.lead-form .phone input{ background: #fff !important; color: var(--m-ink) !important; border: 1px solid var(--m-line) !important; border-radius: 12px !important; min-height: 48px; padding: 10px 14px !important; font-size: 16px !important; box-shadow: none !important; }
body.isM3 form.lead-form .field textarea{ min-height: 120px; }
body.isM3 form.lead-form .field input:focus, body.isM3 form.lead-form .field select:focus, body.isM3 form.lead-form .field textarea:focus{ border-color: var(--m-blue) !important; outline: 2px solid var(--m-blue-soft) !important; }
body.isM3 form.lead-form .consent span{ color: var(--m-ink-2) !important; }


body.isM3 #main .d354Facts .peProofList{ flex-wrap: wrap !important; row-gap: 6px; }
body.isM3 #main .d354Facts .peProofList li{ white-space: normal !important; max-width: 100%; text-align: center; }


body.isM3 form.lead-form fieldset.buyer{ border: 0; padding: 0; margin: 0; display: grid; gap: 8px; }
body.isM3 form.lead-form fieldset.buyer label{ display: flex !important; align-items: center; gap: 10px; font-weight: 500 !important; }
body.isM3 form.lead-form fieldset.buyer input{ width: 18px; height: 18px; margin: 0; accent-color: var(--m-blue); }

/* look/reset.css */
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {    
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-size: 17px;
  line-height: 18px;
  color: #000;
  font-weight: 400;
  font-style: normal;
  font-family: "Manjari", sans-serif;
}
p {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #1f2428;
  &:last-child{
    margin-bottom: 0px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Nata Sans", sans-serif;
}
h2 {
  color: #040404;
  font-size: 45px;
  margin-bottom: 50px;
  font-family: "Nata Sans", sans-serif;
  line-height: 55px;
}
h5 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
a {
  text-decoration: none;
  outline: none;
  color: #131313;
  text-decoration: none !important;
  font-size: 16px;
}
:focus {
  outline: none;
}
a:focus {
  outline: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
hr {
  background: #e3e3e3;
  border-top: 1px solid #333;
}
img{
    width: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::selection {
  text-shadow: none;
  background: #257af4;
  color: #fff;
}
::-moz-selection {
  text-shadow: none;
  background: #257af4;
  color: #fff;
}
a,
input,
select,
textarea,
img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.clearfix {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.btn:focus,
button:focus,
.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 0 #fff0;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
:root {
  --blue: #048FEA;
  --black: #000000;
  --green: #3DC718;
  --gray: #8C8C8C;
  --light-green:#E5F8E2;
}

.z_1{
    z-index: 1;
    position: relative;
}




.fltLft{
	float: left;
}
.fltRgt{
	float: right;
}

.rel{
  position: relative;
}
.ttu{
    text-transform: uppercase;
}


.mb_100{
	margin-bottom: 100px !important;
}
.mb_90{
	margin-bottom: 90px !important;
}
.mb_85{
	margin-bottom: 85px !important;
}
.mb_80{
	margin-bottom: 80px !important;
}
.mb_75{
	margin-bottom: 75px !important;
}
.mb_70{
	margin-bottom: 70px !important;
}
.mb_65{
	margin-bottom: 65px !important;
}
.mb_60{
	margin-bottom: 60px !important;
}
.mb_55{
	margin-bottom: 55px !important;
}
.mb_50{
	margin-bottom: 50px !important;
}
.mb_45{
	margin-bottom: 45px !important;
}
.mb_40{
	margin-bottom: 40px !important;
}
.mb_35{
	margin-bottom: 35px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_18{
	margin-bottom: 18px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_05{
	margin-bottom: 5px;
}


.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.tae{
    text-align: end;
}
.taj{
    text-align: justify;
}


.db{
    display: block !important;
}
.dib{
    display: inline-block !important;
}
.df{
    display: flex !important;
}
.fw{
    flex-wrap: wrap !important;
}
.aifs{
    align-items: flex-start !important;
}
.aic{
    align-items: center !important;
}
.aife{
    align-items: flex-end !important;
}
.jcc{
	justify-content: center !important;
}
.jcfs{
    justify-content: flex-start !important;
}
.jcfe{
	justify-content: flex-end !important;
}
.jcfe{
	justify-content: end !important;
}
.jcsb{
    justify-content: space-between !important;
}
.jcsa{
	justify-content: space-around !important;
}
.jcse{
	justify-content: space-evenly !important;
}
.fdr{
    flex-direction: row;
}
.fdrr{
    flex-direction: row-reverse;
}
.fdc{
    flex-direction: column;
}
.fdcr{
    flex-direction: column-reverse;
}

.p_20{
    padding: 20px;
}
.p_30{
    padding: 30px;
}
.p_40{
    padding: 40px;
}
.container-mid{
    width: 100%;
    max-width:1750px;
    padding: 0 20px;
    margin: 0 auto;
}
.container{
    max-width: 1330px;
}
.customBlock{
    padding: 100px 0;
}
.mb_20{
    margin-bottom: 20px;
}
.mb_30{
    margin-bottom: 30px;
}
.pt_70{
    padding-top: 70px;
}
.pb_70{
    padding-bottom: 70px;
}

.mt_30{
    margin-top: 30px;
}
.text-right{
    text-align: right;
}
.pl_30{
    padding-left: 30px;
}
.db{
    display: block !important;
}
.fw_900{
    font-weight: 900;
}

/* look/header.css */
.headerWrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 10px 50px;
    transition: padding 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
    border-bottom: 1px solid transparent;
    .headerInner{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 76px;
        padding: 0 30px;
        border: 1px solid transparent;
        border-radius: 100px;
        transition: height 0.4s ease, padding 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease;
        .logoImg{
            img{
                display: block;
                height: 40px;
                width: auto;
                transition: height 0.4s ease;
            }
        }
        
        .menuWrap{
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 7px 7px 7px 26px;
            border: 1px solid rgb(255 255 255 / 9%);
            border-radius: 16px;
            background: rgb(12 12 12 / 88%);
            backdrop-filter: blur(14px);
            > ul{
                display: flex;
                align-items: center;
                gap: 30px;
                margin: 0;
                padding: 0;
                list-style: none;
                > li{
                    position: relative;
                    > a{
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        padding: 12px 0;
                        font-family: "Space Mono", monospace;
                        font-size: 13px;
                        font-weight: 700;
                        letter-spacing: 0.06em;
                        text-transform: uppercase;
                        color: #f1ede4;
                        text-decoration: none;
                        transition: color 0.3s ease;
                        
                        .subArrow{
                            width: 5px;
                            height: 5px;
                            margin-top: -1px; 
                            border-right: 1.5px solid currentColor;
                            border-bottom: 1.5px solid currentColor;
                            transform: rotate(45deg);
                            opacity: 0.8;
                            transition: transform 0.35s ease;
                        }
                        &:hover{ color: #0075ff; }
                    }
                    
                    .subMenu{
                        position: absolute;
                        left: -18px;
                        top: calc(100% + 14px);
                        min-width: 230px;
                        margin: 0;
                        padding: 8px;
                        list-style: none;
                        border-radius: 14px;
                        border: 1px solid rgb(255 255 255 / 10%);
                        background: rgb(12 12 12 / 96%);
                        backdrop-filter: blur(18px);
                        box-shadow: 0 28px 60px rgb(0 0 0 / 55%);
                        opacity: 0;
                        visibility: hidden;
                        transform: translateY(12px);
                        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            left: 0;
                            right: 0;
                            top: -16px;
                            height: 16px;
                        }
                        li{
                            opacity: 0;
                            transform: translateY(8px);
                            transition: opacity 0.3s ease, transform 0.3s ease;
                            a{
                                position: relative;
                                display: block;
                                padding: 10px 14px;
                                border-radius: 9px;
                                font-family: "Space Mono", monospace;
                                font-size: 12px;
                                letter-spacing: 0.05em;
                                text-transform: uppercase;
                                color: rgb(241 237 228 / 70%);
                                text-decoration: none;
                                transition: color 0.3s ease, background 0.3s ease, padding-left 0.3s ease;
                                
                                &::before{
                                    content: '';
                                    position: absolute;
                                    left: 11px;
                                    top: 50%;
                                    width: 5px;
                                    height: 5px;
                                    border-radius: 50%;
                                    background: #0075ff;
                                    transform: translateY(-50%);
                                    opacity: 0;
                                    transition: opacity 0.3s ease;
                                }
                                &:hover{
                                    color: #fff;
                                    background: rgb(255 255 255 / 6%);
                                    padding-left: 24px;
                                    &::before{ opacity: 1; }
                                }
                            }
                        }
                    }
                    
                    .subMenu.twoCol{
                        display: grid;
                        grid-template-columns: repeat(2, minmax(200px, 1fr));
                        column-gap: 4px;
                        min-width: 460px;
                    }
                    
                    .subMenu .subAll{
                        grid-column: 1 / -1;
                        margin-top: 6px;
                        padding-top: 6px;
                        border-top: 1px solid rgb(255 255 255 / 10%);
                        a{ color: #0075ff; }
                    }
                    &.isActive > a{ color: #0075ff; }
                    
                    &:hover,
                    &:focus-within{
                        > a{
                            color: #0075ff;
                            .subArrow{ transform: translateY(3px) rotate(225deg); } 
                        }
                        .subMenu{
                            opacity: 1;
                            visibility: visible;
                            transform: translateY(0);
                            li{
                                opacity: 1;
                                transform: translateY(0);
                                &:nth-child(1){ transition-delay: 0.04s; }
                                &:nth-child(2){ transition-delay: 0.08s; }
                                &:nth-child(3){ transition-delay: 0.12s; }
                                &:nth-child(4){ transition-delay: 0.16s; }
                                &:nth-child(5){ transition-delay: 0.2s; }
                                &:nth-child(6){ transition-delay: 0.24s; }
                            }
                        }
                    }
                }
            }
            .menuCta{
                display: inline-flex;
                align-items: center;
                height: 44px;
                padding: 0 26px;
                border-radius: 50px;
                background: #0075ff;
                font-family: "Space Mono", monospace;
                font-size: 13px;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                white-space: nowrap;
                color: #fff;
                text-decoration: none;
                transition: background-color 0.3s ease, color 0.3s ease;
                &:hover{ background: #fff; color: #0b0b0b; }
            }
            @media (max-width: 1199px){
                > ul{ gap: 20px; }
                > ul > li > a{ font-size: 12px; }
            }
            
            @media (max-width: 991px){
                padding: 5px;
                > ul{ display: none; }
                .menuCta{ height: 38px; padding: 0 18px; font-size: 12px; }
            }
        }
        .headerRight{
            display: flex;
            align-items: center;
            gap: 26px;
        }
    }
    
    &.isSticky{
        padding: 0;
        background: #000;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        box-shadow: 0 12px 30px rgb(0 0 0 / 45%);
        .headerInner{
            height: 72px;
            padding: 0 80px;
            border-radius: 0;
            border-color: transparent;
            .logoImg img{
                height: 34px;
            }
        }
    }
}


@media (max-width: 767px){
    .headerWrap{
        padding: 10px 12px;
        .headerInner{
            height: 60px;
            padding: 0 6px 0 14px;
            .logoImg img{ height: 26px; }
            .headerRight{
                gap: 8px;
                
                .menuWrap{
                    padding: 0;
                    border: 0;
                    background: none;
                    backdrop-filter: none;
                    .menuCta{ height: 36px; padding: 0 14px; font-size: 11px; letter-spacing: 0.06em; }
                }
            }
        }
        
        &.isSticky{
            padding: 0;
            .headerInner{
                height: 60px;
                padding: 0 18px 0 26px;
            }
        }
    }
}

/* look/footer.css */
.ftWrap{
    position: relative;
    background-color: #000;
    overflow: hidden;
    
    .ftMain{
        padding: 85px 0 70px;
        .ftGrid{
            gap: 70px;
        }
        .ftTitle{
            color: #fff;
            font-size: 17px;
            font-weight: 700;
            letter-spacing: 2px;
            margin-bottom: 28px;
            position: relative;
            padding-bottom: 14px;
            &::after{
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 34px;
                height: 2px;
                border-radius: 2px;
                background: #0075ff;
            }
        }
        .ftBrand{
            flex: 0 0 30%;
            min-width: 0;
            .ftLogo{
                max-width: 200px;
                margin-bottom: 24px;
                img{ width: 100%; }
            }
            p{
                color: #9a9a9a;
                font-size: 14px;
                line-height: 1.8;
                margin-bottom: 18px;
            }
            .ftCin{
                font-family: monospace;
                font-size: 12px;
                letter-spacing: 1px;
                color: #5f5f5f;
                margin-bottom: 26px;
            }
            .ftSocials{
                gap: 12px;
                .ftSocial{
                    width: 42px;
                    height: 42px;
                    border-radius: 50%;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 15px;
                    border: 1px solid #ffffff2e;
                    background: #ffffff0f;
                    transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s ease;
                    &:hover{
                        color: #fff;
                        border-color: transparent;
                        background: #0075ff;
                    }
                    &:focus-visible{
                        outline: 1px solid #0075ff;
                        outline-offset: 3px;
                    }
                }
            }
        }
        .ftCol{
            flex: 0 0 auto;
            min-width: 0;
            ul li{
                margin-bottom: 15px;
                &:last-child{ margin-bottom: 0; }
            }
            .ftLink{
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 0;
                color: #bdbdbd;
                font-size: 15px;
                letter-spacing: 0.3px;
                padding-bottom: 3px;
                transition: color 0.35s ease;
                span{
                    transition: transform 0.35s ease;
                }
                i,
                svg{
                    font-size: 12px;
                    width: 1em;
                    color: #0075ff;
                    opacity: 0;
                    transform: translateX(-8px) rotate(-45deg);
                    transition: opacity 0.35s ease, transform 0.35s ease;
                    margin-left: 8px;
                }
                
                &::after{
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 1px;
                    background: #0075ff;
                    transform: scaleX(0);
                    transform-origin: left center;
                    transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
                }
                &:hover{
                    color: #fff;
                    span{ transform: translateX(4px); }
                    i,
                    svg{
                        opacity: 1;
                        transform: translateX(0) rotate(-45deg);
                    }
                    &::after{ transform: scaleX(1); }
                }
            }
        }
        .ftTouch{
            flex: 1 1 auto;
            min-width: 0;
            .ftAddress{
                gap: 14px;
                margin-bottom: 26px;
                i,
                svg{
                    flex: 0 0 auto;
                    color: #0075ff;
                    font-size: 17px;
                    width: 1em;
                    margin-top: 4px;
                }
                p{
                    color: #9a9a9a;
                    font-size: 14px;
                    line-height: 1.8;
                    margin: 0;
                    b{ color: #fff; font-weight: 600; }
                }
            }
            .ftReach{
                margin-bottom: 18px;
                &:last-child{ margin-bottom: 0; }
                .ftReachLabel{
                    color: #0075ff;
                    font-size: 14px;
                    font-weight: 700;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                }
                .ftChips{
                    flex-wrap: wrap;
                    gap: 10px;
                    .ftChip{
                        gap: 9px;
                        padding: 10px 18px;
                        border-radius: 50px;
                        border: 1px solid #ffffff2e;
                        background: #ffffff0f;
                        color: #bdbdbd;
                        font-size: 13px;
                        letter-spacing: 0.3px;
                        white-space: nowrap;
                        transition: 0.4s;
                        i,
                        svg{
                            color: #0075ff;
                            font-size: 12px;
                            width: 1em;
                            transition: color 0.4s ease;
                        }
                        &:hover{
                            color: #fff;
                            border-color: transparent;
                            background: #0075ff;
                            transform: translateY(-3px);
                            i,
                            svg{ color: #fff; }
                        }
                    }
                }
            }
        }
    }
    
    .ftBottom{
        border-top: 1px solid #ffffff1a;
        padding: 24px 0;
        .ftBottomInner{
            gap: 20px;
            flex-wrap: wrap;
        }
        .ftCopy,
        .ftMade{
            color: #5f5f5f;
            font-size: 13px;
            letter-spacing: 0.5px;
            margin: 0;
        }
        .ftLegal{
            gap: 26px;
            li a{
                color: #9a9a9a;
                font-size: 13px;
                letter-spacing: 0.5px;
                transition: color 0.35s ease;
                &:hover{ color: #0075ff; }
            }
        }
    }
}

.ftTop{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 90;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    background: #101216e6;
    border: 1px solid #ffffff2b;
    backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, background 0.4s ease;
    
    > svg:not(.svg-inline--fa):not(.ftTopArrow):not([data-icon]){   
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        transform: rotate(-90deg);
        circle{
            fill: none;
            stroke-width: 2.5;
            &.ftTopTrack{ stroke: #ffffff1a; }
            &.ftTopFill{
                stroke: #0075ff;
                stroke-linecap: round;
                stroke-dasharray: 157;
                stroke-dashoffset: 157;
            }
        }
    }
    
    > i, > .svg-inline--fa{
        position: relative;
        z-index: 1;
        width: 15px;
        height: 15px;
        transform: none;
        transition: transform 0.35s ease;
    }
    &:hover > i, &:hover > .svg-inline--fa{ transform: translateY(-3px); }
    &.show{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    &:hover{
        background: #1b1e24;
    }
    &:focus-visible{
        outline: 1px solid #0075ff;
        outline-offset: 3px;
    }
}

@media (max-width: 1199px){
    .ftWrap{
        .ftMain{
            padding: 60px 0 50px;
            .ftGrid{
                flex-wrap: wrap;
                gap: 45px;
            }
            .ftBrand{ flex: 0 0 100%; max-width: 480px; }
            .ftTouch{ flex: 1 1 340px; }
        }
    }
}

@media (max-width: 767px){
    .ftWrap{
        .ftMain{
            padding: 45px 0 40px;
            .ftGrid{
                flex-direction: column;
                gap: 35px;
            }
            .ftTitle{ margin-bottom: 20px; }
            .ftBrand p{ font-size: 13px; }
            .ftTouch .ftChips .ftChip{ font-size: 12px; padding: 9px 14px; }
        }
        .ftBottom{
            .ftBottomInner{
                flex-direction: column;
                gap: 8px;
                text-align: center;
            }
        }
    }
    .ftTop{
        right: 16px;
        bottom: 16px;
        width: 46px;
        height: 46px;
        font-size: 13px;
    }
}


.ftWrap{
    
    &::before{
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: radial-gradient(520px circle at var(--mx, 50%) var(--my, 30%), rgb(0 117 255 / 12%), transparent 60%);
        opacity: 0;
        transition: opacity 0.6s ease;
        pointer-events: none;
    }
    &:hover::before{ opacity: 1; }
    > *{ position: relative; z-index: 1; }
    > .ftTop{ position: fixed; z-index: 90; } 
}

.ftCta{
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding: clamp(56px, 7vw, 110px) 0 clamp(40px, 5vw, 70px);
    .ftCtaInner{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 30px;
        flex-wrap: wrap;
    }
    .ftCtaEyebrow{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
        &::before{ content: ""; width: 30px; height: 1px; background: #0075ff; }
    }
    .ftMail{
        position: relative;
        display: inline-flex;
        align-items: flex-start;
        gap: 0.2em;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        font-size: clamp(26px, 5vw, 84px);
        line-height: 1.05;
        letter-spacing: -0.03em;
        color: #fff;
        text-decoration: none;
        word-break: break-all;
        span{
            font-size: 0.5em;
            color: #0075ff;
            transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        }
        
        &::after{
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -6px;
            height: 3px;
            background: #0075ff;
            transform: scaleX(0);
            transform-origin: 0 50%;
            transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
        }
        &:hover{ color: #0075ff; }
        &:hover span{ transform: translate(6px, -6px); }
        &:hover::after{ transform: scaleX(1); }
    }
    .ftCtaSide{
        display: grid;
        justify-items: end;
        gap: 14px;
    }
    .ftCopyBtn{
        height: 46px;
        padding: 0 24px;
        border: 1px solid rgb(255 255 255 / 20%);
        border-radius: 50px;
        background: none;
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #f1ede4;
        cursor: pointer;
        transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        &:hover{ background: #f1ede4; border-color: #f1ede4; color: #0b0b0b; }
        &.is-done{ background: #0075ff; border-color: #0075ff; color: #fff; }
        &:focus-visible{ outline: 2px solid #0075ff; outline-offset: 3px; }
    }
    .ftClock{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 55%);
        b{ font-weight: 400; color: #fff; font-variant-numeric: tabular-nums; }
        
        i{
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #0075ff;
            box-shadow: 0 0 0 0 rgb(0 117 255 / 60%);
            animation: ftLive 2s ease-out infinite;
        }
    }
}
@keyframes ftLive{
    0%{ box-shadow: 0 0 0 0 rgb(0 117 255 / 60%); }
    100%{ box-shadow: 0 0 0 10px rgb(0 117 255 / 0%); }
}

.ftMark{
    display: flex;
    justify-content: center;
    padding: 0 clamp(16px, 2vw, 40px);
    overflow: hidden;
    font-family: "Archivo", "Montserrat", sans-serif;
    font-stretch: 125%;
    font-variation-settings: "wdth" 125;
    font-weight: 800;
    
    font-size: calc((100vw - 2 * clamp(16px, 2vw, 40px)) / 10);
    line-height: 0.82;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    user-select: none;
    .ftLetter{
        display: inline-block;
        color: transparent;
        -webkit-text-stroke: 1px rgb(255 255 255 / 18%);
        transition: color 0.35s ease, -webkit-text-stroke-color 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        will-change: transform;
        &:hover{
            color: #0075ff;
            -webkit-text-stroke-color: #0075ff;
            transform: translateY(-8%);
        }
    }
}
@media (max-width: 767px){
    .ftCta{
        .ftCtaInner{ flex-direction: column; align-items: flex-start; }
        .ftCtaSide{ justify-items: start; }
    }
    .ftWrap::before{ display: none; }
}
@media (prefers-reduced-motion: reduce){ .ftCta .ftClock i{ animation: none; } }

.ftTop > .ftTopArrow{ position: relative; z-index: 1; transform: none !important; }

/* look/common.css */
body{
    background-color: #000;
}
.container-max{
    max-width: 1660px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.z_1{
    z-index: 1;
}
.fz_100{
    font-size: 100px;
}
.fz_130{
    font-size: 130px;
}
.fz_150{
    font-size: 150px;
}
.fz_200{
    font-size: 200px;
}
.fw_600{
    font-weight: 600;
}
.whiteText{
    color: #fff;
}

html.lenis,
html.lenis body{
    height: auto;
}
.lenis.lenis-smooth{
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent]{
    overscroll-behavior: contain;
}
.lenis.lenis-stopped{
    overflow: hidden;
}
.blueText{
    color: #0075ff;
}


.qcTab{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 95;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 13px;
    border: 0;
    border-radius: 12px 0 0 12px;
    background: #0b5fd9;   
    box-shadow: -6px 8px 24px rgb(0 0 0 / 35%);
    color: #fff;
    font-family: "Space Mono", monospace;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    writing-mode: vertical-rl; 
    cursor: pointer;
    transform: translateY(-50%);
    transition: padding-right 0.35s ease, background-color 0.35s ease, opacity 0.3s ease;
    &:hover{ padding-right: 18px; background: #1a84ff; }
    &:focus-visible{ outline: 2px solid #fff; outline-offset: -5px; }
    body.qcOpen &{ opacity: 0; pointer-events: none; }
    @media (max-width: 575px){ padding: 14px 9px; font-size: 10px; }
}
.qcOverlay{
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    body.qcOpen &{ opacity: 1; visibility: visible; }
}
.qcPanel{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    width: min(460px, 100vw);
    padding: clamp(26px, 3vw, 40px) clamp(22px, 2.6vw, 36px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #0e0e0e;
    border-left: 1px solid rgb(255 255 255 / 12%);
    box-shadow: -30px 0 60px rgb(0 0 0 / 50%);
    color: #fff;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0.55s;
    body.qcOpen &{ transform: translateX(0); visibility: visible; }
    
    .qcHead, .qcForm > *, .qcAlt{
        opacity: 0;
        transform: translateY(14px);
        transition: opacity 0.45s ease, transform 0.45s ease;
    }
    body.qcOpen & :is(.qcHead, .qcForm > *, .qcAlt){ opacity: 1; transform: none; }
    body.qcOpen & .qcHead{ transition-delay: 0.15s; }
    body.qcOpen & .qcForm > *:nth-child(1){ transition-delay: 0.2s; }
    body.qcOpen & .qcForm > *:nth-child(2){ transition-delay: 0.25s; }
    body.qcOpen & .qcForm > *:nth-child(3){ transition-delay: 0.3s; }
    body.qcOpen & .qcForm > *:nth-child(4){ transition-delay: 0.35s; }
    body.qcOpen & .qcForm > *:nth-child(5){ transition-delay: 0.4s; }
    body.qcOpen & .qcForm > *:nth-child(6){ transition-delay: 0.45s; }
    body.qcOpen & .qcForm > *:nth-child(7){ transition-delay: 0.5s; }
    body.qcOpen & .qcAlt{ transition-delay: 0.55s; }
}
.qcClose{
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 18%);
    background: none;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.4s ease;
    &:hover{ background: #0075ff; border-color: #0075ff; color: #fff; transform: rotate(90deg); }
    &:focus-visible{ outline: 2px solid #0075ff; outline-offset: 2px; }
}
.qcHead{
    margin: 0 50px 28px 0;
    span{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 14px;
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
        &::before{ content: ""; width: 26px; height: 1px; background: #0075ff; }
    }
    h2{
        margin: 0 0 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        font-size: clamp(26px, 2.2vw, 34px);
        line-height: 1.1;
        letter-spacing: -0.02em;
        color: #fff;
        em{ font-style: normal; color: #0075ff; }
    }
    p{
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.55;
        color: rgb(255 255 255 / 65%);
    }
}
.qcForm{
    display: grid;
    gap: 16px;
    label{
        display: grid;
        gap: 7px;
        font-family: "Space Mono", monospace;
        font-size: 10.5px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
        b{ font-weight: 400; color: #0075ff; }
    }
    input, select, textarea{
        width: 100%;
        padding: 13px 15px;
        border: 1px solid rgb(255 255 255 / 14%);
        border-radius: 10px;
        background: #151515;
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        letter-spacing: 0;
        text-transform: none;
        color: #fff;
        transition: border-color 0.3s ease, background-color 0.3s ease;
        &::placeholder{ color: rgb(255 255 255 / 30%); }
        &:focus{ outline: none; border-color: #0075ff; background: #171b22; }
        &.isError{ border-color: #ff5a5a; }
    }
    select{
        appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
        background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%;
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
        option{ background: #151515; color: #fff; }
    }
    textarea{ resize: vertical; min-height: 96px; }
    .qcSubmit{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        height: 52px;
        margin-top: 4px;
        border: 0;
        border-radius: 50px;
        background: #0075ff;
        font-family: "Space Mono", monospace;
        font-size: 13px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
        transition: background-color 0.35s ease;
        span{ transition: transform 0.35s ease; }
        &:hover{ background: #fff; }
        &:hover span{ transform: translateX(5px); }
        &:focus-visible{ outline: 2px solid #fff; outline-offset: 3px; }
    }
    .qcNote{
        margin: -4px 0 0;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        letter-spacing: 0;
        text-transform: none;
        text-align: center;
        color: rgb(255 255 255 / 45%);
    }
}
.qcAlt{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 26px;
    a{
        flex: 1 1 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 44px;
        padding: 0 16px;
        border: 1px solid rgb(255 255 255 / 16%);
        border-radius: 50px;
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #f1ede4;
        text-decoration: none;
        transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        &:hover{ background: #f1ede4; border-color: #f1ede4; color: #0b0b0b; }
    }
}
body.qcOpen{ overflow: hidden; }


.waFloat{
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 94;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25d366;
    box-shadow: 0 10px 28px rgb(0 0 0 / 40%);
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), background-color 0.3s ease;
    
    &::before{
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: #25d366;
        z-index: -1;
        animation: waPulse 2.4s ease-out infinite;
    }
    > i, > .svg-inline--fa{ width: 28px; height: 28px; }
    
    span{
        position: absolute;
        left: calc(100% + 12px);
        top: 50%;
        padding: 8px 14px;
        border-radius: 50px;
        background: #fff;
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        white-space: nowrap;
        color: #0b0b0b;
        opacity: 0;
        pointer-events: none;
        transform: translate(-8px, -50%);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    &:hover{ transform: scale(1.08); background: #1ebe5b; }
    &:hover span{ opacity: 1; transform: translate(0, -50%); }
    &:focus-visible{ outline: 2px solid #fff; outline-offset: 3px; }
    body.qcOpen &{ opacity: 0; pointer-events: none; } 
    @media (max-width: 767px){
        left: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
        font-size: 24px;
        > i, > .svg-inline--fa{ width: 24px; height: 24px; }
        span{ display: none; }
    }
}
@keyframes waPulse{
    0%{ transform: scale(1); opacity: 0.55; }
    80%, 100%{ transform: scale(1.7); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){ .waFloat::before{ animation: none; } }


.themeSwitch{
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    width: 64px;
    height: 34px;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 50px;
    background: rgb(255 255 255 / 6%);
    cursor: pointer;
    transition: background-color 0.35s ease, border-color 0.35s ease;
    svg{
        position: absolute;
        top: 50%;
        width: 14px;
        height: 14px;
        transform: translateY(-50%);
        fill: none;
        stroke: rgb(241 237 228 / 55%);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        pointer-events: none;
        transition: stroke 0.35s ease;
    }
    .tsMoon{ left: 10px; }
    .tsSun{ right: 10px; }
    
    .tsKnob{
        position: absolute;
        top: 3px;
        left: 3px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #0075ff;
        box-shadow: 0 4px 10px rgb(0 117 255 / 35%);
        transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .tsMoon, .tsSun{ z-index: 1; }
    &:hover{ border-color: #0075ff; }
    &:focus-visible{ outline: 2px solid #0075ff; outline-offset: 3px; }
}
html:not([data-theme="light"]) .themeSwitch .tsMoon{ stroke: #fff; }
html[data-theme="light"] .themeSwitch{
    border-color: rgb(0 0 0 / 14%);
    background: rgb(0 0 0 / 5%);
    .tsKnob{ transform: translateX(30px); }
    .tsSun{ stroke: #fff; }
    .tsMoon{ stroke: rgb(11 11 11 / 45%); }
}

html.themeAnim, html.themeAnim *, html.themeAnim *::before, html.themeAnim *::after{
    transition: background-color 0.45s ease, color 0.45s ease, border-color 0.45s ease, fill 0.45s ease, stroke 0.45s ease !important;
}

@media (max-width: 420px){
    .headerWrap .headerInner .headerRight .menuWrap{ gap: 8px; }
    .headerWrap .headerInner .logoImg img{ height: 21px; }
    .themeSwitch{
        width: 34px;
        height: 34px;
        justify-content: center;
        .tsKnob{ display: none; }
        svg, .tsMoon, .tsSun{ left: 50%; right: auto; transform: translate(-50%, -50%); width: 15px; height: 15px; }
        .tsMoon{ display: none; }
        .tsSun{ display: block; stroke: #fff; }
    }
    html[data-theme="light"] .themeSwitch{
        .tsSun{ display: none; }
        .tsMoon{ display: block; stroke: #0b0b0b; }
    }
}

/* look/page.css */
.pageInner{
    --blue: #0075ff;
    --bone: #f1ede4;
    --dim: rgb(241 237 228 / 62%);
    --line: rgb(255 255 255 / 12%);
    background: #000;
    color: var(--bone);
    font-family: "Montserrat", sans-serif;
}
.pgWrap{
    width: 100%;
    padding: 0 clamp(20px, 2.6vw, 48px);
}


.pgEyebrow{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: clamp(18px, 2vw, 32px);
    font-family: "Space Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgb(241 237 228 / 60%);
    i{ font-style: normal; color: var(--blue); }
    &::before{ content: ""; width: 32px; height: 1px; background: var(--blue); }
}
.pgHead{
    max-width: 1300px;
    margin-bottom: clamp(36px, 4vw, 72px);
    &.isCenter{ margin-left: auto; margin-right: auto; text-align: center; }
}
.pgTitle{
    margin: 0;
    font-family: "Archivo", "Montserrat", sans-serif;
    font-stretch: 125%;
    font-variation-settings: "wdth" 125;
    font-weight: 800;
    font-size: clamp(32px, 4.8vw, 92px);
    line-height: 0.95;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--bone);
    .pgLine{ display: block; overflow: hidden; padding-bottom: 0.06em; }
    .pgIn{ display: block; will-change: transform; }
    em{ font-style: normal; color: var(--blue); }
}
.pgText{
    max-width: 620px;
    margin: clamp(16px, 1.8vw, 28px) 0 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: clamp(15px, 1.05vw, 19px);
    line-height: 1.65;
    letter-spacing: 0;
    color: rgb(255 255 255 / 70%);
    a{ color: var(--blue); border-bottom: 1px solid currentColor; }
}
.pgProse{
    p{
        margin: 0 0 1.1em;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: clamp(15px, 1.05vw, 18px);
        line-height: 1.8;
        letter-spacing: 0;
        color: rgb(255 255 255 / 70%);
        &:last-child{ margin-bottom: 0; }
    }
    a{ color: var(--blue); border-bottom: 1px solid currentColor; }
    b, strong{ color: #fff; }
}

.pgScrub{
    margin: 0 0 clamp(26px, 3vw, 44px);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: clamp(21px, 2.1vw, 38px);
    line-height: 1.38;
    letter-spacing: -0.01em;
    color: #fff;
    .w{ display: inline; }
    a{ color: var(--blue); }
    b, strong{ font-weight: 800; }
    &.isBig{ font-size: clamp(26px, 3.2vw, 58px); line-height: 1.25; }
    &.isQuote{ font-size: clamp(26px, 3.4vw, 62px); line-height: 1.2; }
    
    &.isQuote.isLong{ font-size: clamp(20px, 2.1vw, 38px); line-height: 1.35; max-width: 1100px; }
}


.pgBtn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 26px;
    border-radius: 50px;
    border: 1px solid transparent;
    font-family: "Space Mono", monospace;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease;
    .btnArrow{ display: inline-block; letter-spacing: 0; transition: transform 0.35s ease; }
    &.primary{
        background-color: var(--blue);
        color: #fff;
        &:hover{ background-color: #3391ff; color: #fff; }
        &:hover .btnArrow{ transform: translateX(5px); }
    }
    &.ghost{
        border-color: rgb(255 255 255 / 16%);
        color: #fff;
        &:hover{ border-color: #fff; background-color: #fff; color: #0b0b0b; }
    }
    &:focus-visible{ outline: 1px solid var(--blue); outline-offset: 4px; }
    @media (max-width: 575px){ height: 44px; padding: 0 20px; font-size: 11px; letter-spacing: 0.14em; }
}
.pgChip{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border-radius: 40px;
    border: 1px solid rgb(255 255 255 / 18%);
    font-family: "Space Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    transition: background 0.3s ease, border-color 0.3s ease;
    span{ color: var(--blue); transition: color 0.3s ease; }
    &:hover{ background: var(--blue); border-color: var(--blue); span{ color: #fff; } }
}


.pgHero{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: max(640px, 100vh);
    padding: 140px clamp(20px, 2.6vw, 48px) 110px;
    overflow: hidden;
    background: #000;
    text-align: center;
    &.isSmall{ min-height: max(520px, 72vh); }
}
.pgCircle{
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(40vw, 58vh);
    aspect-ratio: 1;
    margin: calc(min(40vw, 58vh) / -2) 0 0 calc(min(40vw, 58vh) / -2);
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
    img, video{ width: 100%; height: 100%; object-fit: cover; display: block; }
    .pgCircleShade{ position: absolute; inset: 0; background: rgb(0 0 0 / 45%); }
    @media (max-width: 767px){
        width: 78vw;
        margin: -39vw 0 0 -39vw;
    }
}
.pgHeroInner{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1500px;
}
.pgCrumb{
    margin-bottom: 18px;
    font-family: "Space Mono", monospace;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgb(241 237 228 / 55%);
    a{ font-size: inherit; color: rgb(241 237 228 / 80%); transition: color 0.3s ease; &:hover{ color: var(--blue); } }
    i{ font-style: normal; margin: 0 6px; color: var(--blue); }
}

.pgHeroSub{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 12px;
    margin: 0 0 clamp(14px, 1.6vw, 28px);
    font-family: "Space Mono", monospace;
    font-size: clamp(11px, 0.85vw, 14px);
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #fff;
    i{ font-style: normal; color: var(--blue); }
}
.pgHeroTitle{
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: clamp(52px, 9vw, 190px);
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    .pgHeroLine{ display: block; overflow: hidden; padding-bottom: 0.04em; }
    .pgHeroIn{ display: block; will-change: transform; }
    .accent{ color: var(--blue); }
    
    &[data-dot] .pgHeroLine:last-child .pgHeroIn::after{ content: "."; color: var(--blue); }
    &[data-dot] .pgHeroLine.accent:last-child .pgHeroIn::after{ color: #fff; }
    .pgHero.isSmall &{ font-size: clamp(40px, 7vw, 140px); }
    
    .pgHero.isLong &{ font-size: clamp(44px, 6.8vw, 140px); }
    .pgHero.isXLong &{ font-size: clamp(38px, 5.4vw, 110px); }
    
    @media (max-width: 575px){
        font-size: 10.4vw;
        .pgHero.isSmall &{ font-size: 9.6vw; }
    }
}
.pgHeroLead{
    max-width: 880px;
    margin: clamp(22px, 2.4vw, 40px) 0 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: clamp(16px, 1.35vw, 24px);
    line-height: 1.5;
    letter-spacing: 0;
    color: rgb(255 255 255 / 80%);
    em{ font-style: normal; color: var(--blue); }
}
.pgHeroBtns{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: clamp(28px, 3vw, 52px);
}
.pgScrollCue{
    position: absolute;
    left: 50%;
    bottom: 28px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
    font-family: "Space Mono", monospace;
    font-size: 10px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgb(241 237 228 / 50%);
    i{
        position: relative;
        width: 1px;
        height: 42px;
        overflow: hidden;
        background: rgb(255 255 255 / 15%);
        &::after{
            content: "";
            position: absolute;
            left: 0;
            top: -40%;
            width: 1px;
            height: 40%;
            background: var(--blue);
            animation: pgCue 1.8s cubic-bezier(0.6, 0, 0.3, 1) infinite;
        }
    }
}
@keyframes pgCue{ to{ top: 100%; } }


.pgStats{
    background: #000;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.pgStatGrid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    @media (max-width: 767px){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pgStat{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: clamp(26px, 3vw, 50px) clamp(14px, 2vw, 36px);
    & + .pgStat{ border-left: 1px solid var(--line); }
    @media (max-width: 767px){
        &:nth-child(3){ border-left: 0; }
        &:nth-child(n + 3){ border-top: 1px solid var(--line); }
    }
    .pgStatIdx{ font-family: "Space Mono", monospace; font-size: 11px; color: var(--blue); }
    .pgStatNum{
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(34px, 4vw, 76px);
        line-height: 1;
        color: #fff;
        em{ font-style: normal; color: var(--blue); }
        .pgStatWord{
            display: block;
            font-family: "Montserrat", sans-serif;
            font-stretch: 100%;
            font-variation-settings: normal;
            font-size: clamp(16px, 1.3vw, 22px);
            line-height: 1.3;
        }
    }
    .pgStatLabel{
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
    }
}


.pgIntro,
.pgState{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #000;
}
.pgState.isAlt{ background: #0a0a0a; border-top: 1px solid rgb(255 255 255 / 8%); }
.pgIntroGrid,
.pgStateGrid{
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(36px, 6vw, 120px);
    align-items: start;
    @media (max-width: 991px){ grid-template-columns: minmax(0, 1fr); }
}
.pgIntroSide,
.pgStateSide{
    position: sticky;
    top: 120px;
    @media (max-width: 991px){ position: static; }
}
.pgStateTitle{
    margin: 0;
    font-family: "Archivo", "Montserrat", sans-serif;
    font-stretch: 125%;
    font-variation-settings: "wdth" 125;
    font-weight: 800;
    font-size: clamp(24px, 2.4vw, 44px);
    line-height: 1.05;
    text-transform: uppercase;
    color: var(--bone);
}


.pgCards{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #0a0a0a;
    border-top: 1px solid rgb(255 255 255 / 8%);
    overflow: hidden; 
    &.isAlt{ background: #000; }
}
.pgGrid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    &.cols4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    @media (max-width: 1199px){ &, &.cols4{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 575px){ &, &.cols4{ grid-template-columns: minmax(0, 1fr); } }
}
.pgCard{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(28px, 2.4vw, 44px) clamp(22px, 2vw, 36px) clamp(34px, 2.8vw, 52px);
    background: #0d0d0d;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    transition: background-color 0.45s ease;
    &::before{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -1px;
        height: 2px;
        background: var(--blue);
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .pgCardTop{ display: flex; justify-content: space-between; align-items: center; gap: 12px; }
    .pgCardNum{
        display: inline-grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: var(--blue);
        font-family: "Space Mono", monospace;
        font-weight: 700;
        font-size: 13px;
        color: #fff;
        transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s ease;
    }
    .pgCardIcon{
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        color: rgb(241 237 228 / 45%);
        font-size: 18px;
        transition: color 0.35s ease;
        svg{ width: 24px; height: 24px; }
    }
    h3{
        margin: clamp(20px, 1.8vw, 30px) 0 14px;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(16px, 1.2vw, 22px);
        line-height: 1.2;
        text-transform: uppercase;
        color: var(--bone);
    }
    p{
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: clamp(14px, 0.9vw, 16px);
        line-height: 1.65;
        letter-spacing: 0;
        color: rgb(241 237 228 / 60%);
        &.pgCardLead{
            margin-top: clamp(20px, 1.8vw, 30px);
            font-weight: 700;
            font-size: clamp(16px, 1.15vw, 20px);
            line-height: 1.45;
            color: var(--bone);
        }
    }
    .pgCardGo{
        margin-top: auto;
        padding-top: 22px;
        align-self: flex-end;
        font-size: 18px;
        color: var(--blue);
        transition: transform 0.35s ease;
    }
    &:hover{
        background: #121418;
        &::before{ transform: scaleX(1); }
        .pgCardNum{ transform: scale(1.1) rotate(-8deg); box-shadow: 0 0 0 8px rgb(0 117 255 / 14%); }
        .pgCardIcon{ color: var(--blue); }
        .pgCardGo{ transform: translate(4px, -4px); }
    }
}


.pgHow{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #0a0a0a;
    border-top: 1px solid rgb(255 255 255 / 8%);
}
.pgStepList{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgb(255 255 255 / 40%);
}
.pgRail{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgb(255 255 255 / 8%);
    .pgRailFill{
        display: block;
        width: 100%;
        height: 100%;
        background: var(--blue);
        transform-origin: 50% 0;
        transform: scaleY(0);
    }
}
.pgStep{
    position: relative;
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 0 clamp(24px, 4vw, 80px);
    padding: clamp(26px, 2.6vw, 46px) 24px clamp(26px, 2.6vw, 46px) 0;
    overflow: hidden;
    transition: opacity 0.35s ease;
    &::after{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: rgb(255 255 255 / 18%);
        transform-origin: 0 50%;
        transform: scaleX(var(--line, 1));
    }
    &::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(0 117 255 / 18%), rgb(0 117 255 / 0%) 70%);
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    > *{ position: relative; }
    .pgStepNum{
        justify-self: center;
        font-family: "Space Mono", monospace;
        font-size: 13px;
        letter-spacing: 0.1em;
        color: var(--blue);
    }
    h3{
        margin: 0;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(20px, 1.9vw, 38px);
        line-height: 1.05;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        color: var(--bone);
        transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), color 0.35s ease;
    }
    p{
        max-width: 620px;
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: clamp(14px, 1vw, 18px);
        line-height: 1.6;
        letter-spacing: 0;
        color: rgb(255 255 255 / 70%);
    }
    &:hover{
        &::before{ transform: scaleX(1); }
        h3{ transform: translateX(12px); color: #fff; }
    }
    @media (max-width: 991px){
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 10px 16px;
        p{ grid-column: 2; }
    }
}
.pgStepList:has(.pgStep:hover) .pgStep:not(:hover){ opacity: 0.4; }
.pgStepList.isCompact .pgStep{
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 8px 16px;
    p{ grid-column: 2; }
}


.pgQuote{
    position: relative;
    padding: clamp(90px, 10vw, 190px) 0;
    background: #000;
    border-top: 1px solid rgb(255 255 255 / 8%);
    overflow: hidden;
    .pgWrap{ position: relative; max-width: 1400px; margin: 0 auto; }
    .pgQuoteMark{
        position: absolute;
        right: clamp(10px, 4vw, 60px);
        top: -0.25em;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-weight: 800;
        font-size: clamp(180px, 22vw, 420px);
        line-height: 1;
        color: rgb(0 117 255 / 16%);
        pointer-events: none;
    }
    .pgScrub{ position: relative; max-width: 1200px; }
    .pgQuoteBy{
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--blue);
    }
}


.pgWins{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #000;
    border-top: 1px solid rgb(255 255 255 / 8%);
}
.pgWinGrid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.6vw, 28px);
    @media (max-width: 991px){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    @media (max-width: 575px){ grid-template-columns: minmax(0, 1fr); }
}
.pgWin{
    display: block;
    --po: linear-gradient(150deg, #0075ff, #002a66);
    &.poSlate{ --po: linear-gradient(150deg, #1d2a44, #0a0f1a); }
    &.poBrass{ --po: linear-gradient(150deg, #8a5cf6, #2c1466); }
    &.poBone{ --po: linear-gradient(150deg, #1c1c1c, #0b0b0b); }
    .pgWinPoster{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        aspect-ratio: 4 / 5;
        padding: clamp(18px, 1.6vw, 28px);
        border-radius: 18px;
        overflow: hidden;
        background: var(--po);
        color: #fff;
        img{
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1);
        }
        &::after{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgb(0 0 0 / 55%), rgb(0 0 0 / 5%) 40%, rgb(0 0 0 / 85%));
        }
    }
    .pgWinChip, .pgWinBig, .pgWinRes{ position: relative; z-index: 1; }
    .pgWinChip{
        align-self: flex-start;
        max-width: 100%;
        padding: 7px 12px;
        border-radius: 30px;
        border: 1px solid rgb(255 255 255 / 60%);
        font-family: "Space Mono", monospace;
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pgWinBig{
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(30px, 3vw, 58px);
        line-height: 0.95;
        text-transform: uppercase;
        transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .pgWinRes{
        display: flex;
        flex-direction: column;
        gap: 4px;
        b{ font-weight: 800; font-size: clamp(24px, 2.2vw, 40px); line-height: 1; color: #fff; }
        small{ font-family: "Space Mono", monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(255 255 255 / 80%); }
    }
    .pgWinMeta{
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 2px 0;
        span{ font-weight: 700; font-size: 16px; color: #fff; }
        small{ font-family: "Space Mono", monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; text-align: right; color: rgb(241 237 228 / 50%); }
    }
    &:hover{
        img{ transform: scale(1.08); }
        .pgWinBig{ transform: translateY(-6px); }
    }
}


.pgLinks{
    padding: clamp(80px, 9vw, 160px) 0;
    background: #000;
    border-top: 1px solid rgb(255 255 255 / 8%);
}
.pgLinksGrid{
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(36px, 5vw, 100px);
    align-items: start;
    .pgHead{ margin-bottom: 0; }
    @media (max-width: 991px){ grid-template-columns: minmax(0, 1fr); }
}
.pgRowCols{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 56px);
    @media (max-width: 575px){ grid-template-columns: minmax(0, 1fr); }
}
.pgRowHead{
    display: block;
    margin-bottom: 14px;
    font-family: "Space Mono", monospace;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--blue);
}
.pgRows{
    margin: 0;
    padding: 0;
    list-style: none;
    li{
        position: relative;
        
        &::after{
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background: var(--line);
            transform-origin: 0 50%;
            transform: scaleX(var(--line, 1));
        }
    }
}
.pgRow{
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 30px;
    align-items: center;
    padding: 18px 0;
    transition: padding 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.3s ease;
    i{ font-family: "Space Mono", monospace; font-style: normal; font-size: 11px; color: rgb(241 237 228 / 45%); }
    span{ font-weight: 700; font-size: clamp(16px, 1.2vw, 21px); color: #fff; transition: color 0.3s ease; }
    b{
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid rgb(255 255 255 / 20%);
        font-weight: 400;
        font-size: 13px;
        color: #fff;
        transition: background 0.3s ease, border-color 0.3s ease, transform 0.4s ease;
    }
    &.isAll span, &.isAll i{ color: var(--blue); }
    &:hover{
        padding-left: 10px;
        span{ color: var(--blue); }
        b{ background: var(--blue); border-color: var(--blue); transform: rotate(45deg); }
    }
}
.pgRows:has(.pgRow:hover) .pgRow:not(:hover){ opacity: 0.4; }


.pgPreview{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
    width: 300px;
    aspect-ratio: 16 / 10;
    border-radius: 14px;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(-4deg);
    transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
    box-shadow: 0 30px 60px rgb(0 0 0 / 60%);
    img{ width: 100%; height: 100%; object-fit: cover; }
    &.isOn{ opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
}


.pgPractices{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #0a0a0a;
    border-top: 1px solid rgb(255 255 255 / 8%);
    scroll-margin-top: 60px;
}
.pgPracList{ border-top: 1px solid rgb(255 255 255 / 40%); }
.pgPractice{
    position: relative;
    display: grid;
    grid-template-columns: 90px minmax(0, 1.1fr) minmax(0, 1fr);
    grid-template-areas: "num name text" "num name chips";
    gap: 14px clamp(24px, 4vw, 80px);
    align-items: center;
    padding: clamp(30px, 3vw, 56px) 24px clamp(30px, 3vw, 56px) 0;
    border-bottom: 1px solid rgb(255 255 255 / 18%);
    overflow: hidden;
    > *{ position: relative; z-index: 1; }
    .pgPracNum{ grid-area: num; justify-self: center; font-family: "Space Mono", monospace; font-size: 13px; color: var(--blue); }
    .pgPracName{
        grid-area: name;
        margin: 0;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(28px, 3.6vw, 70px);
        line-height: 0.95;
        text-transform: uppercase;
        color: var(--bone);
        transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), color 0.35s ease;
    }
    .pgPracText{
        grid-area: text;
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: clamp(14px, 1vw, 18px);
        line-height: 1.6;
        letter-spacing: 0;
        color: rgb(255 255 255 / 70%);
    }
    .pgPracChips{ grid-area: chips; }
    
    .pgPracImg{
        position: absolute;
        inset: 0;
        z-index: 0;
        opacity: 0;
        transition: opacity 0.5s ease;
        img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1); }
        &::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 92%), rgb(0 0 0 / 70%) 55%, rgb(0 0 0 / 50%)); }
    }
    &:hover{
        .pgPracImg{ opacity: 1; img{ transform: scale(1); } }
        .pgPracName{ transform: translateX(12px); color: #fff; }
    }
    @media (max-width: 991px){
        grid-template-columns: 50px minmax(0, 1fr);
        grid-template-areas: "num name" "num text" "num chips";
    }
}
.pgPracChips{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: clamp(24px, 2.4vw, 40px);
    .pgPractice &{ margin-top: 4px; }
}


.pgFinderWrap{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #000;
    border-top: 1px solid rgb(255 255 255 / 8%);
    scroll-margin-top: 60px;
    &.isFirst{ border-top: 0; }
}
.pgFinderBar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 30px;
    margin-bottom: 22px;
}
.pgSearch{
    position: relative;
    flex: 1 1 380px;
    max-width: 620px;
    i{ position: absolute; left: 22px; top: 50%; transform: translateY(-50%); color: var(--blue); }
    input{
        width: 100%;
        height: 60px;
        padding: 0 24px 0 56px;
        border-radius: 60px;
        border: 1px solid rgb(255 255 255 / 18%);
        background: #0d0d0d;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        transition: border-color 0.3s ease, background 0.3s ease;
        &::placeholder{ color: rgb(241 237 228 / 40%); }
        &:focus{ border-color: var(--blue); background: #0b1220; }
    }
}
.pgFindCount{
    font-family: "Space Mono", monospace;
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(241 237 228 / 55%);
    b{ color: var(--blue); font-weight: 700; }
}
.pgAz{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 26px;
    button{
        min-width: 40px;
        height: 40px;
        padding: 0 10px;
        border-radius: 40px;
        border: 1px solid rgb(255 255 255 / 14%);
        background: transparent;
        font-family: "Space Mono", monospace;
        font-size: 12px;
        font-weight: 700;
        color: rgb(241 237 228 / 75%);
        cursor: pointer;
        transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        &:hover{ border-color: var(--blue); color: #fff; }
        &.isOn{ background: var(--blue); border-color: var(--blue); color: #fff; }
        &:disabled{ opacity: 0.25; pointer-events: none; }
    }
}
.pgFindList{ border-top: 1px solid rgb(255 255 255 / 40%); }
.pgFind{
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1.2fr) 40px;
    align-items: center;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    overflow: hidden;
    transition: padding 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.3s ease;
    &::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(0 117 255 / 16%), rgb(0 117 255 / 0%) 70%);
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    > *{ position: relative; }
    i{ justify-self: center; font-family: "Space Mono", monospace; font-style: normal; font-size: 12px; color: var(--blue); }
    .pgFindName{
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(17px, 1.5vw, 28px);
        line-height: 1.1;
        text-transform: uppercase;
        color: var(--bone);
        transition: color 0.3s ease;
    }
    .pgFindDesc{ font-size: 14px; line-height: 1.6; color: rgb(241 237 228 / 55%); }
    b{
        justify-self: end;
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid rgb(255 255 255 / 20%);
        font-weight: 400;
        color: #fff;
        transition: background 0.3s ease, border-color 0.3s ease, transform 0.4s ease;
    }
    &:hover{
        padding-left: 12px;
        &::before{ transform: scaleX(1); }
        .pgFindName{ color: #fff; }
        b{ background: var(--blue); border-color: var(--blue); transform: rotate(45deg); }
    }
    &.isHidden{ display: none; }
    @media (max-width: 767px){
        grid-template-columns: 40px minmax(0, 1fr) 36px;
        gap: 6px 12px;
        .pgFindDesc{ grid-column: 2; grid-row: 2; }
    }
}
.pgFindList:has(.pgFind:hover) .pgFind:not(:hover){ opacity: 0.45; }
.pgFindEmpty{
    display: none;
    padding: 40px 0;
    font-size: 18px;
    color: rgb(241 237 228 / 70%);
    a{ color: var(--blue); border-bottom: 1px solid currentColor; }
    &.isOn{ display: block; }
}


.pgDefine{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #000;
    border-top: 1px solid var(--line);
    .pgWrap{ max-width: 1400px; margin: 0 auto; }
}
.pgPager{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: #0a0a0a;
    .pgPage{
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: clamp(34px, 4vw, 70px) clamp(20px, 2.6vw, 48px);
        overflow: hidden;
        &::before{
            content: "";
            position: absolute;
            inset: 0;
            background: var(--blue);
            transform: scaleY(0);
            transform-origin: 50% 100%;
            transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
        }
        > *{ position: relative; }
        & + .pgPage{ border-left: 1px solid var(--line); }
        &.isNext{ text-align: right; }
        .pgPageDir{ font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(241 237 228 / 60%); }
        .pgPageName{
            font-family: "Archivo", "Montserrat", sans-serif;
            font-stretch: 125%;
            font-variation-settings: "wdth" 125;
            font-weight: 800;
            font-size: clamp(22px, 3vw, 58px);
            line-height: 1;
            text-transform: uppercase;
            color: #fff;
        }
        &:hover{ &::before{ transform: scaleY(1); } .pgPageDir{ color: #fff; } }
    }
}


.pgContact,
.pgApply{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #000;
    border-top: 1px solid rgb(255 255 255 / 8%);
    scroll-margin-top: 60px;
}
.pgApply{ background: #0a0a0a; }
.pgContactGrid{
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: clamp(40px, 6vw, 120px);
    align-items: start;
    @media (max-width: 991px){ grid-template-columns: minmax(0, 1fr); }
}
.pgForm{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 26px;
    label{
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
    }
    input, textarea, select{
        width: 100%;
        padding: 14px 0;
        border: 0;
        border-bottom: 1px solid rgb(255 255 255 / 25%);
        border-radius: 0;
        background: transparent;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 0;
        text-transform: none;
        color: #fff;
        transition: border-color 0.3s ease;
        &:focus{ border-bottom-color: var(--blue); }
        &::placeholder{ font-weight: 500; color: rgb(241 237 228 / 35%); }
        &.isError{ border-bottom-color: #ff4d4d; }
    }
    select{
        appearance: none;
        cursor: pointer;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230075ff' stroke-width='1.6'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 4px center;
        option{ background: #0b0b0b; color: #fff; }
    }
    textarea{ resize: vertical; min-height: 120px; }
    .fullRow{ grid-column: 1 / -1; }
    @media (max-width: 575px){ grid-template-columns: minmax(0, 1fr); }
}
.pgFormFoot{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}
.pgNote{
    margin: 24px 0 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgb(241 237 228 / 55%);
    .pgFormFoot &{ margin: 0; font-family: "Space Mono", monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
}
.pgContactDirect{
    padding-top: 6px;
    .pgEyebrow{ margin-bottom: 18px; }
}
.pgReach{
    position: relative;
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 16px;
    padding: 22px 0;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    transition: padding 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
    .pgReachK{ font-family: "Space Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blue); }
    .pgReachV{ font-weight: 700; font-size: clamp(15px, 1.15vw, 20px); line-height: 1.4; color: #fff; word-break: break-word; }
    b{ font-weight: 400; color: rgb(241 237 228 / 50%); transition: color 0.3s ease, transform 0.35s ease; }
    &:hover{ padding-left: 10px; b{ color: var(--blue); transform: translate(3px, -3px); } }
}


.pgRoles{
    padding: clamp(80px, 9vw, 170px) 0;
    background: #0a0a0a;
    border-top: 1px solid rgb(255 255 255 / 8%);
    scroll-margin-top: 60px;
}
.pgRoleList{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgb(255 255 255 / 40%);
    li{
        position: relative;
        &::after{
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background: rgb(255 255 255 / 18%);
            transform-origin: 0 50%;
            transform: scaleX(var(--line, 1));
        }
    }
}
.pgRole{
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1.2fr) auto;
    align-items: center;
    gap: 20px;
    padding: clamp(22px, 2.2vw, 38px) 0;
    transition: padding 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
    i{ justify-self: center; font-family: "Space Mono", monospace; font-style: normal; font-size: 12px; color: var(--blue); }
    .pgRoleName{
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(18px, 1.7vw, 32px);
        line-height: 1.05;
        text-transform: uppercase;
        color: var(--bone);
        transition: color 0.3s ease;
    }
    .pgRoleText{ font-size: 15px; line-height: 1.6; color: rgb(241 237 228 / 60%); }
    .pgRoleApply{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 44px;
        padding: 0 22px;
        border-radius: 44px;
        border: 1px solid rgb(255 255 255 / 20%);
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        white-space: nowrap;
        color: #fff;
        transition: background 0.3s ease, border-color 0.3s ease;
    }
    &:hover{
        padding-left: 12px;
        .pgRoleName{ color: #fff; }
        .pgRoleApply{ background: var(--blue); border-color: var(--blue); }
    }
    @media (max-width: 991px){
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 8px 12px;
        .pgRoleText, .pgRoleApply{ grid-column: 2; }
        .pgRoleApply{ justify-self: start; margin-top: 6px; }
    }
}


.page_work .workWrap{
    .workCard{
        --po: linear-gradient(150deg, #0075ff, #002a66);
        cursor: pointer;
        &.poSlate{ --po: linear-gradient(150deg, #1d2a44, #0a0f1a); }
        &.poBrass{ --po: linear-gradient(150deg, #8a5cf6, #2c1466); }
        &.poBone{ --po: linear-gradient(150deg, #262626, #0b0b0b); }
        &.noImg .workPoster{ background: var(--po); }
    }
}
.caseModal{
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    .caseShade{ position: absolute; inset: 0; background: rgb(0 0 0 / 85%); backdrop-filter: blur(10px); }
    .caseBox{
        position: relative;
        width: min(1120px, 100%);
        max-height: calc(100vh - 40px);
        overflow: auto;
        border-radius: 22px;
        border: 1px solid rgb(255 255 255 / 12%);
        background: #0a0a0a;
        transform: translateY(40px) scale(0.97);
        transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .caseTop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 26px;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        .caseFile{ font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(241 237 228 / 60%); }
    }
    .caseClose{
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 1px solid rgb(255 255 255 / 20%);
        background: transparent;
        color: #fff;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.4s ease;
        &:hover{ background: var(--blue); transform: rotate(90deg); }
    }
    .caseBody{
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 36px;
        padding: 30px;
        @media (max-width: 767px){ grid-template-columns: minmax(0, 1fr); }
    }
    .casePoster{
        position: relative;
        display: flex;
        align-items: flex-end;
        aspect-ratio: 4 / 5;
        padding: 24px;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(150deg, #0075ff, #002a66) center / cover;
        @media (max-width: 767px){ aspect-ratio: 16 / 10; }
        &::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgb(0 0 0 / 80%)); }
        .caseBig{
            position: relative;
            z-index: 1;
            font-family: "Archivo", "Montserrat", sans-serif;
            font-stretch: 125%;
            font-variation-settings: "wdth" 125;
            font-weight: 800;
            font-size: clamp(34px, 4vw, 70px);
            line-height: 0.95;
            text-transform: uppercase;
            color: #fff;
        }
    }
    .caseInfo{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        h3{
            margin: 0;
            font-family: "Archivo", "Montserrat", sans-serif;
            font-stretch: 125%;
            font-variation-settings: "wdth" 125;
            font-weight: 800;
            font-size: clamp(26px, 2.8vw, 46px);
            line-height: 1;
            text-transform: uppercase;
            color: #fff;
        }
    }
    .caseTagline{ margin: 0; font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
    .caseDesc{ margin: 0; font-size: 17px; line-height: 1.75; color: rgb(241 237 228 / 70%); }
    .caseRows{ width: 100%; border-top: 1px solid rgb(255 255 255 / 10%); }
    .caseRow{
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 16px;
        padding: 12px 0;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        span{ font-family: "Space Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(241 237 228 / 55%); }
        b{ font-weight: 700; font-size: 15px; color: #fff; }
    }
    .caseStats{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        &:empty{ display: none; }
        div{ display: flex; flex-direction: column; gap: 6px; }
        b{ font-family: "Archivo", "Montserrat", sans-serif; font-stretch: 125%; font-variation-settings: "wdth" 125; font-weight: 800; font-size: 38px; line-height: 1; color: var(--blue); }
        span{ font-family: "Space Mono", monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(241 237 228 / 60%); }
    }
    .caseBtns{ display: flex; flex-wrap: wrap; gap: 12px; }
    &.isOpen{
        visibility: visible;
        opacity: 1;
        .caseBox{ transform: none; }
    }
}


@media (max-width: 767px){
    .pgHero{ min-height: max(600px, 92vh); padding-top: 120px; }
    .pgHero.isSmall{ min-height: 460px; }
    .pgScrollCue{ display: none; }
    .pgPreview{ display: none; }
}


.tmWrap{
    padding: clamp(80px, 9vw, 160px) 0 clamp(60px, 7vw, 120px);
    background: #000;
}

.page_team .pgPreview{
    width: 240px;
    aspect-ratio: 740 / 800;
    border-radius: 18px;
    img{ object-position: 50% 20%; }
}
.tmList{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--line);
    li{ border-bottom: 1px solid var(--line); }
}
.tmRow{
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(0, 300px) 150px;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: clamp(22px, 2.4vw, 40px) 0;
    border: 0;
    background: none;
    text-align: left;
    color: var(--bone);
    cursor: pointer;
    isolation: isolate;
    
    &::before{
        content: "";
        position: absolute;
        inset: 0 calc(-1 * clamp(20px, 2.6vw, 48px));
        z-index: -1;
        background: linear-gradient(90deg, rgb(0 117 255 / 14%), rgb(0 117 255 / 0%) 70%);
        transform: scaleY(0);
        transform-origin: 50% 100%;
        transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .tmIdx{
        font-family: "Space Mono", monospace;
        font-size: 13px;
        letter-spacing: 0.16em;
        color: rgb(241 237 228 / 55%);
        transition: color 0.3s ease;
    }
    .tmThumb{ display: none; }
    
    .tmName{
        display: block;
        overflow: hidden;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(26px, 4.2vw, 76px);
        line-height: 1.05;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .tmNameIn{
        position: relative;
        display: inline-block;
        transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
        &::after{
            content: attr(data-text);
            position: absolute;
            left: 0;
            top: 100%;
            color: var(--blue);
        }
    }
    .tmRole{
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--dim);
    }
    .tmGo{
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
        i{
            font-style: normal;
            font-family: "Space Mono", monospace;
            font-size: 11px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--dim);
            opacity: 0;
            transform: translateX(10px);
            transition: opacity 0.35s ease, transform 0.35s ease;
        }
        b{
            display: grid;
            place-items: center;
            width: 54px;
            height: 54px;
            border: 1px solid rgb(255 255 255 / 20%);
            border-radius: 50%;
            font-weight: 400;
            font-size: 20px;
            color: var(--bone);
            transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        }
    }
    &:hover, &:focus-visible{
        &::before{ transform: scaleY(1); }
        .tmIdx{ color: var(--blue); }
        .tmNameIn{ transform: translateY(-100%); }
        .tmGo i{ opacity: 1; transform: none; }
        .tmGo b{ background: #0075ff; border-color: #0075ff; color: #fff; transform: rotate(-45deg); }
    }
    &:focus-visible{ outline: 2px solid var(--blue); outline-offset: 4px; }
}


.tmJoin{
    padding: clamp(60px, 7vw, 120px) 0;
    border-top: 1px solid var(--line);
    background: #0a0a0a;
    .tmJoinIn{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 30px;
        flex-wrap: wrap;
    }
    .pgEyebrow{ margin-bottom: 18px; }
    .tmJoinTitle{
        margin: 0;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(28px, 3.6vw, 64px);
        line-height: 1;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: var(--bone);
        em{ font-style: normal; color: var(--blue); }
    }
}


html.tmLock{ overflow: hidden; }
.tmModal{
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 16px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
    &.isOpen{
        visibility: visible;
        opacity: 1;
        transition: opacity 0.4s ease;
        .tmPanel{ transform: none; }
    }
}
.tmShade{
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 72%);
    backdrop-filter: blur(10px);
    cursor: pointer;
}
.tmPanel{
    position: relative;
    width: min(1180px, 100%);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: #0a0a0a;
    transform: translateY(40px) scale(0.97);
    transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.tmClose{
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    background: rgb(10 10 10 / 70%);
    backdrop-filter: blur(6px);
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
    span{
        position: relative;
        width: 18px;
        height: 18px;
        &::before, &::after{
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 2px;
            border-radius: 2px;
            background: #fff;
            transform: rotate(45deg);
        }
        &::after{ transform: rotate(-45deg); }
    }
    &:hover{ background: #0075ff; border-color: #0075ff; transform: rotate(90deg); }
    &:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; }
}
.tmCard{
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    &[hidden]{ display: none; }
}
.tmPhoto{
    position: relative;
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    background: #151515;
    img{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 20%;
    }
    
    &::after{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgb(0 0 0 / 0%) 55%, rgb(0 0 0 / 65%));
    }
    .tmBig{
        position: absolute;
        left: 24px;
        bottom: 10px;
        z-index: 1;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(70px, 9vw, 150px);
        line-height: 0.9;
        color: transparent;
        -webkit-text-stroke: 1px rgb(255 255 255 / 70%);
    }
}
.tmInfo{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: clamp(36px, 4.5vw, 72px) clamp(24px, 4.5vw, 72px) clamp(28px, 3vw, 44px);
    .tmKicker{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-family: "Space Mono", monospace;
        font-size: 12px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 60%);
        i{ font-style: normal; color: var(--blue); }
        &::before{ content: ""; width: 30px; height: 1px; background: #0075ff; }
    }
    .tmTitle{
        margin: 0;
        padding-right: 60px;
        font-family: "Archivo", "Montserrat", sans-serif;
        font-stretch: 125%;
        font-variation-settings: "wdth" 125;
        font-weight: 800;
        font-size: clamp(32px, 4vw, 64px);
        line-height: 0.95;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: var(--bone);
    }
    .tmRoleBig{
        margin: -10px 0 0;
        font-family: "Space Mono", monospace;
        font-size: 13px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--blue);
    }
    .tmBio p{
        margin: 0 0 0.9em;
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.7;
        color: rgb(255 255 255 / 72%);
        em{ font-style: normal; color: var(--bone); font-weight: 700; }
        &:last-child{ margin-bottom: 0; }
    }
    .tmQuote{
        margin: 0;
        padding: 4px 0 4px 20px;
        border-left: 2px solid #0075ff;
        font-weight: 700;
        font-size: clamp(17px, 1.4vw, 22px);
        line-height: 1.4;
        color: var(--bone);
    }
    .tmLeads{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        ul{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
        li{
            padding: 8px 14px;
            border: 1px solid rgb(255 255 255 / 16%);
            border-radius: 50px;
            font-size: 13px;
            font-weight: 600;
            color: var(--bone);
        }
    }
    .tmLabel{
        font-family: "Space Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: rgb(241 237 228 / 55%);
    }
    .tmActions{ margin-top: 6px; }
}
.tmNav{
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
    button{
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 22px clamp(20px, 3vw, 40px);
        border: 0;
        background: none;
        text-align: left;
        color: var(--bone);
        cursor: pointer;
        transition: background-color 0.3s ease;
        span{
            display: grid;
            place-items: center;
            flex: 0 0 auto;
            width: 42px;
            height: 42px;
            border: 1px solid rgb(255 255 255 / 20%);
            border-radius: 50%;
            transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        }
        em{
            font-style: normal;
            font-family: "Space Mono", monospace;
            font-size: 11px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: rgb(241 237 228 / 55%);
        }
        b{ font-weight: 700; font-size: 15px; }
        &:hover{
            background: rgb(0 117 255 / 8%);
            span{ background: #0075ff; border-color: #0075ff; color: #fff; }
        }
        &:focus-visible{ outline: 2px solid var(--blue); outline-offset: -4px; }
    }
    .tmNext{
        justify-content: flex-end;
        border-left: 1px solid var(--line);
        text-align: right;
    }
}

@media (max-width: 1199px){
    .tmRow{ grid-template-columns: 50px minmax(0, 1fr) 70px; row-gap: 6px; }
    .tmRow .tmRole{ grid-column: 2; grid-row: 2; }
    .tmRow .tmGo{ grid-column: 3; grid-row: 1 / span 2; }
    .tmRow .tmGo i{ display: none; }
}

@media (hover: none), (pointer: coarse), (max-width: 767px){
    .tmRow{ grid-template-columns: 64px minmax(0, 1fr) 50px; column-gap: 16px; }
    .tmRow .tmIdx{ display: none; }
    .tmRow .tmThumb{
        display: block;
        grid-row: 1 / span 2;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        overflow: hidden;
        background: #151515;
        img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
    }
    .tmRow .tmName{ font-size: clamp(16px, 5vw, 40px); white-space: normal; }
    .tmRow .tmRole{ grid-column: 2; font-size: 11px; }
    .tmRow .tmGo b{ width: 44px; height: 44px; font-size: 17px; }
}
@media (max-width: 767px){
    .tmModal{ padding: 0; place-items: end center; }
    .tmPanel{ max-height: 94dvh; border-radius: 22px 22px 0 0; }
    .tmCard{ grid-template-columns: 1fr; }
    .tmPhoto{ min-height: 0; aspect-ratio: 4 / 3.4; }
    .tmInfo{ gap: 18px; }
    .tmInfo .tmTitle{ padding-right: 0; }
    .tmClose{ top: 12px; right: 12px; width: 44px; height: 44px; }
    .tmNav button{ padding: 18px 16px; gap: 10px; }
    .tmNav button em{ display: none; }
    .tmNav button b{ font-size: 13px; }
}
@media (prefers-reduced-motion: reduce){
    .tmPanel, .tmRow .tmNameIn, .tmRow::before{ transition: none; }
}

/* look/theme-light.css */
html:where([data-theme="light"]),
:where(html[data-theme="light"]) body{ color: #0b0b0b; }
:where(html[data-theme="light"]) p{ color: inherit; }
:where(html[data-theme="light"]) h2{ color: inherit; }
:where(html[data-theme="light"]) a{ color: inherit; }
:where(html[data-theme="light"]) hr{ background-color: #1c1c1c; border-top: 1px solid #cccccc; }
:where(html[data-theme="light"]) ::selection{ color: #000000; }
:where(html[data-theme="light"]) ::-moz-selection{ color: #000000; }
:where(html[data-theme="light"]) body{ background-color: #ffffff; }
:where(html[data-theme="light"]) .whiteText{ color: #000000; }
:where(html[data-theme="light"]) .qcOverlay{ background-color: rgb(255 255 255 / 0.6); }
:where(html[data-theme="light"]) .qcPanel{ background-color: #f1f1f1; border-left: 1px solid rgb(0 0 0 / 0.12); color: #000000; }
:where(html[data-theme="light"]) .qcClose{ border: 1px solid rgb(0 0 0 / 0.18); color: #000000; }
:where(html[data-theme="light"]) .qcHead span{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .qcHead h2{ color: #000000; }
:where(html[data-theme="light"]) .qcHead p{ color: rgb(0 0 0 / 0.86); }
:where(html[data-theme="light"]) .qcForm label{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) :is(.qcForm input, .qcForm select, .qcForm textarea)::placeholder{ color: rgb(0 0 0 / 0.72); }
:where(html[data-theme="light"]) :is(.qcForm input, .qcForm select, .qcForm textarea):focus{ background-color: #e8e4dd; }
:where(html[data-theme="light"]) .qcForm input,
:where(html[data-theme="light"]) .qcForm select,
:where(html[data-theme="light"]) .qcForm textarea{ border: 1px solid rgb(0 0 0 / 0.14); background-color: #eaeaea; color: #000000; }
:where(html[data-theme="light"]) .qcForm select option{ background-color: #eaeaea; color: #000000; }
:where(html[data-theme="light"]) .qcForm select{ background-image: linear-gradient(45deg, transparent 50%, #000000 50%), linear-gradient(135deg, #000000 50%, transparent 50%); }
:where(html[data-theme="light"]) .qcForm .qcSubmit:hover{ background-color: #000000; }
:where(html[data-theme="light"]) .qcForm .qcSubmit:focus-visible{ outline: 2px solid #000000; }
:where(html[data-theme="light"]) .qcForm .qcNote{ color: rgb(0 0 0 / 0.78); }
:where(html[data-theme="light"]) .qcAlt a:hover{ background-color: #0e121b; border-color: #0e121b; color: #f4f4f4; }
:where(html[data-theme="light"]) .qcAlt a{ border: 1px solid rgb(0 0 0 / 0.16); color: #0e121b; }
:where(html[data-theme="light"]) .themeSwitch svg{ stroke: rgb(14 18 27 / 0.55); }
:where(html[data-theme="light"]) .themeSwitch{ border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(0 0 0 / 0.06); }
@media (max-width: 420px){ :where(html[data-theme="light"]) .themeSwitch .tsSun{ stroke: #000000; } }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li > a{ color: #0e121b; }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li .subMenu li a:hover{ color: #000000; background-color: rgb(0 0 0 / 0.06); }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li .subMenu li a{ color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li .subMenu{ border: 1px solid rgb(0 0 0 / 0.1); background-color: rgb(243 243 243 / 0.96); }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li .subMenu .subAll{ border-top: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap .menuCta:hover{ background-color: #000000; color: #f4f4f4; }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap{ border: 1px solid rgb(0 0 0 / 0.09); background-color: rgb(243 243 243 / 0.88); }
:where(html[data-theme="light"]) .headerWrap.isSticky{ background-color: #ffffff; border-bottom: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTitle{ color: #000000; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftBrand p{ color: #373737; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftBrand .ftCin{ color: #585858; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftBrand .ftSocials .ftSocial{ color: #000000; border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(0 0 0 / 0.059); }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftCol .ftLink:hover{ color: #000000; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftCol .ftLink{ color: #424242; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTouch .ftAddress p b{ color: #000000; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTouch .ftAddress p{ color: #373737; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTouch .ftReach .ftChips .ftChip:hover i,
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTouch .ftReach .ftChips .ftChip:hover svg{ color: #000000; }
:where(html[data-theme="light"]) .ftWrap .ftMain .ftTouch .ftReach .ftChips .ftChip{ border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(0 0 0 / 0.059); color: #424242; }
:where(html[data-theme="light"]) .ftWrap .ftBottom .ftCopy,
:where(html[data-theme="light"]) .ftWrap .ftBottom .ftMade{ color: #585858; }
:where(html[data-theme="light"]) .ftWrap .ftBottom .ftLegal li a{ color: #373737; }
:where(html[data-theme="light"]) .ftWrap .ftBottom{ border-top: 1px solid rgb(0 0 0 / 0.102); }
:where(html[data-theme="light"]) .ftWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .ftTop > svg:not(.svg-inline--fa) circle.ftTopTrack{ stroke: rgb(0 0 0 / 0.102); }
:where(html[data-theme="light"]) .ftTop:hover{ background-color: #e4e1db; }
:where(html[data-theme="light"]) .ftTop{ color: #000000; background-color: rgb(239 237 233 / 0.902); border: 1px solid rgb(0 0 0 / 0.169); }
:where(html[data-theme="light"]) .ftCta .ftCtaEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .ftCta .ftMail{ color: #000000; }
:where(html[data-theme="light"]) .ftCta .ftCopyBtn:hover{ background-color: #0e121b; border-color: #0e121b; color: #f4f4f4; }
:where(html[data-theme="light"]) .ftCta .ftCopyBtn{ border: 1px solid rgb(0 0 0 / 0.2); color: #0e121b; }
:where(html[data-theme="light"]) .ftCta .ftClock b{ color: #000000; }
:where(html[data-theme="light"]) .ftCta .ftClock{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .ftCta{ border-bottom: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .ftMark .ftLetter{ -webkit-text-stroke: 1px rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .indWrap .indRow{ border-bottom: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .indWrap .indItem{ color: #464c57; }
:where(html[data-theme="light"]) .indWrap .outline .indItem{ -webkit-text-stroke: 1px rgb(14 18 27 / 0.45); }
:where(html[data-theme="light"]) .indWrap .indMore:hover{ color: #000000; }
:where(html[data-theme="light"]) .indWrap{ background-color: #f3f4f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .mktWrap .mktEyebrow{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .mktWrap .mktTitle{ color: #000000; }
:where(html[data-theme="light"]) .mktWrap .mktText{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .mktWrap .mktList li::after{ background-color: rgb(0 0 0 / 0.22); }
:where(html[data-theme="light"]) .mktWrap .mktList{ border-top: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .mktWrap .mktItem i{ color: rgb(14 18 27 / 0.76); }
:where(html[data-theme="light"]) .mktWrap .mktItem b{ border: 1px solid rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .mktWrap .mktItem{ color: #000000; }
:where(html[data-theme="light"]) .mktWrap{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .whyWrap .whyEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .whyWrap .whyTitle .whyLine:first-child{ color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .whyWrap .whyTitle{ color: #0e121b; }
:where(html[data-theme="light"]) .whyWrap .whyGrid{ border: 1px solid rgb(0 0 0 / 0.12); }
:where(html[data-theme="light"]) .whyWrap .whyCard + .whyCard{ border-left: 1px solid rgb(0 0 0 / 0.12); }
:where(html[data-theme="light"]) .whyWrap .whyCard h3{ color: #0e121b; }
:where(html[data-theme="light"]) .whyWrap .whyCard p{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .whyWrap .whyCard:hover{ background-color: #edebe7; }
:where(html[data-theme="light"]) .whyWrap .whyCard{ background-color: #f2f2f2; }
:where(html[data-theme="light"]) .whyWrap{ background-color: #f5f5f5; }
@media (max-width: 1199px){ :where(html[data-theme="light"]) .whyWrap .whyCard:nth-child(n + 3){ border-top: 1px solid rgb(0 0 0 / 0.12); } }
@media (max-width: 575px){ :where(html[data-theme="light"]) .whyWrap .whyCard + .whyCard{ border-top: 1px solid rgb(0 0 0 / 0.12); } }
:where(html[data-theme="light"]) .workWrap .workEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .workWrap .workTitle{ color: #000000; }
:where(html[data-theme="light"]) .workWrap .workProg .workBar{ background-color: rgb(0 0 0 / 0.12); }
:where(html[data-theme="light"]) .workWrap .workProg{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .workWrap .workCard{ color: #000000; }
:where(html[data-theme="light"]) .workWrap .workPoster::after{ background: radial-gradient(120% 90% at 85% 12%, rgb(0 117 255 / 22%), transparent 55%),
                repeating-linear-gradient(0deg, transparent 0 5px, rgb(13 18 28 / 0.02) 5px 6px); }
:where(html[data-theme="light"]) .workWrap .workPoster{ border: 1px solid rgb(0 0 0 / 0.12); background-color: #f2f2f2; }
:where(html[data-theme="light"]) .workWrap .workChip{ border: 1px solid rgb(0 0 0 / 0.22); background-color: rgb(255 255 255 / 0.4); color: rgb(14 18 27 / 0.92); }
:where(html[data-theme="light"]) .workWrap .alt .workBig{ color: #0e121b; }
:where(html[data-theme="light"]) .workWrap .workRes b{ color: #000000; }
:where(html[data-theme="light"]) .workWrap .workRes small{ color: rgb(14 18 27 / 0.86); }
:where(html[data-theme="light"]) .workWrap .workMeta small{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .workWrap .workEnd p{ color: rgb(0 0 0 / 0.92); }
:where(html[data-theme="light"]) .workWrap .workBtn:hover{ background-color: #000000; }
:where(html[data-theme="light"]) .workWrap .workMore{ border-bottom: 1px solid rgb(14 18 27 / 0.4); color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .workWrap{ background-color: #fafafa; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .howWrap .howEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .howWrap .howTitle{ color: #0e121b; }
:where(html[data-theme="light"]) .howWrap .howText{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .howWrap .howList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .howWrap .howRail{ background-color: rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .howWrap .howStep::after{ background-color: rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .howWrap .howStep h3{ color: #0e121b; }
:where(html[data-theme="light"]) .howWrap .howStep p{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .howWrap .howStep:hover h3{ color: #000000; }
:where(html[data-theme="light"]) .howWrap{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .voxWrap .voxEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .voxWrap .voxTitle{ color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxList{ border-top: 1px solid rgb(0 0 0 / 0.12); }
:where(html[data-theme="light"]) .voxWrap .voxTab .voxAv{ border: 1px solid rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .voxWrap .voxTab .voxWho small{ color: rgb(14 18 27 / 0.76); }
:where(html[data-theme="light"]) .voxWrap .voxTab:hover{ color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxTab.is-on{ color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxTab{ border-bottom: 1px solid rgb(0 0 0 / 0.12); color: rgb(0 0 0 / 0.82); }
:where(html[data-theme="light"]) .voxWrap .voxQuote blockquote{ color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxQuote figcaption small{ color: rgb(14 18 27 / 0.8); }
:where(html[data-theme="light"]) .voxWrap .voxQuote figcaption{ color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxNav button{ border: 1px solid rgb(0 0 0 / 0.18); color: #000000; }
:where(html[data-theme="light"]) .voxWrap .voxNav .voxCount{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .voxWrap{ background-color: #fafafa; border-top: 1px solid rgb(0 0 0 / 0.08); }
@media (max-width: 991px){ :where(html[data-theme="light"]) .voxWrap .voxTab{ border: 1px solid rgb(0 0 0 / 0.14); } }
:where(html[data-theme="light"]) .cliWrap .cliEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .cliWrap .cliTitle{ color: #000000; }
:where(html[data-theme="light"]) .cliWrap .cliText{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .cliWrap{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .crewWrap .crewEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .crewWrap .crewTitle{ color: #0e121b; }
:where(html[data-theme="light"]) .crewWrap .crewText{ color: rgb(0 0 0 / 0.888); }
:where(html[data-theme="light"]) .crewWrap .crewMeta b{ color: #0e121b; }
:where(html[data-theme="light"]) .crewWrap .crewMeta{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .crewWrap .crewTicker{ border-top: 1px solid rgb(0 0 0 / 0.12); border-bottom: 1px solid rgb(0 0 0 / 0.12); }
:where(html[data-theme="light"]) .crewWrap .crewWord{ color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .crewWrap{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .ctaWrap .ctaEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .ctaWrap .ctaTitle{ color: #0e121b; }
:where(html[data-theme="light"]) .ctaWrap .ctaBtn:hover{ background-color: #0e121b; border-color: #0e121b; color: #f4f4f4; }
:where(html[data-theme="light"]) .ctaWrap .ctaBtn.solid:hover{ background-color: #000000; border-color: #000000; }
:where(html[data-theme="light"]) .ctaWrap .ctaBtn{ border: 1px solid rgb(0 0 0 / 0.18); color: #0e121b; }
:where(html[data-theme="light"]) .ctaWrap .faqTitle{ color: #0e121b; }
:where(html[data-theme="light"]) .ctaWrap .faqList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .ctaWrap .faqItem{ border-bottom: 1px solid rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .ctaWrap .faqQ b::before,
:where(html[data-theme="light"]) .ctaWrap .faqQ b::after{ background-color: #0e121b; }
:where(html[data-theme="light"]) .ctaWrap .faqQ b{ border: 1px solid rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .ctaWrap .faqQ:hover span{ color: #000000; }
:where(html[data-theme="light"]) .ctaWrap .faqQ{ color: #0e121b; }
:where(html[data-theme="light"]) .ctaWrap .is-open .faqQ b::before,
:where(html[data-theme="light"]) .ctaWrap .is-open .faqQ b::after{ background-color: #f4f4f4; }
:where(html[data-theme="light"]) .ctaWrap .faqA p{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .ctaWrap{ background-color: #fafafa; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pplWrap .pplTitle{ color: #000000; }
:where(html[data-theme="light"]) .pplWrap .pplPhoto.pplInitials span{ color: #0e121b; }
:where(html[data-theme="light"]) .pplWrap .pplPhoto{ border: 1px solid rgb(0 0 0 / 0.14); background-color: #efede9; }
:where(html[data-theme="light"]) .pplWrap .pplMeta h3{ color: #000000; }
:where(html[data-theme="light"]) .pplWrap .pplMeta span{ color: rgb(14 18 27 / 0.8); }
:where(html[data-theme="light"]) .pplWrap .pplBtn:hover{ background-color: #000000; }
:where(html[data-theme="light"]) .pplWrap{ background-color: #fafafa; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .blogWrap .blogEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .blogWrap .blogTitle{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogCard{ border: 1px solid rgb(0 0 0 / 0.12); background-color: #f1f1f1; color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogMeta{ border-bottom: 1px solid rgb(0 0 0 / 0.1); background-color: #ebebeb; color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .blogWrap .blogBody h3{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogBody em{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .blogWrap .blogArrow{ border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(245 245 245 / 0.85); color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogDots .swiper-pagination-bullet{ background-color: rgb(0 0 0 / 0.22); }
:where(html[data-theme="light"]) .blogWrap .blogBtn:hover{ background-color: #000000; }
:where(html[data-theme="light"]) .blogWrap{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .marqueeWrap .marqueeText.outline{ -webkit-text-stroke: 1px rgb(0 0 0 / 0.8); }
:where(html[data-theme="light"]) .marqueeWrap .marqueeText{ color: #000000; }
:where(html[data-theme="light"]) .marqueeWrap .marqueeStar{ color: #000000; }
:where(html[data-theme="light"]) .marqueeWrap{ background-color: #ffffff; border-bottom: 1px solid rgb(0 0 0 / 0.169); }
:where(html[data-theme="light"]) .serviceWrap .serviceHead h2{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem::before{ background-color: rgb(255 255 255 / 0.76); }
:where(html[data-theme="light"]) .serviceWrap .serviceItem figure{ background: linear-gradient(145deg, #e8e7e3 0%, #f4f3f0 60%, #efede9 100%); border: 1px solid rgb(0 0 0 / 0.078); }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceMeta h3{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceMeta .serviceTag{ color: #373737; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceCont h3{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceCont p{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceCont .serviceBtn{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem .serviceCont ul.customList li a{ color: #000000; }
:where(html[data-theme="light"]) .serviceWrap .serviceItem{ border: 1px solid rgb(0 0 0 / 0.341); }
:where(html[data-theme="light"]) .caseWrap::before{ background-color: rgb(255 255 255 / 0.612); }
:where(html[data-theme="light"]) .caseWrap .caseHead h2{ color: #000000; -webkit-text-stroke: 1px rgb(0 0 0 / 0.6); }
:where(html[data-theme="light"]) .caseWrap .caseItem .caseName h3{ color: #000000; }
:where(html[data-theme="light"]) .caseWrap .caseItem .caseName{ background-color: rgb(255 255 255 / 0.55); }
:where(html[data-theme="light"]) .caseWrap .caseItem:hover .caseName{ background-color: rgb(255 255 255 / 0.75); }
:where(html[data-theme="light"]) .caseWrap .caseItem{ border: 1px solid rgb(0 0 0 / 0.169); }
:where(html[data-theme="light"]) .caseWrap .caseMore .caseMoreBtn{ color: #000000; }
:where(html[data-theme="light"]) .reelWrap .reelHead h2{ color: #000000; }
:where(html[data-theme="light"]) .reelWrap .reelVideoWrap .reelPlay::before{ border: 1px solid rgb(0 0 0 / 0.502); }
:where(html[data-theme="light"]) .reelWrap .reelVideoWrap .reelPlay:hover{ color: #000000; }
:where(html[data-theme="light"]) .reelWrap .reelVideoWrap .reelPlay{ color: #000000; }
:where(html[data-theme="light"]) .reelWrap .reelVideoWrap{ border: 1px solid rgb(0 0 0 / 0.169); }
:where(html[data-theme="light"]) .reelWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .clientWrap .clientHead h2{ color: #000000; }
:where(html[data-theme="light"]) .clientWrap .clientItem span{ color: #e3e3e3; }
:where(html[data-theme="light"]) .clientWrap .clientItem{ background-color: #000000; }
:where(html[data-theme="light"]) .clientWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .testiWrap .testiHead h2{ color: #000000; }
:where(html[data-theme="light"]) .testiWrap .testiCard{ border: 1px solid rgb(0 0 0 / 0.169); background: linear-gradient(145deg, #f2f1ed 0%, #f7f6f3 60%, #f4f2ee 100%); }
:where(html[data-theme="light"]) .testiWrap .testiPhoto{ background-color: #efede9; }
:where(html[data-theme="light"]) .testiWrap .testiBody .testiQuote{ color: rgb(0 0 0 / 0.624); }
:where(html[data-theme="light"]) .testiWrap .testiBody .testiText{ color: #282828; }
:where(html[data-theme="light"]) .testiWrap .testiBody .testiFoot .testiPerson{ color: #000000; }
:where(html[data-theme="light"]) .testiWrap .testiBody .testiFoot .testiRole{ color: #373737; }
:where(html[data-theme="light"]) .testiWrap .testiArrow{ color: #000000; border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(235 233 229 / 0.8); }
:where(html[data-theme="light"]) .testiWrap .testiCount .testiTotal{ color: #585858; }
:where(html[data-theme="light"]) .testiWrap .testiCount .testiLine{ background-color: rgb(0 0 0 / 0.102); }
:where(html[data-theme="light"]) .testiWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .careerWrap .careerHero .careerPhoto{ background-color: #efede9; }
:where(html[data-theme="light"]) .careerWrap .careerHero .careerBadge .careerNum{ color: #000000; }
:where(html[data-theme="light"]) .careerWrap .careerHero .careerBadge .careerBadgeLabel{ color: #000000; }
:where(html[data-theme="light"]) .careerWrap .careerPanel .careerAction .careerBtn:hover{ color: #000000; }
:where(html[data-theme="light"]) .careerWrap .careerPanel .careerAction .careerBtn{ color: #000000; }
:where(html[data-theme="light"]) .careerWrap .careerPanel .careerYears span{ color: #373737; }
:where(html[data-theme="light"]) .careerWrap .careerPanel .careerYears{ background-color: rgb(239 237 233 / 0.85); border: 1px solid rgb(0 0 0 / 0.169); }
:where(html[data-theme="light"]) .careerWrap .careerPanel{ background: linear-gradient(145deg, #f2f1ed 0%, #f7f6f3 60%, #f4f2ee 100%); border-top: 1px solid rgb(0 0 0 / 0.078); }
:where(html[data-theme="light"]) .careerWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .blogWrap .blogHead h2{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardImg .blogDateBadge b{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardImg .blogDateBadge i{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardImg .blogCardBar .blogBarItem{ color: #373737; }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardImg .blogCardBar{ background-color: rgb(245 244 241 / 0.88); border-top: 1px solid rgb(0 0 0 / 0.102); }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardImg{ background-color: #efede9; }
:where(html[data-theme="light"]) .blogWrap .blogCard .blogCardBody h3{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogCard{ border: 1px solid rgb(0 0 0 / 0.169); background: linear-gradient(145deg, #f2f1ed 0%, #f7f6f3 60%, #f4f2ee 100%); }
:where(html[data-theme="light"]) .blogWrap .blogArrow{ color: #000000; border: 1px solid rgb(0 0 0 / 0.18); background-color: rgb(235 233 229 / 0.8); }
:where(html[data-theme="light"]) .blogWrap .blogMore .blogMoreBtn:hover{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap .blogMore .blogMoreBtn{ color: #000000; }
:where(html[data-theme="light"]) .blogWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .faqWrap .faqLeft h2{ color: #000000; }
:where(html[data-theme="light"]) .faqWrap .faqLeft .faqCall h3{ color: #000000; }
:where(html[data-theme="light"]) .faqWrap .faqLeft .faqCall p{ color: #373737; }
:where(html[data-theme="light"]) .faqWrap .faqLeft .faqCall .faqCallBtn:hover{ color: #000000; }
:where(html[data-theme="light"]) .faqWrap .faqLeft .faqCall .faqCallBtn{ color: #000000; }
:where(html[data-theme="light"]) .faqWrap .faqLeft .faqCall{ border: 1px solid rgb(0 0 0 / 0.169); background: linear-gradient(145deg, #f2f1ed 0%, #f7f6f3 60%, #f4f2ee 100%); }
:where(html[data-theme="light"]) .faqWrap .faqItem .faqQ span{ color: #000000; }
:where(html[data-theme="light"]) .faqWrap .faqItem .faqA .faqAInner p{ color: #373737; }
:where(html[data-theme="light"]) .faqWrap .faqItem{ border: 1px solid rgb(0 0 0 / 0.169); background: linear-gradient(145deg, #f2f1ed 0%, #f7f6f3 60%, #f4f2ee 100%); }
:where(html[data-theme="light"]) .faqWrap{ background-color: #ffffff; border-top: 1px solid rgb(51 51 51 / 0.188); }
:where(html[data-theme="light"]) .teamWrap .teamHead h2{ color: #000000; }
:where(html[data-theme="light"]) .teamWrap .teamCard figure{ background-color: #efede9; border: 1px solid rgb(0 0 0 / 0.122); }
:where(html[data-theme="light"]) .teamWrap .teamCard .teamMeta h3{ color: #000000; }
:where(html[data-theme="light"]) .teamWrap .teamCard .teamMeta span{ color: #373737; }
:where(html[data-theme="light"]) .teamWrap .teamMore .teamMoreBtn:hover{ color: #000000; }
:where(html[data-theme="light"]) .teamWrap .teamMore .teamMoreBtn{ color: #000000; }
:where(html[data-theme="light"]) .teamWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pageInner{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgEyebrow{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .pgText{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .pgProse p{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .pgProse b,
:where(html[data-theme="light"]) .pgProse strong{ color: #000000; }
:where(html[data-theme="light"]) .pgScrub{ color: #000000; }
:where(html[data-theme="light"]) .pgBtn.ghost:hover{ border-color: #000000; background-color: #000000; color: #f4f4f4; }
:where(html[data-theme="light"]) .pgBtn.ghost{ border-color: rgb(0 0 0 / 0.16); color: #000000; }
:where(html[data-theme="light"]) .pgChip:hover span{ color: #000000; }
:where(html[data-theme="light"]) .pgChip{ border: 1px solid rgb(0 0 0 / 0.18); color: #000000; }
:where(html[data-theme="light"]) .pgHero{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgCircle .pgCircleShade{ background-color: rgb(255 255 255 / 0.45); }
:where(html[data-theme="light"]) .pgCrumb a{ color: rgb(14 18 27 / 0.92); }
:where(html[data-theme="light"]) .pgCrumb{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .pgHeroSub{ color: #000000; }
:where(html[data-theme="light"]) .pgHeroTitle[data-dot] .pgHeroLine.accent:last-child .pgHeroIn::after{ color: #000000; }
:where(html[data-theme="light"]) .pgHeroTitle{ color: #000000; }
:where(html[data-theme="light"]) .pgHeroLead{ color: rgb(0 0 0 / 0.92); }
:where(html[data-theme="light"]) .pgScrollCue i{ background-color: rgb(0 0 0 / 0.15); }
:where(html[data-theme="light"]) .pgScrollCue{ color: rgb(14 18 27 / 0.8); }
:where(html[data-theme="light"]) .pgStats{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgStat .pgStatNum{ color: #000000; }
:where(html[data-theme="light"]) .pgStat .pgStatLabel{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .pgIntro,
:where(html[data-theme="light"]) .pgState{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgState.isAlt{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgCards.isAlt{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgCards{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgCard .pgCardIcon{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .pgCard p{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .pgCard:hover{ background-color: #edebe7; }
:where(html[data-theme="light"]) .pgCard{ background-color: #f2f2f2; }
:where(html[data-theme="light"]) .pgHow{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgStepList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .pgRail{ background-color: rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgStep::after{ background-color: rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .pgStep p{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .pgStep:hover h3{ color: #000000; }
:where(html[data-theme="light"]) .pgQuote{ background-color: #ffffff; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgWins{ background-color: #ffffff; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgWin .pgWinPoster::after{ background: linear-gradient(180deg, rgb(255 255 255 / 0.55), rgb(255 255 255 / 0.05) 40%, rgb(255 255 255 / 0.85)); }
:where(html[data-theme="light"]) .pgWin .pgWinPoster{ color: #000000; }
:where(html[data-theme="light"]) .pgWin .pgWinChip{ border: 1px solid rgb(0 0 0 / 0.6); }
:where(html[data-theme="light"]) .pgWin .pgWinRes b{ color: #000000; }
:where(html[data-theme="light"]) .pgWin .pgWinRes small{ color: rgb(0 0 0 / 0.92); }
:where(html[data-theme="light"]) .pgWin .pgWinMeta span{ color: #000000; }
:where(html[data-theme="light"]) .pgWin .pgWinMeta small{ color: rgb(14 18 27 / 0.8); }
:where(html[data-theme="light"]) .pgLinks{ background-color: #ffffff; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgRow i{ color: rgb(14 18 27 / 0.78); }
:where(html[data-theme="light"]) .pgRow span{ color: #000000; }
:where(html[data-theme="light"]) .pgRow b{ border: 1px solid rgb(0 0 0 / 0.2); color: #000000; }
:where(html[data-theme="light"]) .pgPractices{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgPracList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .pgPractice .pgPracText{ color: rgb(0 0 0 / 0.88); }
:where(html[data-theme="light"]) .pgPractice .pgPracImg::after{ background: linear-gradient(90deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.7) 55%, rgb(255 255 255 / 0.5)); }
:where(html[data-theme="light"]) .pgPractice:hover .pgPracName{ color: #000000; }
:where(html[data-theme="light"]) .pgPractice{ border-bottom: 1px solid rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .pgFinderWrap{ background-color: #ffffff; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgSearch input::placeholder{ color: rgb(14 18 27 / 0.76); }
:where(html[data-theme="light"]) .pgSearch input:focus{ background-color: #f4eddf; }
:where(html[data-theme="light"]) .pgSearch input{ border: 1px solid rgb(0 0 0 / 0.18); background-color: #f2f2f2; color: #000000; }
:where(html[data-theme="light"]) .pgFindCount{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .pgAz button:hover{ color: #000000; }
:where(html[data-theme="light"]) .pgAz button{ border: 1px solid rgb(0 0 0 / 0.14); color: rgb(14 18 27 / 0.9); }
:where(html[data-theme="light"]) .pgFindList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .pgFind .pgFindDesc{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .pgFind b{ border: 1px solid rgb(0 0 0 / 0.2); color: #000000; }
:where(html[data-theme="light"]) .pgFind:hover .pgFindName{ color: #000000; }
:where(html[data-theme="light"]) .pgFind{ border-bottom: 1px solid rgb(0 0 0 / 0.14); }
:where(html[data-theme="light"]) .pgFindEmpty{ color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .pgDefine{ background-color: #ffffff; }
:where(html[data-theme="light"]) .pgPager .pgPage .pgPageDir{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .pgPager .pgPage .pgPageName{ color: #000000; }
:where(html[data-theme="light"]) .pgPager .pgPage:hover .pgPageDir{ color: #000000; }
:where(html[data-theme="light"]) .pgPager{ background-color: #f5f5f5; }
:where(html[data-theme="light"]) .pgContact,
:where(html[data-theme="light"]) .pgApply{ background-color: #ffffff; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgApply{ background-color: #f5f5f5; }
:where(html[data-theme="light"]) .pgForm label{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) :is(.pgForm input, .pgForm textarea, .pgForm select)::placeholder{ color: rgb(14 18 27 / 0.74); }
:where(html[data-theme="light"]) .pgForm input,
:where(html[data-theme="light"]) .pgForm textarea,
:where(html[data-theme="light"]) .pgForm select{ border-bottom: 1px solid rgb(0 0 0 / 0.25); color: #000000; }
:where(html[data-theme="light"]) .pgForm select option{ background-color: #f4f4f4; color: #000000; }
:where(html[data-theme="light"]) .pgNote{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .pgReach .pgReachV{ color: #000000; }
:where(html[data-theme="light"]) .pgReach b{ color: rgb(14 18 27 / 0.8); }
:where(html[data-theme="light"]) .pgReach{ border-bottom: 1px solid rgb(0 0 0 / 0.14); }
:where(html[data-theme="light"]) .pgRoles{ background-color: #f5f5f5; border-top: 1px solid rgb(0 0 0 / 0.08); }
:where(html[data-theme="light"]) .pgRoleList li::after{ background-color: rgb(0 0 0 / 0.18); }
:where(html[data-theme="light"]) .pgRoleList{ border-top: 1px solid rgb(0 0 0 / 0.4); }
:where(html[data-theme="light"]) .pgRole .pgRoleText{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .pgRole .pgRoleApply{ border: 1px solid rgb(0 0 0 / 0.2); color: #000000; }
:where(html[data-theme="light"]) .pgRole:hover .pgRoleName{ color: #000000; }
:where(html[data-theme="light"]) .caseModal .caseShade{ background-color: rgb(255 255 255 / 0.85); }
:where(html[data-theme="light"]) .caseModal .caseBox{ border: 1px solid rgb(0 0 0 / 0.12); background-color: #f5f5f5; }
:where(html[data-theme="light"]) .caseModal .caseTop .caseFile{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .caseModal .caseTop{ border-bottom: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .caseModal .caseClose{ border: 1px solid rgb(0 0 0 / 0.2); color: #000000; }
:where(html[data-theme="light"]) .caseModal .casePoster::after{ background: linear-gradient(180deg, transparent 40%, rgb(255 255 255 / 0.8)); }
:where(html[data-theme="light"]) .caseModal .casePoster .caseBig{ color: #000000; }
:where(html[data-theme="light"]) .caseModal .caseInfo h3{ color: #000000; }
:where(html[data-theme="light"]) .caseModal .caseDesc{ color: rgb(14 18 27 / 0.88); }
:where(html[data-theme="light"]) .caseModal .caseRows{ border-top: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .caseModal .caseRow span{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .caseModal .caseRow b{ color: #000000; }
:where(html[data-theme="light"]) .caseModal .caseRow{ border-bottom: 1px solid rgb(0 0 0 / 0.1); }
:where(html[data-theme="light"]) .caseModal .caseStats span{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .tmWrap{ background-color: #ffffff; }
:where(html[data-theme="light"]) .tmRow .tmIdx{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .tmRow .tmGo b{ border: 1px solid rgb(0 0 0 / 0.2); }
:where(html[data-theme="light"]) .tmJoin{ background-color: #f5f5f5; }
:where(html[data-theme="light"]) .tmShade{ background-color: rgb(255 255 255 / 0.72); }
:where(html[data-theme="light"]) .tmPanel{ background-color: #f5f5f5; }
:where(html[data-theme="light"]) .tmClose span::before,
:where(html[data-theme="light"]) .tmClose span::after{ background-color: #000000; }
:where(html[data-theme="light"]) .tmClose{ border: 1px solid rgb(0 0 0 / 0.2); background-color: rgb(245 245 245 / 0.7); }
:where(html[data-theme="light"]) .tmInfo .tmKicker{ color: rgb(14 18 27 / 0.84); }
:where(html[data-theme="light"]) .tmInfo .tmBio p{ color: rgb(0 0 0 / 0.888); }
:where(html[data-theme="light"]) .tmInfo .tmLeads li{ border: 1px solid rgb(0 0 0 / 0.16); }
:where(html[data-theme="light"]) .tmInfo .tmLabel{ color: rgb(14 18 27 / 0.82); }
:where(html[data-theme="light"]) .tmNav button span{ border: 1px solid rgb(0 0 0 / 0.2); }
:where(html[data-theme="light"]) .tmNav button em{ color: rgb(14 18 27 / 0.82); }
@media (hover: none), (pointer: coarse), (max-width: 767px){ :where(html[data-theme="light"]) .tmRow .tmThumb{ background-color: #eaeaea; } }


html[data-theme="light"] body{ color: #0b0b0b; background-color: #ffffff; }

html[data-theme="light"] .headerWrap,
html[data-theme="light"] .headerWrap.isSticky{
    background: rgb(255 255 255 / 92%);
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    box-shadow: 0 10px 30px rgb(0 0 0 / 6%);
    backdrop-filter: blur(14px);
}

html[data-theme="light"] .logoImg img,
html[data-theme="light"] .ftLogo img{ filter: invert(1) hue-rotate(180deg); }

html[data-theme="light"] .qcPanel{ box-shadow: -30px 0 60px rgb(0 0 0 / 12%); }

html[data-theme="light"] .pageInner{
    --bone: #0b0b0b;
    --dim: rgb(11 11 11 / 72%);
    --line: rgb(0 0 0 / 12%);
}

/* look/growth.css */
.headerWrap .headerInner .menuWrap{ position: relative; }
.headerWrap .headerInner .menuWrap > ul > li.peMegaLi{ position: static; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega{
    left: auto;
    right: 0;
    width: min(1040px, calc(100vw - 80px));
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 4px;
    padding: 18px 14px 12px;
}
.peMega .megaCol{ padding: 0 4px; }
.peMega .megaCol > ul{ list-style: none; margin: 0; padding: 0; }
.peMega .megaHead{
    display: block;
    padding: 6px 14px 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    font-family: "Space Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--m-blue, #0b5fd9);
    text-decoration: none;
}
a.megaHead:hover{ color: #fff; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega li a{ font-size: 11.5px; padding: 8px 14px; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega .subAll{ grid-column: 1 / -1; }
:where(html[data-theme="light"]) .peMega .megaHead{ border-bottom-color: rgb(0 0 0 / 10%); }
:where(html[data-theme="light"]) a.megaHead:hover{ color: #000; }


.peBurger{
    display: none;
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 12px;
    background: rgb(12 12 12 / 88%);
    cursor: pointer;
}
.peBurger span{
    position: absolute;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 2px;
    background: #f1ede4;
    transition: transform 0.3s ease, top 0.3s ease;
}
.peBurger span:nth-child(1){ top: 16px; }
.peBurger span:nth-child(2){ top: 25px; }
.peBurger[aria-expanded="true"] span:nth-child(1){ top: 21px; transform: rotate(45deg); }
.peBurger[aria-expanded="true"] span:nth-child(2){ top: 21px; transform: rotate(-45deg); }
.peMobileNav{
    position: fixed;
    inset: 0;
    z-index: 98;
    padding: 96px 20px 32px;
    overflow-y: auto;
    background: #0b0b0b;
    -webkit-overflow-scrolling: touch;
}
.peMobileNav[hidden]{ display: none; }
.peMobileInner{ max-width: 560px; margin: 0 auto; }
.peMobileNav details{ border-bottom: 1px solid rgb(255 255 255 / 10%); }
.peMobileNav summary,
.peMobileNav .peMobileTop{
    display: block;
    padding: 18px 4px;
    font-family: "Space Mono", monospace;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f1ede4;
    text-decoration: none;
    cursor: pointer;
    list-style: none;
}
.peMobileNav summary::-webkit-details-marker{ display: none; }
.peMobileNav summary::after{ content: "+"; float: right; color: var(--m-blue, #0b5fd9); }
.peMobileNav details[open] summary::after{ content: "\2212"; }
.peMobileNav .peMobileTop{ border-bottom: 1px solid rgb(255 255 255 / 10%); }
.peMobileNav details ul{ list-style: none; margin: 0 0 14px; padding: 0; }
.peMobileNav details li a{
    display: block;
    padding: 11px 6px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: rgb(241 237 228 / 80%);
    text-decoration: none;
}
.peMobileCtas{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 26px; }
.peMobileCtas .pgBtn{ justify-content: center; }
.peMobileCtas .pgBtn.primary{ grid-column: 1 / -1; }
body.peNavOpen{ overflow: hidden; }
@media (max-width: 991px){
    .peBurger{ display: block; }
}
:where(html[data-theme="light"]) .peBurger{ background: rgb(243 243 243 / 96%); border-color: rgb(0 0 0 / 12%); }
:where(html[data-theme="light"]) .peBurger span{ background: #0b0b0b; }
:where(html[data-theme="light"]) .peMobileNav{ background: #f6f6f4; }
:where(html[data-theme="light"]) .peMobileNav summary,
:where(html[data-theme="light"]) .peMobileNav .peMobileTop{ color: #0b0b0b; }
:where(html[data-theme="light"]) .peMobileNav details li a{ color: rgb(14 18 27 / 82%); }
:where(html[data-theme="light"]) .peMobileNav details,
:where(html[data-theme="light"]) .peMobileNav .peMobileTop{ border-bottom-color: rgb(0 0 0 / 10%); }


.peTableScroll{ overflow-x: auto; margin-top: clamp(24px, 3vw, 44px); border: 1px solid rgb(255 255 255 / 12%); border-radius: 16px; }
.peTable{ width: 100%; min-width: 640px; border-collapse: collapse; font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 1.5; }
.peTable th, .peTable td{ padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(255 255 255 / 10%); color: rgb(241 237 228 / 86%); }
.peTable thead th{ font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--m-blue, #0b5fd9); background: rgb(255 255 255 / 3%); }
.peTable tbody th{ color: #fff; font-weight: 700; }
.peTable tbody tr:last-child th, .peTable tbody tr:last-child td{ border-bottom: 0; }
.peTableNote{ margin-top: 14px; font-size: 14px; color: #5a6377; }   
:where(html[data-theme="light"]) .peTableScroll{ border-color: rgb(0 0 0 / 12%); }
:where(html[data-theme="light"]) .peTable th, :where(html[data-theme="light"]) .peTable td{ color: rgb(14 18 27 / 86%); border-bottom-color: rgb(0 0 0 / 10%); }
:where(html[data-theme="light"]) .peTable tbody th{ color: #000; }
:where(html[data-theme="light"]) .peTable thead th{ background: rgb(0 0 0 / 3%); }


mark.peTodo{
    padding: 0 4px;
    border: 1px dashed #ffb020;
    border-radius: 4px;
    background: rgb(255 176 32 / 16%);
    color: inherit;
    font-size: 0.85em;
    font-family: "Space Mono", monospace;
}


.peByline{ display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: center; margin-top: 22px; font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.7; }
.peByline a{ color: inherit; }


@media (max-width: 575px){
    .headerWrap .headerInner .logoImg img{ height: 22px; }
    .headerWrap .headerInner .headerRight{ gap: 6px; }
    .headerWrap .headerInner .headerRight .menuWrap{ gap: 6px; }
    .headerWrap.isSticky .headerInner{ padding: 0 12px 0 16px; }
    .peBurger{ width: 40px; height: 40px; border-radius: 10px; }
    .peBurger span{ left: 11px; right: 11px; }
    .peBurger span:nth-child(1){ top: 14px; }
    .peBurger span:nth-child(2){ top: 23px; }
    .peBurger[aria-expanded="true"] span:nth-child(1),
    .peBurger[aria-expanded="true"] span:nth-child(2){ top: 19px; }
}
@media (max-width: 399px){
    .headerWrap .menuWrap .themeSwitch{ display: none; }
}


.peHp{ position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.peFormDone{ padding: clamp(24px, 3vw, 40px); border: 1px solid rgb(0 117 255 / 45%); border-radius: 18px; background: rgb(0 117 255 / 8%); }
.peFormDone h3{ margin: 0 0 10px; font-family: "Montserrat", sans-serif; font-size: clamp(20px, 2vw, 28px); font-weight: 700; color: #fff; }
.peFormDone p{ margin: 0; font-size: 16px; line-height: 1.6; color: rgb(241 237 228 / 82%); }
.peFormDone a{ color: var(--m-blue, #0b5fd9); }
:where(html[data-theme="light"]) .peFormDone h3{ color: #000; }
:where(html[data-theme="light"]) .peFormDone p{ color: rgb(14 18 27 / 82%); }


.peDocWrap{ padding: clamp(48px, 7vw, 110px) 0; }
.peDoc{ max-width: 860px; margin: 0 auto; font-family: "Montserrat", sans-serif; font-size: 17px; line-height: 1.75; color: rgb(241 237 228 / 86%); }
.peDoc h2{ margin: 2.2em 0 0.6em; font-family: "Montserrat", sans-serif; font-size: clamp(22px, 2.2vw, 30px); font-weight: 700; line-height: 1.25; color: #fff; }
.peDoc h3{ margin: 1.6em 0 0.4em; font-size: 19px; font-weight: 700; color: #fff; }
.peDoc p, .peDoc ul{ margin: 0 0 1.1em; }
.peDoc ul{ padding-left: 1.3em; }
.peDoc li{ margin-bottom: 0.45em; }
.peDoc a{ color: var(--m-blue, #0b5fd9); }
.peDocMeta{ font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; }
:where(html[data-theme="light"]) .peDoc{ color: rgb(14 18 27 / 86%); }
:where(html[data-theme="light"]) .peDoc h2, :where(html[data-theme="light"]) .peDoc h3{ color: #000; }




.peUtility{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 34px; background: #050505; border-bottom: 1px solid rgb(255 255 255 / 8%); transition: transform 0.4s ease; }
.peUtilityInner{ display: flex; align-items: center; justify-content: flex-end; gap: 22px; height: 100%; padding: 0 80px; font-family: "Space Mono", monospace; font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; }
.peUtilityHq{ margin-right: auto; color: rgb(241 237 228 / 60%); }
.peUtilityLink{ font-size: 11.5px; color: rgb(241 237 228 / 85%); text-decoration: none; }
.peUtilityLink:hover{ color: var(--m-blue, #0b5fd9); }
.headerWrap{ top: 0;   transition: top 0.4s ease, padding 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; }
.headerWrap.isSticky{ top: 0; }
body.peHdrSticky .peUtility{ transform: translateY(-100%); }
@media (max-width: 991px){
    .peUtility{ display: none; }
    .headerWrap{ top: 0; }
}
:where(html[data-theme="light"]) .peUtility{ background: #f2f2ef; border-bottom-color: rgb(0 0 0 / 8%); }
:where(html[data-theme="light"]) .peUtilityHq{ color: rgb(14 18 27 / 60%); }
:where(html[data-theme="light"]) .peUtilityLink{ color: rgb(14 18 27 / 85%); }


.peHeadCall{ display: none; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgb(255 255 255 / 14%); background: rgb(12 12 12 / 88%); color: #f1ede4; align-items: center; justify-content: center; }
.peHeadCall svg{ width: 18px; height: 18px; }
@media (max-width: 991px){ .peHeadCall{ display: inline-flex; } }
:where(html[data-theme="light"]) .peHeadCall{ background: rgb(243 243 243 / 96%); border-color: rgb(0 0 0 / 12%); color: #0b0b0b; }


.peMega .megaPromise{ margin: 0 14px 6px; font-family: "Montserrat", sans-serif; font-size: 12.5px; line-height: 1.4; color: rgb(241 237 228 / 62%); text-transform: none; letter-spacing: 0; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega li a{ display: block; }
.peMega .megaItem{ display: block; }
.peMega li a small{ display: block; margin-top: 2px; font-family: "Montserrat", sans-serif; font-size: 11.5px; font-weight: 500; line-height: 1.35; letter-spacing: 0; text-transform: none; color: rgb(241 237 228 / 55%); }
.peMega .megaMore a{ color: var(--m-blue, #0b5fd9) !important; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega .megaFoot{ grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; margin-top: 8px; padding: 12px 14px 4px; border-top: 1px solid rgb(255 255 255 / 10%); font-family: "Montserrat", sans-serif; font-size: 13px; color: rgb(241 237 228 / 70%); }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega .megaFoot a{ display: inline; padding: 0; color: var(--m-blue, #0b5fd9); }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.isTwo{ width: min(760px, calc(100vw - 80px)); grid-template-columns: 2fr 1fr; }
.peMega .megaGrid{ display: grid; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 0; }
:where(html[data-theme="light"]) .peMega .megaPromise, :where(html[data-theme="light"]) .peMega li a small{ color: rgb(14 18 27 / 60%); }
:where(html[data-theme="light"]) .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega .megaFoot{ border-top-color: rgb(0 0 0 / 10%); color: rgb(14 18 27 / 70%); }


.peBar{ display: none; }
@media (max-width: 767px){
    .peBar{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 96; display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: rgb(8 8 8 / 96%); border-top: 1px solid rgb(255 255 255 / 10%); backdrop-filter: blur(12px); }
    .peBarBtn{ display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 12px; border: 1px solid rgb(255 255 255 / 16%); font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; color: #f1ede4; text-decoration: none; }
    .peBarBtn.isWa{ border-color: #25d366; color: #0e7a3c; }   
    .peBarBtn.isCta{ background: var(--m-blue, #0b5fd9); border-color: var(--m-blue, #0b5fd9); color: #fff; }
    body{ padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .waFloat, .qcTab{ display: none !important; }
    .ftTop{ bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
}
:where(html[data-theme="light"]) .peBar{ background: rgb(246 246 244 / 96%); border-top-color: rgb(0 0 0 / 10%); }
:where(html[data-theme="light"]) .peBarBtn{ color: #0b0b0b; border-color: rgb(0 0 0 / 16%); }


.peProof{ padding: clamp(28px, 4vw, 48px) 0; border-top: 1px solid rgb(255 255 255 / 8%); border-bottom: 1px solid rgb(255 255 255 / 8%); }
.peProofList{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
.peProofItem b{ display: block; font-family: "Archivo", "Montserrat", sans-serif; font-size: clamp(30px, 3.4vw, 48px); font-weight: 800; line-height: 1; color: #fff; }
.peProofItem span{ display: block; margin-top: 8px; font-family: "Montserrat", sans-serif; font-size: 13.5px; line-height: 1.45; color: rgb(241 237 228 / 68%); }
.peLogos{ display: flex; flex-wrap: wrap; gap: 18px 34px; align-items: center; list-style: none; margin: 26px 0 0; padding: 0; }
.peLogos img{ height: 30px; width: auto; opacity: 0.8; filter: grayscale(1); }
@media (max-width: 767px){ .peProofList{ grid-template-columns: 1fr 1fr; } }
:where(html[data-theme="light"]) .peProofItem b{ color: #000; }
:where(html[data-theme="light"]) .peProofItem span{ color: rgb(14 18 27 / 68%); }


.peProblem .peProblemQ{ margin: 0 0 12px; font-family: "Montserrat", sans-serif; font-size: clamp(17px, 1.5vw, 20px); font-weight: 700; line-height: 1.35; color: #fff; }
:where(html[data-theme="light"]) .peProblem .peProblemQ{ color: #000; }


.pePriceFrom{ max-width: 860px; margin: clamp(18px, 2.5vw, 30px) 0 0; font-family: "Montserrat", sans-serif; font-size: clamp(18px, 1.7vw, 23px); font-weight: 600; line-height: 1.45; color: #fff; }
.pePriceSub{ margin: 28px 0 10px; font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--m-blue, #0b5fd9); }
.pePriceFactors{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; margin: 0; padding-left: 1.2em; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.55; color: rgb(241 237 228 / 84%); }
@media (max-width: 767px){ .pePriceFactors{ grid-template-columns: 1fr; } }
:where(html[data-theme="light"]) .pePriceFrom{ color: #000; }
:where(html[data-theme="light"]) .pePriceFactors{ color: rgb(14 18 27 / 84%); }


.peTakeaways, .peDefine{ padding: clamp(24px, 3.5vw, 48px) 0; }
.peBox{ max-width: 920px; padding: clamp(22px, 3vw, 38px); border: 1px solid rgb(0 117 255 / 40%); border-radius: 18px; background: rgb(0 117 255 / 7%); }
.peBox ul{ margin: 12px 0 0; padding-left: 1.2em; font-family: "Montserrat", sans-serif; font-size: 17px; line-height: 1.6; color: rgb(241 237 228 / 88%); }
.peBox li{ margin-bottom: 6px; }
.peDefineText{ margin: 12px 0 0; font-family: "Montserrat", sans-serif; font-size: clamp(19px, 1.9vw, 25px); font-weight: 600; line-height: 1.45; color: #fff; }
:where(html[data-theme="light"]) .peBox ul{ color: rgb(14 18 27 / 88%); }
:where(html[data-theme="light"]) .peDefineText{ color: #000; }


.ftPlanBtn{ display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 100px; background: var(--m-blue, #0b5fd9); color: #fff !important; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; }
.ftFacts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid rgb(255 255 255 / 10%); }
.ftFacts b{ display: block; font-family: "Archivo", "Montserrat", sans-serif; font-size: clamp(26px, 2.6vw, 38px); font-weight: 800; color: #fff; line-height: 1; }
.ftFacts span{ display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; color: #9a9a9a; }
.ftSitemap{ padding: 56px 0 10px; border-top: 1px solid rgb(255 255 255 / 8%); }
.ftSiteGrid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 28px; }
.ftSiteTitle{ margin: 0 0 16px; font-family: "Space Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--m-blue, #0b5fd9); }
.ftSiteCol ul{ list-style: none; margin: 0; padding: 0; }
.ftSiteCol li{ margin-bottom: 10px; }
.ftSiteCol .ftLink{ color: #bdbdbd; font-size: 14px; text-decoration: none; }
.ftSiteCol .ftLink:hover{ color: #fff; }
.ftSiteCol .ftLink i{ display: none; }
.ftFraud{ margin: 0 0 10px; font-size: 12.5px; color: #8a8a8a; text-align: center; }
@media (max-width: 991px){ .ftSiteGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .ftFacts{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px){ .ftSiteGrid{ gap: 28px 16px; } }

@media (max-width: 767px){ .headerWrap .headerInner .menuWrap .menuCta{ display: none; } .headerWrap .headerInner .headerRight{ gap: 8px; } }

.pePerson{ display: flex; flex-direction: column; gap: 6px; }
.pePersonImg{ display: block; width: 96px; height: 96px; margin-bottom: 10px; border-radius: 50%; object-fit: cover; background: #1a1f2b; }
.pePersonImg.isBlank{ display: flex; align-items: center; justify-content: center; font-family: "Montserrat", sans-serif; font-size: 34px; font-weight: 800; color: var(--m-blue, #0b5fd9); }
.pePerson h3 a{ font-size: inherit; color: inherit; }
.pePersonRole{ margin: 0; font-family: "Space Mono", monospace; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--m-blue, #0b5fd9); }
.pePersonLink{ margin-top: auto; font-size: 14px; font-weight: 700; color: var(--m-blue, #0b5fd9); text-decoration: underline; }
.peQuoteCard{ display: flex; flex-direction: column; gap: 14px; margin: 0; }
.peQuoteCard blockquote{ margin: 0; }
.peQuoteCard blockquote p{ font-size: 18px; line-height: 1.55; }
.peQuoteCard figcaption{ display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.peQuoteCard figcaption span{ opacity: 0.7; }
.pePriceText{ max-width: 860px; margin: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.6; color: rgb(241 237 228 / 84%); }
.pePriceSteps{ list-style: decimal; }
.pePriceCta{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
:where(html[data-theme="light"]) .pePersonImg{ background: #e9e9e6; }
:where(html[data-theme="light"]) .pePriceText{ color: rgb(14 18 27 / 84%); }

.ftSiteTitle, .ftWrap .ftTitle{ line-height: 1.2; }  
.pgCrumb a{ text-decoration: underline !important; text-underline-offset: 3px; }  
.peSkip{ position: absolute; left: 12px; top: -60px; z-index: 1000; padding: 10px 16px; border-radius: 8px; background: var(--m-blue, #0b5fd9); color: #fff; font-size: 14px; font-weight: 700; }
.peSkip:focus{ top: 12px; color: #fff; }

.peNudge{ background: var(--m-blue, #0b5fd9); color: #fff; padding: clamp(28px, 4vw, 56px) 16px; }
.peNudgeIn{ max-width: 1200px; margin: 0 auto; display: flex; gap: 24px 40px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.peNudgeText{ margin: 0; max-width: 640px; font: 400 clamp(16px, 1.3vw, 21px)/1.5 "Montserrat", sans-serif; color: #fff; }
.peNudgeText strong{ display: block; font-weight: 800; font-size: 1.25em; margin-bottom: 4px; }
.peNudgeBtns{ display: flex; gap: 12px; flex-wrap: wrap; }
.peNudgeBtn{ display: inline-flex; align-items: center; height: 52px; padding: 0 24px; border: 1.5px solid #fff; border-radius: 999px; color: #fff; font: 700 13px/1 "Montserrat", sans-serif; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; }
.peNudgeBtn:hover{ color: #fff; }
.peNudgeBtn.solid{ background: #fff; color: #0e121b; }
.peNudgeBtn.solid:hover{ color: #0e121b; }

.pePager{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 36px; }
.pePager ol{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.pePager li a, .pePager li span{ display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; border: 1px solid rgb(255 255 255 / 16%); border-radius: 10px; font-size: 15px; font-weight: 700; color: inherit; }
.pePager li span.isOn{ background: var(--m-blue, #0b5fd9); border-color: var(--m-blue, #0b5fd9); color: #fff; }
:where(html[data-theme="light"]) .pePager li a, :where(html[data-theme="light"]) .pePager li span{ border-color: rgb(0 0 0 / 16%); }
.peProofMore{ display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }

.peToolBox{ margin-top: 24px; }
.peToolOut{ margin-top: 20px; }
.peToolHint{ margin: 0; font-size: 15px; color: rgb(241 237 228 / 70%); }
.peToolLink code{ display: block; padding: 14px 16px; border-radius: 10px; background: rgb(255 255 255 / 6%); font-size: 15px; word-break: break-all; color: #fff; }
.peToolActions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.peToolActions button.pgBtn{ cursor: pointer; }
.peToolNext{ margin-top: 32px; padding: clamp(20px, 3vw, 32px); border-radius: 16px; border: 1px solid rgb(0 117 255 / 40%); background: rgb(0 117 255 / 8%); }
.peToolNext p{ margin: 0; font-size: 17px; line-height: 1.5; }
:where(html[data-theme="light"]) .peToolHint{ color: rgb(14 18 27 / 70%); }
:where(html[data-theme="light"]) .peToolLink code{ background: rgb(0 0 0 / 5%); color: #0b0b0b; }
.peToolNext p{ color: #f1ede4; }
:where(html[data-theme="light"]) .peToolNext p{ color: #0b0b0b; }

@media (max-width: 575px){
  .peToolOut .peTable thead{ display: none; }
  .peToolOut .peTable, .peToolOut .peTable tbody, .peToolOut .peTable tr, .peToolOut .peTable th, .peToolOut .peTable td{ display: block; width: 100%; }
  .peToolOut .peTable tr{ padding: 14px 16px; border-bottom: 1px solid rgb(255 255 255 / 10%); }
  .peToolOut .peTable th, .peToolOut .peTable td{ padding: 2px 0; border: 0; white-space: normal; min-width: 0; }
  .peToolOut .peTableScroll{ overflow-x: visible; }
  .peToolOut .peTable{ min-width: 0; table-layout: auto; }
  .peToolOut .peTable td b{ font-size: 22px; }
}

@media (max-width: 767px){ .peBar{ grid-template-columns: 1fr 1fr 1.6fr; } .peBarBtn.isCta{ font-size: 19px; font-weight: 800; } }

:target{ scroll-margin-top: 120px; }


.ctaWrap .ctaTitle .ctaIn{ white-space: normal; }
.ctaWrap .ctaInner > *{ min-width: 0; }

.peIntlLine{ margin: 24px 0 0; font-size: 15px; color: rgb(255 255 255 / 70%); }
.peIntlLine a{ color: var(--blue, var(--m-blue, #0b5fd9)); border-bottom: 1px solid currentColor; }
:where(html[data-theme="light"]) .peIntlLine{ color: rgb(0 0 0 / 70%); }


.pgHeroTitle{ font-size: clamp(36px, 5.6vw, 112px); line-height: 1; }
.pgHero.isSmall .pgHeroTitle{ font-size: clamp(32px, 4.8vw, 92px); }
.pgHero.isLong .pgHeroTitle{ font-size: clamp(32px, 4.8vw, 96px); }
.pgHero.isXLong .pgHeroTitle{ font-size: clamp(28px, 4vw, 80px); }
.pgHeroLead{ font-size: clamp(16px, 1.15vw, 20px); line-height: 1.55; max-width: 60ch; }
.pgScrub{ font-weight: 500; font-size: clamp(18px, 1.55vw, 27px); line-height: 1.5; letter-spacing: 0; max-width: 62ch; }
.pgScrub b, .pgScrub strong{ font-weight: 700; }
.pgScrub.isBig{ font-size: clamp(20px, 2vw, 34px); }
.pgScrub.isQuote{ font-size: clamp(20px, 2.1vw, 36px); }
.pgScrub.isQuote.isLong{ font-size: clamp(17px, 1.5vw, 26px); }
.pgTitle{ font-size: clamp(26px, 3.4vw, 64px); }
.pgStateTitle{ font-size: clamp(22px, 2vw, 36px); }
.pgText, .pgProse p{ font-size: clamp(16px, 1.1vw, 18px); line-height: 1.6; }
.pgHead{ margin-bottom: clamp(24px, 2.8vw, 48px); }
.pgIntro, .pgState, .pgCards, .pgHow, .pgWins, .pgLinks, .peNudge, .peTakeaways, .peDefine{
    padding-top: clamp(48px, 6vw, 112px); padding-bottom: clamp(48px, 6vw, 112px);
}
.pgCard{ padding: clamp(22px, 2vw, 36px) clamp(20px, 1.8vw, 32px) clamp(26px, 2.2vw, 40px); }
.pgIntroGrid, .pgStateGrid{ gap: clamp(20px, 4vw, 80px); }
@media (max-width: 767px){
    .pgHero{ min-height: 0; }
    .pgHeroTitle{ font-size: 9vw; }
    .pgHero.isSmall .pgHeroTitle, .pgHero.isLong .pgHeroTitle{ font-size: 8.4vw; }
    .pgHero.isXLong .pgHeroTitle{ font-size: 7.6vw; }
    .pgScrub{ font-size: 18px; }
    .pgTitle{ font-size: 26px; }
    .pgIntro, .pgState, .pgCards, .pgHow, .pgWins, .pgLinks, .peNudge, .peTakeaways, .peDefine{ padding-top: 44px; padding-bottom: 44px; }
    .pgHead{ margin-bottom: 20px; }
    .pgGrid{ gap: 12px; }
    .pgCard{ padding: 20px 18px 22px; }
}

.peFold{ display: none !important; }
.peMoreBtn{
    display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 18px;
    border: 1px solid rgb(255 255 255 / 25%); border-radius: 999px; background: transparent;
    color: #fff; font: 600 14px/1 "Montserrat", sans-serif; letter-spacing: 0.02em; cursor: pointer;
}
.peMoreBtn::after{ content: "+"; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 16px; }
.peMoreBtn[aria-expanded="true"]::after{ content: "\2212"; }
:where(html[data-theme="light"]) .peMoreBtn{ color: #000; border-color: rgb(0 0 0 / 25%); }

.ftSiteTitle.peFoldHead{ display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 14px 0; margin: 0; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.ftSiteTitle.peFoldHead::after{ content: "+"; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 20px; line-height: 1; }
.ftSiteTitle.peFoldHead[aria-expanded="true"]::after{ content: "\2212"; }
@media (max-width: 767px){
    .ftSiteGrid{ gap: 0 !important; }
    .ftSiteCol{ margin: 0 !important; }
    .ctaTitle{ font-size: 30px !important; }
    .ctaWrap{ padding-top: 48px; padding-bottom: 48px; }
    .pgWin{ min-height: 0; }
}
@media (max-width: 767px){
    .pgWinPoster{ max-height: 200px; overflow: hidden; }
    .pgWinPoster img{ height: 200px; width: 100%; object-fit: cover; }
    .ftCta{ padding-top: 40px !important; padding-bottom: 32px !important; }
    .ftMail{ font-size: 22px !important; }
    .ftFacts{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
    .ftMain{ padding-top: 32px !important; padding-bottom: 24px !important; }
}
@media (max-width: 767px){
    .pgHero, .pgHero.isSmall{ min-height: 0; padding-top: 112px; padding-bottom: 40px; }
    .pgHero .pgScrollCue{ display: none; }
}

.pgIntroLead{ margin: 0 0 clamp(16px, 1.6vw, 24px); font-family: "Montserrat", sans-serif; font-weight: 500; font-size: clamp(18px, 1.45vw, 25px); line-height: 1.5; color: #fff; max-width: 60ch; }
.pgIntroLead a{ color: var(--blue, var(--m-blue, #0b5fd9)); }
:where(html[data-theme="light"]) .pgIntroLead{ color: #000; }
@media (max-width: 767px){ .pgIntroLead{ font-size: 18px; } }

.peAfterForm{ margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.peAfterForm li{ position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; color: rgb(255 255 255 / 75%); }
.peAfterForm li::before{ content: ""; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; border-radius: 50%; background: var(--blue, var(--m-blue, #0b5fd9)); }
:where(html[data-theme="light"]) .peAfterForm li{ color: rgb(0 0 0 / 75%); }

.peNext{ padding-top: clamp(48px, 6vw, 112px); padding-bottom: clamp(48px, 6vw, 112px); background: #050505; border-top: 1px solid rgb(255 255 255 / 8%); }
.peNextList{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); }
.peNextStep{ padding: clamp(20px, 2vw, 32px); border: 1px solid rgb(255 255 255 / 12%); border-radius: 16px; }
.peNextStep h3{ margin: 10px 0 8px; font: 700 clamp(18px, 1.4vw, 22px)/1.25 "Montserrat", sans-serif; color: #fff; }
.peNextStep p{ margin: 0; font-size: 16px; line-height: 1.55; color: rgb(255 255 255 / 75%); }
.peNextNum{ font: 700 13px/1 "Space Mono", monospace; color: var(--blue, var(--m-blue, #0b5fd9)); letter-spacing: 0.1em; }
.peNextNote{ margin: 18px 0 0; font-size: 14px; color: rgb(255 255 255 / 60%); }
@media (max-width: 767px){ .peNextList{ grid-template-columns: minmax(0, 1fr); } .peNext{ padding-top: 44px; padding-bottom: 44px; } }
:where(html[data-theme="light"]) .peNext{ background: #f6f6f3; border-top-color: rgb(0 0 0 / 8%); }
:where(html[data-theme="light"]) .peNextStep{ border-color: rgb(0 0 0 / 12%); }
:where(html[data-theme="light"]) .peNextStep h3{ color: #000; }
:where(html[data-theme="light"]) .peNextStep p, :where(html[data-theme="light"]) .peNextNote{ color: rgb(0 0 0 / 70%); }

.peRefSummary{ margin: 0 0 14px; font-size: 16px; line-height: 1.6; max-width: 70ch; }
.peRef{ border: 1px solid rgb(255 255 255 / 15%); border-radius: 14px; padding: 0 16px; }
.peRef > summary{ cursor: pointer; padding: 14px 0; font: 600 15px/1.3 "Montserrat", sans-serif; list-style: none; display: flex; justify-content: space-between; }
.peRef > summary::-webkit-details-marker{ display: none; }
.peRef > summary::after{ content: "+"; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 18px; }
.peRef[open] > summary::after{ content: "\2212"; }
.peRef[open]{ padding-bottom: 16px; }
:where(html[data-theme="light"]) .peRef{ border-color: rgb(0 0 0 / 15%); }
.peAfterLead{ margin: 16px 0 0; font-size: 14px; color: rgb(255 255 255 / 65%); }
:where(html[data-theme="light"]) .peAfterLead{ color: rgb(0 0 0 / 65%); }

.peFactList{ margin: 0; padding: 0; list-style: none; columns: 2 220px; column-gap: 24px; }
.peFactList li{ break-inside: avoid; padding: 2px 0; }

.peSvcGrid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); }
.peSvcCard{ display: flex; flex-direction: column; gap: 8px; padding: clamp(18px, 1.8vw, 28px); border: 1px solid rgb(255 255 255 / 12%); border-radius: 16px; color: inherit; text-decoration: none; }
a.peSvcCard:hover{ border-color: var(--blue, var(--m-blue, #0b5fd9)); }
.peSvcCard h3{ margin: 0; font: 700 clamp(17px, 1.3vw, 20px)/1.3 "Montserrat", sans-serif; color: #fff; }
.peSvcCard p{ margin: 0; font-size: 16px; line-height: 1.55; color: rgb(255 255 255 / 75%); }
.peSvcIcon{ color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 22px; min-height: 22px; }
.pePlats{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 8px; }
.pePlat{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid rgb(255 255 255 / 18%); border-radius: 999px; font-size: 13px; color: rgb(255 255 255 / 85%); }
.pePlat i{ font-size: 14px; }
@media (max-width: 991px){ .peSvcGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px){
    .peSvcGrid{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
    .peSvcCard{ flex: 0 0 82%; scroll-snap-align: start; }
}
:where(html[data-theme="light"]) .peSvcCard{ border-color: rgb(0 0 0 / 12%); }
:where(html[data-theme="light"]) .peSvcCard h3{ color: #000; }
:where(html[data-theme="light"]) .peSvcCard p{ color: rgb(0 0 0 / 72%); }
:where(html[data-theme="light"]) .pePlat{ color: rgb(0 0 0 / 80%); border-color: rgb(0 0 0 / 18%); }

.peDeeper{ padding: 8px 0; }
.peDeeperBox{ border: 1px solid rgb(255 255 255 / 14%); border-radius: 14px; padding: 0 18px; }
.peDeeperBox > summary{ cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; padding: 16px 0;
    font: 700 clamp(16px, 1.2vw, 19px)/1.35 "Montserrat", sans-serif; color: #fff; }
.peDeeperBox > summary::-webkit-details-marker{ display: none; }
.peDeeperBox > summary::after{ content: "+"; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 22px; line-height: 1; }
.peDeeperBox[open] > summary::after{ content: "\2212"; }
.peDeeperBox[open]{ padding-bottom: 14px; }
.peDeeperList{ margin: 0; padding-left: 20px; } .peDeeperList li{ margin: 4px 0; }
.peLesson{ padding: 8px 0; }
.peLessonBox{ display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-left: 3px solid var(--blue, var(--m-blue, #0b5fd9));
    background: rgb(255 255 255 / 4%); border-radius: 0 12px 12px 0; max-width: 820px; }
.peLessonBox > i{ color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 20px; margin-top: 3px; }
.peLessonText{ margin: 0; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.55; }
.peLessonSrc{ margin: 6px 0 0; font-size: 13px; color: rgb(255 255 255 / 60%); } .peLessonSrc cite{ font-style: italic; }
.peBrandNote{ padding: 6px 0; } .peBrandNote p{ margin: 0; font-size: 13px; line-height: 1.5; color: rgb(255 255 255 / 55%); max-width: 820px; }
:where(html[data-theme="light"]) .peDeeperBox{ border-color: rgb(0 0 0 / 14%); }
:where(html[data-theme="light"]) .peDeeperBox > summary{ color: #000; }
:where(html[data-theme="light"]) .peLessonBox{ background: rgb(0 0 0 / 4%); }
:where(html[data-theme="light"]) .peLessonSrc, :where(html[data-theme="light"]) .peBrandNote p{ color: rgb(0 0 0 / 60%); }
.peDeeperSummary{ margin: 0 0 10px; font-size: 16px; line-height: 1.6; max-width: 70ch; color: rgb(255 255 255 / 80%); }
.peDeeperPart{ margin: 14px 0; } .peDeeperPart h3{ margin: 0 0 6px; font: 700 16px/1.3 "Montserrat", sans-serif; }
.peDeeperSrc{ margin: 4px 0 0; font-size: 13px; color: rgb(255 255 255 / 55%); }
.peDeeperSteps{ margin: 10px 0 0; padding-left: 20px; } .peDeeperSteps li{ margin: 6px 0; } .peDeeperSee{ color: rgb(255 255 255 / 60%); }
:where(html[data-theme="light"]) .peDeeperSummary{ color: rgb(0 0 0 / 75%); }
:where(html[data-theme="light"]) .peDeeperSrc, :where(html[data-theme="light"]) .peDeeperSee{ color: rgb(0 0 0 / 55%); }

.peVideoGrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.peVideo{ margin: 0; }
.peVideoPlay, .peVideoFrame{ position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 14px; overflow: hidden; background: #111; cursor: pointer; }
.peVideoPlay img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.peVideoBtn{ position: absolute; inset: 0; margin: auto; width: 64px; height: 64px; border-radius: 50%; background: rgb(0 0 0 / 65%); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 22px; }
.peVideo figcaption{ margin-top: 8px; font-size: 15px; line-height: 1.45; } .peVideo figcaption b{ display: block; }
.peVideo figcaption span{ font-size: 13px; color: rgb(255 255 255 / 60%); }
:where(html[data-theme="light"]) .peVideo figcaption span{ color: rgb(0 0 0 / 60%); }
@media (max-width: 767px){ .peVideoGrid{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; } .peVideo{ flex: 0 0 84%; scroll-snap-align: start; } }

.peHook{ padding: 10px 0; }
.peHookLine{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0; padding: 14px 18px; border-radius: 14px;
    background: rgb(0 117 255 / 10%); font-size: 16px; line-height: 1.5; }
.peHookBtn{ display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: var(--blue, var(--m-blue, #0b5fd9));
    color: #fff !important; font: 600 14px/1 "Montserrat", sans-serif; text-decoration: none; white-space: nowrap; }


@media (max-width: 767px){
    body{ -webkit-text-size-adjust: 100%; }
    .pgText, .pgProse p, .pgIntroLead, .pgCard p, .peSvcCard p, .peNextStep p, .faqA p, .peTable td, .peTable th{ font-size: 17px; line-height: 1.6; }
    .pgProse, .pgText, .pgIntroLead{ max-width: 65ch; }
    .pgIntroLead{ font-size: 18px; }
    .pgHeroTitle, .pgHero.isSmall .pgHeroTitle, .pgHero.isLong .pgHeroTitle, .pgHero.isXLong .pgHeroTitle{ font-size: 8vw; line-height: 1.05; }
    .pgHeroLead{ font-size: 17px; }
    .pgTitle, .pgStateTitle{ font-size: 23px; line-height: 1.15; }
    .pgCard h3, .peSvcCard h3, .peNextStep h3{ font-size: 18px; }
    .pgIntro, .pgState, .pgCards, .pgHow, .pgWins, .pgLinks, .peNext, .peTakeaways, .peDefine{ padding-top: 36px; padding-bottom: 36px; }
    .pgIntroGrid, .pgStateGrid{ gap: 12px; }
    
    .pgCards .pgGrid, .pgWins .pgWinGrid{ display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
        padding-bottom: 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .pgCards .pgGrid::-webkit-scrollbar, .pgWins .pgWinGrid::-webkit-scrollbar{ display: none; }
    .pgCards .pgGrid > *, .pgWins .pgWinGrid > *{ flex: 0 0 84%; scroll-snap-align: start; min-width: 0; }
    .pgCards .pgGrid::after, .pgWins .pgWinGrid::after{ content: ""; flex: 0 0 1px; }
    
    .peSecFold .pgHead, .peSecFold .pgStateSide{ display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; cursor: pointer; margin-bottom: 0; }
    .peSecFold .pgHead::after, .peSecFold .pgStateSide::after{ content: "+"; flex: 0 0 auto; color: var(--blue, var(--m-blue, #0b5fd9)); font: 400 28px/1 "Montserrat", sans-serif; }
    .peSecFold .pgHead[aria-expanded="true"]::after, .peSecFold .pgStateSide[aria-expanded="true"]::after{ content: "\2212"; }
    .peSecFold .pgHead[aria-expanded="true"], .peSecFold .pgStateSide[aria-expanded="true"]{ margin-bottom: 16px; }
    .peSecFold{ padding-top: 22px !important; padding-bottom: 22px !important; border-top: 1px solid rgb(255 255 255 / 8%); }
    .peSecFold .pgText{ display: none; }
    .peSecFold [aria-expanded="true"] .pgText{ display: block; }
    
    .peNudge{ display: none !important; }
    .peProof{ padding-top: 20px; padding-bottom: 20px; }
}
:where(html[data-theme="light"]) .peSecFold{ border-top-color: rgb(0 0 0 / 8%); }

@media (prefers-reduced-motion: reduce){
    *{ scroll-behavior: auto !important; }
}

@media (max-width: 767px){
    html.peStill .bannerWrap{ height: auto; min-height: 88svh; }
    html.peStill .bannerWrap .bannerReveal, html.peStill .bannerWrap .bannerStats{ display: none; } 
    html.peStill .bannerWrap .bannerBelt{ visibility: visible; }
    html.peStill .svcWrap{ height: auto; min-height: 0; padding: 40px 0 32px; overflow: visible; }
    html.peStill .svcWrap .svcStage{ position: static; }
    html.peStill .svcWrap .svcVideo{ display: none; }
    html.peStill .svcWrap .svcHead{ position: static; visibility: visible; opacity: 1; transform: none; padding: 0 16px 16px; text-align: left; }
    html.peStill .svcWrap .svcMore{ visibility: visible; opacity: 1; position: static; transform: none; padding: 8px 16px 0; }
    html.peStill .svcWrap .svcGrid{ position: static; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
        padding: 0 16px 10px; grid-template-columns: none; scrollbar-width: none; }
    html.peStill .svcWrap .svcGrid::-webkit-scrollbar{ display: none; }
    html.peStill .svcWrap .svcCard{ position: relative; visibility: visible; opacity: 1; transform: none; flex: 0 0 80%; width: auto; height: auto;
        min-height: 0; scroll-snap-align: start; left: auto; top: auto; }
    html.peStill .wwaWrap .wwaCont, html.peStill .wwaWrap .wwaStats{ visibility: visible; opacity: 1; transform: none; }
}
@media (max-width: 767px){
    html.peStill .wwaWrap{ height: auto; min-height: 0; }
    html.peStill .wwaWrap .wwaStage{ position: relative; height: auto; min-height: 0; }
    html.peStill .wwaWrap .wwaVideo{ position: absolute; inset: 0; width: 100%; height: 100%; transform: none; }
    html.peStill .wwaWrap .wwaCont{ position: relative; z-index: 2; inset: auto; padding: 56px 16px 40px; height: auto; }
    html.peStill .wwaWrap .wwaStats{ position: static; grid-template-columns: repeat(2, 1fr); margin-top: 20px; }
}
@media (max-width: 767px){
    
    .peSecFold .pgHead > *, .peSecFold .pgStateSide > *{ min-width: 0; flex: 1 1 auto; }
    .peSecFold .pgTitle, .peSecFold .pgStateTitle{ overflow-wrap: anywhere; }
    .peSecFold .pgHead, .peSecFold .pgStateSide{ flex-wrap: nowrap; }
}



.pgTitle, .pgStateTitle, .ctaTitle, .pgCard h3, .peSvcCard h3{ text-transform: none; font-family: "Montserrat", sans-serif;
    font-stretch: normal; font-variation-settings: normal; letter-spacing: -0.01em; }
.pgTitle, .ctaTitle{ font-weight: 700; }

.pgWinRes small{ font-family: "Montserrat", sans-serif; font-size: 15px; letter-spacing: 0; text-transform: none; line-height: 1.45; }
@media (max-width: 767px){
    
    .peSecFold .pgHead, .peSecFold .pgStateSide{ display: block; position: relative; padding-right: 40px; }
    .peSecFold .pgHead::after, .peSecFold .pgStateSide::after{ position: absolute; right: 0; bottom: 2px; }
    .peSecFold .pgEyebrow{ display: block; margin-bottom: 6px; }
    
    .pgHero{ display: flex; flex-direction: column; justify-content: flex-start; }
    .pgHero .pgHeroInner{ order: 1; }
    .pgHero .pgCircle{ order: 2; position: relative; left: auto; top: auto; width: 62vw; height: 62vw; margin: 22px auto 0;
        transform: none !important; opacity: 1 !important; visibility: visible !important; }
    .pgHero .pgCircle img{ border-radius: 50%; }
}
@media (max-width: 767px){
    .peSecFold .pgHead, .peSecFold .pgStateSide{ top: auto !important; }   
}
.pgWins .pgWin .pgWinRes small, .pgWinRes small{ font-family: "Montserrat", sans-serif !important; font-size: 15px !important;
    letter-spacing: 0 !important; text-transform: none !important; line-height: 1.45; }


.homeA .pgHero, .homeB .pgHero{ min-height: 0; padding-top: 140px; padding-bottom: 56px; }
.homeA .pgHeroTitle{ font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: none; letter-spacing: -0.02em;
    font-size: clamp(34px, 5vw, 76px); line-height: 1.08; }
.homeA .pgHeroLead{ font-size: clamp(17px, 1.35vw, 21px); max-width: 58ch; }
.homeA .pgHero .pgHeroBtns .pgBtn.ghost{ display: none; }   
.homeA section{ padding-top: clamp(48px, 7vw, 120px); padding-bottom: clamp(48px, 7vw, 120px); }
.homeA .peSvcCard{ border-radius: 20px; }
.homeB .pgHeroTitle{ font-size: clamp(40px, 7vw, 120px); line-height: 0.98; }
.homeB .pgHeroLead{ font-size: clamp(18px, 1.5vw, 23px); max-width: 52ch; font-weight: 500; }
.peBand{ padding: 0 clamp(16px, 4vw, 48px); }
.peBand figure{ margin: 0; position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 21 / 9; }
.peBand img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.peBand figcaption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 22px; color: #fff; font: 600 clamp(16px, 1.4vw, 22px)/1.35 "Montserrat", sans-serif;
    background: linear-gradient(transparent, rgb(0 0 0 / 70%)); }
@media (max-width: 767px){
    .homeA .pgHero, .homeB .pgHero{ padding-top: 104px; padding-bottom: 32px; }
    .homeA .pgHeroTitle{ font-size: 9vw; }
    .homeB .pgHeroTitle{ font-size: 11vw; }
    .peBand figure{ aspect-ratio: 4 / 3; border-radius: 18px; }
    .homeA section, .homeB section{ padding-top: 36px; padding-bottom: 36px; }
}
.peHookLine{ color: #fff; }
:where(html[data-theme="light"]) .peHookLine{ color: #10151c; background: rgb(0 117 255 / 9%); }



.ctaWrap .ctaTitle, .ctaWrap .faqTitle{ text-transform: none; font-family: "Montserrat", sans-serif; font-stretch: normal;
    font-variation-settings: normal; font-weight: 700; letter-spacing: -0.01em; }
.ctaWrap .ctaTitle .outline{ color: var(--blue, var(--m-blue, #0b5fd9)); -webkit-text-stroke: 0; text-shadow: none; }

.peByline{ opacity: 1; font-size: 13px; color: rgb(255 255 255 / 82%); }
:where(html[data-theme="light"]) .peByline{ color: #4a505c; }

.pgWin .pgWinRes{ margin: 0 calc(-0.5 * clamp(18px, 1.6vw, 28px)) calc(-0.5 * clamp(18px, 1.6vw, 28px));
    padding: 12px 14px; border-radius: 12px; background: rgb(8 10 16 / 88%); }
:where(html[data-theme="light"]) .pgWin .pgWinRes{ background: rgb(255 255 255 / 96%); box-shadow: 0 2px 10px rgb(0 0 0 / 12%); }

:where(html[data-theme="light"]) .ftFacts b{ color: #0e121b; }
:where(html[data-theme="light"]) .ftFacts span{ color: #4a505c; }

.peBoxMore{ margin: 14px 0 0; font-weight: 700; }
.peBoxMore a{ color: var(--blue, var(--m-blue, #0b5fd9)); }

.peCheckGrid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(14px, 2vw, 28px); }
.peCheckGroup summary{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; list-style: none; cursor: pointer; }
.peCheckGroup summary::-webkit-details-marker{ display: none; }
.peCheckGroup summary::after{ content: "\2212"; font: 700 18px/1 "Montserrat", sans-serif; color: var(--blue, var(--m-blue, #0b5fd9)); }
.peCheckGroup:not([open]) summary::after{ content: "+"; }
.peCheckGroup h3{ margin: 0; flex: 1 1 auto; font: 700 17px/1.3 "Montserrat", sans-serif; }
.peCheckCount{ font-size: 13px; opacity: 0.7; white-space: nowrap; }
.peTick{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -2px -4px 0 -6px;
    padding: 0; border: 0; border-radius: 50%; background: none; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 18px; cursor: pointer; }
.peTick:focus-visible{ outline: 2px solid var(--blue, var(--m-blue, #0b5fd9)); outline-offset: 1px; }
.peCheckGroup li.isDone > span > a, .peCheckGroup li.isDone > span{ opacity: 0.75; }
.peCheckTools{ margin: 18px 0 0; }
.peCheckPrint{ display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid currentColor;
    background: none; color: var(--blue, var(--m-blue, #0b5fd9)); font: 600 14px/1 "Montserrat", sans-serif; cursor: pointer; }
.peCheckGroup ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.peCheckGroup li{ display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.5; }
.peCheckGroup li > i{ color: var(--blue, var(--m-blue, #0b5fd9)); margin-top: 4px; }
.peCheckGroup li a{ color: inherit; border-bottom: 1px solid rgb(0 117 255 / 50%); }
.peCheckNote{ display: block; font-size: 13px; color: rgb(255 255 255 / 60%); }
:where(html[data-theme="light"]) .peCheckNote{ color: rgb(0 0 0 / 60%); }
@media (max-width: 767px){
    .peCheckGroup{ padding: 12px 0; border-top: 1px solid rgb(128 128 128 / 25%); }
    .peCheckGroup li{ font-size: 15px; }
    .peCheckNote{ font-size: 12.5px; }
}

@media print{
    .peCheck{ color: #000 !important; background: #fff !important; padding: 0 !important; }
    .peCheck .pgTitle, .peCheck .pgEyebrow, .peCheck p, .peCheck a, .peCheckGroup h3{ color: #000 !important; }
    .peCheck a{ border: 0 !important; text-decoration: none !important; }
    .peCheckGroup{ break-inside: avoid; }
    .peCheckGroup summary::after, .peCheckCount, .peCheckTools, .peTick i, .peCheckGroup li > i{ display: none !important; }
    .peTick{ width: 14px; height: 14px; margin: 4px 0 0; border: 1.5px solid #000 !important; border-radius: 3px; font-size: 11px; }
    .peCheckGroup li.isDone .peTick::after{ content: "\2713"; line-height: 1; }
    .peCheckNote{ color: #444 !important; }
    html.pePrintCheck, html.pePrintCheck body{ background: #fff !important; }
    html.pePrintCheck body *{ visibility: hidden !important; }
    html.pePrintCheck .peCheck.isPrinting, html.pePrintCheck .peCheck.isPrinting *{ visibility: visible !important; }
    html.pePrintCheck .peCheck.isPrinting{ position: absolute; left: 0; top: 0; width: 100%; }
    html.pePrintCheck .peCheck.isPrinting .peCheckTools{ display: none !important; }
}

:where(html[data-theme="light"]) .ftFacts{ border-top-color: rgb(0 0 0 / 10%); }
:where(html[data-theme="light"]) .ftFacts b{ color: #0e121b; }
:where(html[data-theme="light"]) .ftFacts span{ color: #4a505c; }

:where(html[data-theme="light"]) :is(p, li, td, th, dd) > a:not([class]){ text-decoration: underline; text-decoration-color: rgb(0 117 255 / 55%); text-underline-offset: 2px; }

.peBand.isOwn figure{ margin: 0 auto; border-radius: 18px; overflow: visible; }
.peBand.isOwn img{ border-radius: 18px; height: auto; aspect-ratio: inherit; }
.peBand.isOwn figcaption{ position: static; padding: 12px 2px 0; background: none; color: inherit; font: 500 15px/1.5 "Montserrat", sans-serif; }
.peBand.isOwn figcaption a{ color: var(--blue, var(--m-blue, #0b5fd9)); font-weight: 700; white-space: nowrap; }
.homeA .peBand{ padding-top: clamp(20px, 3vw, 40px); padding-bottom: clamp(20px, 3vw, 40px); }
@media (min-width: 768px){ .homeA .peVideoGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1040px; } }

.peTags{ padding: 8px 0 0; }
.peTagRow{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 14px; }
.peTagRow b{ min-width: 82px; font-weight: 700; }
.peTag{ display: inline-block; padding: 5px 12px; border-radius: 999px; border: 1px solid rgb(0 117 255 / 45%); color: inherit; text-decoration: none; }
.peGalGrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.peGalItem{ margin: 0; }
.peGalItem img{ width: 100%; height: auto; border-radius: 14px; display: block; }
.peGalItem figcaption{ margin-top: 8px; font-size: 14px; line-height: 1.45; }

.glossaryTermPage .pgRow > i{ display: none; }


.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.isSvc{ width: min(1080px, calc(100vw - 80px)); }
.peMega .megaPopular{ grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 2px 14px 14px; margin-bottom: 6px;
    border-bottom: 1px solid rgb(255 255 255 / 10%); }
.peMega .megaPopHead{ font-family: "Space Mono", monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--m-blue, #0b5fd9); margin-right: 6px; }
.peMega .megaPopular ul{ display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega .megaPopular li a{ display: inline-block; padding: 6px 12px; border-radius: 999px;
    border: 1px solid rgb(0 117 255 / 40%); font-size: 12px; }
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.isInd,
.headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.isLoc{ width: min(620px, calc(100vw - 80px)); grid-template-columns: 1fr; }
.peMega .megaAll{ margin: 6px 14px 4px; }
.peMega .megaAll a{ color: var(--m-blue, #0b5fd9) !important; font-weight: 700; padding: 0 !important; }
:where(html[data-theme="light"]) .peMega .megaPopular{ border-bottom-color: rgb(0 0 0 / 10%); }

.peNavIcon{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 14%); color: #f1ede4; font-size: 15px; text-decoration: none; }
.peNavIcon.isWa, .peHeadCall.isWa{ color: #25d366 !important; }
:where(html[data-theme="light"]) .peNavIcon{ border-color: rgb(0 0 0 / 12%); color: #0b0b0b; }
:where(html[data-theme="light"]) .peNavIcon.isWa, :where(html[data-theme="light"]) .peHeadCall.isWa{ color: #128c4b !important; }
.peHeadCall i{ font-size: 16px; }
@media (max-width: 991px){ .peNavIcon{ display: none; } }

.peMobileNav .peMobPop{ display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px !important; }
.peMobileNav .peMobPop li a{ display: inline-block; padding: 7px 12px !important; border-radius: 999px; border: 1px solid rgb(0 117 255 / 40%); }
.peMobileNav details.peMobSub{ border-bottom: 0; margin-left: 4px; }
.peMobileNav details.peMobSub > summary{ font-size: 16px; padding-top: 10px; padding-bottom: 10px; min-height: 48px; }
.peMobileNav .peMobGrid{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
.peMobileNav .peMobAll a{ color: var(--m-blue, #0b5fd9) !important; font-weight: 700; }

.ftSiteGrid.isFive{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 991px){ .ftSiteGrid.isFive{ grid-template-columns: 1fr 1fr; } }
.headerWrap .headerInner .menuWrap > ul > li > a{ white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1365px){ .headerWrap .headerInner .menuWrap > ul{ gap: 18px; } .headerWrap .headerInner .menuWrap .menuCta{ padding: 0 18px; letter-spacing: 0.06em; } }
.peMobileNav details.peMobSub:not([open]) > summary::after{ content: "+"; }
.peMobileNav details.peMobSub[open] > summary::after{ content: "\2212"; }

:where(html[data-theme="light"]) .ftSiteCol .ftLink{ color: #3d4250; }
:where(html[data-theme="light"]) .ftSiteCol .ftLink:hover{ color: var(--m-blue, #0b5fd9); }
@media (max-width: 767px){ .ftSiteGrid.isFive{ grid-template-columns: 1fr; } }

.peByline a[rel="author"], .peByline a{ color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.peAdviceNote{ margin: 10px auto 0; max-width: 60ch; font-size: 13px; line-height: 1.5; opacity: 0.85; text-align: center; }


.peSheet{ position: fixed; inset: 0; z-index: 1200; font-family: var(--m-font, "Plus Jakarta Sans", system-ui, sans-serif); }
.peSheet[hidden]{ display: none; }
html.peSheetOn, html.peSheetOn body{ overflow: hidden; }
.peSheetBack{ position: absolute; inset: 0; background: rgb(16 24 40 / 46%); opacity: 0; transition: opacity 0.24s ease; }
.peSheetPanel{ position: absolute; left: 0; right: 0; bottom: 0; max-height: 92vh; max-height: 92dvh; overflow-y: auto; overscroll-behavior: contain;
    background: #fff; color: var(--m-ink, #1b2333); border-radius: 22px 22px 0 0; box-shadow: 0 -12px 40px rgb(16 24 40 / 18%);
    padding: 6px 18px calc(20px + env(safe-area-inset-bottom)); transform: translateY(100%); transition: transform 0.26s cubic-bezier(.2, .8, .2, 1); }
.peSheet.isIn .peSheetBack{ opacity: 1; }
.peSheet.isIn .peSheetPanel{ transform: translateY(0); }
.peSheetGrip{ display: flex; justify-content: center; padding: 6px 0 10px; cursor: grab; }
.peSheetGrip span{ width: 40px; height: 4px; border-radius: 4px; background: var(--m-line, #e3e8f0); }
.peSheet .peSheetX{ position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--m-surface, #f5f7fb);
    color: var(--m-ink-2, #46506a); font: 400 26px/1 var(--m-font, sans-serif); cursor: pointer; }
.peSheet .peSheetTitle{ margin: 4px 48px 6px 0 !important; font: 800 22px/1.2 var(--m-font, sans-serif) !important; letter-spacing: -0.01em !important;
    color: var(--m-ink, #1b2333) !important; text-transform: none !important; outline: none; }
.peSheet .peSheetSub{ margin: 0 0 16px !important; font: 500 15px/1.5 var(--m-font, sans-serif) !important; color: var(--m-ink-2, #46506a) !important; }
.peSheet .peSheetForm{ display: grid; gap: 12px; margin: 0; padding: 0; background: none; border: 0; }
.peSheet .peSheetForm label{ display: grid !important; gap: 6px; margin: 0 !important; font: 600 14px/1.3 var(--m-font, sans-serif) !important;
    letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink-2, #46506a) !important; }
.peSheet .peSheetForm label[hidden], .peSheet .peSheetChip[hidden], .peSheet .peSheetAdd[hidden]{ display: none !important; }
.peSheet .peSheetForm input:not([type=hidden]), .peSheet .peSheetForm select{ width: 100%; height: 50px; margin: 0; padding: 0 14px; box-sizing: border-box;
    border: 1px solid var(--m-line, #e3e8f0) !important; border-radius: 12px !important; background: var(--m-surface, #f5f7fb) !important;
    font: 500 16px var(--m-font, sans-serif) !important; color: var(--m-ink, #1b2333) !important; -webkit-appearance: none; appearance: none; }
.peSheet .peSheetForm select{ background-image: linear-gradient(45deg, transparent 50%, #46506a 50%), linear-gradient(135deg, #46506a 50%, transparent 50%) !important;
    background-position: calc(100% - 20px) 22px, calc(100% - 14px) 22px !important; background-size: 6px 6px !important; background-repeat: no-repeat !important; padding-right: 36px; }
.peSheet .peSheetForm input:focus, .peSheet .peSheetForm select:focus{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 1px; background-color: #fff !important; }
.peSheet .peSheetForm input.isError{ border-color: #c62828 !important; outline: 2px solid #c62828; outline-offset: 1px; }
.peSheet .peSheetHint{ display: none; font: 500 13px/1.4 var(--m-font, sans-serif); color: #b3261e; }
.peSheet input.isError + .peSheetHint{ display: block; }
.peSheet .peSheetAdd, .peSheet .peSheetChange{ justify-self: start; padding: 4px 0; border: 0; background: none; font: 600 14px var(--m-font, sans-serif);
    color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.peSheet .peSheetChip{ display: flex; align-items: center; gap: 10px; margin: 0 !important; font: 600 14px var(--m-font, sans-serif) !important; }
.peSheet .peSheetChip span{ padding: 7px 12px; border-radius: 999px; background: var(--m-blue-soft, #e5f0ff); color: var(--m-ink, #1b2333); }
.peSheet .peSheetChip b{ color: var(--m-blue, #0b5fd9); }
.peSheet .peSheetGo{ width: 100%; min-height: 52px; justify-content: center; margin-top: 4px; font-size: 17px !important; }
.peSheet .peSheetNote{ margin: 0 !important; font: 500 13px/1.5 var(--m-font, sans-serif) !important; color: var(--m-ink-3, #6b7489) !important; }
.peSheet .peSheetNote a{ color: inherit; text-decoration: underline; }
.peSheet .peFormDone{ padding: 8px 0 12px; }
.peSheet .peFormDone h3{ margin: 0 0 12px !important; font: 800 20px/1.3 var(--m-font, sans-serif) !important; color: var(--m-ink, #1b2333) !important; }
.peSheet .peSheetWa{ display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; border: 1px solid #1ea952; border-radius: 12px;
    font: 700 15px var(--m-font, sans-serif); color: #12813d; text-decoration: none; }
@media (prefers-reduced-motion: reduce){ .peSheetBack, .peSheetPanel{ transition: none; } }

.peBand.isVideo figure{ max-width: 860px; margin: 0 auto; aspect-ratio: auto; overflow: visible; border-radius: 0; }
.peBand.isVideo figcaption{ position: static; padding: 10px 2px 0; background: none; color: inherit; font: 500 15px/1.45 var(--m-font, sans-serif); text-shadow: none; }
.peBand.isVideo .peVideoPlay{ border-radius: 18px; }
.peBand.isVideo .peVideoPlay img{ aspect-ratio: 16 / 9; }

.peSheet .peSheetNote a{ font: inherit !important; letter-spacing: inherit !important; }
.peSheet .peFormDone{ padding: 16px 16px 18px !important; border-radius: 14px; }

.peSheet .peSheetMore{ display: grid; gap: 12px; }
.peSheet .peSheetMore[hidden]{ display: none !important; }
.peSheet .peSheetOpt{ font-style: normal; font-weight: 500; color: var(--m-ink-3, #6b7489); }

html.peSheetOn, html.peSheetOn body{ overflow: visible; }
.peSheet .peSheetPanel{ bottom: var(--peKb, 0px); height: min(640px, calc(var(--peVh, 100dvh) - 32px)); max-height: none; -webkit-overflow-scrolling: touch; }
.peSheetBack{ touch-action: none; }
.peSheet .peSheetHint{ display: block; visibility: hidden; min-height: 18px; }
.peSheet input.isError + .peSheetHint{ visibility: visible; }

.peFormDone .peTick{ display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-right: 10px; border-radius: 50%; background: #1ea952; color: #fff; font-size: 16px; vertical-align: -4px; }
.peFormDone .peDoneRef{ margin: 6px 0; font-size: 15px; }
.peFormDone:focus{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 3px; }


.peNudgeToast{ position: fixed; z-index: 95; right: 76px; bottom: 24px; max-width: 360px; display: grid; grid-template-columns: 1fr auto; gap: 10px 12px; align-items: center;
    padding: 14px 14px 14px 16px; border-radius: 16px; background: #fff; color: #172033; border: 1px solid #dfe5ef; box-shadow: 0 12px 32px rgb(16 24 40 / 16%);
    opacity: 0; transform: translateY(8px); transition: opacity 0.25s ease, transform 0.25s ease; }
.peNudgeToast.isIn{ opacity: 1; transform: none; }
.peNudgeToast p{ grid-column: 1 / -1; margin: 0; padding-right: 22px; font-size: 15px; line-height: 1.45; color: #172033; }
.peNudgeGo{ justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #0b5fd9; color: #fff !important; font-weight: 700; font-size: 15px; }
.peNudgeGo:hover, .peNudgeGo:focus-visible{ background: #0a4fb6; }
.peNudgeX{ position: absolute; top: 6px; right: 6px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #4a5568; font-size: 22px; line-height: 1; cursor: pointer; }
.peNudgeX:hover, .peNudgeX:focus-visible{ background: #eef2f8; }
@media (max-width: 767px){ .peNudgeToast{ left: 12px; right: 12px; max-width: none; bottom: calc(72px + env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce){ .peNudgeToast{ transition: none; transform: none; } }

.peCheckPrintFoot{ display: none; }
@media print{
    html.pePrintCheck .peCheck.isPrinting .peCheckPrintFoot{ display: block !important; margin-top: 18px; font-size: 11px; color: #444 !important; }
    html.pePrintCheck .peCheck.isPrinting .peCheckGroup:not([open]) > *:not(summary){ display: block !important; }
}

.peCheckGroup li.isDone .peTick{ color: var(--m-blue, #0b5fd9); }
.peCheckGroup li.isDone .peTick svg{ opacity: 1; }
@media print{ .peTick svg{ display: none !important; } .peTick{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 14px; } }

.ftFacts span a{ font: inherit; font-weight: 600; color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ftFacts span a:hover{ color: var(--m-blue, #1452a4); }


.peDesk{ display: none; }
@media (min-width: 1024px){
    .peDesk{ display: block; position: fixed; left: 0; right: 0; top: var(--pe-desk-top, 72px); z-index: 95; background: rgb(255 255 255 / 97%);
             border-bottom: 1px solid rgb(0 0 0 / 9%); box-shadow: 0 6px 18px rgb(0 0 0 / 6%); transform: translateY(-120%); opacity: 0;
             transition: transform 0.3s ease, opacity 0.3s ease; pointer-events: none; }
    .peDesk.isOn{ transform: none; opacity: 1; pointer-events: auto; }
    .peDesk[hidden]{ display: none; }
    .peDeskIn{ max-width: 1280px; margin: 0 auto; padding: 8px 24px; display: flex; align-items: center; gap: 18px; font-size: 14px; color: #0b0b0b; }
    .peDeskCall{ margin: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
    .peDeskCall span{ color: rgb(0 0 0 / 60%); }
    .peDeskCall a{ font-weight: 700; color: #0b0b0b; text-decoration: none; font-variant-numeric: tabular-nums; }
    .peDeskCopy, .peDeskX{ font: inherit; font-size: 12.5px; background: none; border: 1px solid rgb(0 0 0 / 16%); border-radius: 8px; padding: 3px 9px; cursor: pointer; color: #0b0b0b; }
    .peDeskCopy.isDone{ border-color: #0e7a3c; color: #0e7a3c; }
    .peDeskWa{ color: #0e7a3c; font-weight: 700; text-decoration: none; white-space: nowrap; }
    .peDeskForm{ margin-left: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; position: relative; }
    .peDeskForm input{ font: inherit; font-size: 14px; height: 36px; width: 150px; padding: 0 10px; border: 1px solid rgb(0 0 0 / 18%); border-radius: 8px; background: #fff; color: #0b0b0b; }
    .peDeskForm input.isError{ border-color: #c62828; }
    .peDeskForm button{ font: inherit; font-size: 14px; font-weight: 700; height: 36px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--m-blue, #0b5fd9); background: #fff; color: var(--m-blue, #0b5fd9); cursor: pointer; white-space: nowrap; }
    .peDeskForm small{ position: absolute; left: 0; top: 100%; font-size: 11px; color: rgb(0 0 0 / 55%); white-space: nowrap; }
    .peDeskForm small a{ color: inherit; font-size: inherit; }
    .peDesk .peFormDone{ margin-left: auto; font-size: 14px; }
    .peDesk .peFormDone h3{ font-size: 14px; margin: 0; }
    .peDesk .peFormDone p{ display: none; }
    .peDeskPlan{ height: 36px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 8px; background: var(--m-blue, #0b5fd9); color: #fff; font-weight: 700; text-decoration: none; white-space: nowrap; }
    .peDeskX{ border: 0; font-size: 20px; line-height: 1; padding: 2px 6px; color: rgb(0 0 0 / 55%); }
    .peDeskIn{ padding-bottom: 18px; }   
}
@media (min-width: 1024px) and (max-width: 1239px){ .peDeskCall span, .peDeskWa{ display: none; } .peDeskForm input{ width: 128px; } }
:where(html[data-theme="dark"]) .peDesk{ background: rgb(12 12 12 / 96%); border-bottom-color: rgb(255 255 255 / 10%); }
:where(html[data-theme="dark"]) .peDeskIn, :where(html[data-theme="dark"]) .peDeskCall a, :where(html[data-theme="dark"]) .peDeskCopy{ color: #f1ede4; }
:where(html[data-theme="dark"]) .peDeskForm input{ background: #111; color: #f1ede4; border-color: rgb(255 255 255 / 18%); }


.peNew{ padding: 36px 0 40px; border-top: 1px solid rgb(0 0 0 / 8%); }
.peNewIn{ max-width: 1168px; margin: 0 auto; padding: 0 20px; }
.peNewH{ font-size: 18px; font-weight: 700; margin: 0 0 14px; }
.peNewList{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px 28px; }
.peNewList a{ display: block; padding: 6px 0; color: var(--m-blue, #0b5fd9); text-decoration: underline; text-decoration-color: rgb(0 0 0 / 25%); text-underline-offset: 3px; line-height: 1.4; }
.peNewList a:hover{ color: var(--m-blue, #0b5fd9); text-decoration-color: currentColor; }
@media (max-width: 767px){ .peNew{ padding: 28px 0 32px; } .peNewList{ grid-template-columns: 1fr; gap: 0; } .peNewList a{ padding: 10px 0; } }
:where(html[data-theme="dark"]) .peNew{ border-top-color: rgb(255 255 255 / 10%); }


.peDesk, .peNudgeToast, .qcTab, .qcPanel, .qcOverlay{ display: none !important; }


:where(.peStretch){ color: #131313; font-size: 16px; transition: all 0.5s; }
.peStretch{ position: relative; }
.peStretch .peCardLink{ color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; text-decoration: none !important; transition: none; }
.peStretch .peCardLink::after{ content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.peStretch a:not(.peCardLink){ position: relative; z-index: 4; }   
.peStretch .peCardLink:not([href])::after{ content: none; }   
.peStretch .peCardLink:focus-visible{ outline: none; }
.peStretch:focus-within{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }
.peSvcCard.peStretch:hover{ border-color: var(--blue, var(--m-blue, #0b5fd9)); }
body.isM3 .pgCard.peStretch:hover{ transform: translateY(-3px); box-shadow: var(--m-shadow-up) !important; }
body.isM3 .pgCard.peStretch:hover .pgCardIcon svg{ transform: rotate(-10deg) scale(1.12); }
@media (prefers-reduced-motion: reduce){ body.isM3 .pgCard.peStretch:hover .pgCardIcon svg{ transform: none; } }

.peErr{ display: block; margin: 2px 0 0; font: 600 13px/1.4 var(--m-font, "Plus Jakarta Sans", system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: #b3261e; }
.peHint{ display: block; margin: 0; font: 500 12px/1.4 var(--m-font, "Plus Jakarta Sans", system-ui, sans-serif); letter-spacing: normal; text-transform: none; color: var(--m-ink-3, #6b7489); }
:where(html[data-theme="dark"]) .peErr{ color: #ff8a80; }
:where(html[data-theme="dark"]) .peHint{ color: rgb(241 237 228 / 62%); }
body:not(.isM3) .pgForm .peErr{ color: #ff8a80; }
body:not(.isM3) .pgForm .peHint{ color: rgb(241 237 228 / 62%); }
.peSheet .peErr, .peSheet .peHint, .m3QuickForm .peErr, .m3QuickForm .peHint{ margin-top: -2px; }
@media (min-width: 1024px){
    .peDeskForm .peHint{ display: none; }
    .peDeskForm .peErr{ position: absolute; left: 0; top: auto; bottom: calc(100% + 4px); padding: 2px 8px; border-radius: 6px; background: #fff; font-size: 12px; white-space: nowrap; box-shadow: 0 2px 8px rgb(0 0 0 / 12%); }
}

.peSheet .peSheetPanel{ scroll-padding-bottom: 130px; padding-bottom: 0; }
.peSheet .peSheetSub{ margin-bottom: 12px !important; font-size: 14px !important; }
.peSheet .peSheetForm, .peSheet .peSheetMore{ gap: 10px; }
.peSheet .peSheetForm label{ gap: 4px; font-size: 13px !important; }
.peSheet .peSheetForm input:not([type=hidden]), .peSheet .peSheetForm select{ height: 46px; }
.peSheet .peSheetForm select{ background-position: calc(100% - 20px) 20px, calc(100% - 14px) 20px !important; }
.peSheet .peSheetFoot{ position: sticky; bottom: 0; z-index: 2; display: grid; gap: 6px; margin: 0 -18px; padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    background: #fff; box-shadow: 0 -8px 16px -10px rgb(16 24 40 / 30%); }
.peSheet .peSheetFoot .peSheetGo{ margin-top: 0; }
.peSheet .peSheetTalk{ margin: 0 !important; text-align: center; font: 500 14px/1.4 var(--m-font, sans-serif) !important; color: var(--m-ink-2, #46506a) !important; }
.peSheet .peSheetTalk a{ font-weight: 700; color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }
.peSheet .peSheetNote{ padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
.peSheet .peFormDone{ margin-bottom: 20px; }

.peRisk{ margin: 8px 0 0 !important; font: 600 13px/1.45 var(--m-font, "Plus Jakarta Sans", system-ui, sans-serif) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink-2, #46506a); }
.pgHero .peRisk{ margin-top: 10px !important; }
form .peRisk{ margin-top: -4px !important; }
:where(html[data-theme="dark"]) .peRisk, body:not(.isM3) .peRisk{ color: rgb(241 237 228 / 75%); }
.peOffer{ margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 6px; }
.peOffer li{ position: relative; padding-left: 22px; font: 500 15px/1.45 var(--m-font, sans-serif); color: var(--m-ink, #1b2333); }
.peOffer li::before{ content: ""; position: absolute; left: 2px; top: 0.45em; width: 10px; height: 6px; border-left: 2px solid #1ea952; border-bottom: 2px solid #1ea952; transform: rotate(-45deg); }
form .peOffer{ margin: 0; }
.peSample{ margin: 0 0 14px; border: 1px solid var(--m-line, #e3e8f0); border-radius: 12px; background: var(--m-surface, #f5f7fb); }
form .peSample{ margin: 0; }
.peSample > summary{ display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; list-style: none; font: 700 14px/1.3 var(--m-font, sans-serif); color: var(--m-blue, #0b5fd9); }
.peSample > summary::-webkit-details-marker{ display: none; }
.peSampleDoc{ flex: none; width: 28px; height: 36px; border-radius: 4px; background: #fff; border: 1px solid var(--m-line, #e3e8f0);
    background-image: linear-gradient(var(--m-line, #e3e8f0) 2px, transparent 2px); background-size: 100% 6px; background-position: 0 8px; background-clip: content-box; padding: 6px 5px; box-sizing: border-box; }
.peSampleBody{ max-height: 60vh; overflow: auto; padding: 0 14px 14px; font-size: 14px; }
.peSampleDocBody section{ padding: 0 !important; margin: 0 0 12px !important; background: none !important; }
.peSampleDocBody .pgWrap{ padding: 0 !important; max-width: none !important; }
.peAuditGo{ margin: 0 0 4px !important; }
.peAuditGo .pgBtn{ width: 100%; justify-content: center; }
.peAuditLine{ margin: 12px 0 0 !important; font: 500 14px/1.5 var(--m-font, sans-serif) !important; color: var(--m-ink-2, #46506a); }
.peAuditLine a{ color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }
.peAuditWrap{ padding-top: 0; padding-bottom: 8px; }

.peAuditBlock .d354TalkGrid{ grid-template-columns: minmax(0, 720px); }
.peAuditOffer{ display: grid; gap: 12px; align-content: start; }
.peAuditOffer .peOffer, .peAuditOffer .peAuditGo{ margin: 0 !important; }
.peAuditOffer .peAuditGo .pgBtn{ width: auto; }
@media (max-width: 767px){ .peAuditOffer .peAuditGo .pgBtn{ width: 100%; } }
.peAuditTalk{ margin: 0 !important; font: 500 15px/1.5 var(--m-font, sans-serif) !important; color: var(--m-ink-2, #46506a); }
.peAuditTalk a{ font-weight: 700; color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }

/* look/m3.css */
@font-face{ font-family: "PJ Fallback"; font-weight: 400; src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
    size-adjust: 104.9%; ascent-override: 99.1%; descent-override: 21.0%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 500; src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
    size-adjust: 106.1%; ascent-override: 98.0%; descent-override: 20.7%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 600; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold"), local("Liberation Sans Bold");
    size-adjust: 100.0%; ascent-override: 104.0%; descent-override: 22.0%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 700; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold"), local("Liberation Sans Bold");
    size-adjust: 101.0%; ascent-override: 103.0%; descent-override: 21.8%; line-gap-override: 0%; }
@font-face{ font-family: "PJ Fallback"; font-weight: 800; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold"), local("Liberation Sans Bold");
    size-adjust: 102.1%; ascent-override: 101.9%; descent-override: 21.5%; line-gap-override: 0%; }

:root{
    --m-font: "Plus Jakarta Sans", "PJ Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
    --m-paper: #ffffff; --m-surface: #f5f7fb; --m-line: #e3e8f0;
    --m-ink: #1b2333; --m-ink-2: #46506a; --m-ink-3: #6b7489;
    --m-blue: #0b5fd9; --m-blue-ink: #ffffff; --m-blue-soft: #e5f0ff;
    --t-sky: #e5f0ff;      --i-sky: #0b4a9e;
    --t-mint: #dcf5e9;     --i-mint: #0e6b44;
    --t-peach: #ffe7da;    --i-peach: #9a3b0e;
    --t-lavender: #ece7ff; --i-lavender: #4e35a6;
    --t-butter: #fff3c9;   --i-butter: #765600;
    --t-rose: #ffe4ee;     --i-rose: #9b1e4f;
    --t-teal: #d9f3f2;     --i-teal: #0d6464;
    --tint: var(--t-sky); --tint-ink: var(--i-sky);
    --m-r-lg: 24px; --m-r: 18px; --m-r-sm: 12px;
    --m-shadow: 0 1px 2px rgb(27 35 51 / 6%), 0 2px 8px rgb(27 35 51 / 5%);
    --m-shadow-up: 0 6px 18px rgb(27 35 51 / 10%), 0 2px 4px rgb(27 35 51 / 6%);
}
body.isM3[data-tint="sky"]{ --tint: var(--t-sky); --tint-ink: var(--i-sky); }
body.isM3[data-tint="mint"]{ --tint: var(--t-mint); --tint-ink: var(--i-mint); }
body.isM3[data-tint="peach"]{ --tint: var(--t-peach); --tint-ink: var(--i-peach); }
body.isM3[data-tint="lavender"]{ --tint: var(--t-lavender); --tint-ink: var(--i-lavender); }
body.isM3[data-tint="butter"]{ --tint: var(--t-butter); --tint-ink: var(--i-butter); }
body.isM3[data-tint="rose"]{ --tint: var(--t-rose); --tint-ink: var(--i-rose); }
body.isM3[data-tint="teal"]{ --tint: var(--t-teal); --tint-ink: var(--i-teal); }


html.isM3, body.isM3{ background: var(--m-paper) !important; color: var(--m-ink) !important; }
body.isM3, body.isM3 :where(*:not(i):not(.fa):not([class*="fa-"]):not(code):not(svg):not(svg *)){
    font-family: var(--m-font) !important; font-stretch: normal !important; font-variation-settings: normal !important; }
body.isM3 :where(h1, h2, h3, h4, .pgTitle, .pgHeroTitle, .ctaTitle, .faqTitle, .pgEyebrow, .pgHeroSub, .pgCrumb, .pgRowHead,
    .menuWrap a, .menuCta, .pgBtn, .peByline, .peByline span, .ftSiteTitle, .ftTitle, .faqQ i, .pgCardNum, .peHookBtn, .peProofMore,
    .ctaBtn, .ftPlanBtn, .ftCopyBtn, .ctaEyebrow, .ftCtaEyebrow, .peTag, .pePriceSub, .peNextNum, .pgStepNum, .ftReachLabel, .ftClock){
    text-transform: none !important; letter-spacing: normal !important; }
body.isM3 :where(p, li, td, th, dd, .pgText, .pgProse p){ color: var(--m-ink-2); }
body.isM3 :where(p, li){ line-height: 1.65; }
body.isM3 h1, body.isM3 h2, body.isM3 h3, body.isM3 .pgTitle, body.isM3 .pgHeroTitle{ color: var(--m-ink) !important; }
body.isM3 .pgTitle em, body.isM3 .pgHeroTitle em, body.isM3 .ctaTitle em, body.isM3 .faqTitle em, body.isM3 .ctaTitle .outline{
    font-style: normal !important; color: inherit !important; -webkit-text-stroke: 0 !important; }
body.isM3 .pgTitle .pgLine, body.isM3 .pgTitle .pgIn, body.isM3 .pgHeroTitle .pgHeroLine, body.isM3 .pgHeroTitle .pgHeroIn,
body.isM3 .ctaTitle .ctaLine, body.isM3 .ctaTitle .ctaIn{ display: inline !important; overflow: visible !important; white-space: normal !important; }
body.isM3 .pgTitle .pgLine + .pgLine::before, body.isM3 .pgHeroTitle .pgHeroLine + .pgHeroLine::before,
body.isM3 .ctaTitle .ctaLine + .ctaLine::before{ content: " "; }
body.isM3 .pgHeroTitle[data-dot] .pgHeroLine:last-child .pgHeroIn::after{ content: none !important; }
body.isM3 .pgTitle{ font-size: clamp(26px, 2.6vw, 38px) !important; font-weight: 800 !important; line-height: 1.18 !important; letter-spacing: -0.02em !important; max-width: 16.8em;    }
body.isM3 .pgText, body.isM3 .pgHead > p{ font-size: 17px !important; max-width: 62ch; }


body.isM3 .pgEyebrow{ display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; padding: 5px 12px !important; margin-bottom: 14px !important;
    border-radius: 999px; background: var(--tint); color: var(--tint-ink) !important; font-size: 13px !important; font-weight: 700 !important; }
body.isM3 .pgEyebrow::before, body.isM3 .pgEyebrow::after{ display: none !important; }
body.isM3 .pgEyebrow > i{ display: none !important; }


body.isM3 main > section{ background: transparent !important; border: 0 !important; }
body.isM3 main > section:not(.pgHero):not(.ctaWrap):not(.peHook):not(.peLesson):not(.peBand):not(.peBrandNote):not(.m3Belief){ padding-top: clamp(40px, 5vw, 72px) !important; padding-bottom: clamp(40px, 5vw, 72px) !important; }
body.isM3 main > section.isAlt, body.isM3 main > .peProof, body.isM3 main > .peNext{ background: var(--m-surface) !important; }
body.isM3 .pgWrap{ max-width: 1160px; }
body.isM3 .pgHead{ text-align: left !important; margin-left: 0 !important; }


body.isM3 .headerWrap, body.isM3 .headerWrap.isSticky{ background: rgb(255 255 255 / 92%) !important; backdrop-filter: blur(12px); border-bottom: 1px solid var(--m-line) !important; padding-top: 6px !important; padding-bottom: 6px !important; }
body.isM3 .headerWrap .headerInner .menuWrap{ background: transparent !important; border: 0 !important; backdrop-filter: none !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li > a{ color: var(--m-ink) !important; font-size: 15px !important; font-weight: 600 !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li > a:hover, body.isM3 .headerWrap .headerInner .menuWrap > ul > li.isActive > a{ color: var(--m-blue) !important; }
body.isM3 .headerWrap .headerInner .menuWrap .menuCta, body.isM3 .menuCta{ background: var(--m-blue) !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; border-radius: 999px !important; height: 44px; padding: 0 22px !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu{ background: #fff !important; border: 1px solid var(--m-line) !important; border-radius: var(--m-r) !important; box-shadow: var(--m-shadow-up) !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu li a{ color: var(--m-ink) !important; font-size: 14px !important; }
body.isM3 .peMega .megaHead{ color: var(--m-ink) !important; font-size: 14px !important; border-bottom-color: var(--m-line) !important; }
body.isM3 .peMega li a small, body.isM3 .peMega .megaPromise{ color: var(--m-ink-3) !important; }
body.isM3 .peNavIcon, body.isM3 .peHeadCall{ background: var(--m-surface) !important; border-color: var(--m-line) !important; color: var(--m-ink) !important; border-radius: 999px !important; }
body.isM3 .peNavIcon.isWa, body.isM3 .peHeadCall.isWa{ color: #0e7a3c !important; }
body.isM3 .themeToggle, body.isM3 [class*="themeSwitch"], body.isM3 .peTheme{ display: none !important; }


body.isM3 .pgBtn, body.isM3 .ctaBtn, body.isM3 .ftPlanBtn, body.isM3 .peHookBtn{ border-radius: 999px !important; font-size: 15px !important; font-weight: 700 !important; min-height: 48px; padding: 0 24px !important;
    display: inline-flex !important; align-items: center; gap: 8px; box-shadow: none !important; }
body.isM3 .pgBtn.primary, body.isM3 .ctaBtn.solid, body.isM3 .ftPlanBtn, body.isM3 .peHookBtn{ background: var(--m-blue) !important; border-color: var(--m-blue) !important; color: #fff !important; }
body.isM3 .pgBtn.ghost, body.isM3 .ctaBtn:not(.solid){ background: #fff !important; border: 1px solid var(--m-line) !important; color: var(--m-blue) !important; }
body.isM3 .pgBtn:hover, body.isM3 .ctaBtn:hover{ filter: brightness(0.96); }
body.isM3 .btnArrow{ display: none; }


body.isM3 .pgHero{ min-height: 0 !important; height: auto !important; padding: 128px 0 56px !important; background: linear-gradient(180deg, var(--m-surface), #fff) !important; overflow: hidden; }
body.isM3 .pgHero .pgCircle{ display: none !important; }
body.isM3 .pgHero .pgHeroInner{ max-width: 1160px !important; margin: 0 auto !important; padding: 0 24px !important; text-align: left !important; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); column-gap: 48px; align-items: center; }
body.isM3 .pgHero .pgHeroInner > *{ grid-column: 1; justify-self: start !important; text-align: left !important; margin-left: 0 !important; }
body.isM3 .pgHero .pgHeroInner > .m3Tiles{ grid-column: 2; grid-row: 1 / span 8; justify-self: stretch !important; }
body.isM3 .pgCrumb{ font-size: 13px !important; color: var(--m-ink-3) !important; }
body.isM3 .pgCrumb a{ color: var(--m-ink-3) !important; }
body.isM3 .pgHeroSub{ display: flex !important; flex-wrap: wrap; gap: 8px; margin: 14px 0 10px !important; font-size: 13px !important; font-weight: 600 !important; }
body.isM3 .pgHeroSub span{ padding: 5px 12px; border-radius: 999px; background: var(--tint); color: var(--tint-ink); }
body.isM3 .pgHeroSub i{ display: none !important; }
body.isM3 .pgHeroTitle{ font-size: clamp(34px, 4.6vw, 60px) !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; max-width: 11.2em;    margin: 6px 0 16px !important; }
body.isM3 .pgHeroLead{ font-size: 19px !important; line-height: 1.6 !important; color: var(--m-ink-2) !important; max-width: 38em !important;    margin: 0 0 22px !important; }
body.isM3 .pgHeroLead em, body.isM3 .pgHeroLead strong{ color: var(--m-ink) !important; font-style: normal; }
body.isM3 .pgHeroBtns, body.isM3 .pgHero .pgBtns{ justify-content: flex-start !important; gap: 10px !important; }
body.isM3 .peByline{ justify-content: flex-start !important; font-size: 13px !important; color: var(--m-ink-3) !important; opacity: 1 !important; margin-top: 18px !important; }
body.isM3 .peAdviceNote{ text-align: left; margin-left: 0; }
.m3Tiles{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; aspect-ratio: 1 / 1; max-width: 420px; margin-left: auto; }
.m3Tile{ border-radius: var(--m-r-lg); display: flex; align-items: center; justify-content: center; font-size: clamp(22px, 2.6vw, 34px); }
.m3Tile:nth-child(1){ grid-column: span 2; border-radius: var(--m-r-lg) var(--m-r-lg) var(--m-r-lg) 6px; }
.m3Tile:nth-child(4){ grid-row: span 2; border-radius: 999px; }
.m3Tile:nth-child(5){ border-radius: 50%; }
.m3Tile:nth-child(6){ grid-column: span 2; }
.m3Tile i{ transition: transform 0.4s ease; }
.m3Tile:hover i{ transform: scale(1.12) rotate(-6deg); }


.m3Toc{ position: sticky; top: var(--m3-top, 72px); z-index: 20; background: rgb(255 255 255 / 94%); backdrop-filter: blur(10px); border-bottom: 1px solid var(--m-line); }
.m3TocInner{ max-width: 1160px; margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.m3TocInner::-webkit-scrollbar{ display: none; }
.m3TocLabel{ flex: 0 0 auto; font-size: 13px; font-weight: 700; color: var(--m-ink-3); margin-right: 4px; }
.m3Toc a{ flex: 0 0 auto; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--m-line); background: #fff; color: var(--m-ink-2); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.m3Toc a:hover{ border-color: var(--tint-ink); color: var(--tint-ink); }
.m3Toc a.isOn{ background: var(--tint); border-color: transparent; color: var(--tint-ink); }


body.isM3 .pgCard, body.isM3 .peSvcCard{ background: #fff !important; border: 1px solid var(--m-line) !important; border-radius: var(--m-r) !important; box-shadow: var(--m-shadow) !important;
    padding: 22px !important; transition: transform 0.25s ease, box-shadow 0.25s ease; min-height: 0 !important; }
body.isM3 a.pgCard:hover, body.isM3 .peSvcCard:hover{ transform: translateY(-3px); box-shadow: var(--m-shadow-up) !important; }
body.isM3 .pgCard h3, body.isM3 .peSvcCard h3{ font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 12px 0 6px !important; }
body.isM3 .pgCard p, body.isM3 .peSvcCard p{ font-size: 15px !important; color: var(--m-ink-2) !important; }
body.isM3 .pgCardNum{ display: none !important; }
body.isM3 .pgCardIcon, body.isM3 .peSvcCard .peSvcIcon, body.isM3 .peSvcCard > i:first-child{ width: 48px; height: 48px; border-radius: 14px; display: inline-flex !important; align-items: center; justify-content: center; }
body.isM3 .pgCardIcon svg{ width: 24px; height: 24px; }
body.isM3 .pgCardGo{ color: var(--m-ink-3) !important; }

body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+1){ --c: var(--t-sky); --ci: var(--i-sky); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+2){ --c: var(--t-mint); --ci: var(--i-mint); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+3){ --c: var(--t-peach); --ci: var(--i-peach); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+4){ --c: var(--t-lavender); --ci: var(--i-lavender); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+5){ --c: var(--t-butter); --ci: var(--i-butter); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+6){ --c: var(--t-rose); --ci: var(--i-rose); }
body.isM3 :is(.pgGrid, .peSvcGrid, .pgCardsGrid, .peSvcRow) > :nth-child(7n+7){ --c: var(--t-teal); --ci: var(--i-teal); }
body.isM3 .pgCardIcon, body.isM3 .peSvcCard > i:first-child, body.isM3 .peSvcCard .peSvcIcon{ background: var(--c, var(--tint)) !important; color: var(--ci, var(--tint-ink)) !important; }
body.isM3 .pgCard.isLink:hover, body.isM3 .peSvcCard:hover{ border-color: var(--ci, var(--tint-ink)) !important; }
body.isM3 .pePlatform, body.isM3 .pePlatforms span, body.isM3 [class*="peChip"]{ border-radius: 999px !important; background: var(--m-surface) !important; border-color: var(--m-line) !important; color: var(--m-ink-2) !important; }


body.isM3 .pgIntroLead{ font-size: 20px !important; line-height: 1.55 !important; color: var(--m-ink) !important; background: var(--tint); border-radius: var(--m-r-lg); padding: 22px 24px !important; font-weight: 500 !important; }
body.isM3 .pgIntroGrid{ align-items: start !important; }


body.isM3 .peProofList{ display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; border: 0 !important; }
body.isM3 .peProofItem{ border: 0 !important; border-radius: var(--m-r) !important; padding: 20px !important; }
body.isM3 .peProofItem:nth-child(4n+1){ background: var(--t-sky); --ci: var(--i-sky); }
body.isM3 .peProofItem:nth-child(4n+2){ background: var(--t-mint); --ci: var(--i-mint); }
body.isM3 .peProofItem:nth-child(4n+3){ background: var(--t-peach); --ci: var(--i-peach); }
body.isM3 .peProofItem:nth-child(4n+4){ background: var(--t-lavender); --ci: var(--i-lavender); }
body.isM3 .peProofItem b{ color: var(--ci) !important; font-size: clamp(30px, 3vw, 42px) !important; font-weight: 800 !important; letter-spacing: -0.02em; }
body.isM3 .peProofItem span{ color: var(--m-ink-2) !important; font-size: 14px !important; }
body.isM3 .peProofMore{ color: var(--m-blue) !important; font-weight: 700 !important; }


body.isM3 .pgStepList, body.isM3 .peNextList{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: 14px !important; counter-reset: none; }
body.isM3 .pgStep, body.isM3 .peNextStep{ background: #fff !important; border: 1px solid var(--m-line) !important; border-radius: var(--m-r) !important; padding: 22px !important; box-shadow: var(--m-shadow); }
body.isM3 .pgStepNum, body.isM3 .peNextNum{ display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%;
    background: var(--tint) !important; color: var(--tint-ink) !important; font-size: 15px !important; font-weight: 800 !important; margin-bottom: 10px; }
body.isM3 .pgStep h3, body.isM3 .peNextStep h3{ font-size: 18px !important; font-weight: 700 !important; }
body.isM3 .pgStep::before, body.isM3 .pgStep::after, body.isM3 .peNextStep::before, body.isM3 .peNextStep::after{ display: none !important; }


body.isM3 .peDeeperBox, body.isM3 .peSecFold{ background: #fff !important; border: 1px solid var(--m-line) !important; border-radius: var(--m-r) !important; box-shadow: var(--m-shadow); overflow: hidden; }
body.isM3 .peDeeperBox > summary{ padding: 18px 22px !important; font-size: 18px !important; font-weight: 700 !important; color: var(--m-ink) !important; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.isM3 .peDeeperBox > summary::after{ content: "" !important; width: 10px; height: 10px; border-right: 2px solid var(--tint-ink); border-bottom: 2px solid var(--tint-ink); transform: rotate(45deg); transition: transform 0.25s; flex: 0 0 auto; }
body.isM3 .peDeeperBox[open] > summary::after{ transform: rotate(-135deg); }
body.isM3 .peDeeperBox[open] > summary{ background: var(--tint); }
body.isM3 .peDeeperBox > .pgProse{ padding: 6px 22px 20px !important; }
body.isM3 main > .peDeeper{ padding-top: 10px !important; padding-bottom: 10px !important; }


body.isM3 .peHook{ padding: 12px 0 !important; }
body.isM3 .peHookLine{ background: var(--m-blue-soft) !important; color: var(--m-ink) !important; border-radius: var(--m-r-lg) !important; padding: 18px 22px !important; font-size: 16px !important; }
body.isM3 .peLessonBox{ background: var(--t-butter) !important; border: 0 !important; border-radius: var(--m-r-lg) !important; padding: 22px !important; }
body.isM3 .peLessonBox > i{ color: var(--i-butter) !important; background: #fff; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
body.isM3 .peLessonText{ color: var(--m-ink) !important; }
body.isM3 .peLessonSrc{ color: var(--m-ink-3) !important; }
body.isM3 .peBrandNote p{ color: var(--m-ink-3) !important; font-size: 13px !important; }


body.isM3 .pePriceFrom{ background: #fff; border-radius: var(--m-r); padding: 18px 20px; border: 1px solid var(--m-line); color: var(--m-ink) !important; }
body.isM3 .pePriceFactors{ display: flex !important; flex-wrap: wrap; gap: 8px !important; list-style: none !important; padding: 0 !important; }
body.isM3 .pePriceFactors li{ background: #fff; border: 1px solid var(--m-line); border-radius: 999px; padding: 8px 14px !important; font-size: 14px !important; }
body.isM3 .pePriceFactors li::before{ display: none !important; }
body.isM3 .peTable{ border-radius: var(--m-r) !important; overflow: hidden; border: 1px solid var(--m-line) !important; background: #fff; }
body.isM3 .peTable th{ background: var(--m-surface) !important; color: var(--m-ink) !important; font-weight: 700 !important; }
body.isM3 .peTable td, body.isM3 .peTable th{ border-color: var(--m-line) !important; }


body.isM3 .pgRows{ display: flex !important; flex-wrap: wrap; gap: 8px !important; }
body.isM3 .pgRows li{ border: 0 !important; }
body.isM3 .pgRow{ display: inline-flex !important; align-items: center; gap: 8px; padding: 9px 14px !important; border-radius: 999px !important; background: var(--m-surface) !important; border: 1px solid var(--m-line) !important; color: var(--m-ink) !important; font-size: 14px !important; font-weight: 600 !important; }
body.isM3 .pgRow > i{ display: none !important; }
body.isM3 .pgRow:hover{ background: var(--tint) !important; color: var(--tint-ink) !important; }
body.isM3 .pgRowHead{ color: var(--m-ink) !important; font-size: 15px !important; font-weight: 700 !important; }


body.isM3 .ctaWrap{ background: var(--m-surface) !important; padding: clamp(48px, 6vw, 88px) 0 !important; }
body.isM3 .ctaWrap .ctaSide{ background: var(--m-blue); border-radius: var(--m-r-lg); padding: clamp(24px, 3vw, 40px) !important; }
body.isM3 .ctaWrap .ctaSide *, body.isM3 .ctaWrap .ctaTitle{ color: #fff !important; }
body.isM3 .ctaWrap .ctaTitle{ font-size: clamp(28px, 3vw, 40px) !important; font-weight: 800 !important; line-height: 1.15 !important; }
body.isM3 .ctaWrap .ctaSide .ctaBtn.solid{ background: #fff !important; color: var(--m-blue) !important; border-color: #fff !important; }
body.isM3 .ctaWrap .ctaSide .ctaBtn:not(.solid){ background: transparent !important; color: #fff !important; border-color: rgb(255 255 255 / 55%) !important; }
body.isM3 .faqTitle{ font-size: clamp(24px, 2.4vw, 32px) !important; font-weight: 800 !important; }
body.isM3 .faqItem{ background: #fff; border: 1px solid var(--m-line) !important; border-radius: var(--m-r) !important; margin-bottom: 10px !important; overflow: hidden; }
body.isM3 .faqQ{ padding: 16px 18px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--m-ink) !important; }
body.isM3 .faqQ > i{ display: none !important; }
body.isM3 .faqA p{ padding: 0 18px 16px; }


body.isM3 .ftWrap{ background: var(--m-surface) !important; color: var(--m-ink) !important; }
body.isM3 .ftWrap :is(p, span, li, a, h2, h3, b){ color: var(--m-ink-2) !important; }
body.isM3 .ftSiteTitle, body.isM3 .ftTitle{ color: var(--m-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
body.isM3 .ftMail{ color: var(--m-ink) !important; font-weight: 800 !important; }
body.isM3 .ftMark{ display: none !important; }
body.isM3 .ftChip{ border-radius: 999px !important; background: #fff !important; border-color: var(--m-line) !important; }


@media (prefers-reduced-motion: no-preference){
    html.m3Js body.isM3 main > section.m3Rev{ opacity: 0; transform: translateY(16px); transition: opacity 0.55s ease, transform 0.55s ease; }
    html.m3Js body.isM3 main > section.m3Rev.m3In{ opacity: 1; transform: none; }
    html.m3Js .m3Tile{ opacity: 0; transform: scale(0.85); animation: m3Pop 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }
    html.m3Js .m3Tile:nth-child(2){ animation-delay: 0.08s; } html.m3Js .m3Tile:nth-child(3){ animation-delay: 0.16s; }
    html.m3Js .m3Tile:nth-child(4){ animation-delay: 0.24s; } html.m3Js .m3Tile:nth-child(5){ animation-delay: 0.32s; }
    html.m3Js .m3Tile:nth-child(6){ animation-delay: 0.4s; }
}
@keyframes m3Pop{ to{ opacity: 1; transform: none; } }


@media (max-width: 991px){
    body.isM3 .pgHero{ padding: 96px 0 36px !important; }
    body.isM3 .pgHero .pgHeroInner{ grid-template-columns: 1fr; }
    body.isM3 .pgHero .pgHeroInner > .m3Tiles{ grid-column: 1; grid-row: auto; max-width: 100%; aspect-ratio: auto; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 22px 0 0; }
    body.isM3 .m3Tile{ height: 56px; grid-column: auto !important; grid-row: auto !important; font-size: 20px; }
    body.isM3 .peProofList{ grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 767px){
    body.isM3 .pgHeroTitle{ font-size: 34px !important; }
    body.isM3 .pgHeroLead{ font-size: 17px !important; }
    body.isM3 .pgTitle{ font-size: 26px !important; }
    body.isM3 .pgIntroLead{ font-size: 18px !important; padding: 18px !important; }
    .m3TocInner{ padding: 8px 16px; }
    .m3TocLabel{ display: none; }
}


body.isM3 .pgStep, body.isM3 .peNextStep{ display: block !important; grid-template-columns: none !important; min-height: 0 !important; height: auto !important; }
body.isM3 .pgStep > *, body.isM3 .peNextStep > *{ width: auto !important; max-width: none !important; grid-column: auto !important; position: static !important; writing-mode: horizontal-tb !important; }
body.isM3 .pgStep h3, body.isM3 .peNextStep h3{ margin: 0 0 6px !important; }
body.isM3 .pgStep p, body.isM3 .peNextStep p{ font-size: 15px !important; margin: 0 !important; }
body.isM3 .faqQ{ display: flex !important; align-items: center; justify-content: space-between; gap: 14px; width: 100%; text-align: left; grid-template-columns: none !important; }
body.isM3 .faqQ > span{ flex: 1 1 auto; min-width: 0; }
body.isM3 .faqQ > b{ flex: 0 0 auto; }
body.isM3 .pePriceFrom{ display: block !important; max-width: 70ch; font-size: 16px !important; }
body.isM3 .pePriceSub{ font-size: 16px !important; font-weight: 700 !important; color: var(--m-ink) !important; margin: 22px 0 10px !important; }
body.isM3 .ftMail{ font-size: clamp(22px, 3vw, 36px) !important; }
body.isM3 .ftCtaInner{ background: #fff; border-radius: var(--m-r-lg); padding: clamp(20px, 3vw, 36px) !important; border: 1px solid var(--m-line); }
body.isM3 .ftWrap .ftPlanBtn, body.isM3 .ftWrap .ftPlanBtn *{ color: #fff !important; }
body.isM3 .ftWrap .ftCopyBtn, body.isM3 .ftWrap .ftCopyBtn *{ color: var(--m-blue) !important; }

html body.isM3 .peFold{ display: none !important; }
body.isM3 .peSecFold .pgHead::after, body.isM3 .peSecFold .pgStateSide::after{ color: var(--tint-ink) !important; font-family: var(--m-font) !important; }
@media (max-width: 767px){
    body.isM3 main > section:not(.pgHero):not(.ctaWrap):not(.peHook):not(.peLesson):not(.peBand):not(.peBrandNote):not(.m3Belief):not(.peSecFold){ padding-top: 32px !important; padding-bottom: 32px !important; }
    body.isM3 .pgCard, body.isM3 .peSvcCard, body.isM3 .pgStep, body.isM3 .peNextStep{ padding: 18px !important; }
}
body.isM3 .pgWrap{ max-width: 1160px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; }
body.isM3 .pgScrollCue{ display: none !important; }
@media (min-width: 992px){ body.isM3 .peSvcGrid{ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; } }
@media (max-width: 767px){ body.isM3 .pgWrap{ padding-left: 16px !important; padding-right: 16px !important; } }

body.isM3 .pgHero .pgHeroInner{ width: 100% !important; box-sizing: border-box; }


svg.ms{ width: 1.25em; height: 1.25em; fill: currentColor; vertical-align: -0.25em; flex: 0 0 auto; }
body.isM3 .pgCardIcon svg.ms{ width: 26px; height: 26px; }


body.isM3 .pgHero .pgHeroInner > .m3Illo{ grid-column: 2; grid-row: 1 / span 9; justify-self: stretch !important; align-self: center; }
.m3Draw{ display: block; width: 100%; max-width: 460px; height: auto; margin-left: auto; }
@media (prefers-reduced-motion: no-preference){
    .m3Draw .m3dC{ animation: m3Float 6s ease-in-out infinite; }
    .m3Draw .m3dD{ animation: m3Float 7s ease-in-out -2s infinite; }
    .m3Draw .m3dE{ animation: m3Float 5.5s ease-in-out -1s infinite; }
    html.m3Js .m3Draw{ animation: m3In 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
}
@keyframes m3Float{ 50%{ transform: translateY(-6px); } }
@keyframes m3In{ from{ opacity: 0; transform: translateY(10px) scale(0.98); } }


.m3Chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.m3Chip{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 9px; border-radius: 999px; background: #fff; border: 1px solid var(--m-line);
    font-size: 13px; font-weight: 600; color: var(--m-ink-2); }
.m3Chip svg.ms{ color: var(--tint-ink); width: 18px; height: 18px; vertical-align: 0; }


body.isM3 main > .m3TabsWrap{ padding-top: clamp(32px, 4vw, 56px) !important; padding-bottom: clamp(32px, 4vw, 56px) !important; }
.m3Tabs{ display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--m-surface); border: 1px solid var(--m-line); overflow-x: auto; scrollbar-width: none; max-width: 100%; width: max-content; }
.m3Tabs::-webkit-scrollbar{ display: none; }
.m3Tab{ flex: 0 0 auto; border: 0; background: transparent; padding: 10px 16px; border-radius: 999px; font: 600 14px/1.2 var(--m-font); color: var(--m-ink-2); cursor: pointer; white-space: nowrap; max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
.m3Tab:hover{ color: var(--tint-ink); }
.m3Tab.isOn{ background: #fff; color: var(--tint-ink); box-shadow: var(--m-shadow); }
.m3Tab:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; }
.m3Panels{ margin-top: 16px; background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); box-shadow: var(--m-shadow); padding: clamp(18px, 2.4vw, 30px); }
html.m3Js .m3Panel:not(.isOn){ display: none; }
.m3PanelTitle{ font-size: 20px !important; font-weight: 800 !important; margin: 0 0 10px !important; }
html.m3Js .m3PanelTitle{ display: none; }
.m3Panel .pgProse > *:first-child{ margin-top: 0; }


html.m3Js .m3Clamp:not(.isOpen) > :not(:first-child){ display: none !important; }
html.m3Js .m3Clamp:not(.isOpen) > :first-child{ display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html.m3Js .m3Clamp2:not(.isOpen){ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.m3Js .m3Rest:not(.isOpen){ display: none; }
.m3More{ display: none; }
html.m3Js .m3More{ display: inline-flex; align-items: center; gap: 4px; margin: 8px 0 0; padding: 6px 2px; border: 0; background: none; font: 700 14px/1.2 var(--m-font); color: var(--m-blue); cursor: pointer; }
html.m3Js .m3More::after{ content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: transform 0.2s; }
html.m3Js .m3More[aria-expanded="true"]::after{ transform: rotate(-135deg) translate(-1px, -1px); }


.m3DocCard{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); box-shadow: var(--m-shadow); padding: clamp(18px, 2.4vw, 28px); margin: 0 0 14px; }
.m3DocCard > h2{ font-size: clamp(20px, 2vw, 26px) !important; font-weight: 800 !important; margin: 0 0 8px !important; }
.m3DocCard:nth-child(7n+1){ border-top: 4px solid var(--t-sky); } .m3DocCard:nth-child(7n+2){ border-top: 4px solid var(--t-mint); }
.m3DocCard:nth-child(7n+3){ border-top: 4px solid var(--t-peach); } .m3DocCard:nth-child(7n+4){ border-top: 4px solid var(--t-lavender); }
.m3DocCard:nth-child(7n+5){ border-top: 4px solid var(--t-butter); } .m3DocCard:nth-child(7n+6){ border-top: 4px solid var(--t-rose); }
.m3DocCard:nth-child(7n+7){ border-top: 4px solid var(--t-teal); }


ul.m3Rows{ list-style: none !important; padding: 0 !important; margin: 12px 0 !important; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
ul.m3Rows .m3RowText{ min-width: 0; overflow-wrap: anywhere; }
ul.m3Rows > li{ display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--m-r-sm); background: var(--m-surface); line-height: 1.5; }
ul.m3Rows > li::before{ display: none !important; content: none !important; }
ul.m3Rows .m3RowIcon{ color: var(--tint-ink); width: 20px; height: 20px; margin-top: 2px; }
ul.m3Rows strong{ color: var(--m-ink); }


@media (max-width: 767px){
    
    body.isM3 table.m3CardsOnPhone, body.isM3 table.m3CardsOnPhone tbody, body.isM3 table.m3CardsOnPhone tr{ display: block; width: 100%; min-width: 0 !important; }
    body.isM3 table.m3CardsOnPhone{ border: 0 !important; background: transparent; }
    body.isM3 table.m3CardsOnPhone thead{ display: none; }
    body.isM3 table.m3CardsOnPhone tr{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r); padding: 6px 14px; margin-bottom: 10px; box-shadow: var(--m-shadow); }
    
    body.isM3 table.m3CardsOnPhone td, body.isM3 table.m3CardsOnPhone th{ display: block; border: 0 !important; border-bottom: 1px solid var(--m-line) !important; padding: 9px 0 !important; text-align: left; background: transparent !important; overflow-wrap: anywhere; }
    body.isM3 table.m3CardsOnPhone tr > :last-child{ border-bottom: 0 !important; }
    body.isM3 table.m3CardsOnPhone td::before, body.isM3 table.m3CardsOnPhone th[data-label]::before{ content: attr(data-label); display: block; font-size: 12.5px; font-weight: 700; letter-spacing: .01em; color: var(--m-ink-3, #5a6377); margin-bottom: 3px; }
    body.isM3 table.m3CardsOnPhone td:not([data-label])::before{ content: none; }
    body.isM3 table.m3CardsOnPhone tr > :first-child::before{ content: none; }   
    body.isM3 table.m3CardsOnPhone tr > :first-child{ font-size: 16px; padding-top: 10px !important; }
    body.isM3 table.m3CardsOnPhone tr > :first-child{ font-weight: 800; color: var(--m-ink) !important; }
    body.isM3 .peTableScroll{ overflow: visible !important; }
}


.m3Divider{ display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 1160px; margin: 0 auto; padding: 28px 24px; }
.m3DivLine{ flex: 1 1 auto; height: 2px; background: repeating-linear-gradient(90deg, var(--m-line) 0 8px, transparent 8px 14px); }
.m3DivDot{ flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.m3DivDot svg.ms{ width: 24px; height: 24px; vertical-align: 0; }
.m3DivDot:nth-child(4){ width: 60px; height: 60px; border-radius: 18px; }


body.isM3 .faqList{ border: 1px solid var(--m-line); border-radius: var(--m-r-lg); background: #fff; overflow: hidden; padding: 0 !important; }
body.isM3 .faqItem{ border: 0 !important; border-bottom: 1px solid var(--m-line) !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; }
body.isM3 .faqItem:last-child{ border-bottom: 0 !important; }
body.isM3 .faqQ{ padding: 16px 20px !important; }
body.isM3 .faqQ > b{ width: 10px; height: 10px; border-right: 2px solid var(--m-ink-3); border-bottom: 2px solid var(--m-ink-3); transform: rotate(45deg); background: none !important; transition: transform 0.2s; }
body.isM3 .faqQ[aria-expanded="true"] > b{ transform: rotate(-135deg); }
body.isM3 .faqQ > b::before, body.isM3 .faqQ > b::after{ display: none !important; }


body.isM3 main > section, body.isM3 .m3Panel{ scroll-margin-top: calc(var(--m3-top, 72px) + 16px); }   
.m3Toc{ transition: transform 0.25s ease; }
@media (max-width: 991px){ .m3Toc.isAway{ transform: translateY(-110%); } }


@media (max-width: 991px){
    body.isM3 .pgHero .pgHeroInner > .m3Illo{ grid-column: 1 !important; grid-row: auto !important; max-width: 340px; margin: 18px auto 0 !important; justify-self: center !important; }
}
@media (max-width: 767px){
    body.isM3 .pgIntroBody .m3More, body.isM3 .pgState .m3More{ display: none !important; }
    html.m3Js body.isM3 .pgIntroBody .m3Clamp > :first-child, html.m3Js body.isM3 .pgState .m3Clamp > :first-child{ display: block !important; -webkit-line-clamp: unset; overflow: visible; }
    html.m3Js body.isM3 .pgIntroBody .m3Clamp > :not(:first-child):not(.peFold), html.m3Js body.isM3 .pgState .m3Clamp > :not(:first-child):not(.peFold){ display: block !important; }
    .m3Chips{ gap: 6px; } .m3Chip{ font-size: 12px; padding: 5px 10px 5px 8px; }
}
body.isM3 .pgHeroSub{ justify-content: flex-start !important; text-align: left !important; }



body.isM3 .m3Lead > .m3Chips{ margin: 0 0 14px; }
body.isM3 .m3Lead .pgBtn.m3Second{ display: none !important; }
body.isM3 .m3Lead .pgHeroLead{ margin-bottom: 20px !important; }


.m3CtaRow{ max-width: 1160px; margin: 0 auto; padding: 4px 24px 28px; display: flex; justify-content: flex-start; }
.m3CtaRow .pgBtn{ min-height: 46px; }
@media (max-width: 767px){ .m3CtaRow{ padding: 0 16px 20px; } .m3CtaRow .pgBtn{ width: 100%; justify-content: center; } }


body.isM3 .qcTab{ top: auto !important; bottom: 132px !important; transform: none !important; }
body.isM3 .waFloat{ bottom: 24px !important; }
@media (max-width: 991px){
    body.isM3 .qcTab, body.isM3 .waFloat{ display: none !important; }   
}


.m3QuickForm{ grid-column: 2; grid-row: 1 / span 9; align-self: center; background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg);
    box-shadow: var(--m-shadow-up); padding: 22px; display: grid; gap: 12px; max-width: 400px; justify-self: end; width: 100%; }
.m3QuickTitle{ margin: 0; font-size: 18px; font-weight: 800; color: var(--m-ink) !important; }
.m3QuickForm label{ display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--m-ink-2); }
.m3QuickForm input{ height: 46px; border-radius: 12px; border: 1px solid var(--m-line); padding: 0 14px; font: 500 15px var(--m-font); background: var(--m-surface); }
.m3QuickForm input:focus{ outline: 2px solid var(--m-blue); outline-offset: 1px; background: #fff; }
.m3QuickForm .pgBtn{ width: 100%; justify-content: center; }
.m3QuickNote{ margin: 0; font-size: 12px; color: var(--m-ink-3) !important; }
@media (max-width: 991px){ .m3QuickForm{ grid-column: 1; grid-row: auto; justify-self: stretch; max-width: none; margin-top: 18px; } }
body.isM3 .pgHero .pgHeroInner > .m3QuickForm{ grid-column: 2 !important; grid-row: 1 / span 9 !important; justify-self: end !important; align-self: center; }
@media (max-width: 991px){ body.isM3 .pgHero .pgHeroInner > .m3QuickForm{ grid-column: 1 !important; grid-row: auto !important; justify-self: stretch !important; } }


body.isM3 main > .m3Logos{ padding: 22px 0 !important; background: #fff !important; border-bottom: 1px solid var(--m-line) !important; }
.m3Logos .pgWrap{ display: flex; align-items: center; gap: 18px 24px; flex-wrap: wrap; }
.m3LogosLabel{ margin: 0; font-size: 14px; font-weight: 700; color: var(--m-ink-3) !important; flex: 0 0 auto; }
.m3LogoList{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; flex: 1 1 520px; }
.m3LogoList li{ display: flex; align-items: center; }
.m3LogoList img{ height: 34px; width: auto; max-width: 120px; object-fit: contain; filter: grayscale(1); opacity: 0.6; transition: filter 0.3s, opacity 0.3s; }
.m3LogoList img:hover{ filter: none; opacity: 1; }
.m3LogosAll{ font-size: 14px; font-weight: 700; color: var(--m-blue) !important; white-space: nowrap; }
@media (max-width: 767px){
    .m3LogoList{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 22px; padding-bottom: 4px; flex-basis: 100%; }
    .m3LogoList::-webkit-scrollbar{ display: none; }
    .m3LogoList img{ height: 30px; }
}


.m3QuoteRow{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 8px; }
.m3Quote{ margin: 0; background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); box-shadow: var(--m-shadow); padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.m3Quote blockquote{ margin: 0; font-size: 16px; line-height: 1.6; color: var(--m-ink); }
.m3Quote figcaption{ display: flex; align-items: center; gap: 12px; margin-top: auto; }
.m3Quote figcaption b{ display: block; color: var(--m-ink); font-size: 15px; }
.m3Quote figcaption small{ display: block; color: var(--m-ink-3); font-size: 13px; line-height: 1.4; }
.m3Avatar{ flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    background: var(--tint); color: var(--tint-ink); font-weight: 800; font-size: 15px; object-fit: cover; }
.m3QuoteRow > :nth-child(2) .m3Avatar{ background: var(--t-mint); color: var(--i-mint); }
.m3QuoteRow > :nth-child(3) .m3Avatar{ background: var(--t-peach); color: var(--i-peach); }
.m3Quotes .m3LogosAll{ display: inline-block; margin-top: 14px; }
@media (max-width: 991px){
    .m3QuoteRow{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
    .m3QuoteRow::-webkit-scrollbar{ display: none; }
    .m3Quote{ flex: 0 0 86%; scroll-snap-align: start; }
}


@media (min-width: 768px){ .m3VideoRow{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
.m3Videos .peVideo figcaption b{ display: block; }


body.isM3 main > .m3Team{ padding-top: 8px !important; padding-bottom: 8px !important; }
.m3TeamCard{ background: var(--m-surface); border: 1px solid var(--m-line); border-radius: var(--m-r-lg); padding: 18px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.m3TeamLabel{ margin: 0; font-size: 14px; font-weight: 700; color: var(--m-ink-3) !important; }
.m3People{ display: flex; flex-wrap: wrap; gap: 12px 22px; }
.m3Person{ display: flex; align-items: center; gap: 10px; text-decoration: none; }
.m3Person b{ display: block; color: var(--m-ink); font-size: 15px; }
.m3Person small{ display: block; color: var(--m-ink-3); font-size: 13px; }
.m3Person:hover b{ color: var(--m-blue); }
.m3People > :nth-child(2) .m3Avatar{ background: var(--t-mint); color: var(--i-mint); }
.m3People > :nth-child(3) .m3Avatar{ background: var(--t-lavender); color: var(--i-lavender); }


.m3MediaGrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.m3MediaGrid figure{ margin: 0; }
.m3MediaGrid img{ width: 100%; height: auto; border-radius: var(--m-r); display: block; }
.m3MediaGrid figcaption{ margin-top: 8px; font-size: 14px; color: var(--m-ink-2); }
.m3SpeakerTag{ display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: var(--m-surface); border: 1px solid var(--m-line); font-style: normal; font-size: 12px; font-weight: 600; color: var(--m-ink-3); }
body.isM3 .pgHeroBtns.m3HasForm{ display: none !important; }
.m3Opt{ font-weight: 400; color: var(--m-ink-3); }
.m3QuickForm .peHp{ position: absolute; left: -9999px; }
.m3QuickForm input.isError{ outline: 2px solid #c62828; outline-offset: 1px; }
.m3QuickNote a{ color: var(--m-blue); }

body.isM3 form.m3QuickForm.pgForm{ display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
body.isM3 form.m3QuickForm label{ display: grid !important; gap: 6px; font-family: var(--m-font) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink-2) !important; grid-column: auto !important; }
body.isM3 form.m3QuickForm input{ width: 100%; border: 1px solid var(--m-line) !important; border-radius: 12px !important; background: var(--m-surface) !important; height: 46px; padding: 0 14px !important; font: 500 15px var(--m-font) !important; color: var(--m-ink) !important; }
body.isM3 form.m3QuickForm .pgBtn{ grid-column: auto !important; width: 100%; justify-content: center; }
body.isM3 .m3LogoList img{ opacity: 0.75; }


body.isM3 .pgGrid, body.isM3 .pgStepList, body.isM3 .pgFindList{ border: 0 !important; }
body.isM3 .pgRail{ display: none !important; }
body.isM3 .pgStepNum, body.isM3 .peNextNum{ width: 40px !important; min-width: 40px; height: 40px !important; padding: 0 !important; flex: none;
    letter-spacing: 0 !important; line-height: 1 !important; font-family: var(--m-font) !important; font-size: 15px !important; }
body.isM3 .pgStep{ position: relative; overflow: hidden; }
body.isM3 .pgCard.isLink p:empty{ display: none; }

.m3Marquee{ flex: 1 1 520px; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.m3MarqueeTrack{ display: flex; width: max-content; animation: m3Marq 55s linear infinite; }
.m3Marquee:hover .m3MarqueeTrack, .m3Marquee:focus-within .m3MarqueeTrack{ animation-play-state: paused; }
body.isM3 .m3Marquee .m3LogoList{ flex: none; flex-wrap: nowrap !important; overflow: visible !important; gap: 0 !important; padding: 0 !important; }
body.isM3 .m3Marquee .m3LogoList li{ padding: 0 22px; }
body.isM3 .m3Marquee .m3LogoList img{ filter: none !important; opacity: 1 !important; height: 38px; max-width: 130px; }
@keyframes m3Marq{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
    .m3MarqueeTrack{ animation: none; width: auto; }
    .m3MarqueeTrack > .m3LogoList[aria-hidden]{ display: none !important; }
    body.isM3 .m3Marquee .m3LogoList{ flex-wrap: wrap !important; row-gap: 12px !important; }
    .m3Marquee{ -webkit-mask-image: none; mask-image: none; }
}
@media (max-width: 767px){
    .m3Marquee{ flex-basis: 100%; }
    body.isM3 .m3Marquee .m3LogoList li{ padding: 0 16px; }
    body.isM3 .m3Marquee .m3LogoList img{ height: 32px; }
    .m3MarqueeTrack{ animation-duration: 40s; }
}

body.isM3 .pgEyebrow svg.m3EbIcon{ width: 16px; height: 16px; flex: none; }

body.isM3 main > section.m3HasDeco{ position: relative; overflow-x: clip; }
body.isM3 main > section.m3HasDeco > :not(.m3Deco){ position: relative; z-index: 1; }
.m3Deco{ position: absolute; z-index: 0; pointer-events: none; }
.m3Deco0{ top: 28px; right: 3%; width: 190px; height: 130px; opacity: 0.55;
    background: radial-gradient(circle, var(--tint-ink, #0b4a9e) 1.4px, transparent 1.9px) 0 0 / 18px 18px;
    -webkit-mask-image: radial-gradient(closest-side, #000 40%, transparent); mask-image: radial-gradient(closest-side, #000 40%, transparent); }
.m3Deco1{ top: -40px; right: -60px; width: 260px; height: 260px; border-radius: 50%; border: 28px solid var(--tint, #e5f0ff); opacity: 0.7; }
.m3Deco2{ bottom: 24px; left: 2%; width: 120px; height: 120px; opacity: 0.5;
    background: linear-gradient(var(--tint-ink, #0b4a9e), var(--tint-ink, #0b4a9e)) center / 2px 14px no-repeat,
                linear-gradient(var(--tint-ink, #0b4a9e), var(--tint-ink, #0b4a9e)) center / 14px 2px no-repeat,
                radial-gradient(circle, var(--tint, #e5f0ff) 58%, transparent 60%); }
@media (max-width: 767px){
    .m3Deco0{ width: 120px; height: 90px; right: 0; top: 12px; }
    .m3Deco1{ width: 160px; height: 160px; border-width: 18px; right: -70px; top: -50px; }
    .m3Deco2{ display: none; }
}


body.isM3 .pgGrid, body.isM3 .peSvcGrid{ gap: 20px !important; }
body.isM3 .pgGrid.cols2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 767px){ body.isM3 .pgGrid.cols2{ grid-template-columns: minmax(0, 1fr) !important; } body.isM3 .pgGrid, body.isM3 .peSvcGrid{ gap: 14px !important; } }
body.isM3 main > .m3Logos{ border-bottom: 0 !important; }
body.isM3 main > section:not(.pgHero):not(.ctaWrap):not(.peHook):not(.peLesson):not(.peBand):not(.peBrandNote):not(.m3Belief):not(.m3Logos):not(.m3Team):not(.m3TabsWrap){
    padding-top: clamp(56px, 6.5vw, 96px) !important; padding-bottom: clamp(56px, 6.5vw, 96px) !important; }
@media (max-width: 767px){
    body.isM3 main > section:not(.pgHero):not(.ctaWrap):not(.peHook):not(.peLesson):not(.peBand):not(.peBrandNote):not(.m3Belief):not(.peSecFold):not(.m3Logos):not(.m3Team){
        padding-top: 44px !important; padding-bottom: 44px !important; }
}
body.isM3 .peSvcCard .peSvcIcon svg{ width: 24px; height: 24px; }

@media (min-width: 1200px){
    body.isM3 .pgGrid.cols3[data-r3="1"] > .pgCard:first-child, body.isM3 .pgGrid.cols3[data-r3="1"] > .pgCard:last-child,
    body.isM3 .pgGrid.cols3[data-r3="2"] > .pgCard:first-child{ grid-column: span 2; }
}
@media (min-width: 576px) and (max-width: 1199px){
    body.isM3 .pgGrid.cols3[data-r2="1"] > .pgCard:first-child{ grid-column: span 2; }
}
body.isM3 .pgGrid[data-r3] > .pgCard:first-child{ background: linear-gradient(135deg, var(--c, var(--tint)) 0%, #fff 70%) !important; }

body.isM3 :is(.pgTitle, .pgHeroTitle, h1) em{ font-style: normal; background: linear-gradient(transparent 58%, var(--tint) 58%, var(--tint) 92%, transparent 92%);
    padding: 0 0.08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

@media (min-width: 768px){
    body.isM3 .m3Chip:nth-child(odd){ transform: rotate(-1.6deg); }
    body.isM3 .m3Chip:nth-child(even){ transform: rotate(1.4deg); }
    body.isM3 .m3Chip{ box-shadow: 0 2px 0 var(--m-line); }
}

body.isM3 .pgCardIcon svg, body.isM3 .peSvcIcon svg, body.isM3 .peSvcCard > i:first-child{ transition: transform 0.3s cubic-bezier(0.3, 1.6, 0.5, 1); }
body.isM3 a.pgCard:hover .pgCardIcon svg, body.isM3 .peSvcCard:hover .peSvcIcon svg{ transform: rotate(-10deg) scale(1.12); }
@media (prefers-reduced-motion: reduce){
    body.isM3 a.pgCard:hover .pgCardIcon svg, body.isM3 .peSvcCard:hover .peSvcIcon svg{ transform: none; }
}


body.isM3 main > section.peNudge{ padding: 24px 0 !important; }
body.isM3 .peNudgeIn{ max-width: 1160px; margin: 0 auto; padding: 26px 28px; border-radius: var(--m-r-lg); background: var(--tint) !important;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; position: relative; overflow: hidden; }
body.isM3 .peNudgeIn::after{ content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border-radius: 50%; border: 22px solid rgba(255,255,255,0.55); pointer-events: none; }
body.isM3 .peNudgeText{ margin: 0; flex: 1 1 360px; font-family: var(--m-font) !important; font-size: 18px !important; font-weight: 600 !important; color: var(--m-ink) !important;
    letter-spacing: normal !important; text-transform: none !important; position: relative; z-index: 1; }
body.isM3 .peNudgeBtns{ position: relative; z-index: 1; gap: 10px; }
body.isM3 .peNudgeBtn{ height: 48px !important; padding: 0 22px !important; border-radius: 999px !important; font: 700 15px/1 var(--m-font) !important; letter-spacing: normal !important;
    text-transform: none !important; border: 1.5px solid var(--m-blue) !important; color: var(--m-blue) !important; background: #fff !important; }
body.isM3 .peNudgeBtn.solid{ background: var(--m-blue) !important; color: #fff !important; }
body.isM3 .peNudgeBtn:hover{ transform: translateY(-1px); box-shadow: var(--m-shadow-up); }
@media (max-width: 767px){ body.isM3 .peNudgeIn{ margin: 0 16px; padding: 20px; } body.isM3 .peNudgeBtns{ width: 100%; } body.isM3 .peNudgeBtn{ flex: 1 1 auto; justify-content: center; } }


body.isM3 :is(.pgTitle, .pgHeroTitle, h1) em{ font-style: normal; padding: 0 0.06em; box-decoration-break: clone; -webkit-box-decoration-break: clone;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%230b4a9e' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") 0 94% / 100% 0.5em no-repeat !important; }
body.isM3[data-tint="sky"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%230b4a9e' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="mint"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%230e6b44' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="peach"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%239a3b0e' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="lavender"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%234e35a6' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="butter"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%23765600' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="rose"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%239b1e4f' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }
body.isM3[data-tint="teal"] :is(.pgTitle, .pgHeroTitle, h1) em{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath fill='%230d6464' fill-opacity='0.42' d='M3 15c28-7 60-10 98-9 33 1 63 3 96 1-3 3-6 6-12 7-28 2-57 1-86 1-34 0-64 2-92 6-4-1-6-3-4-6z'/%3E%3C/svg%3E") !important; }


body.isM3 .pgHero{ position: relative; isolation: isolate; }
body.isM3 .pgHero > :not(.m3HeroBlob):not(.m3HeroDots):not(.m3HeroWord){ position: relative; z-index: 1; }
.m3HeroBlob{ position: absolute; z-index: 0; right: -6%; top: 8%; width: min(46vw, 640px); aspect-ratio: 1; pointer-events: none;
    background: radial-gradient(closest-side, var(--tint) 0%, var(--tint) 62%, transparent 64%); border-radius: 42% 58% 61% 39% / 45% 41% 59% 55%; opacity: 0.9; }
.m3HeroDots{ position: absolute; z-index: 0; left: 2%; bottom: 10%; width: 180px; height: 110px; pointer-events: none; opacity: 0.45;
    background: radial-gradient(circle, var(--tint-ink, #0b4a9e) 1.4px, transparent 1.9px) 0 0 / 16px 16px;
    -webkit-mask-image: radial-gradient(closest-side, #000 45%, transparent); mask-image: radial-gradient(closest-side, #000 45%, transparent); }
.m3HeroWord{ position: absolute; z-index: 0; right: 3%; bottom: 4%; font: 800 clamp(64px, 11vw, 168px)/0.9 var(--m-font); letter-spacing: -0.04em; color: transparent;
    -webkit-text-stroke: 1.5px var(--tint-ink, #0b4a9e); opacity: 0.12; pointer-events: none; white-space: nowrap; }
.m3HeroWord::before{ content: attr(data-word); }   
.m3HeroSticker{ display: none; }
.m3HeroSticker.isOn{ position: absolute; z-index: 2; right: 8%; top: 132px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px;
    background: #fff; border: 1px solid var(--m-line); box-shadow: 0 3px 0 var(--m-line); font: 700 13px/1 var(--m-font); color: var(--tint-ink, #0b4a9e); transform: rotate(3deg); }
.m3HeroSticker svg{ width: 16px; height: 16px; }
body.isM3[data-ptype="home"] .pgHero h1, body.isM3[data-ptype="service"] .pgHero h1, body.isM3[data-ptype="industry"] .pgHero h1{ font-size: clamp(38px, 5.4vw, 72px) !important; letter-spacing: -0.035em !important; }
body.isM3[data-ptype="service"] .m3QuickForm{ box-shadow: 10px 10px 0 var(--tint), var(--m-shadow-up) !important; }
body.isM3[data-ptype="industry"] .m3HeroBlob{ border-radius: 30% 70% 52% 48% / 55% 35% 65% 45%; }
body.isM3[data-ptype="city"] .m3HeroBlob{ right: auto; left: 52%; width: min(38vw, 520px); }
body.isM3[data-ptype="guide"] .m3HeroBlob, body.isM3[data-ptype="page"] .m3HeroBlob{ width: min(34vw, 460px); top: 18%; opacity: 0.7; }
@media (max-width: 767px){
    .m3HeroBlob{ width: 280px; right: -110px; top: 60px; opacity: 0.6; }
    .m3HeroDots{ display: none; }
    .m3HeroWord{ font-size: 64px; right: -8px; bottom: 8px; }
    .m3HeroSticker{ display: none; }
.m3HeroSticker.isOn{ position: static; margin: 0 0 12px 16px; transform: rotate(-2deg); }
    body.isM3[data-ptype="service"] .m3QuickForm{ box-shadow: 6px 6px 0 var(--tint), var(--m-shadow) !important; }
}


body.isM3 main > section.m3Belief{ padding: 4px 0 20px !important; margin-top: -12px; }   
.m3Belief .pgWrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.m3Belief.isQuote figure{ margin: 0 auto; max-width: 820px; text-align: center; position: relative; padding: 8px 12px; }
.m3BeliefMark{ display: block; font: 800 96px/0.6 var(--m-font); color: var(--tint-ink, #0b4a9e); opacity: 0.25; height: 44px; }
.m3Belief.isQuote blockquote{ margin: 0; font: 700 clamp(24px, 3vw, 36px)/1.25 var(--m-font); letter-spacing: -0.02em; color: var(--m-ink); }
.m3Belief.isQuote figcaption{ margin-top: 12px; font-size: 14px; font-weight: 600; color: var(--m-ink-3); }
.m3Belief.isQuote .pgWrap{ align-items: center; }
.m3BeliefSticker{ margin: 0; display: inline-flex; align-items: center; gap: 14px; padding: 18px 24px; border-radius: 18px; background: var(--t-butter, #fff3c9);
    border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 0 rgba(0,0,0,0.06); transform: rotate(-1.8deg); max-width: 640px; color: var(--m-ink);
    font: 700 19px/1.35 var(--m-font); }
.m3BeliefSticker svg{ width: 30px; height: 30px; flex: none; color: var(--i-butter, #765600); }
.m3BeliefSticker small{ display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--i-butter, #765600); margin-bottom: 2px; }
.m3Belief.isSticker .pgWrap{ align-items: flex-start; }
.m3BeliefBanner{ margin: 0; width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 999px; background: var(--tint);
    font: 600 17px/1.4 var(--m-font); color: var(--m-ink); }
.m3BeliefBanner svg{ width: 22px; height: 22px; flex: none; color: var(--tint-ink); }
.m3BeliefBanner b{ flex: none; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tint-ink); }
body.isM3 .pgCard.m3BeliefCard{ background: var(--tint-ink, #0b4a9e) !important; border-color: transparent !important; }
body.isM3 .pgCard.m3BeliefCard h3{ color: #fff !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: 0.05em; }
body.isM3 .pgCard.m3BeliefCard p{ color: #fff !important; font-size: 20px !important; font-weight: 700; line-height: 1.35; }
body.isM3 .pgCard.m3BeliefCard .pgCardIcon{ background: rgba(255,255,255,0.18) !important; color: #fff !important; }
.m3BeliefMore{ font-size: 15px; font-weight: 700; color: var(--m-blue) !important; }
@media (max-width: 767px){
    .m3BeliefBanner{ border-radius: 18px; flex-wrap: wrap; }
    .m3BeliefSticker{ transform: rotate(-1deg); font-size: 17px; }
}


body.isM3 main > section.peHook{ padding: 20px 0 !important; }
body.isM3 .peHook .pgWrap{ display: flex; }
body.isM3 .peHook.m3HookR .pgWrap{ justify-content: flex-end; }
body.isM3 .peHookLine{ max-width: 640px; display: grid !important; grid-template-columns: 44px 1fr; gap: 6px 14px; align-items: start; padding: 20px 22px !important;
    font-size: 17px !important; line-height: 1.45; box-shadow: var(--m-shadow); }
body.isM3 .peHookLine > svg.m3HookIcon{ grid-row: span 2; width: 44px; height: 44px; padding: 10px; border-radius: 14px; background: #fff; color: var(--m-blue); }
body.isM3 .peHookLine .peHookBtn{ grid-column: 2; justify-self: start; margin-top: 8px; min-height: 42px !important; }
body.isM3 .peHook.m3HookT1 .peHookLine{ background: var(--t-mint) !important; }
body.isM3 .peHook.m3HookT1 svg.m3HookIcon{ color: var(--i-mint); }
body.isM3 .peHook.m3HookT2 .peHookLine{ background: var(--t-lavender) !important; }
body.isM3 .peHook.m3HookT2 svg.m3HookIcon{ color: var(--i-lavender); }
@media (max-width: 767px){ body.isM3 .peHook .pgWrap, body.isM3 .peHook.m3HookR .pgWrap{ justify-content: stretch; } body.isM3 .peHookLine{ max-width: none; width: 100%; } }


.peConsent{ position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 720px; margin: 0 auto; background: #fff; color: var(--m-ink);
    border: 1px solid var(--m-line); border-radius: 18px; box-shadow: 0 12px 40px rgba(16,24,40,0.18); padding: 18px 20px; font: 500 15px/1.5 var(--m-font); }
.peConsent p{ margin: 0 0 12px; } .peConsent a{ color: var(--m-blue); }
.peConsentBtns{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.peConsentBtns button{ min-height: 44px; border-radius: 999px; border: 1.5px solid var(--m-blue); background: #fff; color: var(--m-blue); font: 700 14px/1.2 var(--m-font); cursor: pointer; }
@media (max-width: 575px){ .peConsentBtns{ grid-template-columns: 1fr; } .peConsent{ bottom: 84px; } }


.m3XGrid{ display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.m3XGrid.cols2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 991px){ .m3XGrid, .m3XGrid.cols2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.m3XCard{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r); box-shadow: var(--m-shadow); padding: 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.m3XCard h3{ margin: 0; font: 700 18px/1.3 var(--m-font); color: var(--m-ink); }
.m3Tag{ align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: var(--tint); color: var(--tint-ink); font: 700 12px/1.4 var(--m-font); text-transform: capitalize; }
.m3XLead{ margin: 0; font-size: 16px; line-height: 1.5; color: var(--m-ink); }
.m3XFix, .m3XFact{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--m-ink-2); }
.m3XFix b, .m3XFact b{ display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--tint-ink); margin-bottom: 2px; }
.m3XSrc{ margin: auto 0 0; font-size: 13px; color: var(--m-ink-3); }
.m3XSrc a, .m3Src{ color: var(--m-ink-3); text-decoration: underline; text-underline-offset: 2px; }
.m3XMeta{ margin: 0; display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--m-ink-2); }
.m3XMeta span{ display: inline-flex; align-items: center; gap: 6px; }
.m3XMeta svg, .m3Chan svg{ width: 16px; height: 16px; flex: none; color: var(--tint-ink); }
.m3XMeta a{ color: var(--m-blue); }
.m3XCat{ margin: 0; font-size: 14px; color: var(--m-ink-2); text-transform: capitalize; }
.m3XWhen{ color: var(--m-ink-3); }
.m3Chans{ margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.m3Chan{ display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: var(--m-surface); border: 1px solid var(--m-line); font-size: 13px; color: var(--m-ink-2); }
.m3XNote{ margin: 14px 0 0; font-size: 13px; color: var(--m-ink-3); }
.m3XLesson{ margin: 18px 0 0; font: 600 17px/1.5 var(--m-font); color: var(--m-ink); }
.m3XCta{ margin: 20px 0 0; }
.m3LinkRow{ margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.m3LinkRow a{ font-weight: 700; font-size: 15px; color: var(--m-blue) !important; }
.m3Tip{ margin-top: 20px; padding: 20px 22px; border-radius: var(--m-r-lg); background: var(--tint); max-width: 760px; }
.m3Tip h3{ margin: 0 0 6px; font: 700 18px/1.3 var(--m-font); }
.m3Tip p{ margin: 0; }
@media (max-width: 767px){
    .m3XGrid, .m3XGrid.cols2{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 6px; scrollbar-width: none; }
    .m3XGrid::-webkit-scrollbar{ display: none; }
    .m3XCard{ flex: 0 0 86%; scroll-snap-align: start; }
}




.fa-brands, .fa-solid, .fa-regular{ display: inline-block; min-width: 1em; min-height: 1em; }


.m3CtaForm{ display: none !important; }
@media (max-width: 767px){
    body.isM3 form.m3CtaForm.pgForm{ display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 18px;
        padding: 18px; border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line); }
    body.isM3 .m3CtaForm .m3QuickTitle{ margin: 0; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); }
}
body.isM3 .faqQ > b{ width: 28px !important; height: 28px !important; flex: 0 0 28px; border: 1.5px solid var(--m-line) !important; border-radius: 50% !important;
    transform: none !important; display: inline-flex !important; align-items: center; justify-content: center; background: #fff !important; }
body.isM3 .faqQ > b::before{ display: block !important; content: "+"; position: static !important; width: auto !important; height: auto !important;
    background: none !important; transform: none !important; font: 600 18px/1 var(--m-font); color: var(--m-ink-2); }
body.isM3 .is-open .faqQ > b::before, body.isM3 .faqQ[aria-expanded="true"] > b::before{ content: "\2212"; }
body.isM3 .faqQ > b::after{ display: none !important; }
@media (max-width: 991px){ body.isM3 .ftTop{ display: none !important; } }
@media (max-width: 575px){
    body.isM3 .peSvcGrid{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; gap: 10px !important; }
    body.isM3 .peSvcGrid > .peSvcCard{ flex: none !important; width: auto !important; min-width: 0 !important; padding: 14px !important; }
    body.isM3 .peSvcCard h3{ font-size: 15px !important; }
    body.isM3 .peSvcCard p{ font-size: 13px !important; }
    .m3QuoteRow{ display: grid !important; grid-template-columns: 1fr !important; overflow: visible !important; }
    .m3Quote{ flex: none !important; }
}
@media (max-width: 767px){
    body.isM3 .ctaWrap form.m3CtaForm, body.isM3 .ctaWrap form.m3CtaForm label, body.isM3 .ctaWrap form.m3CtaForm .m3QuickTitle,
    body.isM3 .ctaWrap form.m3CtaForm .m3QuickNote{ color: var(--m-ink) !important; }
    body.isM3 .ctaWrap form.m3CtaForm label{ font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; }
    body.isM3 .ctaWrap form.m3CtaForm .m3QuickNote a{ color: var(--m-blue) !important; }
}


.m3XMoreBox{ margin-top: 14px; }
.m3XMoreBox > summary{ display: inline-flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; padding: 10px 16px; border-radius: 999px;
    border: 1.5px solid var(--m-line); background: #fff; font: 700 15px/1.2 var(--m-font); color: var(--m-blue); }
.m3XMoreBox > summary::-webkit-details-marker{ display: none; }
.m3XMoreBox > summary::after{ content: "+"; font-size: 18px; }
.m3XMoreBox[open] > summary::after{ content: "\2212"; }
.m3XMoreBox > .m3XGrid{ margin-top: 14px; }


.m3Promise{ margin: 10px 0 0; font-size: 14px; font-weight: 600; color: var(--m-ink-2); }
.m3Lead .pgHeroBtns.m3HasForm + .m3Promise{ display: none; }




@media (max-width: 767px){
    body.isM3 .pgCards .pgGrid, body.isM3 .pgWins .pgWinGrid, body.isM3 .m3XGrid, body.isM3 .m3XGrid.cols2, body.isM3 .m3XGrid.cols3,
    body.isM3 .peVideoGrid, body.isM3 .m3QuoteRow{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; overflow: visible !important;
        scroll-snap-type: none !important; gap: 14px !important; padding-bottom: 0 !important; }
    body.isM3 .pgCards .pgGrid > *, body.isM3 .pgWins .pgWinGrid > *, body.isM3 .m3XCard, body.isM3 .peVideo, body.isM3 .m3Quote{
        flex: none !important; width: auto !important; min-width: 0 !important; grid-column: auto !important; }
    body.isM3 .pgCards .pgGrid::after, body.isM3 .pgWins .pgWinGrid::after{ content: none !important; }
    body.isM3 .peSvcGrid{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; gap: 10px !important; }
    body.isM3 .peSvcGrid > .peSvcCard{ flex: none !important; width: auto !important; min-width: 0 !important; }
    body.isM3 .m3Capped > :nth-child(n+5){ display: none !important; }
}
.m3ShowMore{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; padding: 10px 18px; border-radius: 999px;
    border: 1.5px solid var(--m-line); background: #fff; font: 700 15px/1.2 var(--m-font); color: var(--m-blue); cursor: pointer; }
.m3ShowMore::after{ content: "+"; font-size: 18px; }
.m3ShowMore[aria-expanded="true"]::after{ content: "\2212"; }
.m3XMoreBox > summary, .m3WorthBox > summary{ min-height: 44px; }


.m3Worries .peProblem{ display: flex; flex-direction: column; }
.m3Worry{ align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: auto; padding: 10px 18px;
    border-radius: 999px; background: var(--m-blue); color: #fff !important; font: 700 15px/1.2 var(--m-font); text-decoration: none !important; }
.m3Worries .peProblem > p:last-of-type{ margin-bottom: 14px; }
.m3Worry:hover, .m3Worry:focus-visible{ filter: brightness(1.08); }


.m3WorryPick{ margin: 0; padding: 8px 12px; border-radius: 10px; background: var(--tint); color: var(--tint-ink, var(--m-ink)); font: 600 14px/1.4 var(--m-font); }
.m3HeroPhoto{ grid-column: 1 / -1; margin: 22px 0 0; }
.m3HeroPhoto img{ display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--m-r-lg); }
.m3HeroPhoto figcaption{ margin-top: 8px; font-size: 13px; color: var(--m-ink-3); }


.m3WeDid{ max-width: 760px; margin: 0 0 18px; font-size: 17px; line-height: 1.6; color: var(--m-ink); }
.m3IndProof .m3LogosLabel{ margin: 6px 0 10px; }
.m3LogoList.isStill{ display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; padding: 0; margin: 0 0 6px; list-style: none; animation: none; }
.m3LogoList.isStill img{ height: 48px; width: auto; }
.m3IndProof .m3QuoteRow{ margin-top: 18px; }
.m3IndProof .m3QuoteRow.isOne{ display: block; max-width: 760px; }
.m3IndProof .m3LogosAll{ display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; }
.m3ProofQuote{ max-width: 760px; margin: 0 0 14px; }


.m3WorthBox > summary{ display: inline-flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; padding: 10px 18px; border-radius: 999px;
    border: 1.5px solid var(--m-line); background: #fff; font: 700 15px/1.3 var(--m-font); color: var(--m-blue); }
.m3WorthBox > summary::-webkit-details-marker{ display: none; }
.m3WorthBox > summary::after{ content: "+"; font-size: 18px; }
.m3WorthBox[open] > summary::after{ content: "\2212"; }
.m3WkPart{ margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--m-line); }
.m3WkHead{ margin: 0 0 12px; font: 800 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3WkLead{ font-weight: 600; max-width: 760px; }
.m3WkGroup h4{ margin: 0 0 8px; font: 700 16px/1.3 var(--m-font); }
.m3WkGroup ul{ margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.m3WkGroup li{ display: flex; gap: 8px; align-items: flex-start; }
.m3WkPart .pgProse{ max-width: 760px; }


.m3PriceLine{ margin-top: 22px !important; font-weight: 700; }
body.isM3 .pePrice form.m3PriceForm.pgForm{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; justify-self: start !important;
    max-width: 520px; margin: 14px 0 6px; padding: 18px; border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line); box-shadow: none !important; }
body.isM3 .pePrice .m3PriceForm .m3QuickTitle{ margin: 0; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); }


body.isM3 .ctaWrap.isHub form.m3CtaForm.pgForm{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; margin-top: 18px;
    padding: 18px; border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line); max-width: 520px; justify-self: start !important; }
body.isM3 .ctaWrap form.m3CtaForm, body.isM3 .ctaWrap form.m3CtaForm label, body.isM3 .ctaWrap form.m3CtaForm .m3QuickTitle,
body.isM3 .ctaWrap form.m3CtaForm .m3QuickNote{ color: var(--m-ink) !important; }
body.isM3 .ctaWrap form.m3CtaForm label{ font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; }
body.isM3 .ctaWrap form.m3CtaForm .m3QuickNote a{ color: var(--m-blue) !important; }
body.isM3 .ctaWrap form.m3CtaForm .m3QuickTitle{ margin: 0; font: 700 16px/1.35 var(--m-font); }
body.isM3 .ctaWrap form.m3CtaForm .m3Opt{ font-weight: 500; color: var(--m-ink-3); }


.m3OptBox > summary{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font: 700 15px/1.3 var(--m-font); color: var(--m-blue); }
.m3OptBox > summary::-webkit-details-marker{ display: none; }
.m3OptBox > summary::after{ content: "+"; font-size: 18px; }
.m3OptBox[open] > summary::after{ content: "\2212"; }
.m3OptGrid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; margin-top: 12px; }
.m3OptGrid .fullRow{ grid-column: 1 / -1; }
@media (max-width: 575px){ .m3OptGrid{ grid-template-columns: minmax(0, 1fr); } }
.m3FromPage{ margin: 0; padding: 10px 14px; border-radius: 10px; background: var(--tint, #eef4ff); font-weight: 600; }
.pgContactForm > .m3LinkRow{ margin-top: 16px; }
body.isM3 .pgHero.m3Short{ min-height: 0 !important; padding-bottom: 8px !important; }
body.isM3 .pgHero.m3Short .pgCircle, body.isM3 .pgHero.m3Short .pgScrollCue{ display: none !important; }

@media (max-width: 991px){
    body.isM3 .peMoreBtn, body.isM3 .m3More, body.isM3 .m3Tab{ min-height: 44px; }
    body.isM3 .m3Toc a, body.isM3 .m3LinkRow a, body.isM3 .m3XMeta a, body.isM3 .peTable th a{ position: relative; }
    body.isM3 .m3Toc a::after, body.isM3 .m3LinkRow a::after, body.isM3 .m3XMeta a::after, body.isM3 .peTable th a::after{
        content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }
    body.isM3 .m3LinkRow{ row-gap: 18px; }
}

html .logoImg img.peLogoTrue, html .ftLogo img.peLogoTrue{ filter: none !important; width: auto; }

@property --t-sky{ syntax: '<color>'; inherits: true; initial-value: #e5f0ff; }
@property --i-sky{ syntax: '<color>'; inherits: true; initial-value: #0b4a9e; }
@property --t-mint{ syntax: '<color>'; inherits: true; initial-value: #dcf5e9; }
@property --i-mint{ syntax: '<color>'; inherits: true; initial-value: #0e6b44; }
@property --t-peach{ syntax: '<color>'; inherits: true; initial-value: #ffe7da; }
@property --i-peach{ syntax: '<color>'; inherits: true; initial-value: #9a3b0e; }
@property --t-lavender{ syntax: '<color>'; inherits: true; initial-value: #ece7ff; }
@property --i-lavender{ syntax: '<color>'; inherits: true; initial-value: #4e35a6; }
@property --t-butter{ syntax: '<color>'; inherits: true; initial-value: #fff3c9; }
@property --i-butter{ syntax: '<color>'; inherits: true; initial-value: #765600; }
@property --t-rose{ syntax: '<color>'; inherits: true; initial-value: #ffe4ee; }
@property --i-rose{ syntax: '<color>'; inherits: true; initial-value: #9b1e4f; }
@property --t-teal{ syntax: '<color>'; inherits: true; initial-value: #d9f3f2; }
@property --i-teal{ syntax: '<color>'; inherits: true; initial-value: #0d6464; }
@media (prefers-reduced-motion: no-preference){ html.m3Shift{ transition: --t-sky 1.5s ease, --i-sky 1.5s ease, --t-mint 1.5s ease, --i-mint 1.5s ease, --t-peach 1.5s ease, --i-peach 1.5s ease, --t-lavender 1.5s ease, --i-lavender 1.5s ease, --t-butter 1.5s ease, --i-butter 1.5s ease, --t-rose 1.5s ease, --i-rose 1.5s ease, --t-teal 1.5s ease, --i-teal 1.5s ease; } }

.peQuoteCard figcaption.m3HasFace{ display: flex; align-items: center; gap: 12px; }
.m3QuoteWho{ display: grid; gap: 2px; min-width: 0; }
.m3Avatar.isLogo{ object-fit: contain; background: #fff; border: 1px solid var(--m-line); padding: 5px; }

body.isM3{ --blue: var(--m-blue); --m-ink-3: #5a6377; }
body.isM3 .m3Chip, body.isM3 .peTable th, body.isM3 .m3QuickNote, body.isM3 .ctaEyebrow, body.isM3 .ftCtaEyebrow, body.isM3 .pePersonRole,
body.isM3 .pgForm label, body.isM3 .ftClock, body.isM3 .peCheckNote, body.isM3 main small, body.isM3 .m3XFix b, body.isM3 .ftCin, body.isM3 .m3Tag,
body.isM3 .ftFraud, body.isM3 .peDocMeta, body.isM3 .pgWinChip, body.isM3 .pgReachK{ font-size: max(13px, 1em) !important; }
body.isM3 .pgForm label{ font-size: 13px !important; }
body.isM3 .peBrandNote p, body.isM3 .m3XNote, body.isM3 .peTableNote, body.isM3 .peDocMeta, body.isM3 .m3XSrc, body.isM3 .peDeeperSrc{ max-width: 80ch; }
@media (max-width: 991px){ body.isM3 .peCheckGroup > summary, body.isM3 .peCheckPrint{ min-height: 44px; } body.isM3 .peCheckGroup > summary{ display: flex; align-items: center; } }


.mxCol[data-t="lavender"], .mnPil[data-t="lavender"]{ --mxT: var(--t-lavender); --mxI: var(--i-lavender); }
.mxCol[data-t="peach"], .mnPil[data-t="peach"]{ --mxT: var(--t-peach); --mxI: var(--i-peach); }
.mxCol[data-t="sky"], .mnPil[data-t="sky"]{ --mxT: var(--t-sky); --mxI: var(--i-sky); }
.mxCol[data-t="mint"], .mnPil[data-t="mint"]{ --mxT: var(--t-mint); --mxI: var(--i-mint); }
.mxTile{ flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--mxI); display: inline-flex; align-items: center; justify-content: center; }
.mxTile svg{ width: 20px; height: 20px; }
.mxHeadTxt{ display: grid; gap: 2px; min-width: 0; }
.mxHeadTxt b{ font: 700 16px/1.25 var(--m-font); color: var(--mxI); }
.mxHeadTxt small{ font: 500 13px/1.35 var(--m-font); color: var(--mxI); opacity: .9; }


body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.peMegaA{
    width: min(1200px, calc(100vw - 48px)); display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 0; padding: 0 !important;
    border-radius: 24px !important; overflow: hidden; box-shadow: 0 24px 60px rgb(27 35 51 / 14%), 0 4px 12px rgb(27 35 51 / 6%) !important; }
body.isM3 .peMegaA > li{ list-style: none; }
body.isM3 .peMegaA .mxMain{ padding: 20px 22px 22px; }
body.isM3 .peMegaA .mxPop{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--m-line); }
body.isM3 .peMegaA .mxPop > span{ font: 600 14px var(--m-font); color: var(--m-ink-2); margin-right: 4px; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxChip{ display: inline-flex; padding: 8px 14px !important; border-radius: 999px; border: 1px solid var(--m-line);
    background: var(--m-surface); font: 600 14px/1.2 var(--m-font) !important; color: var(--m-ink) !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxChip:hover{ background: var(--m-blue); border-color: var(--m-blue); color: #fff !important; }
body.isM3 .peMegaA .mxCols{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxHead, body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA span.mxHead{ display: flex !important; gap: 12px; align-items: flex-start; padding: 14px !important;
    margin-bottom: 6px; border-radius: 14px; background: var(--mxT); }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRow{ display: block; padding: 6px 10px !important; border-radius: 12px; }
body.isM3 .peMegaA a.mxRow b{ display: block; font: 600 15px/1.3 var(--m-font); color: var(--m-ink); }
body.isM3 .peMegaA a.mxRow small{ display: block; margin-top: 2px; font: 500 13px/1.35 var(--m-font); color: var(--m-ink-3); }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRow:hover, body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRow:focus-visible{ background: var(--m-surface); }
body.isM3 .peMegaA a.mxRow:hover b{ color: var(--m-blue); }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxAll{ display: block; padding: 10px 12px !important; font: 700 14px var(--m-font) !important; color: var(--m-blue) !important; }
body.isM3 .peMegaA .mxRail{ background: var(--m-blue); color: #fff; padding: 26px 24px; display: flex; flex-direction: column; gap: 14px; }
body.isM3 .peMegaA .mxRailT{ margin: 0; font: 800 22px/1.2 var(--m-font); color: #fff; }
body.isM3 .peMegaA .mxRailP{ margin: 0; font: 500 15px/1.5 var(--m-font); color: rgb(255 255 255 / 92%); }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRailBtn{ display: block; text-align: center; padding: 13px 18px !important; border-radius: 999px; background: #fff;
    color: var(--m-blue) !important; font: 700 16px var(--m-font) !important; }
body.isM3 .peMegaA .mxPair{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA .mxPair a{ display: block; text-align: center; padding: 11px 8px !important; border-radius: 999px;
    border: 1px solid rgb(255 255 255 / 50%); color: #fff !important; font: 600 15px var(--m-font) !important; }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA .mxPair a:hover{ background: rgb(255 255 255 / 12%); }
body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRailAll{ margin-top: auto; padding: 0 !important; color: #fff !important; font: 600 14px var(--m-font) !important; text-decoration: underline; }
@media (max-width: 1199px){ body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.peMegaA{ grid-template-columns: 1fr; }
    body.isM3 .peMegaA .mxRail{ flex-direction: row; flex-wrap: wrap; align-items: center; padding: 16px 22px; }
    body.isM3 .peMegaA .mxRailP, body.isM3 .peMegaA a.mxRailAll{ display: none; } }


body.isM3 .peMobileNav.peMobA{ background: #fff !important; padding: 84px 16px 120px; }
body.isM3 .peMobA .mnPair{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
body.isM3 .peMobA .mnPair a{ display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 14px; border: 1px solid var(--m-line);
    font: 700 16px var(--m-font); color: var(--m-ink) !important; text-decoration: none; }
body.isM3 .peMobA .mnPair a.isWa{ background: var(--t-mint); border-color: transparent; color: var(--i-mint) !important; }
body.isM3 .peMobA details, body.isM3 .peMobA .peMobileTop{ border-bottom: 1px solid var(--m-line) !important; }
body.isM3 .peMobA summary, body.isM3 .peMobA .peMobileTop{ display: flex; align-items: center; min-height: 56px; padding: 0 4px !important;
    font: 700 18px var(--m-font) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink) !important; }
body.isM3 .peMobA summary::after{ margin-left: auto; color: var(--m-blue) !important; font-size: 22px; }
body.isM3 .peMobA .peMobPop{ padding: 4px 0 6px !important; }
body.isM3 .peMobA .peMobPop li a{ border-color: var(--m-line) !important; background: var(--m-surface); color: var(--m-ink) !important; font: 600 14px var(--m-font) !important; }
body.isM3 .peMobA details.mnPil{ border: 0 !important; margin: 8px 0 !important; border-radius: 14px; background: var(--mxT); }
body.isM3 .peMobA details.mnPil > summary{ gap: 12px; min-height: 64px; padding: 8px 12px !important; }
body.isM3 .peMobA details.mnPil > summary::after{ color: var(--mxI) !important; }
body.isM3 .peMobA details.mnPil ul{ background: #fff; margin: 0 4px 4px !important; border-radius: 12px; padding: 4px 12px !important; }
body.isM3 .peMobA details.mnPil li a{ display: flex; align-items: center; min-height: 48px; font: 600 15px var(--m-font) !important; color: var(--m-ink) !important;
    border-bottom: 1px solid var(--m-line); text-transform: none !important; letter-spacing: normal !important; }
body.isM3 .peMobA details.mnPil li:last-child a{ border-bottom: 0; color: var(--m-blue) !important; }
body.isM3 .peMobA details:not(.mnPil) > ul li a, body.isM3 .peMobA .peMobAll a{ display: flex; align-items: center; min-height: 48px; font: 600 16px var(--m-font) !important;
    text-transform: none !important; letter-spacing: normal !important; color: var(--m-ink) !important; }
body.isM3 .peMobA .peMobAll a{ color: var(--m-blue) !important; }
body.isM3 .peMobA .mnSticky{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0 !important; padding: 12px 16px 16px; background: #fff; border-top: 1px solid var(--m-line); text-align: center; }
body.isM3 .peMobA .mnSticky .pgBtn{ display: flex !important; justify-content: center; width: 100%; min-height: 54px; font-size: 17px !important; }
body.isM3 .peMobA .mnSticky small{ display: block; margin-top: 8px; font: 500 13px var(--m-font); color: var(--m-ink-2); }

body.isM3 .peMegaA a.mxRow small{ margin-top: 1px; }
body.isM3 .peMobA .mnSticky{ display: block !important; }
body.isM3 .m3XFact b, body.isM3 .ftCopyBtn span{ font-size: 13px !important; }
body.isM3 .peQuoteCard figcaption.m3HasFace{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; gap: 12px !important; }


@media (max-width: 767px){
    
    
    body.isM3 .peScroller.peScroller.peScroller{ display: flex !important; flex-wrap: nowrap !important; gap: 12px; overflow-x: auto !important; scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; padding: 4px 16px 6px 0; grid-template-columns: none !important; }
    body.isM3 .peScroller::-webkit-scrollbar{ display: none; }
    
    body.isM3 .peScroller.peScroller.peScroller > :nth-child(n){ flex: 0 0 84% !important; max-width: 84%; width: 84%; scroll-snap-align: start; display: flex !important; flex-direction: column; margin: 0 !important; }
    body.isM3 .peScroller ~ .m3ShowMore{ display: none !important; }
    body.isM3 .peScrollNav{ display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
    body.isM3 .peScrollCount{ font-size: 13px; font-weight: 700; color: var(--m-ink-3, #5a6377); letter-spacing: .02em; }
    body.isM3 .peScrollBtns{ display: flex; gap: 8px; }
    body.isM3 .peScrollBtns button{ width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--m-line); background: #fff; color: var(--m-ink);
        font-size: 18px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
    body.isM3 .peScrollBtns button:disabled{ opacity: .35; cursor: default; }
    body.isM3 .peScrollBtns button:focus-visible{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }

    
    body.isM3 .pgHeroSub span:not(:first-child), body.isM3 .pgHeroSub i{ display: none; }
    body.isM3 .pgHero .pgHeroInner > .m3Chips, body.isM3 .pgHero .m3Chips{ flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding: 2px 16px 4px 0; }
    body.isM3 .pgHero .m3Chips::-webkit-scrollbar{ display: none; }
    body.isM3 .pgHero .m3Chip{ flex: 0 0 auto; transform: none !important; white-space: nowrap; }
    body.isM3 .pgHeroBtns{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
    body.isM3 .pgHero .m3Illo{ display: none !important; }   
    body.isM3 .pgHeroBtns .pgBtn.ghost{ background: none !important; border: 0 !important; box-shadow: none !important; padding: 8px 2px !important;
        min-height: 44px; text-decoration: underline; text-underline-offset: 3px; color: var(--m-blue, #0b5fd9) !important; }

    
    body.isM3 .m3TocInner{ -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }

    
    body.isM3 .m3Divider{ display: none !important; }
    body.isM3.page_contact .indWrap .indRow, body.isM3[data-ptype="guide"] .m3Marquee{ display: none !important; }   
    body.isM3[data-ptype="guide"] .m3LogosAll{ margin-top: 6px; }
}

body.isM3 .peHeadNote{ margin: 8px 0 0; max-width: 62ch; font-size: 15.5px; line-height: 1.5; color: var(--m-ink-3, #5a6377); }
@media (max-width: 767px){ body.isM3 .peHeadNote{ font-size: 15px; } }

body.isM3 .peOneLink{ margin: 12px 0 0; font: 700 17px/1.4 var(--m-font); }
body.isM3 .peOneLink a{ color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }

body.isM3 .m3Marquee{ -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); }
body.isM3 .m3Marquee + .m3ProofQuote, body.isM3 .m3Marquee ~ .m3ProofQuote{ margin-top: 36px !important; }
body.isM3 .m3ProofQuote{ width: 100%; max-width: none !important; box-sizing: border-box; }
body.isM3 .m3ProofQuote + .m3LogosAll, body.isM3 .m3LogosAll{ display: inline-block; margin-top: 24px !important; margin-bottom: 0 !important; }
@media (max-width: 767px){ body.isM3 .m3Marquee + .m3ProofQuote, body.isM3 .m3Marquee ~ .m3ProofQuote{ margin-top: 24px !important; } }

@media (min-width: 1024px){
    html.m3Js body.isM3 .m3Clamp:not(.isOpen) > :not(:first-child){ display: revert !important; }
    html.m3Js body.isM3 .m3Clamp:not(.isOpen) > :first-child, html.m3Js body.isM3 .m3Clamp2:not(.isOpen){ display: revert !important; -webkit-line-clamp: unset; overflow: visible; }
    body.isM3 .m3More{ display: none !important; }
}

@media (min-width: 768px){ body.isM3 .m3QuoteRow.m3Capped3 > :nth-child(n+7), body.isM3 .peQuotes.m3Capped3 > :nth-child(n+7){ display: none !important; } body.isM3 .m3QuoteRow ~ .m3ShowMore{ margin-top: 18px; } }

.indWrap .indLabel{ max-width: 1200px; margin: 0 auto; padding: 14px clamp(16px, 4vw, 48px) 0; font: 600 15px/1.5 var(--m-font, sans-serif); color: var(--m-ink-2, #46506a); }
@media (max-width: 767px){ body.isM3.page_contact .indWrap{ padding: 0 0 14px !important; } }



body.isM3 .peHeadNote{ color: var(--m-ink-2, #46506a) !important; }
body.isM3 .pgScrub .w{ opacity: 1 !important; }

@media (max-width: 767px){
    body.isM3 .peTableScroll:has(> table.m3CardsOnPhone){ border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; }
}

body.isM3 .m3TocInner{ gap: 4px; padding: 5px !important; margin: 8px auto; max-width: min(1160px, calc(100% - 32px)); background: var(--m-surface); border: 1px solid var(--m-line); border-radius: 999px; }
body.isM3 .m3Toc{ border-bottom: 0; }
body.isM3 .m3Toc a{ border: 0 !important; background: transparent; padding: 8px 14px; }
body.isM3 .m3Toc a:hover{ color: var(--tint-ink); }
body.isM3 .m3Toc a.isOn{ background: #fff !important; color: var(--tint-ink); box-shadow: var(--m-shadow); }
@media (max-width: 991px){ body.isM3 .m3Toc.isAway{ transform: none !important; } }

body.isM3 .m3Marquee .m3LogoList img, body.isM3 .m3LogoList.isStill img{ height: 56px !important; max-width: 170px !important; filter: none !important; opacity: 1 !important; }
body.isM3 .m3Marquee .m3LogoList li{ padding: 0 18px; }
@media (hover: none){
    .m3Marquee:hover .m3MarqueeTrack, .m3Marquee:focus-within .m3MarqueeTrack{ animation-play-state: running; }
    .m3Marquee:active .m3MarqueeTrack{ animation-play-state: paused; }
}
body.isM3 main > .m3Logos{ padding: 18px 0 !important; }
body.isM3 .m3Logos .pgWrap{ row-gap: 10px; }
body.isM3 .m3Logos .m3LogosAll{ margin-top: 2px !important; }
@media (max-width: 767px){ body.isM3 .m3Deco0, body.isM3 .m3Deco1, body.isM3 .m3Deco2{ display: none !important; } }

body.isM3 main > section:not(.pgHero):not(.peSecFold):not(.peHook):not(.m3Belief) + section:not(.ctaWrap):not(.peSecFold):not(.peHook):not(.m3Belief):not(.peBand){ border-top: 1px solid var(--m-line) !important; }
@media (max-width: 767px){
    body.isM3 main > section:not(.pgHero):not(.ctaWrap):not(.peHook):not(.peLesson):not(.peBand):not(.peBrandNote):not(.m3Belief):not(.peSecFold):not(.m3Logos):not(.m3Team){
        padding-top: 52px !important; padding-bottom: 52px !important; }
    body.isM3 main > .peSecFold{ margin-top: 14px !important; margin-bottom: 14px !important; }
}

body.isM3 .m3IndProof .m3WeDid{ margin-bottom: 26px !important; }
body.isM3 .m3IndProof .m3LogosLabel{ display: block; margin: 0 0 12px !important; }
body.isM3 .m3IndProof .m3Marquee, body.isM3 .m3IndProof .m3LogoList.isStill{ margin-bottom: 30px !important; }
body.isM3 .m3IndProof .m3QuoteRow{ margin-top: 0 !important; }

body.isM3 .m3TeamPhoto{ margin: 26px 0 0; }
body.isM3 .m3TeamPhoto img{ display: block; width: 100%; height: auto; aspect-ratio: 960 / 721; border-radius: var(--m-r, 18px); object-fit: cover; }
body.isM3 .m3TeamPhoto figcaption{ margin-top: 8px; font: 500 14px/1.45 var(--m-font); color: var(--m-ink-2); }
@media (min-width: 992px){
    body.isM3 .peProof.m3HasPhoto .pgWrap{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 36px; align-items: center; }
    body.isM3 .peProof.m3HasPhoto .peProofList{ grid-template-columns: 1fr 1fr !important; }
    body.isM3 .peProof.m3HasPhoto .m3TeamPhoto{ margin: 0; }
}
@media (min-width: 992px){
    body.isM3 .peProof.m3HasPhoto .pgWrap > :not(.m3TeamPhoto){ grid-column: 1; }
    body.isM3 .peProof.m3HasPhoto .pgWrap > .m3TeamPhoto{ grid-column: 2; grid-row: 1 / span 3; }
}
body.isM3 .m3ShowMore + .m3LogosAll{ margin-left: 18px; }
@media (min-width: 768px){ body.isM3 .m3QuoteRow{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }



body.isM3 .pgHero .pgHeroInner > .m3Illo{ align-self: start !important; }
.m3HeroBlob{ top: 64px; }

body.isM3 .pgGrid[data-r3] > .pgCard:first-child{ background: #fff !important; }

body.isM3 .subMenu li a::before{ display: none !important; content: none !important; }

.qcClose{ display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; text-align: center; }

@media (max-width: 520px){ body.isM3 .peSvcGrid:not(.peScroller){ grid-template-columns: minmax(0, 1fr) !important; } }

@media (max-width: 767px){ body.isM3 .pgHero .pgHeroInner > .m3Chips, body.isM3 .pgHero .m3Chips, body.isM3 .m3Chips{ flex-wrap: wrap !important; margin-right: 0 !important; padding-right: 0 !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; } body.isM3 .m3Chip{ white-space: normal !important; } }

@media (max-width: 480px){ body.isM3 .pgHero .pgTitle, body.isM3 .pgHero h1{ font-size: clamp(30px, 8.4vw, 36px) !important; line-height: 1.12 !important; } }

body.isM3 .ctaWrap{ padding-left: clamp(16px, 4vw, 48px) !important; padding-right: clamp(16px, 4vw, 48px) !important; }
body.isM3 .ctaWrap .ctaInner{ max-width: 1240px; margin-left: auto; margin-right: auto; }
@media (max-width: 991px){ body.isM3 .ctaWrap .faqSide{ padding-left: 0 !important; padding-right: 0 !important; } }
@media (max-width: 1199px){ footer .container-max, footer .ftSitemap .container-max, footer .ftSiteGrid{ padding-left: 16px !important; padding-right: 16px !important; } }
@media (min-width: 768px) and (max-width: 991px){ body.isM3 .m3QuoteRow{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; } body.isM3 .m3QuoteRow > *{ width: auto !important; flex: none !important; } }

body.isM3 .ctaWrap .m3CtaForm{ margin-top: 28px !important; justify-self: start !important; margin-left: 0 !important; }

body.isM3 .m3CtaRow{ padding-top: 32px !important; padding-bottom: 40px !important; }

body.isM3 .pgLinksGrid{ display: block !important; }
body.isM3 .pgLinksGrid > .pgHead{ max-width: 760px; margin-bottom: 24px; }
body.isM3 .pgRowCols{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 24px 28px !important; width: 100% !important; }
body.isM3 .pgRow > b{ flex: 0 0 auto !important; width: 26px !important; height: 26px !important; aspect-ratio: 1; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50% !important; }

footer .ftCtaText{ display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px; }
footer .ftCtaText .ftMail{ overflow-wrap: anywhere; }

@media (max-width: 767px){ body{ padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important; } }

@media (max-width: 767px){
    footer .ftLegal{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px 18px !important; padding: 0 !important; }
    footer .ftLegal li{ flex: 0 0 auto !important; width: auto !important; }
    footer .ftLegal a{ white-space: nowrap; line-height: 1.6; }
}

body.isM3 .faqMore{ margin: 0 0 14px; padding: 0 20px; font-size: 15px; font-weight: 600; }
body.isM3 .faqMore a{ color: var(--m-blue); }
body.isM3 .faqQ[aria-expanded="false"] ~ .faqMore{ display: none; }
body.isM3 .pePricingLink{ margin-top: 18px; }

@media (min-width: 1200px){
    body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMega.peMegaA{
        position: fixed; left: max(24px, calc((100vw - 1800px) / 2)); right: max(24px, calc((100vw - 1800px) / 2)); width: auto;
        top: calc(var(--m3-top, 72px) + 6px); grid-template-columns: minmax(0, 1fr) 236px;
        max-height: calc(100vh - var(--m3-top, 72px) - 18px); overflow-y: auto; overscroll-behavior: contain; }
    body.isM3 .peMegaA .mxMain{ padding: 14px 18px 14px; }
    body.isM3 .peMegaA .mxPop{ flex-wrap: nowrap; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;
        -webkit-mask-image: linear-gradient(90deg, #000 94%, transparent); mask-image: linear-gradient(90deg, #000 94%, transparent); }
    body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxChip{ padding: 6px 12px !important; white-space: nowrap; flex: 0 0 auto; }
    body.isM3 .peMegaA .mxCols{ grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px 14px; }
    body.isM3 .peMegaA .mxCol[data-k="digital"]{ grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; align-content: start; }
    body.isM3 .peMegaA .mxCol[data-k="digital"] > .mxHead, body.isM3 .peMegaA .mxCol[data-k="digital"] > .mxAll{ grid-column: 1 / -1; }
    body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxRow{ padding: 4px 10px !important; }
    body.isM3 .peMegaA a.mxRow small{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    body.isM3 .headerWrap .headerInner .menuWrap > ul > li .subMenu.peMegaA a.mxAll{ padding: 6px 10px !important; }
    body.isM3 .peMegaA .mxRail{ padding: 18px 18px; gap: 10px; }
    body.isM3 .peMegaA .mxRailT{ font-size: 19px; }
    body.isM3 .peMegaA .mxRailP{ font-size: 14px; }
}
@media (min-width: 1200px){ body.isM3 .peMegaA .mxCol, body.isM3 .peMegaA .mxCol > *{ min-width: 0; } body.isM3 .peMegaA a.mxRow b{ overflow-wrap: anywhere; } body.isM3 .peMegaA .mxCol[data-k="digital"]{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }


.m3HubStrip{ padding: 0 0 20px; background: #fff; }
.m3HubStrip .m3Chips{ margin-top: 0; justify-content: flex-start; }

.m3SectorChip{ display: inline-block; margin: 6px 6px 0 0; padding: 2px 8px; border-radius: 999px; background: var(--m-surface); border: 1px solid var(--m-line); font-size: 12px; font-weight: 600; color: var(--m-ink-3); font-style: normal; }

.pgCard.hasLinks h3 a{ color: inherit; text-decoration: none; }
.pgCard.hasLinks h3 a:hover, .pgCard.hasLinks h3 a:focus-visible{ color: var(--m-blue); text-decoration: underline; }
.pgCardLinks{ list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 2px; }
.pgCardLinks a{ display: inline-flex; align-items: center; min-height: 36px; font-weight: 600; font-size: 15px; color: var(--m-blue); text-decoration: none; }
.pgCardLinks a::after{ content: "\2192"; margin-left: 6px; }
.pgCardLinks a:hover, .pgCardLinks a:focus-visible{ text-decoration: underline; }


body.isM3 .peMega .mxGroup{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px 18px; margin-top: 4px; padding: 6px 14px 2px; border-top: 1px solid var(--m-line); }
.mxGroupT{ font-size: 12px; font-weight: 700; color: var(--m-ink-3); margin-right: 4px; }
body.isM3 .peMega .mxGroupItem{ display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; gap: 6px !important; padding: 0 !important; min-height: 0 !important; text-decoration: none; color: var(--m-ink); font-size: 13px; }
body.isM3 .peMega .mxGroupItem small{ display: inline !important; margin: 0 !important; color: var(--m-ink-3); font-size: 12px; }
.mxGroupItem:hover b, .mxGroupItem:focus-visible b{ color: var(--m-blue); text-decoration: underline; }
.ftGroup{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 22px; padding: 14px 0; margin-bottom: 8px; border-bottom: 1px solid rgb(255 255 255 / 12%); font-size: 14px; }
.ftGroupT{ font-weight: 700; opacity: 0.8; }
.ftGroup a{ color: inherit; text-decoration: none; } .ftGroup a span{ opacity: 0.7; } .ftGroup a:hover b, .ftGroup a:focus-visible b{ text-decoration: underline; }
.mnGroup{ margin: 14px 0 6px; padding: 12px 4px 4px; border-top: 1px solid var(--m-line); display: grid; gap: 2px; }
.mnGroup p{ margin: 0 0 4px; font-size: 12px; font-weight: 700; color: var(--m-ink-3); }
.mnGroup a{ display: block; padding: 8px 0; min-height: 40px; text-decoration: none; color: var(--m-ink); font-size: 15px; }
.mnGroup a span{ color: var(--m-ink-3); font-size: 13px; }

.faqList.hasFold:not(.showAll) > .faqItem.isFold{ display: none !important; }
.faqShowAll{ display: inline-flex; align-items: center; min-height: 44px; margin: 14px 0 0; padding: 0 18px; border: 1px solid var(--m-line); border-radius: 999px; background: #fff;
    font: 700 15px/1.2 var(--m-font, inherit); color: var(--m-blue); cursor: pointer; }
.faqShowAll:hover, .faqShowAll:focus-visible{ background: var(--m-blue-soft, #e5f0ff); }



body.isM3 .peHook.m3HookR .pgWrap, body.isM3 .peHook .pgWrap{ justify-content: flex-start !important; }
body.isM3 .peHookLine, body.isM3 .peLessonBox{ max-width: 760px !important; margin-left: 0 !important; margin-right: auto !important; }
body.isM3 .peHookLine .peHookBtn{ max-width: 100%; white-space: normal; text-align: left; }   

@media (min-width: 900px){
    body.isM3 .peCheckGrid{ grid-template-columns: minmax(0, 1fr) !important; }
    body.isM3 .peCheckGroup ul{ columns: 2; column-gap: 40px; }
    body.isM3 .peCheckGroup li{ break-inside: avoid; }
}

body.isM3 .m3QuoteRow > figure.m3Quote, body.isM3 .peQuotes > figure.peQuoteCard, body.isM3 .m3ProofQuote{ display: flex !important; flex-direction: column; height: 100%; }
body.isM3 .m3Quote > blockquote, body.isM3 .peQuoteCard > blockquote{ flex: 1 1 auto; text-align: left; }
body.isM3 .m3Quote > figcaption, body.isM3 .peQuoteCard > figcaption{ margin-top: auto !important; padding-top: 14px; display: flex !important; align-items: center; gap: 12px; text-align: left; }
body.isM3 .m3Quote figcaption .m3Avatar, body.isM3 .peQuoteCard figcaption .m3Avatar{ width: 48px !important; height: 48px !important; flex: 0 0 48px; }

body.isM3 .peDeeper .peDeeperBox, body.isM3 .peDeeper .peDeeperSummary{ max-width: 760px; margin-left: 0; margin-right: auto; }
body.isM3 .peDeeperBox > summary{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px !important; }

@media (min-width: 1200px){
    body.isM3 .pgGrid.m3Bal{ display: flex !important; flex-wrap: wrap; justify-content: center; gap: 24px !important; --pe-gap: 24px; }
    body.isM3 .pgGrid.m3Bal[data-cols="4"] > *{ flex: 0 0 calc((100% - 3 * var(--pe-gap, 24px)) / 4); }
    body.isM3 .pgGrid.m3Bal[data-cols="3"] > *{ flex: 0 0 calc((100% - 2 * var(--pe-gap, 24px)) / 3); }
    body.isM3 .pgStepList[data-n="5"]{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    body.isM3 .pgStepList[data-n="6"]{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    body.isM3 .pgStepList[data-n="4"], body.isM3 .pgStepList[data-n="8"]{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    body.isM3 .pgStepList[data-n="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

body.isM3 main > section.peHook, body.isM3 main > section.peLesson{ padding: 28px 0 !important; }
body.isM3 main > section.m3Belief{ padding: 8px 0 28px !important; }

@media (min-width: 900px){
    body.isM3 .peCheckGroup ul{ display: block !important; columns: 2; column-gap: 40px; }
    body.isM3 .peCheckGroup li{ margin: 0 0 10px; break-inside: avoid; }
}

@media (min-width: 1200px){
    body.isM3 .peSvcGrid:has(> :nth-child(6):last-child), body.isM3 .peSvcGrid:has(> :nth-child(9):last-child){ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    body.isM3 .peSvcGrid:has(> :nth-child(8):last-child), body.isM3 .peSvcGrid:has(> :nth-child(4):last-child){ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

body.isM3 main > section:has(+ .m3CtaRow){ padding-bottom: 20px !important; }
body.isM3 .m3CtaRow{ padding-top: 0 !important; padding-bottom: 56px !important; }

body.isM3 .m3QuoteRow, body.isM3 .peQuotes.peScroller{ align-items: stretch !important; }
body.isM3 .m3QuoteRow > figure, body.isM3 .peQuotes > figure{ height: auto !important; align-self: stretch !important; }

.peDownload{ padding: 28px 0; }
.peDlBox{ max-width: 760px; display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 24px; align-items: center; padding: 20px; border: 1px solid var(--m-line); border-radius: 18px; background: #fff; }
.peDlPrev img{ display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--m-line); }
.peDlLabel{ margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--m-ink-3); }
.peDlNote{ margin: 10px 0 0; font-size: 14px; color: var(--m-ink-3); }
@media (max-width: 767px){ .peDlBox{ grid-template-columns: minmax(0, 1fr); } .peDlBtn{ width: 100%; justify-content: center; } }


@media (min-width: 1200px){
    html.m3Js body.isM3.m3HasToc main > section:not(.pgHero):not(.ctaWrap) > .pgWrap,
    html.m3Js body.isM3.m3HasToc main > .m3CtaRow{ padding-left: 260px !important; }
    html.m3Js body.isM3 .m3Toc{ position: fixed !important; top: 112px; left: max(16px, calc((100vw - 1240px) / 2 + 8px)); width: 220px; z-index: 30;
        background: none !important; backdrop-filter: none !important; border: 0 !important; transform: none !important;
        opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s; }
    html.m3Js body.isM3 .m3Toc.isShown{ opacity: 1; visibility: visible; }
    html.m3Js body.isM3 .m3TocInner{ display: block !important; max-width: none; margin: 0; padding: 14px 0 14px 14px; overflow: visible;
        max-height: calc(100vh - 140px); overflow-y: auto; border-left: 2px solid var(--m-line); }
    html.m3Js body.isM3 .m3TocLabel{ display: block !important; margin: 0 0 8px; font-size: 12px; font-weight: 700; color: var(--m-ink-3); }
    html.m3Js body.isM3 .m3Toc a{ display: block; margin: 0 0 2px -16px; padding: 7px 10px 7px 14px; border: 0 !important; border-left: 2px solid transparent !important;
        border-radius: 0 8px 8px 0; background: none !important; font-size: 14px; font-weight: 600; line-height: 1.35; white-space: normal; color: var(--m-ink-2); }
    html.m3Js body.isM3 .m3Toc a:hover{ color: var(--m-blue); }
    html.m3Js body.isM3 .m3Toc a.isOn{ border-left-color: var(--m-blue) !important; background: var(--m-blue-soft, #e5f0ff) !important; color: var(--m-blue) !important; }
}
@media (min-width: 1200px){
    html.m3Js body.isM3 .m3Toc .m3TocInner{ border-radius: 0 !important; background: none !important; box-shadow: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; }
    html.m3Js body.isM3 .m3Toc .m3TocInner::before, html.m3Js body.isM3 .m3Toc .m3TocInner::after{ display: none !important; }
}
@media (min-width: 1200px){
    html.m3Js body.isM3 .m3Toc .m3TocInner{ -webkit-mask-image: none !important; mask-image: none !important; padding: 14px 0 14px 14px !important; margin: 0 !important; max-width: none !important; gap: 0 !important; border-left: 2px solid var(--m-line) !important; }
}
.m3TocL{ display: none; }
@media (min-width: 1200px){ html.m3Js body.isM3 .m3Toc .m3TocS{ display: none; } html.m3Js body.isM3 .m3Toc .m3TocL{ display: inline; } }

.m3TocBox{ max-width: 1160px; margin: 0 auto; padding: 8px 16px 24px; }
.m3TocBox ol{ list-style: none; margin: 0; padding: 14px 16px; border: 1px solid var(--m-line); border-radius: 16px; background: #fff; columns: 1; }
.m3TocBoxT{ margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--m-ink-3); }
.m3TocBox li{ break-inside: avoid; }
.m3TocBox a{ display: flex; align-items: baseline; gap: 6px; min-height: 40px; padding: 9px 0; border-bottom: 1px solid var(--m-line); color: var(--m-ink); font-weight: 600; font-size: 15px; text-decoration: none; }
.m3TocBox li:last-child a{ border-bottom: 0; }
.m3TocBox a span{ color: var(--m-ink-3); font-weight: 500; }
@media (min-width: 600px) and (max-width: 1199px){ .m3TocBox ol{ columns: 2; column-gap: 28px; } }
@media (min-width: 1200px){ .m3TocBox{ display: none; } }
@media (max-width: 1199px){ html.m3Js body.isM3 .m3Toc{ display: none !important; } }   
.m3SecBtn{ position: fixed; z-index: 94; left: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 8px;
    min-height: 44px; padding: 0 16px; border: 1px solid var(--m-line); border-radius: 999px; background: #fff; color: var(--m-ink); font: 700 14px/1 var(--m-font, inherit);
    box-shadow: 0 6px 18px rgb(16 24 40 / 14%); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; }
.m3SecBtn.isShown{ opacity: 1; visibility: visible; }
@media (min-width: 768px){ .m3SecBtn{ bottom: 24px; } }
@media (min-width: 1200px){ .m3SecBtn, .m3SecSheet{ display: none !important; } }
.m3SecSheet{ position: fixed; inset: 0; z-index: 120; }
.m3SecSheet[hidden]{ display: none; }
.m3SecBack{ position: absolute; inset: 0; background: rgb(16 24 40 / 45%); }
.m3SecPanel{ position: absolute; left: 0; right: 0; bottom: 0; max-height: 78vh; overflow-y: auto; background: #fff; border-radius: 20px 20px 0 0; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
.m3SecHead{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.m3SecHead p{ margin: 0; font-weight: 800; font-size: 17px; color: var(--m-ink); }
.m3SecClose{ width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--m-surface); font-size: 22px; cursor: pointer; }
.m3SecPanel ol{ list-style: none; margin: 0; padding: 0; }
.m3SecPanel a{ display: flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 11px 12px; border-radius: 10px; color: var(--m-ink); font-weight: 600; text-decoration: none; }
.m3SecPanel a span{ color: var(--m-ink-3); font-weight: 500; }
.m3SecPanel a.isOn{ background: var(--m-blue-soft, #e5f0ff); color: var(--m-blue); }

.m3SecSheet{ top: var(--m3-top, 72px) !important; }
.m3SecPanel{ max-height: calc(100% - 24px); }
.m3SecMore{ display: grid; gap: 4px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--m-line); }
.m3SecMore a, .m3SecMenu{ display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 11px 12px; border: 0; border-radius: 10px; background: none;
    color: var(--m-blue); font: 700 15px/1.2 var(--m-font, inherit); text-align: left; text-decoration: none; cursor: pointer; }
.m3SecMore a:hover, .m3SecMenu:hover{ background: var(--m-surface); }

.m3AiCard .m3XLead:has(~ .m3XWho), .m3AiCard .m3XLead:has(+ .m3XFix + .m3XWho){ font-weight: 700; }
.m3XWho{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--m-ink-2); }
.m3XWho b{ display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--tint-ink); margin-bottom: 2px; }
body.isM3 .m3XWho b{ font-size: max(13px, 1em) !important; }

.m3Pillars{ display: grid; gap: 28px; margin-top: 18px; }
.m3PillarT{ margin: 0 0 12px; font: 700 17px/1.3 var(--m-font); color: var(--m-ink); }
.m3PillarMore, .m3FvRead{ margin-top: 12px; }
.m3PillarMore > summary, .m3FvRead > summary{ display: inline-flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; min-height: 44px;
    padding: 10px 16px; border-radius: 999px; border: 1px solid var(--m-line); background: #fff; font: 600 15px/1.2 var(--m-font); color: var(--tint-ink); }
.m3PillarMore > summary::-webkit-details-marker, .m3FvRead > summary::-webkit-details-marker{ display: none; }
.m3PillarMore > summary::after, .m3FvRead > summary::after{ content: "+"; font-size: 18px; }
.m3PillarMore[open] > summary::after, .m3FvRead[open] > summary::after{ content: "\2212"; }
.m3PillarMore > .peSvcGrid{ margin-top: 14px; }
.m3TabN{ display: inline-block; min-width: 22px; margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: var(--m-surface, #eef2f8); font-size: 12px; text-align: center; }
.m3Tab.isOn .m3TabN{ background: var(--tint-bg, #eef2f8); }
.m3FvSubT{ margin: 28px 0 12px; font: 700 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3FvSubT:first-child{ margin-top: 4px; }
.m3FvLead{ margin-bottom: 26px; }
.m3FvLead + .pgHead{ margin-top: 0; }
.m3FvShare .m3XCta{ margin-top: 6px; }
.m3ChipLed{ font-weight: 700; }

.ftGroupNo > span{ opacity: 0.7; }
.mnGroup > span{ display: block; padding: 8px 0; min-height: 40px; color: var(--m-ink); font-size: 15px; } .mnGroup > span span{ color: var(--m-ink-3); font-size: 13px; }


.peInShort{ margin: 18px 0 0; max-width: 62ch; padding: 14px 18px; border-radius: var(--m-r-sm, 12px); background: var(--tint, #e5f0ff); }
.peInShort p{ margin: 0; font-size: 16px; line-height: 1.6; color: var(--m-ink, #1b2333); }
.peInShortLabel{ display: block; margin-bottom: 4px; font-size: 13px; font-weight: 800; letter-spacing: .02em; color: var(--tint-ink, #0b4a9e); }


.peChList{ display: grid; gap: 12px; max-width: 860px; }
.peCh{ background: #fff; border: 1px solid var(--m-line, #e3e8f0); border-radius: var(--m-r, 18px); overflow: hidden; }
.peCh > summary{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; cursor: pointer; list-style: none; }
.peCh > summary::-webkit-details-marker{ display: none; }
.peCh > summary h3{ margin: 0; font-size: 17px; line-height: 1.4; font-weight: 700; color: var(--m-ink, #1b2333); }
.peCh > summary b{ flex: 0 0 auto; width: 12px; height: 12px; border-right: 2px solid var(--m-blue, #0b5fd9); border-bottom: 2px solid var(--m-blue, #0b5fd9); transform: rotate(45deg); transition: transform .2s; }
.peCh[open] > summary b{ transform: rotate(-135deg); }
.peCh > summary:focus-visible{ outline: 3px solid var(--m-blue, #0b5fd9); outline-offset: -3px; }
.peChBody{ padding: 0 20px 18px; font-size: 16px; line-height: 1.6; color: var(--m-ink-2, #46506a); }
.peChBody h4{ margin: 16px 0 6px; font-size: 14px; font-weight: 800; color: var(--m-ink, #1b2333); }
.peChBody p, .peChBody ul, .peChBody ol{ margin: 0; }
.peChBody ul, .peChBody ol{ padding-left: 20px; }
.peChBody ul{ list-style: disc !important; } .peChBody ol{ list-style: decimal !important; } .peChBody li{ display: list-item !important; }
.peChBody li + li{ margin-top: 4px; }
.peChLabel{ padding: 10px 12px; border-radius: var(--m-r-sm, 12px); background: var(--m-surface, #f5f7fb); font-size: 14px; color: var(--m-ink-3, #6b7489); }
.peChLink{ margin: 18px 0 0; max-width: 860px; }
.peChAsk{ margin: 16px 0 0; }
.peChGo{ display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 700; color: var(--m-blue, #0b5fd9); }
@media (prefers-reduced-motion: reduce){ .peCh > summary b{ transition: none; } }

body.isM3 .m3Quote figcaption, body.isM3 .peQuoteCard figcaption.m3HasFace{ align-items: flex-start !important; }
body.isM3 .m3Quote figcaption small, body.isM3 .peQuoteCard .m3QuoteWho span{ font-size: 13px !important; line-height: 1.35 !important; color: var(--m-ink-2) !important;
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
body.isM3 .m3Quote figcaption b{ line-height: 1.3; }

.m3AskBtns{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.m3AskBtns .pgBtn{ min-height: 44px; }
.m3AskTel{ display: none !important; }
@media (min-width: 1024px){ .m3AskTel{ display: inline-flex !important; } }
.ctaWrap.m3Slim .m3AskBtns .pgBtn.ghost{ background: #fff; }
.m3SendOne{ margin-top: 18px; max-width: 70ch; color: var(--m-ink-2); }
.m3SendOne .pgBtn{ margin-top: 8px; }
.m3ShareRow{ margin-top: 14px; }
.m3QStack{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
@media (max-width: 767px){ .m3QStack{ grid-template-columns: 1fr; } }
.m3QScroll{ margin-top: 16px; }
.m3Quote blockquote{ margin: 0; }
.m3QMore{ align-self: flex-start; border: 0; background: none; padding: 6px 0; min-height: 44px; font: 700 14px/1.2 var(--m-font); color: var(--m-blue); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.m3ProofLogos{ margin: 6px 0 4px; }
.m3TradeChips{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 18px; }
.m3TradeChips span{ font-weight: 700; color: var(--m-ink); margin-right: 4px; }
.m3TradeChips a{ display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--m-line); border-radius: 999px; background: #fff; color: var(--m-ink); text-decoration: none; font-size: 14px; }
.m3TradeChips a:hover{ border-color: var(--m-blue); color: var(--m-blue); }
.m3LedBy{ display: flex; gap: 14px; align-items: flex-start; margin-top: 18px; max-width: 640px; }
.m3LedBy img{ width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: 0 0 56px; }
.m3LedBy p{ margin: 0; color: var(--m-ink-2); }
.m3LedBy b{ color: var(--m-ink); }
.m3Steps{ list-style: none; counter-reset: st; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; max-width: 760px; }
.m3Step{ counter-increment: st; position: relative; padding: 14px 16px 14px 54px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; color: var(--m-ink-2); }
.m3Step::before{ content: counter(st); position: absolute; left: 16px; top: 13px; width: 26px; height: 26px; border-radius: 50%; background: var(--tint-bg, #eef2f8); color: var(--tint-ink, #1452a4); font-weight: 700; display: grid; place-items: center; font-size: 14px; }
.m3Step b{ color: var(--m-ink); }
.m3SubT{ margin: 26px 0 8px; font: 700 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3CostList{ margin: 8px 0 0; padding-left: 20px; max-width: 760px; color: var(--m-ink-2); }
.m3CostList li{ margin: 6px 0; }
.m3CostEnd{ margin-top: 14px; max-width: 760px; }
.m3LmBox{ margin-top: 12px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; }
.m3LmBox > summary{ cursor: pointer; list-style: none; padding: 16px 18px; min-height: 44px; font: 700 17px/1.3 var(--m-font); color: var(--m-ink); display: flex; justify-content: space-between; }
.m3LmBox > summary::-webkit-details-marker{ display: none; }
.m3LmBox > summary::after{ content: "+"; color: var(--m-blue); }
.m3LmBox[open] > summary::after{ content: "\2212"; }
.m3LmIn{ padding: 0 18px 18px; }
.m3LmIn > .pgWrap{ padding: 0 !important; max-width: none; }
section.m3Joined{ padding-top: 0 !important; border-top: 0 !important; }
section.m3Joined::before{ display: none !important; }
.m3FaqSec .faqSide{ max-width: 860px; }
.m3MidAsk form{ max-width: 520px; margin-top: 16px; }
.m3DigLine{ margin-top: 10px; }
.m3FaqSec .faqA{ height: 0; overflow: hidden; }
.m3FaqSec .faqA p{ margin: 0; padding: 0 18px 16px; max-width: 72ch; }
.m3MidAsk .m3CtaForm, .m3MidAsk form{ margin: 18px 0 0 !important; max-width: 520px !important; width: 100%; grid-column: auto !important; }
.ctaWrap.m3Slim .ctaInner{ grid-template-columns: 1fr !important; }
.ctaWrap.m3Slim .ctaSide{ max-width: none !important; }
.ctaWrap.m3Slim .m3Promise{ color: #fff; margin-top: 12px; }
.m3CostList{ list-style: disc !important; }
.m3CostList li{ display: list-item !important; }
.m3StartCost a, .m3CostEnd a{ color: var(--m-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
figure.m3WorkTile{ max-width: 560px; margin: 18px 0 0; }
figure.m3WorkTile img{ border-radius: var(--m-r); }
body.isM3 .m3MidAsk form.m3CtaForm.pgForm{ display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin: 18px 0 0 !important;
    max-width: 520px !important; padding: 18px; border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line); float: none !important; position: static !important; justify-self: start !important; }
body.isM3 .m3MidAsk .m3CtaForm .m3QuickTitle{ margin: 0; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); }
.m3DigWrap{ padding-top: 10px !important; }
.m3DigWrap .m3DigLine{ margin: 0; }
.m3NoScroll.m3Two{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 768px){ .m3NoScroll.m3Two{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.m3H2Line{ font-weight: 700; color: var(--m-ink); margin: 0 0 8px; }
.m3Define{ padding: 12px 14px; border-left: 3px solid var(--tint-ink, #1452a4); background: var(--tint-bg, #eef2f8); border-radius: 0 var(--m-r) var(--m-r) 0; color: var(--m-ink); }
.m3Kinds{ margin-top: 22px; }
.m3KindGrid{ margin-top: 12px; }
.m3TextBtn{ border: 0; background: none; padding: 8px 0; min-height: 44px; font: 600 15px/1.3 var(--m-font); color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; text-align: left; }
.m3Invite, .m3NotIncl, .m3LeadIn{ margin-top: 16px; max-width: 72ch; color: var(--m-ink-2); }
.m3Nearest{ margin: 14px 0 0; padding: 12px 14px; border: 1px dashed var(--m-line); border-radius: var(--m-r); max-width: 760px; color: var(--m-ink-2); }
.m3Placeholder{ margin: 16px 0 0; max-width: 560px; }
.m3Placeholder > div{ height: 180px; border-radius: var(--m-r); background: repeating-linear-gradient(45deg, #eceff4, #eceff4 10px, #e3e7ee 10px, #e3e7ee 20px); }
.m3Placeholder figcaption{ margin-top: 6px; font-size: 13px; color: var(--m-ink-2); }
.m3CtaLine{ color: #fff; opacity: .92; margin: 6px 0 0; font-size: 17px; }
.ctaWrap.m3Slim.m3HasForm .m3CtaForm{ display: grid !important; max-width: 520px; margin-top: 18px; }
.m3LmT{ margin: 26px 0 10px; font: 700 19px/1.3 var(--m-font); color: var(--m-ink); border-top: 1px solid var(--m-line); padding-top: 18px; }
.m3LmT:first-child{ margin-top: 6px; border-top: 0; padding-top: 0; }

@media (max-width: 1099px){ body.m3FlowV3 .m3TocBox{ display: none !important; } }
body.m3FlowV3 .pgHero .m3Chip{ white-space: normal; }
.m3StepStack{ display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; counter-reset: fs; }
.m3StepStack > .pgCard{ padding: 12px 14px 12px 50px !important; position: relative; min-height: 0 !important; counter-increment: fs; }
.m3StepStack > .pgCard::before{ content: counter(fs); position: absolute; left: 14px; top: 12px; width: 24px; height: 24px; border-radius: 50%; background: var(--tint-bg, #eef2f8); color: var(--tint-ink, #1452a4); font-weight: 700; display: grid; place-items: center; font-size: 13px; }
.m3StepStack .pgCardTop{ display: none !important; }
.m3RuleList > .pgCard{ min-height: 0 !important; padding: 12px 14px !important; }
.m3RuleList .pgCardTop{ display: none !important; }
.m3TypeGrid{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
.m3TypeGrid > :last-child:nth-child(odd){ grid-column: 1 / -1; }
@media (min-width: 1100px){ .m3TypeGrid{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .m3TypeGrid > :last-child:nth-child(odd){ grid-column: auto; } }
.m3TypePic{ margin: 0 0 10px !important; }
.m3TypePic > div{ height: auto !important; aspect-ratio: 4 / 3; }
.m3TypePic figcaption{ font-size: 12px !important; }
.m3PicRow{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 767px){ .m3PicRow{ grid-template-columns: 1fr; } }
.m3PicRow .m3Placeholder{ margin: 0; max-width: none; }
.m3PicRow .m3Placeholder > div{ height: auto; aspect-ratio: 4 / 3; }
.m3Answer{ margin-top: 12px; }
.m3Chooser{ margin: 10px 0 14px; max-width: 760px; }
tr.m3MoreHidden[hidden]{ display: none !important; }
body.isM3 .pgCards .pgGrid.m3TypeGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.isM3 .pgCards .pgGrid.m3TypeGrid > .pgCard{ display: block !important; }
@media (min-width: 1100px){ body.isM3 .pgCards .pgGrid.m3TypeGrid{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
@media (max-width: 767px){ .m3PicRow .m3Placeholder > div{ aspect-ratio: 16 / 7; } .m3TypePic > div{ aspect-ratio: 16 / 10; } }

.m3Compact .pgGrid{ grid-template-columns: 1fr !important; gap: 8px !important; }
.m3Compact .pgCard{ padding: 12px 16px !important; min-height: 0 !important; }
.m3Compact .pgCard h3, .m3Compact .pgCard .peProblemQ{ margin: 0 0 2px !important; font-size: 16px !important; }
.m3Compact .pgCard p{ margin: 0 !important; font-size: 15px !important; }
.m3Compact .pgCardTop{ display: none !important; }
@media (min-width: 768px){ .m3CostList.m3Cols2{ columns: 2; column-gap: 28px; max-width: none; } .m3CostList.m3Cols2 li{ break-inside: avoid; } }
.m3PicRow.m3Strip{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px; max-width: 560px; }
.m3PicRow.m3Strip .m3Placeholder > div{ aspect-ratio: 4 / 3 !important; height: auto !important; }
.m3PicRow.m3Strip .m3Placeholder figcaption{ font-size: 11px; line-height: 1.3; }
.m3PicRow.m3Two{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px){ .m3PicRow.m3Two{ grid-template-columns: 1fr; } }
body.isM3 .pgGrid.m3CmpGrid{ grid-template-columns: 1fr !important; gap: 10px !important; max-width: 820px; }
.m3CmpCard{ padding: 14px 16px !important; min-height: 0 !important; }
.m3CmpCard h3{ margin: 0 0 6px !important; font-size: 17px !important; }
.m3CmpCard p{ margin: 4px 0 0 !important; font-size: 15px; color: var(--m-ink-2); }
.m3CmpCard p b{ color: var(--m-ink); }
.m3SmallLabel{ font-size: 13px; font-weight: 700; color: var(--m-ink-2); margin: -4px 0 8px; }
.m3Who{ margin: 6px 0 12px; max-width: 820px; }

@media (max-width: 767px){ body.m3FlowV3 main > section:not(.pgHero):not(#m3x){ padding-top: 28px !important; padding-bottom: 28px !important; }
    body.m3FlowV3 main > section.m3Joined:not(#m3x){ padding-top: 0 !important; } body.m3FlowV3 .m3Placeholder > div{ height: 120px; } }

.m3StepsCompact{ gap: 6px !important; }
.m3StepsCompact > .pgStep{ padding: 10px 14px !important; min-height: 0 !important; }
.m3StepsCompact .pgStepNum{ font-size: 13px !important; margin: 0 0 2px !important; }
.m3StepTap > summary{ cursor: pointer; list-style: none; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); padding-right: 22px; position: relative; min-height: 28px; }
.m3StepTap > summary::-webkit-details-marker{ display: none; }
.m3StepTap > summary::after{ content: "+"; position: absolute; right: 0; top: 0; color: var(--m-blue); }
.m3StepTap[open] > summary::after{ content: "\2212"; }
.m3StepTap > p{ margin: 6px 0 0 !important; font-size: 15px; color: var(--m-ink-2); }
.m3ProofV3 .m3Placeholder{ display: flex; align-items: center; gap: 12px; max-width: 520px; }
.m3ProofV3 .m3Placeholder > div{ flex: 0 0 96px; width: 96px; height: 64px !important; aspect-ratio: auto !important; }
.m3ProofV3 .m3Placeholder figcaption{ margin: 0; }
.m3CmpBox{ border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; max-width: 820px; margin-top: 10px; }
.m3CmpRow{ display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; padding: 10px 14px; border-top: 1px solid var(--m-line); font-size: 14px; color: var(--m-ink-2); }
.m3CmpRow:first-child{ border-top: 0; }
.m3CmpL{ grid-column: 1 / -1; color: var(--m-ink); font-size: 15px; }
.m3CmpRow i{ display: block; font-style: normal; font-size: 12px; font-weight: 700; color: var(--tint-ink, #1452a4); }
@media (min-width: 900px){ .m3CmpRow{ grid-template-columns: 180px 1fr 1fr; } .m3CmpL{ grid-column: auto; } }
.m3NoHead > .pgWrap > .m3LeadBig{ margin-top: 0; font: 600 19px/1.4 var(--m-font); color: var(--m-ink); max-width: 760px; }
.m3Office{ margin-top: 16px; padding: 12px 14px; border-radius: var(--m-r); background: var(--m-surface, #f4f6fa); color: var(--m-ink-2); }
.m3LedBy .m3Avatar{ flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--tint-bg, #eef2f8); color: var(--tint-ink, #1452a4); font-weight: 700; }
.m3Sample{ margin: 16px 0 0; max-width: 760px; }
.m3SampleRow{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.m3SampleRow img{ width: 100%; height: auto; border-radius: var(--m-r); border: 1px solid var(--m-line); }
.m3Sample figcaption{ margin-top: 6px; font-size: 13px; color: var(--m-ink-2); }
.m3Sample2{ display: flex; align-items: center; gap: 12px; max-width: 520px; }
.m3Sample2 > div{ flex: 0 0 96px; width: 96px; height: 64px !important; }
body.isM3 .pgCards .pgGrid.m3OneCol{ grid-template-columns: 1fr !important; max-width: 820px; }
@media (min-width: 1100px){ body.isM3 .pgCards .pgGrid.m3TypeGrid.m3Six{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.m3TypeGrid.m3Six > .pgCard{ padding: 14px !important; min-height: 0 !important; }
.m3TypeGrid.m3Six .pgCardTop{ display: none !important; }
.m3TypeGrid.m3Six .pgCard h3{ font-size: 15px !important; margin: 0 0 4px !important; }
.m3TypeGrid.m3Six .pgCard p{ font-size: 14px !important; margin: 0 !important; }
.m3StartHere{ border-color: var(--m-blue) !important; }
.m3StartTag{ display: inline-block; margin-bottom: 6px; padding: 2px 10px; border-radius: 999px; background: var(--m-blue); color: #fff; font: 700 12px/1.6 var(--m-font); }
.m3StartLine{ font-size: 14px !important; color: var(--m-ink-2) !important; }
.m3RuleSteps{ list-style: none; counter-reset: ru; padding: 0; margin: 14px 0 0; display: grid; gap: 10px; max-width: 820px; }
.m3RuleSteps > li{ counter-increment: ru; position: relative; padding: 14px 16px 14px 52px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; }
.m3RuleSteps > li::before{ content: counter(ru); position: absolute; left: 16px; top: 14px; width: 24px; height: 24px; border-radius: 50%; background: var(--tint-bg, #eef2f8); color: var(--tint-ink, #1452a4); font-weight: 700; display: grid; place-items: center; font-size: 13px; }
.m3RuleSteps h3{ margin: 0 0 4px; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); }
.m3RuleSteps p{ margin: 4px 0 0; font-size: 15px; color: var(--m-ink-2); }
.m3RuleSteps .peDeeperSrc, .m3Rules .peDeeperSrc{ font-size: 12.5px !important; color: var(--m-ink-3) !important; overflow-wrap: anywhere; }

.m3QTrack{ display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 8px; margin-top: 18px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.m3QTrack::-webkit-scrollbar{ display: none; }
.m3QTrack > .m3QCard{ flex: 0 0 calc((100% - 32px) / 3); scroll-snap-align: start; }
@media (max-width: 767px){ .m3QTrack > .m3QCard{ flex-basis: 85%; } }
body.isM3 .m3QCard{ display: flex !important; flex-direction: column; gap: 0 !important; margin: 0; padding: 20px !important; background: #fff; border: 1px solid var(--m-line);
    border-radius: var(--m-r-lg); box-shadow: var(--m-shadow); height: auto !important; min-height: 0 !important; }
.m3QTop{ height: 40px; display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.m3QTop img{ max-height: 36px; max-width: 120px; width: auto; height: auto; object-fit: contain; }
.m3QMono{ flex: 0 0 36px; width: 36px; height: 36px; border-radius: 8px; display: grid; place-items: center; background: var(--tint-bg, #eef2f8);
    color: var(--tint-ink, #1452a4); font: 800 13px/1 var(--m-font); letter-spacing: .02em; }
.m3QCo{ font: 700 13px/1.25 var(--m-font); color: var(--m-ink-2); }
body.isM3 .m3QCard blockquote{ margin: 0 !important; font-size: 16px !important; line-height: 1.55 !important; color: var(--m-ink) !important; }
body.isM3 .m3QCard blockquote{ display: block !important; width: 100%; min-width: 0; white-space: normal !important; overflow-wrap: anywhere; position: relative; }
body.isM3 .m3QCard blockquote.isClamp{ max-height: calc(1.55em * 7); overflow: hidden; }
body.isM3 .m3QCard blockquote.isClamp::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.55em; background: linear-gradient(rgba(255,255,255,0), #fff); }
body.isM3 .m3QCard.isOpen blockquote{ height: auto; overflow: visible; }
body.isM3 .m3QCard.isOpen blockquote::after{ display: none; }
.m3QTrack > .m3QCard{ min-width: 0; }
.m3QCard .m3QMore{ display: block; align-self: flex-start; min-height: 40px; margin: 6px 0 0; padding: 8px 0; border: 0; background: none; cursor: pointer;
    font: 700 14px/1.2 var(--m-font); color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }
.m3QCard .m3QMore.isSpacer{ visibility: hidden; }
body.isM3 .m3QCard figcaption{ margin-top: auto !important; padding-top: 14px; border-top: 1px solid var(--m-line); display: flex !important; align-items: flex-start !important; gap: 12px; }
.m3QCard figcaption .m3Avatar{ width: 48px !important; height: 48px !important; flex: 0 0 48px; border-radius: 50%; object-fit: cover; }
.m3QCard figcaption > span{ display: grid; gap: 2px; min-width: 0; }
.m3QCard figcaption b{ color: var(--m-ink); font-size: 15px; line-height: 1.3; }
body.isM3 .m3QCard figcaption small{ font-size: 14px !important; line-height: 1.35 !important; color: var(--m-ink-2) !important; display: -webkit-box !important;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.m3QCard .m3SectorChip{ justify-self: start; margin-top: 4px; }
.m3QNav{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
.m3QCount{ font: 700 14px/1 var(--m-font); color: var(--m-ink-2); }
.m3QDots{ display: none; gap: 6px; }
.m3QDots button{ width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: var(--m-line); cursor: pointer; }
.m3QDots button.isOn{ background: var(--m-blue); width: 20px; border-radius: 999px; }
.m3QArrows{ display: flex; gap: 8px; }
.m3QArrows button{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--m-line); background: #fff; cursor: pointer; font-size: 20px; line-height: 1; color: var(--m-ink); }
.m3QArrows button:disabled{ opacity: .35; cursor: default; }
@media (max-width: 767px){ .m3QDots{ display: flex; } .m3QCount{ display: none; } }

figure.m3WorkTile img{ max-height: 420px; width: auto; max-width: 100%; }
@media (max-width: 767px){ figure.m3WorkTile img{ max-height: 60vh; } }
body.isM3 .m3QTrack > .m3QCard{ flex: 0 0 calc((100% - 32px) / 3) !important; width: auto !important; max-width: none !important; }
@media (max-width: 767px){ body.isM3 .m3QTrack > .m3QCard{ flex: 0 0 85% !important; } }
body.isM3 .peSvcGrid.m3TypeGrid{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
@media (min-width: 1100px){ body.isM3 .peSvcGrid.m3TypeGrid.m3Six{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.peSvcGrid.m3TypeGrid > .peSvcCard{ padding: 14px !important; min-height: 0 !important; }
.peSvcGrid.m3TypeGrid > :last-child:nth-child(odd){ grid-column: 1 / -1; }
.faqA .peDeeperSrc{ font-size: 12.5px; color: var(--m-ink-3); margin-top: -6px; }


body.isM3 main > section.m3IndProof:not(#m3x), body.isM3 main > section.m3ProofV3:not(#m3x){ padding-bottom: 24px !important; }
body.isM3 main > section.m3IndProof + .m3CtaRow, body.isM3 main > section.m3ProofV3 + .m3CtaRow{ margin-top: 0 !important; padding-top: 0 !important; }

body.m3FlowV3 .m3DocCard > h3{ font: 800 clamp(20px, 2vw, 26px)/1.25 var(--m-font); color: var(--m-ink); margin: 0 0 8px; }
.m3StepTag{ margin: 0 0 4px !important; font: 700 13px/1.2 var(--m-font); color: var(--m-blue); }
.m3DoThis{ margin: 0 0 12px !important; padding: 12px 14px; border-radius: var(--m-r); background: var(--tint-bg, #eef2f8); color: var(--m-ink); }
.m3NotNeed{ margin: 0 0 16px; padding: 14px 16px; max-width: 72ch; border-left: 4px solid var(--t-mint); border-radius: var(--m-r); background: #fff; color: var(--m-ink); }
.m3GuideHow .m3SubT{ margin-top: 22px; }
.m3GuideHow .peDoc, .m3GuideHelp .m3TeamCard{ margin-top: 20px; }
@media (min-width: 900px){ .peDoc.m3Two{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .peDoc.m3Two > .m3DocCard{ margin: 0; } }
body.m3FlowV3 .m3Belief .pgWrap{ padding-top: 0; padding-bottom: 0; }
.m3BeliefLine{ margin: 0; font-size: 17px; line-height: 1.5; color: var(--m-ink-2); }
.m3BeliefLine b{ color: var(--m-ink); }
.m3KeepReading{ margin: 24px 0 8px; }
.m3KeepReading .pgRowCols{ margin-top: 10px; }
.m3LmPart{ scroll-margin-top: 90px; }
.m3KeepReading + .peDeeperSummary{ margin-top: 20px; }

.m3TplCard{ margin-top: 18px; padding: 20px; border: 1px solid var(--m-line); border-top: 4px solid var(--t-mint); border-radius: var(--m-r-lg); background: #fff; box-shadow: var(--m-shadow); max-width: 640px; }
.m3TplCard h3{ margin: 8px 0 6px; font: 800 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3TplCard p{ margin: 0 0 4px; }
.m3TplAsk{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 14px 0 0 !important; }
.m3TplFree{ font: 600 14px/1.3 var(--m-font); color: var(--m-ink-2); }
.m3TplPair{ display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.m3SourceBox{ margin-top: 14px; padding: 12px 14px; max-width: 640px; border-left: 3px solid var(--m-line); font-size: 14px; line-height: 1.5; color: var(--m-ink-2); }
.m3SourceBox p{ margin: 0 0 6px; }
.m3SourceBox p:last-child{ margin-bottom: 0; }

.peBox.isDefine .m3DefineH{ margin: 0 0 10px; }
.m3TplCard .m3TplH{ margin: 8px 0 6px; font: 800 clamp(20px, 2.2vw, 26px)/1.25 var(--m-font); color: var(--m-ink); }
.m3TermChips{ display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 14px; }
.m3TermChips a{ display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--m-line); border-radius: 999px;
    background: #fff; font: 700 14px/1.2 var(--m-font); color: var(--m-ink); text-decoration: none; }
.m3PitchQs{ margin: 14px 0 0; padding-left: 22px; max-width: 72ch; }
.m3PitchQs li{ margin: 0 0 8px; color: var(--m-ink); }
.m3GlPitch .m3AskBtns{ margin-top: 16px; }
.m3ProofBox .m3LmIn{ padding: 0 18px 18px; }

.peToolBox .m3FieldHint{ display: block; margin-top: 6px; font: 400 13px/1.45 var(--m-font); color: var(--m-ink-2); }
.m3ExampleRow{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 4px 0 0; }
.m3ExampleRow span{ font-size: 14px; color: var(--m-ink-2); }
.m3OptToggle{ min-height: 44px; padding: 8px 0; border: 0; background: none; cursor: pointer; font: 700 15px/1.3 var(--m-font); color: var(--m-blue);
    text-decoration: underline; text-underline-offset: 3px; }
.m3ResultH, .m3NextH{ margin: 22px 0 8px; font: 800 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3Verdict{ margin: 0 0 12px; padding: 12px 14px; border-radius: var(--m-r); background: var(--tint-bg, #eef2f8); font: 700 16px/1.45 var(--m-font); color: var(--m-ink); }
.m3VerdictMore{ margin: 10px 0 0; color: var(--m-ink-2); }
.m3TrustChips{ margin: 0 0 10px; }
.peToolBox .m3FieldHint{ text-transform: none; letter-spacing: normal; }
@media (max-width: 767px){
    .pgHero.m3ToolHero .pgCrumb{ display: none; }
    body.isM3 .pgHero.m3ToolHero{ padding: 84px 0 8px !important; }
    body.isM3 main > section.peTool:not(#m3x){ padding-top: 12px !important; }
    .peTool .pgHead{ margin-bottom: 10px; }
}

.pgHero .m3SheetNote{ margin: 8px 0 0; font: 600 14px/1.4 var(--m-font); color: var(--m-ink-2); }
.m3FitLines{ margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 72ch; }
.m3FitLines li{ padding: 12px 14px; border-radius: var(--m-r); background: #fff; border: 1px solid var(--m-line); }

.pgHero .m3HeroAnswer{ margin: 12px 0 0; max-width: 62ch; font-size: 17px; line-height: 1.55; color: var(--m-ink); }
.pgHero .m3HeroPhoto{ margin: 0; align-self: center; }
.pgHero .m3HeroPhoto img{ width: 100%; height: auto; border-radius: var(--m-r-lg); box-shadow: var(--m-shadow); object-fit: cover; object-position: center 30%; }
.pgHero .m3HeroPhoto figcaption{ margin-top: 8px; font-size: 13px; color: var(--m-ink-2); }
@media (max-width: 767px){ .pgHero .m3HeroPhoto{ margin-top: 18px; } }
.m3Leaders .m3People{ display: grid; gap: 14px; }
@media (min-width: 900px){ .m3Leaders .m3People{ grid-template-columns: 1fr 1fr; } }
.m3DealCards ul{ margin: 6px 0 0; padding-left: 18px; }
.m3DealCards li{ margin: 0 0 6px; font-size: 15px; color: var(--m-ink-2); }

.contactForm .m3AddDetails{ grid-column: 1 / -1; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; }
.m3AddDetails > summary{ cursor: pointer; list-style: none; min-height: 44px; padding: 12px 16px; font: 700 15px/1.3 var(--m-font); color: var(--m-blue);
    display: flex; justify-content: space-between; align-items: center; }
.m3AddDetails > summary::-webkit-details-marker{ display: none; }
.m3AddDetails > summary::after{ content: "+"; }
.m3AddDetails[open] > summary::after{ content: "\2212"; }
.m3AddDetails .m3AddIn{ display: grid; gap: 14px; padding: 0 16px 16px; }
.m3FieldNote{ margin: -6px 0 0; font-size: 13px; color: var(--m-ink-2); }
.m3ElseRows{ margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 72ch; }
.m3ElseRows li{ padding: 12px 14px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; }
.m3UpDown .m3CmpCard p{ margin: 4px 0 0; }

.pgFormFoot .m3FreeLine{ flex-basis: 100%; margin: 8px 0 0; font: 600 14px/1.4 var(--m-font); color: var(--m-ink-2); }
.m3NeedLines{ margin: 12px 0 0; padding-left: 20px; max-width: 72ch; }
.m3NeedLines li{ margin: 0 0 8px; }
.m3TeamCard .m3TeamLine{ margin: 10px 0 0; font-size: 15px; color: var(--m-ink-2); }
.pgGrid.m3OneCol{ grid-template-columns: 1fr !important; }

@media (max-width: 767px){ body.peNoPlanBar .peBar{ grid-template-columns: 1fr 1fr !important; } body.peNoPlanBar .peBar .isCta{ display: none !important; } }


.peIndMore{ margin-top: 18px; }
.peIndAll{ list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.peIndAll a{ display: flex; align-items: flex-start; gap: 12px; height: 100%; padding: 12px 14px; border: 1px solid var(--m-line, #e3e8f0); border-radius: var(--m-r-sm, 12px); background: #fff; color: var(--m-ink, #1b2333); text-decoration: none; }
.peIndAll a:hover, .peIndAll a:focus-visible{ border-color: var(--m-blue, #0b5fd9); }
.peIndAll a:focus-visible{ outline: 3px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }
.peIndIco{ flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--tint, #e5f0ff); color: var(--tint-ink, #0b4a9e); }
.peIndIco svg{ width: 20px; height: 20px; }
.peIndAll b{ display: block; font-size: 15px; line-height: 1.3; font-weight: 700; }
.peIndAll small{ display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--m-ink-2, #46506a); }
@media (max-width: 1023px){ .peIndAll{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px){ .peIndAll{ grid-template-columns: 1fr; } }


.peShot{ margin: 22px 0; max-width: 860px; }
.peShot img{ display: block; width: auto; max-width: 100%; height: auto; border: 1px solid var(--m-line, #e3e8f0); border-radius: var(--m-r-sm, 12px); background: #fff; }
.peShotZoom{ display: inline-block; cursor: zoom-in; }
.peShotZoom:focus-visible{ outline: 3px solid var(--m-blue, #0b5fd9); outline-offset: 3px; border-radius: 12px; }
.peShot figcaption{ margin-top: 10px; font-size: 15px; line-height: 1.55; color: var(--m-ink-2, #46506a); }
.peShotSrc, .peShotNote{ display: block; margin-top: 4px; font-size: 13px; color: var(--m-ink-3, #6b7489); }
.peToolChips{ margin-top: 14px; }
.peToolNote{ margin: 12px 0 0; max-width: 72ch; font-size: 13px; line-height: 1.5; color: var(--m-ink-3, #6b7489); }
.peShotGrid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 1100px; }
.peShotGrid .peShot{ margin: 0; max-width: none; }
.peShotFoot{ margin: 14px 0 0; font-size: 13px; color: var(--m-ink-3, #6b7489); }
@media (max-width: 767px){ .peShotGrid{ grid-template-columns: 1fr; } }


.m3FvFold{ margin-top: 16px; border-top: 1px solid var(--m-line); padding-top: 4px; }
.m3FvFold > summary{ display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; list-style: none; min-height: 48px; font: 700 16px/1.3 var(--m-font); color: var(--m-ink); }
.m3FvFold > summary::-webkit-details-marker{ display: none; }
.m3FvFold > summary::after{ content: "+"; font-size: 20px; color: var(--m-ink-2); }
.m3FvFold[open] > summary::after{ content: "\2212"; }
.m3FvFold .pgHead{ margin: 8px 0 12px; }
.m3FvFold h3.pgTitle{ font-size: 20px; line-height: 1.3; }
.m3TabsClosed .m3Tab{ background: transparent; }
.m3FvShareLine{ margin: 18px 0 0; font-size: 15px; color: var(--m-ink-2); }
.m3FvShareLine a{ font-weight: 700; }
body.isM3 .pgLinks.m3Compact{ padding-top: 28px; padding-bottom: 28px; }
body.isM3 .pgLinks.m3Compact .pgHead .pgText, body.isM3 .pgLinks.m3Compact .pgRowHead, body.isM3 .pgLinks.m3Compact .pgRow > b{ display: none !important; }
body.isM3 .pgLinks.m3Compact .pgRowCols{ display: flex !important; flex-wrap: wrap; gap: 8px !important; }
body.isM3 .pgLinks.m3Compact .pgRowCol, body.isM3 .pgLinks.m3Compact .pgRows, body.isM3 .pgLinks.m3Compact .pgRows li{ display: contents !important; }
body.isM3 .pgLinks.m3Compact .pgRow{ min-height: 40px; }
.m3ChCompact .peCh + .peCh, .m3ChCompact .peCh{ margin-top: 8px; }
.m3ChCompact .peCh > summary{ padding: 12px 16px; min-height: 48px; }
.m3ChCompact .peCh > summary h3{ font-size: 16px; }


.peHeard .peOpt, .peHeardOther .peOpt{ font-style: normal; font-weight: 400; color: var(--m-ink-3, #6b7489); }
.peHeardOther[hidden]{ display: none !important; }


.peToolList{ list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.peToolList li{ display: block; font-size: 16px; line-height: 1.6; color: var(--m-ink-2, #46506a); }
.peToolList li b{ color: var(--m-ink, #1b2333); }
.peToolLogo{ height: 20px; width: auto; display: inline-block; vertical-align: -4px; }
.peToolMark, .peToolsBlock .peToolNote{ margin: 12px 0 0; font-size: 13px; color: var(--m-ink-3, #6b7489); }
.peToolMark + .peToolNote{ margin-top: 4px; }


body.isM3 .m3TocBox{ max-width: 1160px; margin: 0 auto; padding: 8px 24px 28px; }
@media (min-width: 900px){ body.isM3 .m3TocBox ol{ columns: 2; column-gap: 32px; } }
.m3Toc, .m3SecBtn, .m3SecSheet{ display: none !important; }


body.isM3 .m3QTrack{ padding: 6px 8px 14px !important; scroll-padding-inline: 8px; margin-left: -8px; margin-right: -8px; }
body.isM3 .m3QTrack > .m3QCard{ flex: 0 0 340px !important; width: 340px !important; max-width: calc(100vw - 64px) !important; }
@media (max-width: 420px){ body.isM3 .m3QTrack > .m3QCard{ flex-basis: calc(100vw - 64px) !important; width: auto !important; } }
.m3QNav .m3QDots{ display: none; }   
@media (max-width: 767px){ .m3QNav .m3QArrows{ display: inline-flex; } }


body.d354 #talk, body.d354 #challenges, body.d354 #faq, body.d354 #good-to-know, body.d354 #cost{ scroll-margin-top: 92px; }
body.isM3 .d354Talk{ background: var(--m-surface); }
.d354TalkGrid{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: start; }
body.isM3 .d354TalkMain .m3QuickForm{ grid-column: auto !important; grid-row: auto !important; justify-self: stretch !important; max-width: none !important; margin: 14px 0 0 !important; }
.d354TalkMain .pgHead{ margin-bottom: 0 !important; }
.d354TalkSide{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); padding: clamp(18px, 2.4vw, 26px); }
.d354TalkOr{ margin: 0 0 10px; font-weight: 700; color: var(--m-ink) !important; }
.d354TalkBtns{ display: flex; flex-wrap: wrap; gap: 10px; }
.d354TalkBtns .pgBtn{ min-height: 46px; }
body.isM3 .d354NextT{ margin: 22px 0 12px; font-size: 18px !important; }
body.isM3 .d354TalkSide .peNextList{ grid-template-columns: 1fr !important; gap: 10px !important; margin: 0; padding: 0; list-style: none; }
body.isM3 .d354TalkSide .peNextStep{ padding: 14px 16px !important; box-shadow: none !important; background: var(--m-surface) !important; }
body.isM3 .d354TalkSide .peNextStep h3{ font-size: 16px !important; margin: 4px 0 4px; }
.d354TalkSide .peNextStep p, .d354TalkSide .peNextNote{ font-size: 14px; margin: 0; }
.d354TalkSide .peNextNote{ margin-top: 10px; color: var(--m-ink-3) !important; }
@media (max-width: 991px){ .d354TalkGrid{ grid-template-columns: 1fr; } }

body.isM3 .d354Facts{ padding: 6px 0 18px !important; background: transparent; }
body.isM3 .d354Facts .peProofList{ display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px 0 !important; margin: 0; padding: 0; list-style: none; }
.d354Facts .peProofList li{ padding: 0 14px; font-size: 14px; font-weight: 600; color: var(--m-ink-2); border-left: 1px solid var(--m-line); }
.d354Facts .peProofList li:first-child{ border-left: 0; }
.d354Iso{ margin: 8px 0 0; text-align: center; font-size: 12.5px; color: var(--m-ink-3) !important; }
.d354Facts .peProofMore{ display: block; margin-top: 6px; text-align: center; font-size: 13px; font-weight: 600; }
@media (max-width: 600px){ .d354Facts .peProofList li{ flex: 0 0 50%; border-left: 0; text-align: center; padding: 4px 6px; } }

.d354ChGrid{ align-items: start; }
body.isM3 .d354Ch h3.peProblemQ{ margin: 0 0 10px !important; font-size: clamp(17px, 1.5vw, 19px) !important; line-height: 1.35; }
.d354How{ margin-top: 12px; border-top: 1px solid var(--m-line); }
.d354How > summary{ display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font-weight: 700; color: var(--m-blue); }
.d354How > summary::-webkit-details-marker{ display: none; }
.d354How > summary::after{ content: "+"; font-size: 20px; line-height: 1; }
.d354How[open] > summary::after{ content: "\2212"; }
.d354How > summary:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; border-radius: 6px; }
body.isM3 .d354HowIn{ padding: 0 0 6px !important; background: none !important; border: 0 !important; }
body.isM3 .d354HowIn h4{ margin: 12px 0 6px; font-size: 14px !important; font-weight: 700; color: var(--m-ink) !important; }
.d354HowIn ul, .d354HowIn ol{ margin: 0; padding-left: 20px; }
.d354HowIn li, .d354HowIn p{ font-size: 14.5px; }
.d354Ch .m3Worry{ margin-top: 10px; }

.d354Groups .d354N{ font-weight: 500; color: var(--m-ink-3); }

.d354IndMore{ margin-top: 24px; }
.d354IndMoreT{ margin: 0 0 8px; font-weight: 700; color: var(--m-ink) !important; }
.d354IndList{ list-style: none; margin: 0; padding: 0; columns: 4 190px; column-gap: 28px; }
.d354IndList li{ break-inside: avoid; border-bottom: 1px solid var(--m-line); }
.d354IndList a{ display: block; padding: 9px 0; font-size: 15px; font-weight: 600; color: var(--m-ink); text-decoration: none; }
.d354IndList a:hover{ color: var(--m-blue); }
@media (max-width: 600px){ .d354IndList{ columns: 2; column-gap: 16px; } .d354IndList a{ font-size: 14px; } }

body.isM3 .d354Faq .faqSide{ max-width: 860px; padding: 0 !important; }
body.isM3 .d354Faq .faqTitle{ font-size: clamp(26px, 3vw, 36px) !important; margin: 0 0 16px; }
body.isM3 .d354Close .ctaInner{ display: block !important; }
body.isM3 .d354Close .ctaSide{ max-width: 860px; margin: 0 auto; text-align: center; }
body.isM3 .d354Close .ctaBtns{ justify-content: center; }
.d354CloseLine{ margin: 8px 0 18px; font-size: 16px; }
.d354Parent{ margin-top: 16px; }

@media (max-width: 767px){
    body.isM3 .d354Deep.peSecFold{ padding-top: 18px !important; padding-bottom: 18px !important; border-top: 1px solid var(--m-line); }
    body.isM3 .d354Deep.peSecFold .pgHead, body.isM3 .d354Deep.peSecFold .pgIntroSide{ display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; margin-bottom: 0 !important; min-height: 44px; }
    body.isM3 .d354Deep.peSecFold .pgHead::after, body.isM3 .d354Deep.peSecFold .pgIntroSide::after{ content: "+"; flex: 0 0 auto; color: var(--m-blue); font: 400 28px/1 var(--m-font, sans-serif); }
    body.isM3 .d354Deep.peSecFold .pgHead[aria-expanded="true"]::after, body.isM3 .d354Deep.peSecFold .pgIntroSide[aria-expanded="true"]::after{ content: "\2212"; }
    body.isM3 .d354Deep.peSecFold .pgHead[aria-expanded="true"], body.isM3 .d354Deep.peSecFold .pgIntroSide[aria-expanded="true"]{ margin-bottom: 14px !important; }
    body.isM3 .d354Deep.peSecFold .pgHead .pgEyebrow, body.isM3 .d354Deep.peSecFold .pgIntroSide .pgEyebrow{ display: none; }
    body.isM3 .d354Deep.peSecFold .pgHead:not([aria-expanded="true"]) > :not(.pgTitle){ display: none; }
    body.isM3 .d354Deep.peSecFold .pgTitle{ font-size: 21px !important; margin: 0 !important; }
    body.isM3 .d354Deep .m3Deco{ display: none; }
}
.d354HeroChips{ margin-top: 14px; }
.d354Talk .peHeardOther[hidden]{ display: none !important; }
.d354Talk .m3QuickForm select{ height: 46px; width: 100%; border-radius: 12px; border: 1px solid var(--m-line); padding: 0 12px; font: 500 15px var(--m-font, sans-serif); background: var(--m-surface); color: var(--m-ink); }
.d354Talk .m3QuickForm .peHeard{ font-size: 13px; font-weight: 600; color: var(--m-ink-2); }
.d354Good .d354Sub{ margin: 0 0 8px; }
@media (max-width: 767px){
    body.isM3 section.d354Deep.isShut .pgWrap > :not(.pgHead):not(.pgIntroSide){ display: none !important; }
}
@media (max-width: 767px){
    body.isM3 section.d354Deep.isShut{ padding-top: 6px !important; padding-bottom: 6px !important; }
    body.isM3 section.d354Deep.isShut .pgWrap{ padding-top: 12px !important; padding-bottom: 12px !important; }
    body.isM3 section.d354Deep.isShut .pgHead > :not(.pgTitle), body.isM3 section.d354Deep.isShut .pgIntroSide > :not(.pgTitle){ display: none !important; }
}
@media (min-width: 768px){ body.isM3 .d354Groups .peSvcGrid{ display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; } }
.d354Parent{ font-size: 15px; }
.d354Parent a{ font-weight: 700; color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }

body.isM3 .d354Hero .m3Chips{ margin-top: 14px; }
body.isM3 .d354Answer{ padding-top: 8px !important; padding-bottom: 8px !important; }
body.isM3 .d354Box{ max-width: 860px; background: var(--tint); border-radius: var(--m-r-lg); padding: 24px 28px; }
body.isM3 .d354Box .pgEyebrow{ margin-bottom: 6px; }
body.isM3 .d354Box .pgTitle{ font-size: clamp(22px, 2.2vw, 30px) !important; line-height: 1.25 !important; margin: 0 0 10px !important; }
body.isM3 .d354AnswerText{ margin: 0; font-size: 18px; line-height: 1.6; color: var(--m-ink) !important; max-width: 70ch; }
body.isM3 .d354IntroMore{ padding-top: 24px !important; padding-bottom: 8px !important; }
body.isM3 .d354IntroMore .pgProse{ max-width: 72ch; }
@media (max-width: 767px){
    body.isM3 .d354Box{ padding: 18px; border-radius: var(--m-r); }
    body.isM3 .d354AnswerText{ font-size: 17px; }
}

body.isM3 .d354pTalk{ padding: clamp(36px, 5vw, 64px) 0; }
body.isM3 .d354pTalkIn{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: clamp(20px, 4vw, 56px); align-items: start;
    background: var(--m-surface); border: 1px solid var(--m-line); border-radius: var(--m-r-lg); padding: clamp(20px, 3vw, 36px); }
body.isM3 .d354pTalkText .pgTitle{ margin: 4px 0 10px !important; font-size: clamp(24px, 2.4vw, 32px) !important; }
body.isM3 .d354pTalkLine{ margin: 0 0 12px; font-size: 17px; color: var(--m-ink) !important; }
body.isM3 .d354pTalkLink{ margin: 0 0 12px; }
body.isM3 .d354pTalkLink a{ color: var(--m-blue); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
body.isM3 .d354pTalkMore{ margin-top: 8px; border-top: 1px solid var(--m-line); padding-top: 8px; }
body.isM3 .d354pTalkMore > summary{ cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; color: var(--m-ink-2); }
body.isM3 .d354pTalkMore .pgProse p{ font-size: 15px; }
body.isM3 form.d354pTalkForm.pgForm{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r); padding: 18px; gap: 12px !important; margin: 0; max-width: none; }
body.isM3 form.d354pTalkForm label.d354pConsent{ display: flex !important; align-items: flex-start; gap: 10px; font-weight: 500 !important; font-size: 14px !important; line-height: 1.45; cursor: pointer; }
body.isM3 form.d354pTalkForm label.d354pConsent input{ width: 20px !important; height: 20px !important; min-width: 20px; padding: 0 !important; margin: 1px 0 0; accent-color: var(--m-blue); }
body.isM3 form.d354pTalkForm label.d354pConsent input.isError{ outline: 2px solid #c62828; outline-offset: 2px; }
body.isM3 .d354pTalkBtns{ display: flex; flex-wrap: wrap; gap: 10px; }
body.isM3 .d354pTalkBtns .pgBtn{ flex: 1 1 160px; justify-content: center; width: auto !important; min-height: 48px; }
body.isM3 .d354pTalkCall{ margin: 0; font-size: 14px; }
body.isM3 .d354pTalkCall a{ color: var(--m-blue); font-weight: 700; white-space: nowrap; }
@media (max-width: 860px){ body.isM3 .d354pTalkIn{ grid-template-columns: 1fr; } }

body.isM3 .d354Ask{ padding: 8px 0 clamp(28px, 4vw, 48px); }
body.isM3 .d354AskIn{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; background: var(--tint);
    border-radius: var(--m-r-lg); padding: 20px 24px; }
body.isM3 .d354AskIn p{ margin: 0; font-size: 18px; font-weight: 600; color: var(--m-ink) !important; max-width: 52ch; }

body.isM3 .d354Slogan{ margin: 10px 0 0; font-size: clamp(19px, 1.8vw, 24px); font-weight: 700; line-height: 1.35; color: var(--m-ink) !important; }
body.isM3 .pgHero .d354Slogan + .pgHeroLead{ margin-top: 10px; }

body.isM3 .d354Teams{ margin-top: 28px; }
body.isM3 .d354TeamGrid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
body.isM3 .d354TeamCard{ padding: 18px !important; }
body.isM3 .d354TeamCard h3{ font-size: 18px !important; margin: 0 0 6px; }
body.isM3 .d354TeamCard p{ font-size: 14px; margin: 0; }
body.isM3 .d354TeamCard .d354TeamNames{ margin-top: 10px; font-weight: 600; color: var(--m-ink) !important; }
@media (max-width: 1099px){ body.isM3 .d354TeamGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px){ body.isM3 .d354TeamGrid{ grid-template-columns: 1fr; } }

body.isM3 .d354FounderCard{ display: flex; gap: 20px; align-items: center; max-width: 760px; background: #fff; border: 1px solid var(--m-line);
    border-radius: var(--m-r-lg); padding: 20px; }
body.isM3 .d354FounderCard img{ width: 120px; height: 120px; border-radius: 50%; object-fit: cover; flex: 0 0 120px; }
body.isM3 .d354FounderCard p{ margin: 0 0 8px; }
body.isM3 .d354FounderName{ color: var(--m-ink) !important; font-size: 18px; }
@media (max-width: 575px){ body.isM3 .d354FounderCard{ flex-direction: column; align-items: flex-start; } body.isM3 .d354FounderCard img{ width: 96px; height: 96px; flex-basis: 96px; } }

body.isM3 .d354Logos{ margin: 4px 0 18px; }

body.isM3 .pgWrap.d354Folded{ display: block !important; }
body.isM3 .d354Fold{ border: 1px solid var(--m-line); border-radius: var(--m-r-lg); background: #fff; }
body.isM3 .d354Fold > summary{ list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-height: 56px;
    padding: 16px 56px 16px 22px; position: relative; }
body.isM3 .d354Fold > summary::-webkit-details-marker{ display: none; }
body.isM3 .d354Fold > summary .pgEyebrow{ flex: 0 0 100%; margin: 0 !important; }
body.isM3 .d354Fold > summary .pgTitle{ margin: 0 !important; font-size: clamp(20px, 2vw, 26px) !important; }
body.isM3 .d354Fold > summary::after{ content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px;
    border: 1.5px solid var(--m-line); border-radius: 50%; display: grid; place-items: center; font: 600 18px/1 var(--m-font); color: var(--m-blue); }
body.isM3 .d354Fold[open] > summary::after{ content: "\2212"; }
body.isM3 .d354Fold > summary:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; border-radius: var(--m-r-lg); }
body.isM3 .d354FoldBody{ padding: 0 22px 22px; }

body.isM3 .m3Chip.isBrand{ font-weight: 800; color: var(--m-ink); }
body.isM3 .pgHero .d354BrandChips{ margin: 0 0 14px; }
body.isM3 .d354Rating{ margin: 10px 0 0; font-size: 14px; color: var(--m-ink-2) !important; }
body.isM3 .d354Rating a{ color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }
body.isM3 .d354Mid{ margin: 22px 0; padding: 16px 18px; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue); border-radius: var(--m-r-sm); background: var(--m-surface); }
body.isM3 .d354Mid p{ margin: 0; font-size: 16px; }
body.isM3 .d354Mid .d354MidT{ font-weight: 800; color: var(--m-ink) !important; margin-bottom: 4px; }
body.isM3 .d354Mid a{ color: var(--m-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.isM3 .d354AskGuide{ padding: 0 0 8px; }
body.isM3 .d354AskGuide .d354AskIn{ background: var(--m-surface); border: 1px solid var(--m-line); padding: 14px 20px; }
body.isM3 .d354AskGuide .d354AskIn p{ font-size: 16px; }

body.isM3 main > section.d354Answer:not(#_){ padding-top: 24px !important; padding-bottom: 8px !important; }
body.isM3 main > section.d354Ask:not(#_){ padding-top: 8px !important; padding-bottom: 32px !important; }
body.isM3 main > section.d354IntroMore:not(#_){ padding-top: 8px !important; }
body.isM3 main > section.d354pTalk:not(#_){ padding-top: clamp(32px, 4vw, 56px) !important; padding-bottom: clamp(32px, 4vw, 56px) !important; }

body.isM3 form.d354pTalkForm.pgForm:not(#_){ grid-column: auto !important; grid-row: auto !important; align-self: start !important; justify-self: stretch !important; box-shadow: none !important; }
body.isM3 form.d354pTalkForm label.d354pConsent:not(#_){ display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 10px !important; }
body.isM3 form.d354pTalkForm label.d354pConsent input:not(#_){ flex: 0 0 24px; width: 24px !important; height: 24px !important; }
body.isM3 .d354pTalkMore > summary{ list-style: none; justify-content: space-between; gap: 12px; }
body.isM3 .d354pTalkMore > summary::-webkit-details-marker{ display: none; }
body.isM3 .d354pTalkMore > summary::after{ content: "+"; color: var(--m-blue); font-weight: 700; font-size: 20px; }
body.isM3 .d354pTalkMore[open] > summary::after{ content: "\2212"; }
body.isM3 .pgHero .d354Slogan + .pgHeroLead:not(#_){ margin-top: 12px !important; }

.m3QDialog{ width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 64px); border: 0; border-radius: 20px; padding: 28px 24px 22px; box-shadow: 0 24px 60px rgb(10 20 40 / 25%); }
.m3QDialog::backdrop{ background: rgb(10 20 40 / 45%); }
.m3QDialog blockquote{ margin: 8px 0 16px; font-size: 17px; line-height: 1.65; color: var(--m-ink, #1b2333); }
.m3QDialog p{ margin: 0; display: grid; gap: 2px; border-top: 1px solid var(--m-line, #e4e8f0); padding-top: 12px; }
.m3QDialog small{ color: var(--m-ink-2, #46506a); font-size: 14px; }
.m3QDClose{ position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: var(--m-ink-2, #46506a); }

@media (max-width: 767px){ .ftTop{ display: none !important; } }


body.isM3 main p a:not([class]), body.isM3 main td a:not([class]), body.isM3 main .pgProse li a:not([class]){ font: inherit !important; }

body.isM3 .d354Talk{ background: var(--m-surface); }
.d354TalkGrid{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: start; }
body.isM3 .d354TalkMain .m3QuickForm{ grid-column: auto !important; grid-row: auto !important; justify-self: stretch !important; max-width: none !important; margin: 14px 0 0 !important; }
.d354TalkMain .pgHead{ margin-bottom: 0 !important; }
.d354TalkSide{ background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg); padding: clamp(18px, 2.4vw, 26px); }
.d354TalkOr{ margin: 0 0 10px; font-weight: 700; color: var(--m-ink) !important; }
.d354TalkBtns{ display: flex; flex-wrap: wrap; gap: 10px; }
.d354TalkBtns .pgBtn{ min-height: 46px; }
body.isM3 .d354NextT{ margin: 22px 0 12px; font-size: 18px !important; }
body.isM3 .d354TalkSide .peNextList{ grid-template-columns: 1fr !important; gap: 10px !important; margin: 0; padding: 0; list-style: none; }
body.isM3 .d354TalkSide .peNextStep{ padding: 14px 16px !important; box-shadow: none !important; background: var(--m-surface) !important; }
body.isM3 .d354TalkSide .peNextStep h3{ font-size: 16px !important; margin: 4px 0 4px; }
.d354TalkSide .peNextStep p, .d354TalkSide .peNextNote{ font-size: 14px; margin: 0; }
.d354TalkSide .peNextNote{ margin-top: 10px; color: var(--m-ink-3) !important; }
@media (max-width: 991px){ .d354TalkGrid{ grid-template-columns: 1fr; } }

body.isM3 .d354Facts{ padding: 6px 0 18px !important; background: transparent; }
body.isM3 .d354Facts .peProofList{ display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px 0 !important; margin: 0; padding: 0; list-style: none; }
.d354Facts .peProofList li{ padding: 0 14px; font-size: 14px; font-weight: 600; color: var(--m-ink-2); border-left: 1px solid var(--m-line); }
.d354Facts .peProofList li:first-child{ border-left: 0; }
.d354Iso{ margin: 8px 0 0; text-align: center; font-size: 12.5px; color: var(--m-ink-3) !important; }
.d354Facts .peProofMore{ display: block; margin-top: 6px; text-align: center; font-size: 13px; font-weight: 600; }
@media (max-width: 600px){ .d354Facts .peProofList li{ flex: 0 0 50%; border-left: 0; text-align: center; padding: 4px 6px; } }

.d354ChGrid{ align-items: start; }
body.isM3 .d354Close .ctaInner{ display: block !important; }
body.isM3 .d354Close .ctaSide{ max-width: 860px; margin: 0 auto; text-align: center; }
body.isM3 .d354Close .ctaBtns{ justify-content: center; }
.d354CloseLine{ margin: 8px 0 18px; font-size: 16px; }
.d354Talk .peHeardOther[hidden]{ display: none !important; }
.d354Talk .m3QuickForm select{ height: 46px; width: 100%; border-radius: 12px; border: 1px solid var(--m-line); padding: 0 12px; font: 500 15px var(--m-font, sans-serif); background: var(--m-surface); color: var(--m-ink); }
.d354Talk .m3QuickForm .peHeard{ font-size: 13px; font-weight: 600; color: var(--m-ink-2); }
.d354Facts .peProofList li{ white-space: nowrap; }

@media (max-width: 600px){
    body.isM3 .d354Compact .peSvcGrid:not(#_){ display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; overflow: visible !important; }
    body.isM3 .d354Compact .peSvcCard:not(#_){ display: grid !important; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; align-items: center;
        width: auto !important; min-height: 0 !important; padding: 12px 14px !important; }
    body.isM3 .d354Compact .peSvcCard .peSvcIcon{ grid-row: span 2; width: 36px !important; height: 36px !important; margin: 0 !important; }
    body.isM3 .d354Compact .peSvcCard .peSvcIcon svg{ width: 20px; height: 20px; }
    body.isM3 .d354Compact .peSvcCard h3:not(#_){ margin: 0 !important; font-size: 16px !important; }
    body.isM3 .d354Compact .peSvcCard p:not(#_){ margin: 2px 0 0 !important; font-size: 13.5px !important; line-height: 1.45; }
    body.isM3 .d354Compact .peSvcCard .pePlats, body.isM3 .d354Compact .peSvcCard .pePlat{ display: none !important; }
    body.isM3 .d354Compact .d354TeamGrid{ gap: 8px; }
    body.isM3 .d354Compact .d354TeamCard:not(#_){ padding: 12px 14px !important; }
    body.isM3 .d354Compact .d354TeamCard h3{ font-size: 16px !important; margin: 0 0 2px; }
    body.isM3 .d354Compact .d354TeamCard .d354TeamNames{ margin-top: 4px; }
}

body.isM3 .ctaWrap.m3Close2 .ctaSide{ display: flex !important; flex-direction: column; gap: 0; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm.pgForm{ display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px 14px !important;
    width: 100%; max-width: none !important; margin: 22px 0 0 !important; padding: clamp(18px, 2.4vw, 26px) !important; border-radius: var(--m-r-lg) !important;
    background: #fff !important; border: 0 !important; box-shadow: none !important; justify-self: stretch !important; float: none !important; position: static !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm .m3QuickTitle, body.isM3 .ctaWrap.m3Close2 form.m3CtaForm .m3QuickNote,
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm button[type="submit"]{ grid-column: 1 / -1; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm, body.isM3 .ctaWrap.m3Close2 form.m3CtaForm *{ color: var(--m-ink) !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm label{ display: grid; gap: 6px; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm input{ min-height: 48px; font-size: 16px; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm button[type="submit"]{ min-height: 50px; color: #fff !important; background: var(--m-blue) !important; font-size: 16px !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm .m3QuickTitle{ margin: 0; font: 700 17px/1.35 var(--m-font); }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm .m3QuickNote{ margin: 0; font-size: 13px !important; line-height: 1.5; color: var(--m-ink-2) !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm .m3QuickNote a{ color: var(--m-blue) !important; text-decoration: underline; }
body.isM3 .ctaWrap.m3Close2 .m3CloseLinks{ display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin: 18px 0 0 !important; padding: 0 !important; }
body.isM3 .ctaWrap.m3Close2 .m3CloseLinks > span{ font-size: 15px; opacity: .9; }
body.isM3 .ctaWrap.m3Close2 .m3CloseLinks a, body.isM3 .ctaWrap .m3CloseShare{ display: inline-flex; align-items: center; min-height: 44px; padding: 0 !important; border: 0 !important;
    background: none !important; color: #fff !important; font: 700 15px/1.3 var(--m-font) !important; text-decoration: underline; text-underline-offset: 4px; transform: none !important; }
body.isM3 .ctaWrap .m3ShareRow{ margin: 6px 0 0 !important; }
body.isM3 .ctaWrap .m3ClosePlan{ margin-top: 18px; }
body.isM3 .ctaWrap.m3Close2.m3Slim form.m3CtaForm.pgForm, body.isM3 .ctaWrap.m3Close2.m3Slim .m3CloseLinks{ max-width: 680px !important; }
@media (max-width: 575px){
    body.isM3 .ctaWrap.m3Close2 form.m3CtaForm.pgForm{ grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; }
    body.isM3 .ctaWrap.m3Close2 .m3CloseLinks{ gap: 0 16px; }
    body.isM3 .ctaWrap.m3Close2 .m3CloseLinks > span{ flex-basis: 100%; }
}

body.isM3 .ctaWrap.m3CloseCareers .m3CloseLine{ margin: 10px 0 0; font-size: 17px; line-height: 1.5; }
body.isM3 .ctaWrap.m3CloseCareers .ctaBtns{ margin-top: 20px !important; }
body.isM3 .ctaWrap.m3CloseCareers .m3CloseHr{ list-style: none; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid rgb(255 255 255 / 30%); display: grid; gap: 10px; font-size: 15px; line-height: 1.5; }
body.isM3 .ctaWrap.m3CloseCareers .m3CloseHr a{ text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }


body.isM3 .pgHero.m3HeroForm{ min-height: 0 !important; padding-bottom: clamp(24px, 4vw, 48px) !important; }
body.isM3 .pgHero.m3HeroForm .pgScrollCue{ display: none !important; }
body.isM3 .pgHero.m3HeroForm .pgHeroInner{ grid-template-columns: minmax(0, 1fr) minmax(0, 520px); align-items: start; row-gap: 0; }
body.isM3 .pgHero.m3HeroForm .pgHeroInner > .m3FormCard{ grid-column: 2 !important; grid-row: 1 / span 12 !important; justify-self: stretch !important; align-self: start;
    margin: 0 !important; padding: clamp(18px, 2.2vw, 28px); border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line);
    box-shadow: 0 18px 44px rgb(16 32 64 / 10%); scroll-margin-top: 96px; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .pgHead{ margin: 0 0 12px !important; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .pgTitle{ font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.2 !important; margin: 0 0 6px !important; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .pgTitle .pgLine{ display: inline !important; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .pgTitle .pgLine + .pgLine::before{ content: " "; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .pgText{ font-size: 13px !important; line-height: 1.5 !important; color: var(--m-ink-2) !important; margin: 0 !important; }
body.isM3 .pgHero.m3HeroForm .m3FormCard form{ margin: 0 !important; }
body.isM3 .pgHero.m3HeroForm .m3FormCard .m3LinkRow{ margin: 12px 0 0 !important; font-size: 14px; }
body.isM3 .pgHero.m3HeroForm .m3Promise{ margin: 10px 0 0 !important; font: 700 18px/1.4 var(--m-font) !important; color: var(--m-ink) !important; }
body.isM3 .pgHero.m3HeroForm .pgHeroLead{ margin-top: 14px !important; }
.m3HeroTalk{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 14px 0 0 !important; font-size: 15px; color: var(--m-ink-2); }
.m3HeroTalk a{ display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }
.m3ReachTop{ margin: 16px 0 0 !important; width: 100%; }
.m3ReachH{ margin: 0 0 4px; font: 700 13px/1.3 var(--m-font); letter-spacing: .04em; text-transform: uppercase; color: var(--m-ink-3); }
body.isM3 .m3ReachTop .pgContactDirect{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; margin: 0; padding: 0; border: 0; background: none; }
body.isM3 .m3ReachTop .pgReach{ display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: baseline; gap: 8px; min-height: 44px; padding: 8px 0 !important; font-size: 15px; }
body.isM3 .m3ReachTop .pgReach .pgReachK{ font-size: 13px; font-weight: 700; color: var(--m-ink-3); }
body.isM3 .m3ReachTop .pgReach .pgReachV{ font-size: 15px !important; font-weight: 600; line-height: 1.4; color: var(--m-ink); overflow-wrap: anywhere; }
body.isM3 .m3ReachTop .pgReach:nth-of-type(5){ grid-column: 1 / -1; }
.m3MapCard{ display: flex; align-items: center; gap: 14px; margin: 10px 0 0; padding: 8px; max-width: 520px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; color: var(--m-ink); text-decoration: none; }
.m3MapCard svg{ flex: 0 0 auto; width: 150px; height: auto; border-radius: 10px; }
.m3MapCard > span{ display: grid; gap: 2px; font-size: 14px; font-weight: 700; color: var(--m-blue); }
.m3MapCard > span b{ color: var(--m-ink); font-size: 15px; }
.m3MapCard:hover, .m3MapCard:focus-visible{ border-color: var(--m-blue); }
@media (max-width: 991px){
    body.isM3 .pgHero.m3HeroForm .pgHeroInner{ grid-template-columns: minmax(0, 1fr); }
    body.isM3 .pgHero.m3HeroForm .pgHeroInner > .m3FormCard{ grid-column: 1 !important; grid-row: auto !important; margin: 16px 0 0 !important; width: 100%; box-sizing: border-box; }
}
@media (max-width: 767px){
    body.isM3 .pgHero.m3HeroForm{ padding-top: 84px !important; }
    body.isM3 .pgHero.m3HeroForm .pgHeroSub{ display: none !important; }
    body.isM3 .pgHero.m3HeroForm .m3FormCard{ padding: 16px !important; box-shadow: none !important; }
    body.isM3 .m3ReachTop .pgContactDirect{ grid-template-columns: minmax(0, 1fr); }
    body.isM3 .m3ReachTop .pgReach{ grid-template-columns: 70px minmax(0, 1fr) auto; }
}


.m3IndH{ margin: 28px 0 12px; font: 800 20px/1.3 var(--m-font); color: var(--m-ink); }
.m3IndH small{ font-weight: 600; color: var(--m-ink-3); font-size: 15px; }
.m3IndCards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.m3IndCard{ display: grid; grid-template-rows: 48px auto 1fr auto; gap: 8px; padding: 18px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; color: var(--m-ink); text-decoration: none; min-height: 100%; }
.m3IndCard:hover, .m3IndCard:focus-visible{ border-color: var(--m-blue); box-shadow: 0 10px 26px rgb(16 32 64 / 8%); }
.m3IndLogo{ display: flex; align-items: center; height: 48px; }
.m3IndLogo img{ max-height: 40px; width: auto; max-width: 150px; object-fit: contain; }
.m3IndCard b{ font: 800 18px/1.3 var(--m-font); }
.m3IndCard > span:not(.m3IndLogo){ font-size: 15px; line-height: 1.5; color: var(--m-ink-2); }
.m3IndCard small{ font-size: 13px; color: var(--m-ink-3); }
.m3AzList{ list-style: none; margin: 0; padding: 0; columns: 4 200px; column-gap: 24px; }
.m3AzList li{ break-inside: avoid; }
.m3AzList a{ display: flex; align-items: center; min-height: 40px; font-size: 16px; font-weight: 600; color: var(--m-ink); text-decoration: underline; text-decoration-color: var(--m-line); text-underline-offset: 4px; }
.m3AzList a:hover{ color: var(--m-blue); text-decoration-color: currentColor; }
.m3IndAll{ margin-top: 24px; }
@media (max-width: 991px){ .m3IndCards{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px){
    .m3IndCards{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .m3IndCard{ grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) 96px; padding: 14px; gap: 4px 12px; }
    .m3IndCard .m3IndLogo{ grid-column: 2; grid-row: 1 / span 3; height: auto; justify-content: flex-end; }
    .m3IndCard .m3IndLogo img{ max-width: 96px; max-height: 34px; }
    .m3IndCard > *:not(.m3IndLogo){ grid-column: 1; }
    .m3AzList{ columns: 2; column-gap: 16px; }
    .m3AzList a{ font-size: 15px; min-height: 44px; }
}


.m3MailMe{ margin: 18px 0 0; padding: 18px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: #fff; }
.m3MailH{ margin: 0 0 4px; font: 800 18px/1.3 var(--m-font); color: var(--m-ink); }
.m3MailMe > p{ margin: 0 0 12px; color: var(--m-ink-2); }
.m3MailForm{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; }
.m3MailForm[hidden], .m3MailMe[hidden]{ display: none !important; }
.m3MailForm .fullRow{ grid-column: 1 / -1; }
.m3MailForm .m3Tick{ display: flex; gap: 10px; align-items: flex-start; font-weight: 500; text-transform: none; letter-spacing: normal; }
.m3MailForm .m3Tick input{ width: 20px; height: 20px; margin-top: 2px; flex: 0 0 20px; }
.m3MailForm .m3Tick.isError{ color: #b3261e; }
.m3KeepLine{ margin: 8px 0 0; font-size: 13px; color: var(--m-ink-3); }
.m3ResultCopy{ white-space: pre-wrap; font: 14px/1.5 var(--m-font); background: #f6f8fb; padding: 12px; border-radius: 10px; }
@media (max-width: 767px){ .m3MailForm{ grid-template-columns: minmax(0, 1fr); } }

body.isM3 .m3FormCard .pgForm{ gap: 12px 16px !important; }
body.isM3 .m3FormCard .pgForm label{ gap: 6px !important; font: 600 14px/1.3 var(--m-font) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink) !important; }
body.isM3 .m3FormCard .pgForm input, body.isM3 .m3FormCard .pgForm select, body.isM3 .m3FormCard .pgForm textarea{ min-height: 46px; padding: 10px 12px !important; border: 1px solid var(--m-line) !important;
    border-radius: var(--m-r-sm) !important; background: #fff !important; font-size: 16px !important; color: var(--m-ink) !important; }
body.isM3 .m3FormCard .pgForm select{ background-position: right 12px center !important; padding-right: 32px !important; }
body.isM3 .m3FormCard .pgForm input:focus, body.isM3 .m3FormCard .pgForm select:focus, body.isM3 .m3FormCard .pgForm textarea:focus{ border-color: var(--m-blue) !important; outline: 2px solid var(--m-blue-soft); }
body.isM3 .m3FormCard .pgForm .isError{ border-color: #b3261e !important; }
body.isM3 .m3FormCard .peOpt{ font-style: normal; font-weight: 500; color: var(--m-ink-3); }
body.isM3 .m3FormCard .m3OptBox > summary, body.isM3 .m3FormCard .m3AddDetails > summary{ min-height: 44px; }
body.isM3 .m3FormCard .pgFormFoot{ gap: 8px 16px !important; }
body.isM3 .m3FormCard .pgFormFoot .pgBtn{ min-height: 50px; }
body.isM3 .m3FormCard .m3FormConsent{ margin: 10px 0 0 !important; font-size: 12.5px !important; line-height: 1.5 !important; color: var(--m-ink-3) !important; }
@media (max-width: 575px){ body.isM3 .m3FormCard .pgFormFoot .pgBtn{ width: 100%; justify-content: center; } }
body.isM3 .ctaWrap.m3Close2 .ctaTitle{ margin-bottom: 0 !important; }
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm button[type="submit"]{ width: 100% !important; justify-self: stretch !important; justify-content: center; }
body.isM3 .ctaWrap.m3Close2 .m3CloseLinks a, body.isM3 .ctaWrap .m3CloseShare, body.isM3 .ctaWrap.m3CloseCareers .m3CloseHr a{ text-decoration: underline !important; text-underline-offset: 4px !important; }

body.isM3 .m3ReachTop .pgReach{ display: flex !important; flex-direction: column; align-items: flex-start; gap: 2px; padding: 8px 22px 8px 0 !important; position: relative; border-bottom: 1px solid var(--m-line) !important; }
body.isM3 .m3ReachTop .pgReach .pgReachK{ font: 700 12px/1.3 var(--m-font) !important; letter-spacing: .03em !important; text-transform: uppercase; color: var(--m-ink-3) !important; }
body.isM3 .m3ReachTop .pgReach b{ position: absolute; right: 0; top: 10px; }
body.isM3 .pgHero.m3ToolHero .pgHeroInner{ grid-template-columns: minmax(0, 1fr) !important; }

body.isM3 .m3MailMe [hidden]{ display: none !important; }
body.isM3 .m3MailForm.pgForm{ gap: 12px 16px !important; margin-top: 4px; }
body.isM3 .m3MailForm label{ gap: 6px !important; font: 600 14px/1.35 var(--m-font) !important; letter-spacing: normal !important; text-transform: none !important; color: var(--m-ink) !important; }
body.isM3 .m3MailForm input[type="text"], body.isM3 .m3MailForm input[type="email"], body.isM3 .m3MailForm input[type="tel"]{ min-height: 46px; padding: 10px 12px !important;
    border: 1px solid var(--m-line) !important; border-radius: var(--m-r-sm) !important; background: #fff !important; font-size: 16px !important; color: var(--m-ink) !important; }
body.isM3 .m3MailForm .m3Tick{ flex-direction: row !important; align-items: flex-start !important; font-weight: 500 !important; }
body.isM3 .m3MailForm .m3Tick input{ width: 20px !important; min-height: 0 !important; height: 20px; padding: 0 !important; }
body.isM3 .m3MailForm .m3Tick a{ font: inherit !important; color: var(--m-blue) !important; text-decoration: underline; }
body.isM3 .m3MailForm .m3Tick.isError{ color: #b3261e !important; }
body.isM3 .m3MailForm .m3FieldNote{ margin: -4px 0 0; font-size: 13px; color: var(--m-ink-3); }
body.isM3 .m3MailForm .m3KeepLine a{ font: inherit; color: var(--m-blue); }
body.isM3 .m3MailFoot .pgBtn{ min-height: 48px; }
body.isM3 .m3ReachH, body.isM3 .m3ReachTop .pgReach .pgReachK{ text-transform: none !important; letter-spacing: normal !important; }
body.isM3 .m3ReachH{ font-size: 14px; color: var(--m-ink-2); }


@media (max-width: 767px){
    
    body.isM3.d354 section[data-step="2"] .pgGrid, body.isM3.d354 section[data-step="2"] .peSvcGrid{ display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard, body.isM3.d354 section[data-step="2"] .peSvcCard{ padding: 11px 12px !important; min-height: 0 !important; height: auto !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; display: block !important; }
    body.isM3.d354 section[data-step="2"] .pgCardTop, body.isM3.d354 section[data-step="2"] .pgCardGo, body.isM3.d354 section[data-step="2"] .peSvcIcon,
    body.isM3.d354 section[data-step="2"] .pePlats, body.isM3.d354 section[data-step="2"] .m3Deco{ display: none !important; }
    body.isM3.d354 section[data-step="2"] .pgCard h3, body.isM3.d354 section[data-step="2"] .peSvcCard h3{ font-size: 14.5px !important; line-height: 1.3 !important; margin: 0 0 4px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard p, body.isM3.d354 section[data-step="2"] .peSvcCard p{ font-size: 13px !important; line-height: 1.4 !important; margin: 0 !important;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    body.isM3.d354 section[data-step="2"] .m3PillarT{ margin: 14px 0 8px !important; font-size: 15px !important; }
    body.isM3.d354 section[data-step="2"] .m3Pillar:first-child .m3PillarT{ margin-top: 4px !important; }
    body.isM3.d354 section[data-step="2"] .pgHead .pgText, body.isM3.d354 section[data-step="2"] .pgHead .peHeadNote{ font-size: 14px !important; }
    
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tbody{ display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tr{ margin: 0 !important; padding: 10px 12px !important; box-shadow: none !important; border-radius: 12px !important; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone td, body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone th{ padding: 0 !important; border: 0 !important; font-size: 13px; line-height: 1.4; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tr > :first-child{ font-size: 14.5px !important; font-weight: 700; padding: 0 0 4px !important; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone td::before{ content: none !important; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tr > :nth-child(2){ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tr > :nth-child(n+3){ display: none !important; }
    
    body.isM3.d354 .m3TocBox ol{ columns: 2 !important; column-gap: 14px; padding: 8px 12px !important; }
    body.isM3.d354 .m3TocBox a{ min-height: 36px; padding: 7px 0; font-size: 14px; }
    body.isM3.d354 .m3TocBox a span{ display: none; }
}

.d354Facts .peProofList li{ white-space: nowrap; }

body.isM3 .d354Ch a.m3Worry.d354WorryLink{ display: inline-flex !important; align-items: center; min-height: 32px; margin-top: 8px; padding: 0 !important; background: none !important;
    border: 0 !important; box-shadow: none !important; color: var(--m-blue) !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px){
    body.isM3 .d354Facts{ padding: 2px 0 10px !important; }
    body.isM3 .d354Facts .pgWrap{ padding-top: 0 !important; padding-bottom: 0 !important; }
    body.isM3 .d354Facts .peProofList{ flex-wrap: nowrap !important; }
    .d354Facts .peProofList li, .d354Facts .peProofList li:first-child{ flex: 0 0 auto; padding: 0 7px; font-size: 12.5px; border-left: 1px solid var(--m-line); text-align: center; }
    .d354Facts .peProofList li:first-child{ border-left: 0; }
    body.isM3.d354 .pgHero .m3Chips{ display: flex !important; flex-wrap: wrap; gap: 6px !important; }
    body.isM3.d354 .pgHero .m3Chip{ font-size: 12.5px !important; padding: 4px 9px !important; min-height: 0 !important; margin: 0 !important; }
    body.isM3.d354 .pgHero .m3Chip svg{ width: 14px; height: 14px; }
    body.isM3.d354 section[data-step="2"] .pgCard, body.isM3.d354 section[data-step="2"] .peSvcCard{ padding: 9px 10px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard h3, body.isM3.d354 section[data-step="2"] .peSvcCard h3{ font-size: 13.5px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard p, body.isM3.d354 section[data-step="2"] .peSvcCard p{ font-size: 12.5px !important; }
    body.isM3.d354 .m3TocBox{ padding-bottom: 12px; }
    body.isM3.d354 .m3TocBox a{ min-height: 32px; padding: 6px 0; font-size: 13.5px; }
}

body.isM3 main > section.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts.d354Facts{ padding-top: 4px !important; padding-bottom: 18px !important; min-height: 0 !important; border: 0 !important; }
body.isM3 main > section.d354Facts::before, body.isM3 main > section.d354Facts::after{ display: none !important; }


body.isM3.d354 section[data-step="2"] .pgCard p.d354HasShort, body.isM3.d354 section[data-step="2"] .peSvcCard p.d354HasShort,
body.isM3.d354 section[data-step="2"] .pgCard > p, body.isM3.d354 section[data-step="2"] .peSvcCard > p{ display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
body.isM3.d354 section[data-step="2"] .pgCard .d354Rest, body.isM3.d354 section[data-step="2"] .peSvcCard .d354Rest{ display: none !important; }
@media (max-width: 767px){
    body.isM3.d354 section[data-step="2"] table.m3CardsOnPhone tr > :nth-child(2){ display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
    body.isM3.d354 section[data-step="2"] table .d354Rest{ display: none !important; }
}
@media (min-width: 768px){
    body.isM3.d354 section[data-step="2"] .pgGrid, body.isM3.d354 section[data-step="2"] .peSvcGrid{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard, body.isM3.d354 section[data-step="2"] .peSvcCard{ padding: 14px 16px !important; min-height: 0 !important; height: auto !important; display: block !important; }
    body.isM3.d354 section[data-step="2"] .pgCardTop, body.isM3.d354 section[data-step="2"] .pgCardGo, body.isM3.d354 section[data-step="2"] .peSvcIcon,
    body.isM3.d354 section[data-step="2"] .pePlats, body.isM3.d354 section[data-step="2"] .m3Deco{ display: none !important; }
    body.isM3.d354 section[data-step="2"] .pgCard h3, body.isM3.d354 section[data-step="2"] .peSvcCard h3{ font-size: 16px !important; margin: 0 0 4px !important; }
    body.isM3.d354 section[data-step="2"] .pgCard p, body.isM3.d354 section[data-step="2"] .peSvcCard p{ font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; }
    body.isM3.d354 section[data-step="2"] .m3Pillars{ display: block !important; }
    body.isM3.d354 section[data-step="2"] .m3Pillar{ margin: 0 0 6px !important; }
    body.isM3.d354 section[data-step="2"] .m3PillarT{ margin: 16px 0 8px !important; font-size: 16px !important; }
}

body.isM3 .pgHeroTagline{ margin: -4px 0 14px; font: 600 18px/1.45 var(--m-font); color: var(--m-ink-2); max-width: 38em; }
@media (max-width: 767px){ body.isM3 .pgHeroTagline{ font-size: 16px; margin-bottom: 12px; } }
.m3D354Ask .m3AskGrid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 32px; align-items: start; }
@media (max-width: 991px){ .m3D354Ask .m3AskGrid{ grid-template-columns: 1fr; gap: 18px; } }
.m3D354Ask .pgHead{ margin-bottom: 0 !important; }
body.isM3 .m3D354Ask h2.pgTitle{ font-size: clamp(22px, 2.4vw, 30px) !important; line-height: 1.3 !important; max-width: 30ch; }
.m3D354Ask .m3AskBtns{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.m3D354Ask .m3AskBtns .pgBtn{ min-height: 48px; }
body.isM3 .m3D354Ask form.m3AskForm.pgForm{ display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; margin: 0 !important;
    max-width: none !important; width: 100%; padding: 22px; border-radius: var(--m-r-lg); background: #fff; border: 1px solid var(--m-line);
    box-shadow: var(--m-shadow-up); grid-column: auto !important; grid-row: auto !important; justify-self: stretch !important; }
body.isM3 .m3D354Ask .m3AskForm .m3QuickTitle{ margin: 0; font: 700 16px/1.35 var(--m-font); color: var(--m-ink); }
body.isM3 .m3D354Ask .m3AskForm input{ min-height: 48px; }
section.peNext.m3AfterAsk{ padding-top: 8px !important; }
.ctaWrap.m3D354Cta .ctaBtns{ margin-top: 18px; }
.m3IntroRest .pgProse{ max-width: 72ch; }

.m3BrandRows .m3XGrid{ display: block !important; overflow: visible !important; border-top: 1px solid var(--m-line); }
.m3BrandRows .m3XCard{ display: grid !important; grid-template-columns: minmax(140px, 1.1fr) minmax(120px, 1fr) minmax(0, 1.6fr); column-gap: 18px; row-gap: 4px;
    align-items: baseline; background: none !important; border: 0 !important; border-bottom: 1px solid var(--m-line) !important; border-radius: 0 !important;
    box-shadow: none !important; padding: 12px 0 !important; width: auto !important; flex: none !important; min-height: 0 !important; }
.m3BrandRows .m3XCard h3{ font-size: 16px !important; }
.m3BrandRows .m3XCat{ font-size: 14px; }
.m3BrandRows .m3Chans{ gap: 4px 12px; }
.m3BrandRows .m3Chan{ padding: 0; border: 0; background: none; font-size: 14px; }
.m3BrandRows .m3Chan svg{ display: none; }
.m3BrandRows .m3XLead, .m3BrandRows .m3XSrc{ grid-column: 1 / -1; margin: 0; }
.m3BrandRows .m3XSrc{ font-size: 12px; color: var(--m-ink-3); }
@media (max-width: 767px){ .m3BrandRows .m3XCard{ grid-template-columns: 1fr 1fr; } .m3BrandRows .m3Chans{ grid-column: 1 / -1; } }

.m3D6Fold{ border: 1px solid var(--m-line); border-radius: var(--m-r-lg); background: #fff; }
.m3D6Fold > summary{ list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 32px; column-gap: 12px; align-items: center;
    padding: 16px 18px; min-height: 56px; }
.m3D6Fold > summary::-webkit-details-marker{ display: none; }
.m3D6Fold > summary::after{ content: "+"; grid-column: 2; grid-row: 1 / span 2; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--m-line);
    display: grid; place-items: center; font: 600 20px/1 var(--m-font); color: var(--m-blue); }
.m3D6Fold[open] > summary::after{ content: "\2212"; }
.m3D6Fold > summary:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; border-radius: var(--m-r-lg); }
.m3D6Fold > summary .pgEyebrow{ grid-column: 1; margin: 0 0 4px !important; }
body.isM3 .m3D6Fold > summary h2.pgTitle{ grid-column: 1; margin: 0 !important; font-size: clamp(19px, 2vw, 24px) !important; line-height: 1.3 !important; }
.m3D6Fold > summary h2 .pgLine{ display: inline !important; }
.m3D6Body{ padding: 0 18px 18px; }
section.m3D6{ padding-top: 14px !important; padding-bottom: 14px !important; }
section.m3D6.m3HasDeco .m3Deco{ display: none; }
.m3D6Fold > summary .pgEyebrow{ justify-self: start; width: auto !important; max-width: 100%; }
@media (min-width: 992px){ .m3D354Ask .m3AskGrid{ align-items: center; } }

.m3BrandRows .m3XCard h4{ margin: 0; font: 700 16px/1.3 var(--m-font); color: var(--m-ink); }
.m3ListT{ margin: 4px 0 2px !important; font: 700 18px/1.3 var(--m-font) !important; color: var(--m-ink); }
.m3ListNote{ margin: 0 0 10px; font-size: 14px; color: var(--m-ink-2); }
.m3AdvT{ margin-top: 26px; font-weight: 700; color: var(--m-ink); }
.m3HqList + .m3ListNote{ margin-top: 26px; }
.m3OfficeTag{ display: inline-block; padding: 2px 8px; border-radius: 6px; background: var(--m-surface); border: 1px solid var(--m-line); font-size: 12px; color: var(--m-ink-2); }
.m3D6Bare > summary .pgEyebrow{ background: none !important; padding: 0 !important; font: 700 19px/1.3 var(--m-font) !important; color: var(--m-ink) !important; text-transform: none !important; letter-spacing: 0 !important; }
.m3D6Bare > summary .pgEyebrow svg, .m3D6Bare > summary .pgEyebrow i{ display: none; }
.m3D6Body .pgStateSide:empty{ display: none; }

body.isM3 main > section:is(.m3D6, .peDeeper, .peBrandNote)[data-step="6"]:not(#d354){ padding-top: 8px !important; padding-bottom: 8px !important; }
body.isM3 main > section[data-step="6"] + section:is(.m3D6, .peDeeper, .peBrandNote):not(#d354){ border-top: 0 !important; }
body.isM3 main > section[data-step="5"] + section[data-step="6"]:not(#d354){ padding-top: clamp(32px, 4vw, 56px) !important; }

.m3FactsLine{ margin: 12px 0 0; text-align: center; font: 600 14px/1.5 var(--m-font); color: var(--m-ink-2); }
@media (max-width: 767px){
    body.isM3 main > section[data-step="2"]:not(#d354){ padding-top: 28px !important; padding-bottom: 28px !important; }
    body.isM3 main > section[data-step="2"] .pgGrid:not(#d354){ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    body.isM3 main > section[data-step="2"] .pgGrid > .pgCard:not(#d354){ padding: 10px 12px !important; min-height: 0 !important; border-radius: 12px !important; box-shadow: none !important; gap: 2px !important; }
    body.isM3 main > section[data-step="2"] .pgCard .pgCardTop, body.isM3 main > section[data-step="2"] .pgCard .pgCardGo{ display: none !important; }
    body.isM3 main > section[data-step="2"] .pgCard h3:not(#d354){ font-size: 14px !important; line-height: 1.3 !important; margin: 0 0 2px !important; }
    body.isM3 main > section[data-step="2"] .pgCard p:not(#d354){ font-size: 13.5px !important; line-height: 1.4 !important; margin: 0 !important; color: var(--m-ink-2); }
    body.isM3 main > section[data-step="2"] .pgHead:not(#d354){ margin-bottom: 14px !important; }
    body.isM3 main > section[data-step="2"] .m3Deco{ display: none; }
    body.isM3 nav.m3TocBox[data-step="1"] ol:not(#d354){ display: flex !important; flex-wrap: wrap; gap: 6px; padding: 10px !important; }
    body.isM3 nav.m3TocBox[data-step="1"] li:not(#d354){ border: 0 !important; padding: 0 !important; margin: 0 !important; }
    body.isM3 nav.m3TocBox[data-step="1"] li a:not(#d354){ display: inline-flex !important; min-height: 40px; align-items: center; padding: 4px 10px !important;
        border: 1px solid var(--m-line); border-radius: 999px; font-size: 13px !important; line-height: 1.3 !important; }
    body.isM3 nav.m3TocBox[data-step="1"] li a span{ display: none; }
}

body.isM3 main > section.peDeeper[data-step="6"] .pgWrap > *:not(#d354){ max-width: none; }
body.isM3 main > section.peDeeper[data-step="6"] .peDeeperBox:not(#d354){ width: 100%; border-radius: var(--m-r-lg) !important; box-shadow: none; }
body.isM3 main > section.peDeeper[data-step="6"] .peDeeperBox > summary:not(#d354){ padding: 16px 18px !important; font-size: clamp(17px, 1.8vw, 20px) !important; min-height: 56px; }
body.isM3 main > section.peDeeper[data-step="6"] .peDeeperBox > summary::after{ content: "+" !important; width: 32px; height: 32px; border: 1.5px solid var(--m-line); border-radius: 50%;
    display: grid; place-items: center; transform: none !important; font: 600 20px/1 var(--m-font); color: var(--m-blue); }
body.isM3 main > section.peDeeper[data-step="6"] .peDeeperBox[open] > summary::after{ content: "\2212" !important; }
body.isM3 main > section.peDeeper[data-step="6"] .peDeeperSummary{ margin: 0 0 6px; font-size: 14px; color: var(--m-ink-2); }
.m3D6Fold{ box-shadow: none; }

@media (max-width: 600px){
    body.isM3 .pgHero .d354BrandChips{ gap: 6px !important; }
    body.isM3 .pgHero .d354BrandChips .m3Chip:not(#_){ font-size: 12.5px !important; padding: 4px 9px !important; }
    body.isM3 .pgHero .d354BrandChips .m3Chip svg{ width: 14px; height: 14px; }
}
body.isM3 .d354Box .pgTitle, body.isM3 .d354pTalk .pgTitle, body.isM3 .d354Talk .pgTitle, body.isM3 .d354Fold .pgTitle{ text-wrap: balance; }
body.isM3 .d354Call, body.isM3 .d354pTalkCall a{ white-space: nowrap; }
body.isM3 .d354pTalkMore > summary:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; border-radius: 8px; }

body.isM3 main > section.d354Facts:not(#_){ padding-top: 6px !important; padding-bottom: 18px !important; }


.m3Stack{ display: grid; gap: 28px; }
.m3StackT{ font-size: 1.05rem; font-weight: 700; margin: 0 0 12px; color: var(--ink, #10233f); }

   D369 header and menu (29 Oct; the user: "too cluttered ... we are known for digital, designing, technology").
   Calm bar; Services = three lead columns (Digital, Design, Technology; priority services first and a little bolder) over a
   quiet row (Advertising, On-ground, Strategy, all services); Industries = the priority trades. Open by button (growth.js:
   aria-expanded, Esc, click outside) or mouse hover; without JS, hover or keyboard focus. Panels sit over the page (no shift).
   ================================================================ */
.hxCol[data-t="sky"]{ --hxT: var(--t-sky); --hxI: var(--i-sky); }
.hxCol[data-t="lavender"]{ --hxT: var(--t-lavender); --hxI: var(--i-lavender); }
.hxCol[data-t="mint"]{ --hxT: var(--t-mint); --hxI: var(--i-mint); }
body.isM3 .headerWrap .headerInner .menuWrap.hxNav > ul{ gap: 28px; }
body.isM3 .headerWrap .headerInner .menuWrap.hxNav, body.isM3 .hxNav > ul > li.hxHas{ position: static; }   
body.isM3 .hxNav > ul > li.hxHas.isInd{ position: relative; }
body.isM3 .hxNav .hxTop{ display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 12px 0; border: 0; background: none; cursor: pointer;
    font: 600 15px/1.2 var(--m-font) !important; color: var(--m-ink); border-radius: 8px; }
body.isM3 .hxNav .hxTop:hover, body.isM3 .hxNav .hxTop[aria-expanded="true"], body.isM3 .hxNav li.hxHas.isActive > .hxTop{ color: var(--m-blue); }
body.isM3 .hxNav .hxTop:focus-visible, body.isM3 .hxNav .hxPanel a:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 3px; }
.hxChev{ width: 7px; height: 7px; margin-top: -3px; border: solid currentColor; border-width: 0 1.8px 1.8px 0; transform: rotate(45deg); transition: transform .16s ease, margin .16s ease; }
.hxTop[aria-expanded="true"] .hxChev{ margin-top: 3px; transform: rotate(225deg); }
body.isM3 .hxNav .hxPanel{ position: absolute; top: 100%; left: 50%; z-index: 100; width: min(1120px, calc(100vw - 32px)); box-sizing: border-box;
    background: #fff; border: 1px solid var(--m-line); border-radius: 20px; overflow: hidden; text-align: left;
    box-shadow: 0 24px 56px rgb(27 35 51 / 13%), 0 3px 10px rgb(27 35 51 / 6%);
    opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
body.isM3 .hxNav .hxPanel.hxInd{ top: calc(100% + 14px); width: 560px; }
body.isM3 .hxNav li.hxHas.isOpen > .hxPanel,
html:not(.hxJs) body.isM3 .hxNav li.hxHas:hover > .hxPanel, html:not(.hxJs) body.isM3 .hxNav li.hxHas:focus-within > .hxPanel{
    opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .16s ease, transform .16s ease, visibility 0s; }
@media (prefers-reduced-motion: reduce){ body.isM3 .hxNav .hxPanel, .hxChev{ transition: none !important; } }
body.isM3 .hxNav .hxPanel ul{ list-style: none; margin: 0; padding: 0; }
body.isM3 .hxNav .hxPanel li{ margin: 0; padding: 0; line-height: 1.3; }
body.isM3 .hxNav .hxPanel a{ text-decoration: none; transition: color .15s ease; }

body.isM3 .hxNav .hxLead{ display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 36px; padding: 22px 30px 18px; }
body.isM3 .hxNav .hxGHead{ display: flex; align-items: flex-start; gap: 12px; margin: 0 0 14px; }
body.isM3 .hxNav .hxTile{ flex: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: var(--hxT); color: var(--hxI); }
body.isM3 .hxNav .hxTile svg{ width: 20px; height: 20px; }
body.isM3 .hxNav .hxGName{ display: block; font: 800 17px/1.25 var(--m-font); color: var(--m-ink); }
body.isM3 .hxNav .hxGName a{ color: inherit !important; }
body.isM3 .hxNav .hxGName a:hover{ color: var(--m-blue) !important; }
body.isM3 .hxNav .hxGHead small{ display: block; margin-top: 2px; font: 500 13.5px/1.35 var(--m-font); color: var(--m-ink-3); }
body.isM3 .hxNav .hxPri{ padding-bottom: 10px !important; margin-bottom: 10px !important; border-bottom: 1px solid var(--m-line); }
body.isM3 .hxNav .hxPri a{ display: block; padding: 5px 0; font: 700 15.5px/1.3 var(--m-font) !important; color: var(--m-ink) !important; }
body.isM3 .hxNav .hxRest a{ display: block; padding: 4px 0; font: 500 14.5px/1.3 var(--m-font) !important; color: var(--m-ink-2) !important; }
body.isM3 .hxNav .hxCol.isMany .hxRest{ columns: 2; column-gap: 28px; }
body.isM3 .hxNav .hxCol li{ break-inside: avoid; }
body.isM3 .hxNav .hxPanel a:hover{ color: var(--m-blue) !important; }

body.isM3 .hxNav .hxLead.hxSecond{ padding-top: 18px; padding-bottom: 18px; background: var(--m-surface); border-top: 1px solid var(--m-line); }
body.isM3 .hxNav .hxCol.isQuiet .hxTile{ display: none; }
body.isM3 .hxNav .hxCol.isQuiet .hxGHead{ margin-bottom: 8px; display: block; }
body.isM3 .hxNav .hxCol.isQuiet .hxGName{ display: inline; font-size: 15px; font-weight: 700; margin-right: 6px; }
body.isM3 .hxNav .hxCol.isQuiet .hxGHead > span:not(.hxTile){ display: block; line-height: 1.4; }
body.isM3 .hxNav .hxCol.isQuiet .hxGHead small{ display: inline; font-size: 13px; }
body.isM3 .hxNav .hxCol.isQuiet .hxRest a{ padding: 4px 0; font-size: 14px !important; }
body.isM3 .hxNav .hxFoot{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 4px 30px 6px; background: var(--m-surface); border-top: 1px solid var(--m-line); }
body.isM3 .hxNav .hxAll{ margin: 0; align-self: end; }
body.isM3 .hxNav .hxAll a{ display: inline-flex; align-items: center; gap: 6px; min-height: 40px; font: 700 14.5px var(--m-font) !important; color: var(--m-blue) !important; white-space: nowrap; }
body.isM3 .hxNav .hxGroup{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 0; padding: 0; font: 500 12.5px/1.4 var(--m-font); color: var(--m-ink-3); }
body.isM3 .hxNav .hxGroup a, body.isM3 .hxNav .hxGroup .hxGroupItem{ font: 600 12.5px var(--m-font) !important; color: var(--m-ink-2) !important; }

body.isM3 .hxNav .hxInd{ padding: 22px 26px 12px; }
body.isM3 .hxNav .hxIndLine{ margin: 0 0 10px; font: 800 17px/1.25 var(--m-font); color: var(--m-ink); }
body.isM3 .hxNav .hxIndList{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; padding-bottom: 8px !important; border-bottom: 1px solid var(--m-line); }
body.isM3 .hxNav .hxIndList a{ display: block; padding: 7px 0; font: 600 15px/1.3 var(--m-font) !important; color: var(--m-ink) !important; }
body.isM3 .hxNav .hxInd .hxAll{ padding-top: 4px; }
@media (min-width: 992px) and (max-width: 1199px){   
    body.isM3 .headerWrap{ padding-left: 20px !important; padding-right: 20px !important; }
    body.isM3 .headerWrap .headerInner{ padding-left: 12px !important; padding-right: 12px !important; }
    body.isM3 .headerWrap .headerInner .logoImg img{ height: 32px !important; }
    body.isM3 .headerWrap .headerInner .headerRight{ gap: 14px; }
    body.isM3 .headerWrap .headerInner .menuWrap.hxNav{ gap: 10px; }
    body.isM3 .headerWrap .headerInner .menuWrap.hxNav .menuCta{ padding: 0 16px !important; font-size: 14px !important; }
}
@media (max-width: 1199px){
    body.isM3 .headerWrap .headerInner .menuWrap.hxNav > ul{ gap: 18px; }
    body.isM3 .hxNav .hxTop{ font-size: 14px !important; }
    body.isM3 .hxNav .hxLead{ gap: 24px; padding: 22px 22px 20px; }
    body.isM3 .hxNav .hxFoot{ padding: 4px 22px 6px; }
}

body.isM3 .hxMob details.mnPil li a{ font-weight: 500 !important; color: var(--m-ink-2) !important; }
body.isM3 .hxMob details.mnPil li.isPri a{ font-weight: 700 !important; font-size: 16px !important; color: var(--m-ink) !important; }
body.isM3 .hxMob details.mnPil li.isPri + li:not(.isPri){ border-top: 2px solid var(--m-line); }
body.isM3 .hxMob details.mnPil li.peMobAll a{ font-weight: 700 !important; color: var(--m-blue) !important; }
body.isM3 .hxMob details.mnQuiet > summary{ min-height: 60px; }
body.isM3 .hxMob details.mnQuiet .mxHeadTxt b{ font: 700 17px/1.25 var(--m-font); color: var(--m-ink); }
body.isM3 .hxMob details.mnQuiet .mxHeadTxt small{ font: 500 13px/1.35 var(--m-font); color: var(--m-ink-3); }
body.isM3 .hxMob details.mnQuiet ul{ list-style: none; margin: 0 0 8px; padding: 0 4px; }
body.isM3 .hxMob details.mnQuiet li a{ display: flex; align-items: center; min-height: 46px; font: 500 15px var(--m-font) !important; color: var(--m-ink-2) !important; border-bottom: 1px solid var(--m-line); text-decoration: none; }
body.isM3 .hxMob details.mnQuiet li:last-child a{ border-bottom: 0; }
body.isM3 .hxMob details.mnQuiet li.peMobAll a{ font-weight: 700 !important; color: var(--m-blue) !important; }
body.isM3 .hxMob .mnMore{ padding: 2px 4px; border-bottom: 1px solid var(--m-line); }
body.isM3 .hxMob .mnMoreT{ margin: 0 0 2px; font: 600 13.5px var(--m-font); color: var(--m-ink-3); }
body.isM3 .hxMob .mnMore ul{ list-style: none; margin: 0; padding: 0; }
body.isM3 .hxMob .mnMore li a{ display: flex; align-items: center; gap: 6px; min-height: 46px; font: 600 16px var(--m-font) !important; color: var(--m-ink) !important; text-decoration: none; }
body.isM3 .hxMob .mnMore li.peMobAll a{ color: var(--m-blue) !important; }


body.isM3 .ftSiteGrid.isAll{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px; }
body.isM3 .ftSiteGrid.isAll .ftSiteCol.isWide{ grid-column: 1 / -1; padding-top: 26px; border-top: 1px solid var(--m-line); }
body.isM3 .ftSiteGrid.isAll .ftSiteCol li{ margin-bottom: 8px; }
body.isM3 .ftSiteGrid.isAll .ftLink{ font-size: 14px; }
body.isM3 .ftSiteGrid.isAll .ftAll .ftLink{ font-weight: 700; color: var(--m-blue) !important; }
body.isM3 .ftSiteCol.isInds > ul{ columns: 5; column-gap: 28px; }
body.isM3 .ftSiteCol.isInds li{ break-inside: avoid; }
body.isM3 .ftSiteCol.isLocs > ul.ftCityGroups{ display: grid; grid-template-columns: 1fr 1fr 3fr; gap: 0 28px; list-style: none; margin: 0; padding: 0; }
body.isM3 .ftSiteCol.isLocs .ftCityGroup{ margin: 0; }
body.isM3 .ftSiteCol.isLocs .ftCityGroup.isMany > ul{ columns: 3; column-gap: 28px; }
body.isM3 .ftSiteCol.isLocs .ftCityGroup ul{ list-style: none; margin: 0; padding: 0; }
body.isM3 .ftSiteCol.isLocs .ftCityGroup li{ break-inside: avoid; }
body.isM3 .ftSiteCol.isLocs .ftCityT{ margin: 0 0 10px; font: 600 13px/1.3 var(--m-font); color: var(--m-ink-3); }
body.isM3 .ftSiteCol.isLocs > ul > li.ftAll{ grid-column: 1 / -1; margin-top: 6px; }
@media (max-width: 991px){
    body.isM3 .ftSiteGrid.isAll{ grid-template-columns: 1fr 1fr !important; }
    body.isM3 .ftSiteCol.isInds > ul{ columns: 3; }
    body.isM3 .ftSiteCol.isLocs > ul.ftCityGroups{ grid-template-columns: 1fr 1fr; }
    body.isM3 .ftSiteCol.isLocs .ftCityGroup.isMany{ grid-column: 1 / -1; margin-top: 12px; }
}
@media (max-width: 767px){
    body.isM3 .ftSiteGrid.isAll{ grid-template-columns: 1fr !important; gap: 0 !important; }
    body.isM3 .ftSiteGrid.isAll .ftSiteCol.isWide{ padding-top: 0; border-top: 0; }
    body.isM3 .ftSiteCol.isInds > ul, body.isM3 .ftSiteCol.isLocs .ftCityGroup.isMany > ul{ columns: 2; column-gap: 16px; }
    body.isM3 .ftSiteCol.isLocs > ul.ftCityGroups{ grid-template-columns: 1fr; }
    body.isM3 .ftSiteCol.isLocs .ftCityGroup{ margin-top: 10px; }
    body.isM3 .ftSiteCol.isLocs .ftCityGroup.isMany{ margin-top: 10px; }
    body.isM3 .ftSiteCol ul.peFold{ display: none !important; }
}

.d354TeamBand{ padding: 14px 0; }
.d354TeamIn{ display: flex; align-items: center; gap: 16px; }
.d354TeamIn img{ width: 132px; height: 99px; object-fit: cover; border-radius: 10px; flex: none; }
.d354TeamFacts{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-weight: 700; font-size: .95rem; }
.d354TeamFacts li{ white-space: nowrap; }
.d354TeamLink{ margin: 6px 0 0; font-size: .9rem; }
@media (max-width: 767px){ .d354TeamIn img{ width: 96px; height: 72px; } .d354TeamFacts{ font-size: .88rem; gap: 4px 10px; } }


body.isM3 .d373Band .pgTitle{ font-size: clamp(24px, 2.6vw, 32px) !important; }
.d373Cols{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 32px; }
body.isM3 .d373H{ margin: 0 0 10px; font-size: 16px !important; font-weight: 700; line-height: 1.3; color: var(--m-ink); }
.d373H a{ color: inherit; text-decoration: none; }
.d373H a:hover{ color: var(--m-blue); text-decoration: underline; }
.d373Links, .d373Lines{ list-style: none; margin: 0; padding: 0; }
.d373Links{ display: grid; gap: 4px; }
.d373Links li, .d373Lines li{ margin: 0; padding: 0; font-size: 15px; line-height: 1.45; }
.d373Links li::before, .d373Lines li::before{ content: none; }
.d373Links a, .d373Lines a{ color: var(--m-ink); text-decoration: underline; text-decoration-color: var(--m-line); text-underline-offset: 3px; }
.d373Links a:hover, .d373Lines a:hover{ color: var(--m-blue); text-decoration-color: currentColor; }
.d373Links .isHere, .d373Lines .isHere{ color: var(--m-ink-3); }
.d373Flow{ display: flex; flex-wrap: wrap; gap: 6px 22px; }
.d373Flow .isTop{ font-weight: 700; }
.d373IndBox, .d373CityAll{ margin-top: 28px; }
.d373Group + .d373Group{ margin-top: 28px; }
.d373Lines{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px 28px; }
.d373Lines a, .d373Lines .isHere{ font-weight: 700; font-size: 16px; }
.d373Lines li > span:last-child{ display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.5; color: var(--m-ink-2); }
.d373Cards{ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-bottom: 26px; }
.d373Card{ display: block; padding: 16px 18px; border: 1px solid var(--m-line); border-radius: var(--m-r); background: var(--m-surface); text-decoration: none; }
.d373Card b{ display: block; font-size: 16px; color: var(--m-ink); }
.d373Card span{ display: block; margin-top: 4px; font-size: 14.5px; line-height: 1.5; color: var(--m-ink-2); }
.d373Card:hover{ border-color: var(--m-blue); }
.d373Card:focus-visible, .d373Links a:focus-visible, .d373Lines a:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; }
.d373More{ margin: 16px 0 0; font-weight: 600; }
@media (max-width: 991px){ .d373Cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px){
    .d373Cols{ grid-template-columns: 1fr; gap: 20px; }
    .d373Cols .d373Links{ display: flex; flex-wrap: wrap; gap: 6px 18px; }
    .d373Links li{ padding: 2px 0; }
    .d373Lines{ grid-template-columns: 1fr; gap: 12px; }
    .d373Cards{ grid-template-columns: 1fr; gap: 8px; }
    .d373Card{ padding: 12px 14px; }
}

.d373Spokes{ margin-top: 28px; display: grid; gap: 18px; }
body.isM3 main > section.d373Also:not(#_){ padding-top: 4px !important; padding-bottom: 24px !important; }
.d373Also .d373H{ margin-bottom: 8px; }

@-webkit-keyframes m3Marq3{ from{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to{ -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } }
@keyframes m3Marq3{ from{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to{ -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } }
@media (prefers-reduced-motion: no-preference){
    .m3MarqueeTrack{ -webkit-animation-name: m3Marq3; animation-name: m3Marq3; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}
@media (prefers-reduced-motion: reduce){
    .m3Marquee .m3MarqueeTrack{ -webkit-animation: none !important; animation: none !important; -webkit-transform: none !important; transform: none !important; width: auto !important; display: block !important; }
    body.isM3 .m3Marquee.m3Marquee .m3MarqueeTrack > .m3LogoList[aria-hidden], body.isM3 .m3Marquee.m3Marquee .m3LogoList > li.isCopy{ display: none !important; }
    body.isM3 .m3Marquee.m3Marquee .m3LogoList:not([aria-hidden]){ display: grid !important; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 16px 12px !important;
        align-items: center; justify-items: center; width: 100%; flex: none; }
    body.isM3 .m3Marquee.m3Marquee .m3LogoList li{ padding: 0 !important; justify-content: center; min-width: 0; }
    body.isM3 .m3Marquee.m3Marquee .m3LogoList img{ height: 44px !important; max-width: 100% !important; width: auto; object-fit: contain; }
    .m3Marquee.m3Marquee{ overflow: visible; -webkit-mask-image: none !important; mask-image: none !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px){
    body.isM3 .m3Marquee.m3Marquee .m3LogoList:not([aria-hidden]){ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 10px !important; }
    body.isM3 .m3Marquee.m3Marquee .m3LogoList img{ height: 32px !important; }
}


.m3TocJump{ display: none; }
@media (max-width: 767px){
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox:not(#_){ padding-top: 4px !important; padding-bottom: 12px !important; }
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox > .m3TocBoxT:not(#_), body.isM3 nav.m3TocBox.m3TocBox.m3TocBox > ol:not(#_){ display: none !important; }
    body.isM3 nav.m3TocBox .m3TocJump{ display: block; border: 1px solid var(--m-line); border-radius: 14px; background: #fff; }
    body.isM3 nav.m3TocBox .m3TocJump > summary{ display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 46px; padding: 0 14px;
        list-style: none; cursor: pointer; font: 700 15px/1.3 var(--m-font); color: var(--m-ink); }
    body.isM3 nav.m3TocBox .m3TocJump > summary::-webkit-details-marker{ display: none; }
    body.isM3 nav.m3TocBox .m3TocJump > summary::after{ content: ""; width: 9px; height: 9px; flex: none; margin: -4px 4px 0 0; border: solid var(--m-blue); border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    body.isM3 nav.m3TocBox .m3TocJump[open] > summary::after{ margin-top: 4px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
    body.isM3 nav.m3TocBox .m3TocJump > summary:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; border-radius: 12px; }
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox .m3TocJump ol:not(#_){ display: block !important; columns: auto !important; margin: 0; padding: 0 14px 6px !important; border: 0 !important;
        border-top: 1px solid var(--m-line) !important; border-radius: 0 !important; background: none; list-style: none; }
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox .m3TocJump li:not(#_){ display: block; border: 0 !important; padding: 0 !important; margin: 0 !important; }
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox .m3TocJump li a:not(#_){ display: flex !important; align-items: center; min-height: 44px; padding: 8px 0 !important; border: 0 !important;
        border-bottom: 1px solid var(--m-line) !important; border-radius: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: var(--m-ink); background: none !important; }
    body.isM3 nav.m3TocBox.m3TocBox.m3TocBox .m3TocJump li:last-child a:not(#_){ border-bottom: 0 !important; }
}


.d354HeroFacts{ margin: 14px 0 0; font-weight: 600; font-size: 15px; line-height: 1.5; color: var(--m-ink-2); }
.d354HeroFacts span{ margin: 0 4px; color: var(--m-ink-3); }
.d377Cols{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 32px; }
body.isM3 .d377H{ margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--m-blue); font-size: 19px !important; font-weight: 800; line-height: 1.25; }
.d377H a{ color: var(--m-ink); text-decoration: none; }
.d377H a:hover{ color: var(--m-blue); text-decoration: underline; }
.d377List{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.d377List li{ margin: 0; padding: 0; }
.d377List li::before{ content: none; }
.d377List a, .d377List b{ display: inline; font-weight: 600; font-size: 15.5px; line-height: 1.35; color: var(--m-ink); text-decoration: underline;
    text-decoration-color: var(--m-line); text-underline-offset: 3px; }
.d377List b{ text-decoration: none; }
.d377List a:hover{ color: var(--m-blue); text-decoration-color: currentColor; }
.d377List a:focus-visible, .d377H a:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; }
.d377List li > span{ display: block; margin-top: 2px; font-size: 14px; line-height: 1.45; color: var(--m-ink-2); }
@media (max-width: 1100px){ .d377Cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px){
    .d377Cols{ grid-template-columns: 1fr; gap: 24px; }
    .d377List{ gap: 10px; }
    .d377List a{ display: inline-block; padding: 2px 0; }
    .d377List li > span{ font-size: 13.5px; }
}

.m3FvOpen{ padding-top: 12px; }
body.isM3 .m3FvOpenH{ margin: 0 0 8px; font: 700 18px/1.3 var(--m-font); color: var(--m-ink); }
.d377List .d377All{ margin-top: 2px; }
.d377List .d377All a{ font-weight: 700; color: var(--m-blue); text-decoration: none; }
.d377List .d377All a:hover{ text-decoration: underline; }


.peIndGrid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.peIndGrid > li{ margin: 0; }
.peIndGrid li::before{ content: none; }
.peIndGrid > li.peIndTile{ position: relative; display: flex; flex-direction: column; gap: 4px; min-height: 76px; padding: 14px 16px; border: 1px solid var(--m-line);
    border-radius: var(--m-r); background: var(--m-surface); }
.peIndTile .peIndName{ font-weight: 700; font-size: 16px; line-height: 1.3; color: var(--m-ink); }
.peIndTile a, .peIndTile span{ font-size: 14px; line-height: 1.4; }
.peIndTile a{ color: var(--m-blue); text-decoration: none; }
.peIndTile a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.peIndTile:hover{ border-color: var(--m-blue); }
.peIndTile:hover a{ text-decoration: underline; }
.peIndTile a:focus-visible{ outline: none; }
.peIndTile:focus-within{ outline: 2px solid var(--m-blue); outline-offset: 2px; }
.peIndTile.isPlain span:not(.peIndName){ color: var(--m-ink-3); }
@media (max-width: 767px){
    .peIndGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .peIndGrid > li.peIndTile{ min-height: 0; padding: 12px; }
    .peIndTile .peIndName{ font-size: 15px; }
    .peIndTile a, .peIndTile span{ font-size: 13px; }
}

body.isM3 .peUnfoldH{ margin: 18px 0 8px; font: 700 18px/1.3 var(--m-font); color: var(--m-ink); list-style: none; }
.peUnfolded > .peUnfoldH::after, .peUnfolded > .peUnfoldH::before{ content: none !important; }


@media (max-width: 767px){
    body.isM3 .headerRight .peHeadCall{ display: none !important; }
    body.peBarWait .peBar{ transform: translateY(115%); visibility: hidden; }
    .peBar{ transition: transform .2s ease, visibility .2s; }
}
@media (prefers-reduced-motion: reduce){ .peBar{ transition: none; } }


.d354HeroFacts .nw{ white-space: nowrap; }


.peB17{ margin: 22px 0; padding: 16px 18px; border: 1px solid var(--m-line); border-left: 3px solid var(--m-blue); border-radius: var(--m-r); background: var(--m-surface); }
.peB17 p{ margin: 0; font-size: 15.5px; line-height: 1.5; }
.peB17 .peB17T{ margin-bottom: 4px; font-weight: 700; color: var(--m-ink); }
.peB17 a{ color: var(--m-blue); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px){ .peB17{ margin: 18px 0; padding: 14px; } }



:focus-visible{ outline: 2px solid #0b5fd9 !important; outline-offset: 3px; }
:focus:not(:focus-visible){ outline: none !important; }
.peIndTile a:focus-visible, .peStretch .peCardLink:focus-visible{ outline: none !important; }   
body.isM3 .faqQ:focus-visible, .peScroller .peStretch:focus-within{ outline-offset: -3px !important; }   
body.isM3 .ctaWrap .ctaSide :focus-visible{ outline-color: #fff !important; }   
body.isM3 .pgBtn.primary:focus-visible, body.isM3 .ctaBtn.solid:focus-visible, body.isM3 .ftPlanBtn:focus-visible, body.isM3 .peHookBtn:focus-visible,
body.isM3 .menuCta:focus-visible, body.isM3 .peNudgeBtn.solid:focus-visible, .peBarBtn.isCta:focus-visible,
body.isM3 .ctaWrap.m3Close2 form.m3CtaForm button[type="submit"]:focus-visible{ outline-color: #fff !important; outline-offset: -5px !important; }
body.isM3 .ctaWrap .ctaSide .ctaBtn.solid:focus-visible{ outline-offset: 3px !important; }   


body.isM3 .m3QArrows button, body.isM3 .peScrollBtns button{ width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid var(--m-line);
    background: #fff; color: var(--m-ink); font-size: 20px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
body.isM3 .m3QArrows button:disabled, body.isM3 .peScrollBtns button:disabled{ opacity: .35; cursor: default; }
body.isM3 .peMoreBtn, body.isM3 .m3ShowMore, body.isM3 .faqShowAll{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px;
    border: 1.5px solid var(--m-line); border-radius: 999px; background: #fff; font: 700 15px/1.2 var(--m-font); letter-spacing: 0; color: var(--m-blue); cursor: pointer; }
body.isM3 .peMoreBtn::after{ color: inherit; font-size: 18px; }
body.isM3 .faqQ{ background: transparent !important; border: 0 !important; border-radius: 0 !important; }   
body.isM3 .faqQ[aria-expanded="true"] span{ color: var(--m-blue); }   


@media (max-width: 767px){
    .peBar .peBarBtn, .peBar .peBarBtn.isCta{ font-size: clamp(14px, 4.2vw, 16px) !important; font-weight: 700 !important; }
}


@media (max-width: 575px){
    .peConsent{ left: 8px; right: 8px; bottom: 84px; padding: 8px 10px; border-radius: 14px; font: 500 11px/1.3 var(--m-font); }   
    .peConsent p, body.isM3 .peConsent p{ margin: 0 0 5px !important; font-size: 12px !important; line-height: 1.32 !important; }   
    body.isM3 .peConsent p a{ font-size: inherit !important; line-height: inherit !important; }   
    
    body.peBarWait .peConsent{ bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
    body.peBarWait .peConsent.peConsentTop{ top: 8px; bottom: auto; }
    .peConsentBtns{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .peConsentBtns button{ min-height: 44px; padding: 4px 6px; font-size: 12.5px; line-height: 1.15; }
}


.ftSiteTitle.ftFoldH{ margin: 0; padding: 0; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.ftFoldBtn{ display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 48px; padding: 12px 0; margin: 0; border: 0;
    background: none; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; text-align: left; cursor: pointer; }
.ftFoldBtn::after{ content: "+"; color: var(--blue, var(--m-blue, #0b5fd9)); font-size: 20px; line-height: 1; }
.ftFoldBtn[aria-expanded="true"]::after{ content: "\2212"; }


@media (max-width: 767px){
    body.isM3 .peTable td a, body.isM3 .peTable th a, body.isM3 .pgRows a, body.isM3 .d373IndHub .d373Links a{ display: inline-flex; align-items: center; min-height: 44px; }
    body.isM3 .m3XSrc a, body.isM3 .m3QuickNote a, form a[href*="privacy-policy"], form a[href*="terms"]{ display: inline-block; padding: 12px 4px; margin: -12px -4px; }
    body.isM3 .ftSiteCol li{ margin-bottom: 0 !important; }
    body.isM3 .ftSiteCol li > a, body.isM3 .ftCityGroup li > a{ display: flex; align-items: center; min-height: 44px; }
    body.isM3 .ftGroup a, body.isM3 .ftGroupNo, body.isM3 footer .ftLegal a{ display: inline-flex; align-items: center; min-height: 44px; }
}


body.isM3 .ftGroupT, body.isM3 .ftGroup a span, body.isM3 .ftGroupNo > span{ opacity: 1; }
body.isM3 .ftGroupT{ color: #46506a; }
body.isM3 .ftGroup a span, body.isM3 .ftGroupNo > span{ color: #545c6e; }


html.hxJs body.isM3 .hxNav li.hasSub:not(:hover):not(.isOpen) > .subMenu{ opacity: 0 !important; visibility: hidden !important; }
html.hxJs body.isM3 .hxNav li.hasSub.isOpen > .subMenu{ opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
html.hxJs body.isM3 .hxNav li.hasSub.isOpen > .subMenu li{ opacity: 1 !important; transform: none !important; }

/* look/d391.css */
:root{
  
  --m-night:   #060d22;           
  --m-night-2: #0a1f55;
  --m-indigo:  #1a2a8a;
  --m-royal:   #1452a4;           
  --m-mist:    #f5f7fb;           
  --m-grey:    #f5f5f5;           
  --g-hero:  linear-gradient(180deg, #f5f7fb 0%, #ffffff 100%);
  --g-mist:  linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  --g-night: linear-gradient(135deg, #060d22 0%, #0a1f55 55%, #1a2a8a 100%);
  --on-night:   #ffffff;
  --on-night-2: rgba(232, 238, 252, .80);   
  --on-night-3: rgba(232, 238, 252, .64);   
  --night-line: rgba(255, 255, 255, .12);
  --night-card: rgba(255, 255, 255, .055);
  
  --fs-h1: clamp(34px, 4.4vw, 56px);
  --fs-h2: clamp(28px, 3.1vw, 40px);
  --fs-h3: 19px;
  --fs-body: 17px;
  --fs-small: 14.5px;
  
  --sec-pad: clamp(56px, 7vw, 96px);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}


body.isM3 main > section[data-bg]{ padding-top: var(--sec-pad) !important; padding-bottom: var(--sec-pad) !important; position: relative; isolation: isolate; }
body.isM3 main > section[data-bg="paper"]{ background: #fff !important; }
body.isM3 main > section[data-bg="mist"]{ background: var(--m-mist) !important; }
body.isM3 main > section[data-bg="grey"]{ background: var(--m-grey) !important; }
body.isM3 main > section[data-bg="fade"]{ background: var(--g-mist) !important; }
body.isM3 main > section[data-bg="tint"]{ background: linear-gradient(180deg, color-mix(in srgb, var(--tint) 70%, #fff) 0%, #fff 78%) !important; }
body.isM3 main > section[data-bg="night"]{ background: var(--g-night) !important; color: var(--on-night-2); overflow: hidden; }
body.isM3 main > section[data-bg="night"]::before{   
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(600px 320px at 85% 0%, rgba(80, 120, 255, .28), transparent 70%),
    radial-gradient(circle, rgba(255, 255, 255, .09) 1px, transparent 1.6px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%); mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}
body.isM3 main > section[data-bg="night"] :is(h2, h3, .pgTitle){ color: var(--on-night) !important; }
body.isM3 main > section[data-bg="night"] :is(p, .pgSub, .pgLede){ color: var(--on-night-2); }
body.isM3 main > section[data-bg="night"] .pgTitle em{ background-image: none !important; color: #9fc0ff; font-style: normal; }
body.isM3 main > section[data-bg="night"] a:focus-visible{ outline: 3px solid #9fc0ff; outline-offset: 3px; border-radius: 8px; }


body.isM3 main h2.pgTitle{ font-size: var(--fs-h2) !important; line-height: 1.12; letter-spacing: -0.02em; font-weight: 800; }
body.isM3 main .pgHead{ max-width: 760px; margin-bottom: clamp(28px, 3.5vw, 44px); }
body.isM3 main .pgHead .pgSub{ font-size: 17px; line-height: 1.6; margin-top: 12px; }


body.isM3 details.d391More{ margin-top: 18px; }
body.isM3 details.d391More > summary{
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px;
  min-height: 44px; padding: 0 20px; border-radius: 999px; font-weight: 700; font-size: 15px; white-space: nowrap;
  border: 1px solid var(--m-line); background: #fff; color: var(--m-blue);
  transition: background-color .2s, border-color .2s;
}
body.isM3 details.d391More > summary::-webkit-details-marker{ display: none; }
body.isM3 details.d391More > summary::after{   
  content: ""; width: 12px; height: 12px; flex: none;
  background: linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 12px no-repeat;
  transition: transform .25s var(--ease-out);
}
body.isM3 details.d391More[open] > summary::after{ transform: rotate(90deg); background: linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat; }
body.isM3 details.d391More > summary:hover{ border-color: var(--m-blue); background: var(--m-blue-soft); }
body.isM3 details.d391More > summary:focus-visible{ outline: 3px solid var(--m-blue); outline-offset: 3px; }
body.isM3 details.d391More .d391Open{ display: none; }
body.isM3 details.d391More[open] .d391Shut{ display: none; }
body.isM3 details.d391More[open] .d391Open{ display: inline; }
body.isM3 details.d391More[open] > :not(summary){ animation: d391In .35s var(--ease-out) both; }
@keyframes d391In{ from{ opacity: 0; transform: translateY(6px); } to{ opacity: 1; transform: none; } }


body.isM3 .d391Ic{ width: 44px; height: 44px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; flex: none;
  background: var(--c, var(--t-sky)); color: var(--ci, var(--i-sky)); }
body.isM3 .d391Ic svg{ width: 24px; height: 24px; fill: currentColor; }
body.isM3 [data-tone="sky"]{ --c: var(--t-sky); --ci: var(--i-sky); }
body.isM3 [data-tone="mint"]{ --c: var(--t-mint); --ci: var(--i-mint); }
body.isM3 [data-tone="peach"]{ --c: var(--t-peach); --ci: var(--i-peach); }
body.isM3 [data-tone="lavender"]{ --c: var(--t-lavender); --ci: var(--i-lavender); }
body.isM3 [data-tone="butter"]{ --c: var(--t-butter); --ci: var(--i-butter); }
body.isM3 [data-tone="rose"]{ --c: var(--t-rose); --ci: var(--i-rose); }
body.isM3 [data-tone="teal"]{ --c: var(--t-teal); --ci: var(--i-teal); }


body.isM3 .d391SvcGrid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: start; }
body.isM3 .d391Grp{ background: var(--night-card); border: 1px solid var(--night-line); border-radius: 24px; padding: 24px 22px 20px; }
body.isM3 .d391GrpHead{ display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--on-night); min-height: 44px; }
body.isM3 .d391GrpHead h3{ margin: 0; font-size: var(--fs-h3); line-height: 1.25; font-weight: 800; color: var(--on-night) !important; }
body.isM3 .d391GrpHead:hover h3{ text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
body.isM3 .d391GrpLine{ margin: 12px 0 14px; font-size: 15px; line-height: 1.5; color: var(--on-night-3); }
body.isM3 .d391Links{ list-style: none; margin: 0; padding: 0; }
body.isM3 .d391Links li{ margin: 0; border-top: 1px solid var(--night-line); }
body.isM3 .d391Links li::before{ content: none; }
body.isM3 .d391Links a, body.isM3 .d391Links .isHere{
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  min-height: 44px; padding: 8px 2px; font-size: 15px; line-height: 1.35; color: #dfe7f7; text-decoration: none;
}
body.isM3 .d391Links a::after{ content: ""; width: 7px; height: 7px; flex: none; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); opacity: .45; transition: transform .2s var(--ease-out), opacity .2s; }
body.isM3 .d391Links a:hover{ color: #fff; }
body.isM3 .d391Links a:hover::after, body.isM3 .d391Links a:focus-visible::after{ opacity: 1; transform: rotate(0deg); }   
body.isM3 .d391Links .isHere{ color: #fff; font-weight: 700; }
body.isM3 .d391Links .isHere::after{ content: "This page"; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: rgba(159, 192, 255, .18); color: #cfe0ff; }
body.isM3 [data-bg="night"] details.d391More > summary{ background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); font-size: 14px; }
body.isM3 [data-bg="night"] details.d391More > summary:hover{ background: rgba(255, 255, 255, .08); border-color: #fff; }
body.isM3 [data-bg="night"] details.d391More > summary:focus-visible{ outline-color: #9fc0ff; }
body.isM3 .d391Grp details.d391More{ margin-top: 12px; }
body.isM3 .d391Grp details.d391More > .d391Links{ margin-top: 10px; }
@media (max-width: 1100px){ body.isM3 .d391SvcGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px){
  body.isM3 .d391SvcGrid{ grid-template-columns: 1fr; gap: 14px; }
  body.isM3 .d391Grp{ padding: 20px 18px 16px; border-radius: 20px; }
}


body.isM3 .peIndTiles .peIndGrid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 14px; }
body.isM3 .peIndTiles .peIndGrid > li.peIndTile{
  position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 148px; margin: 0; padding: 18px 18px 16px;
  border-radius: 18px; border: 1px solid var(--m-line);
  background: radial-gradient(130% 90% at 100% 0%, color-mix(in srgb, var(--c) 85%, transparent) 0%, transparent 58%), #fff;
  transition: transform .25s var(--ease-out), box-shadow .25s, border-color .25s;
}
body.isM3 .peIndTiles .peIndGrid li::before{ content: none; }
body.isM3 .peIndTile .d391Ic{ margin-bottom: 8px; }
body.isM3 .peIndTile .peIndName{ font-weight: 800; font-size: 16px; line-height: 1.3; color: var(--m-ink); }
body.isM3 .peIndTile a, body.isM3 .peIndTile .peIndLine{ font-size: 14px; line-height: 1.45; color: var(--m-ink-2); text-decoration: none; }
body.isM3 .peIndTile a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
body.isM3 .peIndTile:hover{ transform: translateY(-3px); box-shadow: var(--m-shadow-up); border-color: color-mix(in srgb, var(--ci) 45%, #fff); }
body.isM3 .peIndTile:hover a{ color: var(--ci); }
body.isM3 .peIndTile:focus-within{ outline: 3px solid var(--m-blue); outline-offset: 3px; }
body.isM3 .peIndTile a:focus-visible{ outline: none; }
body.isM3 .peIndTile.isPlain{ background: #fff; }
body.isM3 .peIndTiles details.d391More{ text-align: center; margin-top: 22px; }
body.isM3 .peIndTiles details.d391More > .peIndGrid{ margin-top: 22px; text-align: left; }
@media (max-width: 1100px){ body.isM3 .peIndTiles .peIndGrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 860px){ body.isM3 .peIndTiles .peIndGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px){
  body.isM3 .peIndTiles .peIndGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.isM3 .peIndTiles .peIndGrid > li.peIndTile{ min-height: 128px; padding: 14px; }
  body.isM3 .peIndTile .d391Ic{ width: 38px; height: 38px; border-radius: 11px; }
  body.isM3 .peIndTile .d391Ic svg{ width: 21px; height: 21px; }
  body.isM3 .peIndTile .peIndName{ font-size: 15px; }
  body.isM3 .peIndTile a{ font-size: 13.5px; }
}


body.isM3 .ftWrap{ background: var(--g-mist) !important; padding-top: 0 !important; }
body.isM3 .ftCta{ padding: clamp(40px, 5vw, 64px) 0 0; }
body.isM3 .ftCtaInner{
  position: relative; overflow: hidden; isolation: isolate; border-radius: 28px; padding: clamp(28px, 4vw, 52px);
  background: var(--g-night) !important; color: var(--on-night-2); box-shadow: 0 30px 60px -30px rgba(6, 13, 34, .55);
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px 48px; align-items: center;
}
body.isM3 .ftCtaInner::before{ content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(520px 260px at 90% 10%, rgba(80, 120, 255, .35), transparent 70%), radial-gradient(circle, rgba(255, 255, 255, .08) 1px, transparent 1.6px) 0 0 / 22px 22px; }
body.isM3 .ftCtaInner :is(h2, .ftCtaT){ color: #fff !important; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; margin: 0 0 10px; }
body.isM3 .ftCtaInner .ftPlanBtn{ display: inline-flex; align-items: center; min-height: 52px; padding: 0 26px; border-radius: 999px; background: #fff !important; color: var(--m-night) !important; font-weight: 800; text-decoration: none; }
body.isM3 .ftCtaInner .ftPlanBtn:hover{ background: #e5f0ff !important; }
body.isM3 .ftCtaInner .ftPlanBtn:focus-visible{ outline: 3px solid #9fc0ff; outline-offset: 3px; }
body.isM3 .ftCtaInner .ftTalk{ display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 18px; }
body.isM3 .ftCtaInner .ftTalk a{ display: inline-flex; align-items: center; min-height: 44px; color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(255, 255, 255, .35); }
body.isM3 .ftCtaInner .ftFacts{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.isM3 .ftCtaInner .ftFacts li{ display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 16px; background: var(--night-card); border: 1px solid var(--night-line); color: var(--on-night-2); font-size: 15px; }
body.isM3 .ftCtaInner .ftFacts li::before{ content: none; }

body.isM3 .ftSitemap{ padding: clamp(44px, 5vw, 64px) 0 8px; }
body.isM3 .ftSiteGrid.isAll{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 36px 28px; }
body.isM3 .ftSiteGrid.isAll .ftSiteCol.isWide{ grid-column: auto; padding-top: 0; border-top: 0; }
body.isM3 .ftSiteCol > h2, body.isM3 .ftSiteCol > .ftColT{ font-size: 15px !important; font-weight: 800; color: var(--m-ink); margin: 0 0 16px; padding-bottom: 12px; position: relative; letter-spacing: 0; text-transform: none; }
body.isM3 .ftSiteCol > h2::after, body.isM3 .ftSiteCol > .ftColT::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 3px; background: var(--ci, var(--m-blue)); }
body.isM3 .ftSiteCol ul{ list-style: none; margin: 0; padding: 0; columns: auto !important; }
body.isM3 .ftSiteCol li{ margin: 0 !important; }
body.isM3 .ftSiteCol li::before{ content: none; }
body.isM3 .ftSiteCol .ftLink{ display: inline-flex; align-items: center; min-height: 34px; font-size: 14.5px; color: var(--m-ink-2) !important; text-decoration: none; }
body.isM3 .ftSiteCol .ftLink:hover{ color: var(--m-blue) !important; text-decoration: underline; text-underline-offset: 3px; }
body.isM3 .ftSiteCol .ftAll{ margin-top: 10px !important; }
body.isM3 .ftSiteCol .ftAll .ftLink{ min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--m-blue-soft); color: var(--m-blue) !important; font-weight: 700; font-size: 13.5px; }
body.isM3 .ftSiteCol details.d391More{ margin-top: 8px; }
body.isM3 .ftSiteCol details.d391More > summary{ min-height: 36px; padding: 0 14px; font-size: 13.5px; background: var(--m-blue-soft); border-color: transparent; }
body.isM3 .ftSiteCol details.d391More .ftCityT{ font-size: 13px; font-weight: 800; color: var(--m-ink); margin: 14px 0 4px; }

body.isM3 .ftBrandRow{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 32px 56px; padding: 40px 0; margin-top: 32px; border-top: 1px solid var(--m-line); }
body.isM3 .ftAbout{ font-size: 14.5px; line-height: 1.65; color: var(--m-ink-2); max-width: 42ch; }
body.isM3 .ftSocials{ display: flex; gap: 8px; margin-top: 16px; }   
body.isM3 .ftSocials a.ftSocial{ width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--m-line); color: var(--m-ink); }
body.isM3 .ftSocials a.ftSocial:hover{ background: var(--m-blue); border-color: var(--m-blue); color: #fff; }
body.isM3 .ftOffice{ background: #fff; border: 1px solid var(--m-line); border-radius: 20px; padding: 20px 22px; display: grid; gap: 14px; }
body.isM3 .ftChips{ display: flex; flex-wrap: wrap; gap: 8px; }
body.isM3 .ftChips a{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: var(--m-mist); color: var(--m-ink); font-weight: 600; font-size: 14px; text-decoration: none; }
body.isM3 .ftChips a:hover{ background: var(--m-blue-soft); color: var(--m-blue); }
body.isM3 .ftLegal{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 20px 0 28px; border-top: 1px solid var(--m-line); font-size: 13.5px; color: var(--m-ink-3); }
body.isM3 .ftLegal a{ color: var(--m-ink-2); }
@media (max-width: 1100px){ body.isM3 .ftSiteGrid.isAll{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 860px){
  body.isM3 .ftCtaInner{ grid-template-columns: 1fr; }
  body.isM3 .ftBrandRow{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  body.isM3 .ftSiteGrid.isAll{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 16px; }
  body.isM3 .ftSiteCol .ftLink{ min-height: 44px; }
  body.isM3 .ftCtaInner{ border-radius: 22px; }
  body.isM3 .ftCtaInner .ftPlanBtn{ width: 100%; justify-content: center; }
}


body.isM3 header.pgHeader, body.isM3 .navWrap{ background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid rgba(227, 232, 240, .8); }


@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    body.isM3 main > section[data-bg] .pgHead{ animation: d391In linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  }
}
@media (prefers-reduced-motion: reduce){
  body.isM3 .peIndTile, body.isM3 .d391Links a::after, body.isM3 details.d391More > summary::after{ transition: none !important; }
  body.isM3 .peIndTile:hover{ transform: none; }
  body.isM3 details.d391More[open] > :not(summary){ animation: none !important; }
}



body.isM3 .d391Svc.isLight .d391Grp{ background: #fff; border-color: var(--m-line); box-shadow: 0 1px 2px rgb(27 35 51 / 4%); }
body.isM3 .d391Svc.isLight .d391GrpHead, body.isM3 .d391Svc.isLight .d391GrpHead h3{ color: var(--m-ink) !important; }
body.isM3 .d391Svc.isLight .d391GrpLine{ color: var(--m-ink-2); }
body.isM3 .d391Svc.isLight .d391Links li{ border-top-color: var(--m-line); }
body.isM3 .d391Svc.isLight .d391Links a{ color: var(--m-ink); }
body.isM3 .d391Svc.isLight .d391Links a:hover{ color: var(--m-blue); }
body.isM3 .d391Svc.isLight .d391Links .isHere{ color: var(--m-ink); }
body.isM3 .d391Svc.isLight .d391Links .isHere::after{ background: var(--m-blue-soft); color: var(--m-blue); }
body.isM3 .d391Links .d391Desc{ display: none; }   
body.isM3 .d391Links .d391AllRow a{ font-weight: 700; }
body.isM3 .d391Svc .pgWrap{ max-width: 1240px; }

body.isM3 main > section[data-d354="sources"] .pgTitle{ font-size: 20px !important; }
body.isM3 main > section[data-d354="sources"] :is(li, p){ font-size: 14.5px; }

body.isM3 .ftCtaInner .ftCtaText p{ color: var(--on-night-2); font-size: 17px; margin: 0 0 22px; }
body.isM3 .ftCtaInner .ftCtaText{ min-width: 0; }
body.isM3 .ftSiteCol details.d391More ul{ list-style: none; margin: 6px 0 0; padding: 0; }
body.isM3 .ftSiteCol .ftCityGroups{ display: block; }
body.isM3 .ftSiteCol .ftCityGroup{ margin: 0 !important; }
@media (max-width: 640px){ body.isM3 .ftCtaInner .ftTalk a{ min-height: 44px; } }

body.isM3 .hxIndList a{ display: flex; align-items: center; gap: 10px; }
body.isM3 .hxIndList .d391Ic.isSm{ width: 28px; height: 28px; border-radius: 9px; }
body.isM3 .hxIndList .d391Ic.isSm svg{ width: 17px; height: 17px; }

body.isM3 .ctaWrap .peCloseForm{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: end; max-width: 760px; margin: 18px 0 14px; }
body.isM3 .ctaWrap .peCloseForm label{ display: grid; gap: 6px; font-weight: 700; font-size: 14.5px; color: var(--m-ink); text-align: left; }
body.isM3 .ctaWrap .peCloseForm input{ min-height: 48px; padding: 0 14px; border: 1px solid var(--m-line); border-radius: 12px; font: 500 16px/1.2 var(--m-font); background: #fff; color: var(--m-ink); }
body.isM3 .ctaWrap .peCloseForm .peHint{ font-weight: 500; font-size: 12.5px; color: var(--m-ink-3); }
body.isM3 .ctaWrap .peCloseForm .pgBtn{ min-height: 48px; }
body.isM3 .ctaWrap .peCloseForm .m3QuickNote, body.isM3 .ctaWrap .peCloseForm .peFormDone{ grid-column: 1 / -1; margin: 0; font-size: 13.5px; }
body.isM3 .ctaWrap .peCloseForm .peHp{ position: absolute; left: -9999px; }

body.isM3 .ctaWrap form.peCloseForm, body.isM3 .ctaWrap form.peCloseForm *{ color: var(--m-ink) !important; }
body.isM3 .ctaWrap form.peCloseForm .peHint{ color: var(--m-ink-3) !important; }
body.isM3 .ctaWrap form.peCloseForm #peCloseHint ~ .peHint{ display: none; }   
body.isM3 .ctaWrap form.peCloseForm .m3QuickNote{ color: var(--m-ink-2) !important; }
body.isM3 .ctaWrap form.peCloseForm .m3QuickNote a{ color: #0b5fd9 !important; text-decoration: underline; }
body.isM3 .ctaWrap form.peCloseForm button[type="submit"]{ color: #fff !important; }
@media (max-width: 760px){ body.isM3 .ctaWrap .peCloseForm{ grid-template-columns: 1fr; } body.isM3 .ctaWrap .peCloseForm .pgBtn{ width: 100%; } }

body.isM3 .ftWrap .ftCtaInner .ftCtaText{ display: block !important; }
body.isM3 .ftWrap .ftCtaInner .ftTalk{ display: flex !important; flex-wrap: wrap; gap: 6px 22px; }
body.isM3 .ftWrap .ftCtaInner .ftTalk a{ color: #fff !important; font-size: 16px !important; font-weight: 700; }
body.isM3 .ftWrap .ftCtaInner .ftFacts{ display: grid !important; grid-template-columns: 1fr !important; gap: 10px; }
body.isM3 .ftWrap .ftCtaInner .ftFacts li{ color: var(--on-night-2) !important; width: auto !important; max-width: none !important; }
body.isM3 .ftWrap .ftCtaInner .ftFacts{ margin: 0 !important; padding: 0 !important; border: 0 !important; }

body.isM3 main > section[data-bg="night"] .d373Spokes{ margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--night-line); }
body.isM3 main > section[data-bg="night"] .d373Spokes .d373H{ color: #fff !important; font-size: 17px; margin: 0 0 12px; }
body.isM3 main > section[data-bg="night"] .d373Spokes .d373Links{ display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; columns: auto; }
body.isM3 main > section[data-bg="night"] .d373Spokes li{ margin: 0; }
body.isM3 main > section[data-bg="night"] .d373Spokes li::before{ content: none; }
body.isM3 main > section[data-bg="night"] .d373Spokes a{ display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); color: #dfe7f7 !important; text-decoration: none; font-size: 14px; }
body.isM3 main > section[data-bg="night"] .d373Spokes a[href]:hover{ border-color: #fff; color: #fff !important; }
body.isM3 main > section[data-bg="night"] a:not(.pgBtn):not(.d391GrpHead){ color: #dfe7f7; }
body.isM3 main > section[data-bg="night"] :is(li, small, span:not(.d391Ic)){ color: inherit; }
body.isM3 main > section[data-bg="night"] .pgBtn.primary{ background: #fff; color: var(--m-night); }
body.isM3 .d391Links a:not([href]){ cursor: default; }   
body.isM3 .d391Links a:not([href])::after{ content: none; }

body.isM3 details.d391More > summary{ max-width: 100%; box-sizing: border-box; white-space: normal; text-align: left; height: auto; padding-top: 8px; padding-bottom: 8px; line-height: 1.3; }
body.isM3 .d391Grp details.d391More > summary{ width: auto; }

body.isM3 .ftWrap .container-max{ max-width: 1260px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 30px !important; padding-right: 30px !important; box-sizing: border-box; }
@media (max-width: 640px){ body.isM3 .ftWrap .container-max{ padding-left: 16px !important; padding-right: 16px !important; } }
body.isM3 .ftWrap .ftCtaInner .ftCtaText p{ color: var(--on-night-2) !important; font-size: 17px !important; }

body.isM3 .hxNav .hxCol[data-t="sky"]{ --hxT: var(--t-sky); --hxI: var(--i-sky); }
body.isM3 .hxNav .hxCol[data-t="mint"]{ --hxT: var(--t-mint); --hxI: var(--i-mint); }
body.isM3 .hxNav .hxCol[data-t="peach"]{ --hxT: var(--t-peach); --hxI: var(--i-peach); }
body.isM3 .hxNav .hxCol[data-t="lavender"]{ --hxT: var(--t-lavender); --hxI: var(--i-lavender); }
body.isM3 .hxNav .hxCol[data-t="butter"]{ --hxT: var(--t-butter); --hxI: var(--i-butter); }
body.isM3 .hxNav .hxCol[data-t="rose"]{ --hxT: var(--t-rose); --hxI: var(--i-rose); }
body.isM3 .hxNav .hxCol .hxTile, body.isM3 .hxNav .hxCol.isQuiet .hxTile{ display: inline-flex !important; width: 40px; height: 40px; border-radius: 12px; background: var(--hxT) !important; color: var(--hxI) !important; }
body.isM3 .hxNav .hxCol.isQuiet .hxGHead{ display: flex; align-items: center; gap: 12px; }
body.isM3 .hxIndList li{ border-radius: 12px; }
body.isM3 .hxIndList a:hover .d391Ic{ filter: saturate(1.2); }


body.isM3 .d373Links a:not([href]), body.isM3 .pgCard .peCardLink:not([href]){ color: var(--m-ink) !important; opacity: 1 !important; text-decoration: none !important; cursor: default; }
body.isM3 .pgCard:has(.peCardLink:not([href])) .pgCardGo{ display: none; }

body.isM3 .pgGrid.m3Bal{ justify-content: flex-start !important; }

@media (hover: none){
  body.isM3 .pgCard.isLink:hover, body.isM3 a.pgCard:hover, body.isM3 .peSvcCard:hover, body.isM3 .peIndTile:hover{ transform: none !important; box-shadow: none !important; border-color: var(--m-line) !important; }
  body.isM3 .pgCard.isLink:hover::before, body.isM3 .peSvcCard:hover::before{ opacity: 0 !important; transform: none !important; }
}
body.isM3 .pgCard:has(.peCardLink:not([href])):hover{ transform: none !important; box-shadow: none !important; border-color: var(--m-line) !important; }


body.isM3 .hxNav .hxPanel.hxGoals{ width: min(1120px, calc(100vw - 48px)); }
body.isM3 .hxGoals .hxLead{ display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.isM3 .hxGoals .hxCol.hxGoal{ padding: 16px 14px; border-radius: 16px; background: #fff; border: 1px solid var(--m-line); }
body.isM3 .hxGoals .hxGHead{ display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
body.isM3 .hxGoals .hxGName{ font-size: 15px; font-weight: 700; color: var(--m-ink); line-height: 1.3; }
body.isM3 .hxGoalList{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
body.isM3 .hxGoalList a{ display: block; padding: 8px 10px; border-radius: 10px; text-decoration: none; }
body.isM3 .hxGoalList a b{ display: block; font-size: 15px; font-weight: 600; color: var(--m-ink); line-height: 1.35; }
body.isM3 .hxGoalList a small{ display: block; margin-top: 2px; font-size: 13px; color: var(--m-ink-2); line-height: 1.4; }
body.isM3 .hxGoalList a:hover, body.isM3 .hxGoalList a:focus-visible{ background: var(--hxT); }
body.isM3 .hxStrip{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin: 16px 30px 18px; padding-top: 14px; border-top: 1px solid var(--m-line); font-size: 14px; }
body.isM3 .hxStrip > a{ font-weight: 600; color: var(--m-blue); text-decoration: none; }
body.isM3 .hxStrip .hxHelp{ margin-left: auto; color: var(--m-ink-2); }
body.isM3 .hxStrip .hxHelp a{ font-weight: 600; color: var(--m-blue); }
body.isM3 .hxNav .hxPanel.hxInd{ width: min(860px, calc(100vw - 48px)); }
body.isM3 .hxNav .hxInd .hxIndList{ display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px 16px; }
body.isM3 .hxNav .hxIndList a{ display: flex; align-items: center; gap: 8px; }
body.isM3 .hxIndList .d391Ic.isSm{ flex: 0 0 32px; width: 32px; height: 32px; }

body.isM3 .hxMob .mnPil li a, body.isM3 .hxMob .mnPil li:last-child a{ display: block !important; color: var(--m-ink) !important; font-weight: 600; }
body.isM3 .hxMob .mnPil li a small{ display: block; margin-top: 2px; font-size: 13px; color: var(--m-ink-2); font-weight: 400; }


body.isM3 .d391SvcGrid{ align-items: stretch; }
body.isM3 .d391Grp{ display: flex; flex-direction: column; }
body.isM3 .d391Grp > details.d391More, body.isM3 .d391Grp > ul.d391Links + ul.d391Links{ margin-top: auto; padding-top: 12px; }


@media (max-width: 640px){
  body.d391 .ftSiteCol details.d391More{ margin-bottom: 24px; }
  body.d391 .ftSiteGrid{ grid-template-columns: 1fr !important; gap: 0 !important; }   
  body.d391 .ftSiteGrid .ftSiteCol{ grid-column: 1 / -1 !important; padding-top: 0 !important; border-top: 0 !important; }
  body.d391 .ftSiteTitle.ftFoldH::after{ display: none; }
  body.d391 .ftSiteGrid .ftSiteTitle.ftFoldH{ margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--m-line); }
  body.d391 .ftSiteGrid .ftSiteCol{ margin: 0 !important; }
  body.d391 .ftColBody{ padding: 8px 0 16px; }
}
body.d391 .ftCtaInner.isShort{ display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
body.d391 .ftCtaText.isShort{ display: flex; align-items: center; gap: 16px 24px; flex-wrap: wrap; }
body.d391 .ftCta .ftCtaText.isShort p{ margin: 0 0 14px; font-size: 17px; font-weight: 600; color: #fff !important; }
@media (min-width: 641px){ body.d391 .ftCta .ftCtaText.isShort p{ margin-bottom: 0; } }


html.peSheetOn .peConsent{ top: 8px !important; bottom: auto !important; }


body.isM3 .peLessonSaying{ margin: 0 0 6px; font-size: clamp(19px, 1.6vw, 22px); font-weight: 600; line-height: 1.4; color: var(--m-ink); }


body.isM3 .d354HeroFacts{ display: flex; flex-wrap: wrap; row-gap: 2px; position: relative; left: -18px; width: calc(100% + 18px); clip-path: inset(0 0 0 18px); }
body.isM3 .d354HeroFacts .nw{ position: relative; margin: 0; padding-left: 18px; }
body.isM3 .d354HeroFacts .nw::before{ content: "\00B7"; position: absolute; left: 7px; }


body.isM3 a span[aria-hidden="true"]:not([class]), body.isM3 a.pgRow > b[aria-hidden="true"]{ display: inline-block; transition: transform .18s ease; }
body.isM3 a:focus-visible span[aria-hidden="true"]:not([class]), body.isM3 a.pgRow:focus-visible > b[aria-hidden="true"]{ transform: rotate(-45deg); }
@media (hover: hover){
  body.isM3 a:hover span[aria-hidden="true"]:not([class]), body.isM3 a.pgRow:hover > b[aria-hidden="true"]{ transform: rotate(-45deg); }
}
@media (prefers-reduced-motion: reduce){ body.isM3 a span[aria-hidden="true"]:not([class]), body.isM3 a.pgRow > b[aria-hidden="true"]{ transition: none; } }


@media (min-width: 901px){
  body.isM3 section.m3FaqSec > .pgWrap{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 0 56px; align-items: start; }
  body.isM3 section.m3FaqSec > .pgWrap > .pgHead{ position: sticky; top: 110px; margin: 0; }
  body.isM3 section.m3FaqSec .faqSide{ max-width: none !important; }
  body.isM3 section.m3FaqSec .faqA p{ max-width: none; }
}
body.isM3 .d407Note{ margin-top: 10px; color: var(--m-ink-2); }


body.d391 .ftCtaText.isShort .ftTalk{ display: flex; flex-wrap: wrap; gap: 6px 18px; width: 100%; margin: 12px 0 0; }
body.d391 .ftCtaText.isShort .ftTalk a{ color: #fff !important; font-weight: 600; font-size: 15px; }
@media (min-width: 901px){   
  body.isM3 .ftWrap .ftCtaInner .ftCtaText.isShort{ display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; gap: 12px 28px; flex: 1 1 100%; width: 100%; }
  body.isM3 .ftWrap .ftCtaInner .ftCtaText.isShort p:not(.ftTalk){ flex: 1 1 100%; margin: 0; }
  body.isM3 .ftWrap .ftCtaInner .ftCtaText.isShort .ftTalk{ width: auto; margin: 0; }
}


body.isM3 .peCar{ position: relative; }
body.isM3 .peCarTrack{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 18px; outline-offset: 3px; }
body.isM3 .peCarTrack::-webkit-scrollbar{ display: none; }
body.isM3 .peCarSlide{ flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
body.isM3 .peCarSlide img{ display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: contain; background: #fff; border-radius: 18px; }
body.isM3 .peCarCap{ margin: 10px 2px 0; font-size: 14px; line-height: 1.4; color: var(--m-ink-2); }
body.isM3 .peCarNav{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px; }
body.isM3 .peCarNav button{ width: 40px; height: 40px; padding: 0; border: 1px solid var(--m-line); border-radius: 50%; background: #fff; color: var(--m-ink); font-size: 16px; line-height: 1; cursor: pointer; }
body.isM3 .peCarDots{ display: flex; gap: 2px; }
body.isM3 .peCarDots button{ width: 24px; height: 24px; border: 0; background: none; position: relative; }
body.isM3 .peCarDots button::after{ content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--m-line); }
body.isM3 .peCarDots button[aria-current="true"]::after{ background: var(--m-blue); }

/* look/d400.css */
.d400Wall{
  --d4-gap: 18px;
  display: flex; align-items: stretch; gap: var(--d4-gap);
  margin: 0; padding: 0;
}
.d400Col{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--d4-gap); }


.d400Tile{ --bg: #fff; --ink: var(--i-lavender, #4e35a6); --edge: rgb(27 35 51 / 7%); display: flex; flex-direction: column; min-width: 0; }
.d400Tile.isMint{ --bg: var(--t-mint, #dcf5e9); --ink: var(--i-mint, #0e6b44); }
.d400Tile.isButter{ --bg: var(--t-butter, #fff3c9); --ink: var(--i-butter, #765600); }
.d400Tile.isLavender{ --bg: var(--t-lavender, #ece7ff); --ink: var(--i-lavender, #4e35a6); }
.d400Tile.isPeach{ --bg: var(--t-peach, #ffe7da); --ink: var(--i-peach, #9a3b0e); }
.d400Tile.isWhite{ --bg: #fff; --ink: var(--m-royal, #1452a4); --edge: var(--m-line, #e3e8f0); }


.d400Col > .d400Tile{ flex-grow: 1; }
.d400Wall.isFolded .d400Tile.isX9{ display: none; }
.d400Wall.isFolded .d400Tile.isXF{ display: none; }   

.d400Fig{
  position: relative; isolation: isolate; overflow: hidden;
  flex: 1 1 auto; display: flex; flex-direction: column;
  margin: 0; padding: 24px;
  background: var(--bg); border: 1px solid var(--edge); border-radius: 22px;
  box-shadow: 0 1px 2px rgb(27 35 51 / 5%);
  transition: transform .25s var(--ease-out, ease), box-shadow .25s var(--ease-out, ease);
}
.d400Tile:nth-child(odd) .d400Fig{ border-radius: 22px 22px 22px 6px; }   
.d400Tile:nth-child(even) .d400Fig{ border-radius: 22px 6px 22px 22px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){
  .d400Fig:hover{ transform: translateY(-3px) rotate(-.4deg); box-shadow: 0 10px 24px rgb(27 35 51 / 10%); }
  .d400Col:nth-child(even) .d400Fig:hover{ transform: translateY(-3px) rotate(.4deg); }
}


.d400Glyph{ position: absolute; z-index: -1; top: 10px; right: 12px; width: 76px; height: 76px; color: var(--ink); opacity: .13; pointer-events: none; }
.d400Glyph svg{ display: block; width: 100%; height: 100%; fill: currentColor; }


.d400Top{ display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 72px 16px 0; }
.d400Top img{ display: block; width: auto; height: auto; max-width: 132px; max-height: 34px; object-fit: contain;
  background: #fff; border-radius: 10px; padding: 5px 9px; box-sizing: content-box; box-shadow: 0 0 0 1px rgb(27 35 51 / 6%); }
.d400Top .m3QMono{ flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center;
  background: #fff; color: var(--ink); font: 800 14px/1 var(--m-font, system-ui); letter-spacing: .02em; box-shadow: 0 0 0 1px rgb(27 35 51 / 6%); }
.d400Top .m3QCo{ font: 700 13px/1.3 var(--m-font, system-ui); color: var(--m-ink-2, #46506a); min-width: 0; }


body.isM3 .d400Text{ margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: none !important;
  font: 500 16px/1.6 var(--m-font, system-ui) !important; color: var(--m-ink, #1b2333) !important; overflow-wrap: anywhere; quotes: none; }
body.isM3 .d400Tile.isBig .d400Text{ font-size: 19px !important; line-height: 1.5 !important; font-weight: 600 !important; letter-spacing: -.005em; }
.d400Text::before, .d400Text::after{ content: none !important; }
.d400P{ display: block; }
.d400P + .d400P{ margin-top: 9px; }


body.isM3 .d400Who{ margin: auto 0 0 !important; padding-top: 16px; display: flex !important; align-items: flex-start; gap: 12px;
  border-top: 1px solid rgb(27 35 51 / 9%); }
.d400Who .m3Avatar{ flex: 0 0 48px; width: 48px !important; height: 48px !important; border-radius: 50%; object-fit: cover; background: #fff;
  box-shadow: 0 0 0 3px #fff; }
.d400Who .m3Avatar.isLogo{ object-fit: contain; padding: 4px; box-sizing: border-box; }
.d400Who > span{ display: grid; gap: 2px; min-width: 0; }
.d400Who b{ color: var(--m-ink, #1b2333); font-size: 15px; line-height: 1.3; }
body.isM3 .d400Who small{ display: block !important; font-size: 13.5px !important; line-height: 1.4 !important; color: var(--m-ink-2, #46506a) !important;
  -webkit-line-clamp: unset !important; overflow: visible !important; }
.d400Who .m3SectorChip, .d400Who .m3SpeakerTag{ justify-self: start; margin-top: 4px; background: rgb(255 255 255 / 70%); }


html.d400Js .d400NoJs{ display: none !important; }


.d400MoreRow{ display: flex; justify-content: center; margin: 22px 0 0; }
.d400More{ min-height: 48px; padding: 12px 26px; border-radius: 999px; border: 1.5px solid var(--m-ink, #1b2333); background: #fff;
  color: var(--m-ink, #1b2333); font: 700 15px/1.2 var(--m-font, system-ui); cursor: pointer; }
.d400More:hover{ background: var(--m-ink, #1b2333); color: #fff; }
.d400More:focus-visible{ outline: 3px solid var(--m-blue, #0b5fd9); outline-offset: 3px; }
.d400More[hidden]{ display: none !important; }
@media (min-width: 641px){ .d400More.isFew{ display: none; } }


@media (max-width: 1100px) and (min-width: 641px){
  .d400Wall{ display: block; columns: 2; column-gap: 16px; }
  .d400Col{ display: contents; }
  .d400Tile{ break-inside: avoid; margin-bottom: 16px; }
  .d400Fig{ flex: none; }
}

@media (max-width: 1100px) and (min-width: 641px){
  .d400Wall.isJs2{ display: flex; columns: auto; gap: 16px; }
  .d400Wall.isJs2 > .d400Col{ display: none; }   
  .d400Wall.isJs2 > .d400Col2{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
  .d400Wall.isJs2 .d400Tile{ margin-bottom: 0; flex-grow: 1; }
  .d400Wall.isJs2 .d400Fig{ flex: 1 1 auto; }
  .d400Wall.isMeasure .d400Tile{ flex-grow: 0 !important; }
}


@media (max-width: 640px){
  .d400Wall{ flex-direction: column; gap: 14px; }
  .d400Col{ display: contents; }
  .d400Tile{ order: var(--r); flex-grow: 0 !important; }
  .d400Wall.isFolded .d400Tile.isX4{ display: none; }
  .d400Wall.isFolded .d400Tile.isXP{ display: none; }   
  .d400Fig{ padding: 20px; }
  .d400Top{ margin-right: 60px; }
  .d400Glyph{ width: 60px; height: 60px; }
  .d400More{ width: 100%; }
}



.d411N{ display: inline-block; font-variant-numeric: tabular-nums; text-align: right; }
body.isM3 .peProofItem b .d411N{ display: inline-block; margin: 0; font: inherit; font-size: inherit !important; color: inherit !important; }


.d411Bar{ position: fixed; top: 0; left: 0; right: 0; z-index: 10001; height: 3px; background: rgb(11 95 217 / 12%); pointer-events: none; }
.d411Bar span{ display: block; height: 100%; background: var(--m-blue, #0b5fd9); transform: scaleX(var(--rp, 0)); transform-origin: left; }
@media (min-width: 1200px){
    body.isM3 main[data-d411="read"]{ display: grid; grid-template-columns: minmax(24px, 1fr) 236px minmax(0, 840px) minmax(24px, 1fr); column-gap: 36px; }
    body.isM3 main[data-d411="read"] > *{ grid-column: 1 / -1; min-width: 0; }
    body.isM3 main[data-d411="read"] > .m3TocBox{ display: block; grid-column: 2; align-self: start; position: sticky; top: calc(var(--m3-top, 72px) + 20px);
        max-width: none; margin: 32px 0 0; padding: 0; max-height: calc(100vh - var(--m3-top, 72px) - 40px); overflow-y: auto; }
    body.isM3 main[data-d411="read"] > .d411R{ grid-column: 3; }
    body.isM3 main[data-d411="read"] > .d411R > .pgWrap{ max-width: none; padding-left: 0; padding-right: 0; }
    body.isM3 main[data-d411="read"] .m3TocBox ol{ columns: auto; padding: 0; border: 0; border-left: 2px solid var(--m-line); border-radius: 0; background: none; }
    body.isM3 main[data-d411="read"] .m3TocBox li a{ min-height: 0; padding: 7px 0 7px 14px; margin-left: -2px; border-bottom: 0; border-left: 2px solid transparent; font-size: 14.5px; line-height: 1.35; }
    body.isM3 main[data-d411="read"] .m3TocBox li a[aria-current]{ color: var(--m-ink, #1b2333); font-weight: 700; border-left-color: var(--m-blue, #0b5fd9); }
    body.isM3 main[data-d411="read"] .m3TocJump{ display: none; }
}


body.isM3 .peTakeaways .peBox ul:not(#_){ list-style: none; padding-left: 0; }
body.isM3 .peTakeaways .peBox li:not(#_){ position: relative; padding-left: 28px; margin-bottom: 10px; }
body.isM3 .peTakeaways .peBox li:not(#_)::before{ content: ""; position: absolute; left: 2px; top: .45em; width: 12px; height: 7px; background: none; border: 0; border-left: 2.5px solid var(--i-sky); border-bottom: 2.5px solid var(--i-sky); border-radius: 0; transform: rotate(-45deg); }


body.isM3 .d411Row.d411Row:not(#_){ display: flex !important; flex-wrap: nowrap !important; gap: 16px; overflow-x: auto !important; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; list-style: none; margin: 0; padding: 4px 4px 14px; scrollbar-width: none; }
.d411Row::-webkit-scrollbar{ display: none; }
body.isM3 .d411Row.d411Row:not(#_) > *{ flex: 0 0 min(84%, 320px) !important; width: min(84%, 320px) !important; max-width: min(84%, 320px) !important; scroll-snap-align: start; }
.d411Row:focus-visible{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }
body.isM3 .m3Events .m3Stack{ grid-template-columns: minmax(0, 1fr); }   
body.isM3 .m3Events .m3StackG{ min-width: 0; }
.d411Arrows{ display: flex; justify-content: flex-end; gap: 8px; margin: 0 0 10px; }
.d411Arrows[hidden]{ display: none; }
.d411Arrows button{ width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid var(--m-line); background: #fff; color: var(--m-ink, #1b2333); font-size: 20px; line-height: 1; cursor: pointer; }
.d411Arrows button:disabled{ opacity: .35; cursor: default; }
.d411Arrows button:focus-visible{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }

.d411Card{ position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--m-line, #e6e9f0); border-radius: 18px; background: #fff; color: var(--m-ink, #1b2333); }
.d411Thumb{ display: block; flex: none; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--t-sky); }
.d411Thumb.isArt{ display: grid; place-items: center; color: var(--i-sky); }
.d411Thumb.isArt svg{ width: 52px; height: 52px; fill: currentColor; opacity: .85; }
.d411Thumb.isArt[data-tone="mint"]{ background: var(--t-mint); color: var(--i-mint); }
.d411Thumb.isArt[data-tone="peach"]{ background: var(--t-peach); color: var(--i-peach); }
.d411Thumb.isArt[data-tone="lavender"]{ background: var(--t-lavender); color: var(--i-lavender); }
.d411Thumb.isArt[data-tone="butter"]{ background: var(--t-butter); color: var(--i-butter); }
.d411Thumb.isArt[data-tone="rose"]{ background: var(--t-rose); color: var(--i-rose); }
.d411CardIn{ display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
.d411Cat{ font-size: 13px; font-weight: 700; color: #0b5fd9; }
.d411Card h3{ margin: 0; font-size: 18px; line-height: 1.3; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.d411Card h3 a{ color: inherit; text-decoration: none; }
.d411Card h3 a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.d411Card h3 a:focus-visible::after{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: -2px; }
.d411Card:hover h3{ text-decoration: underline; text-underline-offset: 3px; }
.d411Card p{ margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--m-ink-2, #46506a); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.d411Card footer{ display: flex; flex-direction: column; gap: 2px; margin-top: auto; padding-top: 10px; font-size: 13.5px; line-height: 1.35; color: var(--m-ink-3, #5a6377); }
.d411Card footer b{ font-weight: 700; color: var(--m-ink, #1b2333); }


body.isM3 main > section.d411Tk:not(#_){ display: flex; overflow-x: auto; padding: 16px 0 !important; background: var(--t-sky) !important; color: var(--i-sky); scrollbar-width: none; outline: none; }
.d411Tk::-webkit-scrollbar{ display: none; }
.d411Tk:focus-visible{ box-shadow: inset 0 0 0 3px var(--m-blue, #0b5fd9); }
.d411Tk ul{ display: flex; align-items: center; flex: none; min-width: 100%; list-style: none; margin: 0; padding: 0; }
.d411Tk li{ display: inline-flex; align-items: center; white-space: nowrap; font-size: clamp(17px, 2vw, 22px); line-height: 1.3; font-weight: 500; }
.d411Tk li::after{ content: ""; flex: none; width: 7px; height: 7px; margin: 0 clamp(18px, 2.4vw, 30px); border-radius: 50%; background: currentColor; opacity: .45; }
.d411Tk li.isB, .d411Tk li b{ color: var(--m-ink, #1b2333); font-weight: 800; }
.d411Tk li b{ margin-right: .3em; }
body.isM3 main > section.d411Tk.isRun:not(#_){ overflow: hidden; }
.d411Tk.isRun ul{ animation: d411Mq var(--tk, 60s) linear infinite; }
.d411Tk.isRun:hover ul, .d411Tk.isRun:focus ul{ animation-play-state: paused; }
@keyframes d411Mq{ to{ transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce){ .d411Tk.isRun ul{ animation: none; } body.isM3 main > section.d411Tk.isRun:not(#_){ overflow-x: auto; } }


body.isM3 main > section.d354TeamBand:not(#_){ padding: clamp(24px, 3.5vw, 44px) 0 !important; background: transparent !important; }
body.isM3 .d354TeamIn{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: clamp(18px, 2.4vw, 32px); align-items: center; }
body.isM3 .d354TeamPic{ margin: 0; min-width: 0; }
body.isM3 .d354TeamPic img{ display: block; width: 100%; height: auto; aspect-ratio: 960 / 721; object-fit: cover; border-radius: 22px; }
body.isM3 .d354TeamPic figcaption{ margin-top: 10px; font-size: 13.5px; line-height: 1.4; color: var(--m-ink-3, #5a6377); }
body.isM3 .d354TeamFacts.d354TeamFacts{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; font-size: inherit; font-weight: inherit; }
body.isM3 .d354TeamFacts li.peProofItem{ white-space: normal; min-width: 0; }
body.isM3 .d354TeamFacts .peProofItem b{ font-size: clamp(23px, 2.5vw, 34px) !important; line-height: 1.12; }
body.isM3 .d354TeamLink{ margin: 12px 0 0; font-size: 16px; font-weight: 700; }
body.isM3 .d354TeamLink a{ display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #0b5fd9; }
@media (max-width: 767px){ body.isM3 .d354TeamIn{ grid-template-columns: minmax(0, 1fr); } }


.d423Bar{ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
.d423List{ display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; min-width: 0; padding: 2px; }
.d423List::-webkit-scrollbar{ display: none; }
.d423List button{ flex: none; min-height: 44px; padding: 0 16px; border: 1px solid var(--m-line, #e6e9f0); border-radius: 999px; background: #fff; color: var(--m-ink, #1b2333); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.d423List button[aria-selected="true"]{ background: #0b5fd9; border-color: #0b5fd9; color: #fff; }
.d423List button:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 2px; }
.d423View{ flex: none; font-size: 15px; font-weight: 700; color: #0b5fd9; text-decoration: none; }
.d423View:hover{ text-decoration: underline; }
.d423PanelT{ margin: 24px 0 8px; font-size: 18px; font-weight: 700; }
html.d423On .d423PanelT{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.d423Panel:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 4px; border-radius: 12px; }
.d423All{ margin: 12px 0 0; font-size: 15px; font-weight: 700; }
.d423All a{ color: #0b5fd9; text-decoration: none; }
@media (max-width: 640px){ .d423Bar{ flex-direction: column; align-items: stretch; gap: 8px; } .d423View{ align-self: flex-end; } }


body.isM3 .hxMob details.mnPil li:last-child a:not(#_){ color: var(--m-ink-2) !important; }

body.isM3 .hxMob details.mnPil li:last-child a:not(#_){ color: var(--m-ink-2) !important; }


@media (min-width: 768px){
  body.isM3 .d354ChGrid{ align-items: stretch; grid-auto-rows: 1fr; }
  body.isM3 .d354Ch{ display: flex; flex-direction: column; }
  body.isM3 .d354Ch > p + .d354How, body.isM3 .d354Ch > p + a.m3Worry.d354WorryLink:not(#_){ margin-top: auto !important; }
  body.isM3 .d354Ch > a.m3Worry{ align-self: flex-start; }
  body.isM3 .d354ChGrid:has(details[open]){ align-items: start; grid-auto-rows: auto; }
  body.isM3 .d354ChGrid:has(details[open]) > .d354Ch:not(#_){ min-height: var(--d426h, 0) !important; }
  body.isM3 .d354ChGrid > .d354Ch:last-child:nth-child(odd){ grid-column: 1 / -1; }   
}

body.isM3 .peIndTile .peIndName a{ font: inherit; color: inherit; }
body.isM3 .peIndTile:hover .peIndName a{ color: var(--ci); }


.peAsk{ display: none; }
html.peAskOn .peAsk{ position: relative; z-index: 1; display: inline-flex; align-items: center; align-self: flex-start; min-height: 32px; margin-top: auto; padding: 0; border: 0; background: none; cursor: pointer; font: 600 13px/1.3 var(--m-font, sans-serif); color: var(--m-blue, #0b5fd9); text-decoration: underline; text-underline-offset: 3px; }
html.peAskOn .peAsk:focus-visible{ outline: 2px solid var(--m-blue, #0b5fd9); outline-offset: 2px; }
.peSheet.isAsk .peSheetSub b{ font-weight: 700; color: var(--m-ink, #1b2333); }
@media (min-width: 768px){
  .peSheet.isAsk .peSheetPanel{ left: 50%; right: auto; top: 50%; bottom: auto; width: min(480px, calc(100vw - 48px)); height: auto; max-height: min(680px, calc(100vh - 48px)); border-radius: 20px; transform: translate(-50%, -46%); }
  .peSheet.isAsk.isIn .peSheetPanel{ transform: translate(-50%, -50%); }
  .peSheet.isAsk .peSheetGrip{ display: none; }
}
html.peAskOn .peSvcCard .peAsk{ z-index: 4; margin-top: auto; padding-top: 4px; }   
body.isM3.d354 section.d427Hub .peSvcCard.peFold{ display: none !important; }   


.d423Filter{ display: none; }
html.d423F .d423Filter{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; gap: 12px 16px; margin: 0 0 20px; }
.d423Filter label{ display: grid; gap: 4px; margin: 0; font-size: 14px; font-weight: 600; color: var(--m-ink, #1b2333); }
.d423Filter select{ width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--m-line, #e3e8f0); border-radius: 12px; background: #fff; font: 500 15px/1.3 var(--m-font, sans-serif); color: var(--m-ink, #1b2333); }
.d423Filter select:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 1px; }
.d423Clear{ min-height: 44px; padding: 0 12px; border: 0; background: none; cursor: pointer; font: 700 15px/1.3 var(--m-font, sans-serif); color: #0b5fd9; }
.d423Count{ grid-column: 1 / -1; margin: 0; font-size: 14.5px; color: var(--m-ink-2, #46506a); }
.d423Count:empty{ display: none; }
.d423Results{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.d423Results[hidden]{ display: none; }
.d423Results > li{ margin: 0; padding: 0; }
.d423Results > li::before{ content: none; }
.d423More{ display: flex; margin: 20px auto 0; }
body.isM3 .d423More[hidden]{ display: none !important; }
.pePosts[hidden], .pePager[hidden]{ display: none !important; }
@media (max-width: 991px){ .d423Results{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px){ html.d423F .d423Filter{ grid-template-columns: 1fr; } .d423Results{ grid-template-columns: 1fr; } .d423Clear{ justify-self: start; } }


body.isM3 .hxGoalList li{ position: relative; padding: 8px 10px; border-radius: 10px; }
body.isM3 .hxGoalList a{ padding: 0; }
body.isM3 .hxGoalList a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
body.isM3 .hxGoalList small{ display: block; margin-top: 2px; font-size: 13px; color: var(--m-ink-2); line-height: 1.4; }
body.isM3 .hxGoalList li:hover, body.isM3 .hxGoalList li:focus-within{ background: var(--hxT); }
body.isM3 .hxGoalList a:hover, body.isM3 .hxGoalList a:focus-visible{ background: none; }


img.d411Thumb{ object-fit: contain; }
body.isM3 .hxMob .mnPil li{ position: relative; }
body.isM3 .hxMob .mnPil li > a::after{ content: ""; position: absolute; inset: 0; }
body.isM3 .hxMob .mnPil li > small{ display: block; margin-top: 2px; font-size: 13px; color: var(--m-ink-2); font-weight: 400; line-height: 1.4; pointer-events: none; }


.d429Pic{ margin: 8px 0 0; max-width: 180px; }
.d429Pic img{ display: block; width: 100%; height: auto; border-radius: 10px; }
.d429Pic figcaption{ margin-top: 4px; font-size: 12.5px; font-weight: 500; line-height: 1.35; color: var(--m-ink-3, #5b6478); }
@media (max-width: 767px){ .d429Pic{ max-width: 100%; } }

.d428{ margin-top: 20px; padding: 20px; border: 1px solid var(--m-line); border-radius: 18px; background: #fff; }
body.isM3 h3.d428T{ margin: 0 0 12px !important; font-size: 18px !important; font-weight: 700; line-height: 1.3; color: var(--m-ink); }
.d428List{ display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.d428List > li{ margin: 0; padding: 0; }
.d428List > li::before{ content: none; }
.d428List strong{ display: block; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--m-ink); }
.d428List p{ margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--m-ink-2); }
@media (min-width: 768px){ .d428List{ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px 24px; } }


.d423Results.pePosts{ list-style: none; padding: 0; }
.d423Results > li.d423Old > .pgCard{ height: 100%; }


.d384TickList{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px 24px; margin: 0; padding: 0; list-style: none; }
.d384TickList li{ display: flex; gap: 10px; margin: 0; padding: 0; font-size: 15.5px; line-height: 1.45; color: var(--m-ink, #1b2333); }
.d384TickList li::before{ content: none; }
.d384TickList i{ margin-top: 3px; color: var(--m-blue, #0b5fd9); }


body.isM3 main > section.d437Cities:not(#_){ padding-top: 28px !important; padding-bottom: 28px !important; }
.d437CitiesT{ margin: 0 0 12px; font-size: 18px; font-weight: 700; color: var(--m-ink, #1b2333); }
.d437Cities ul{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.d437Cities li{ margin: 0; padding: 0; }
.d437Cities li::before{ content: none; }
.d437Cities a{ display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 1px solid var(--m-line, #e6e9f0);
  border-radius: 999px; background: #fff; color: var(--m-ink, #1b2333); font-size: 15px; font-weight: 600; text-decoration: none; }
.d437Cities a.isAll{ color: #0b5fd9; }
.d437Cities a:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 2px; }


.d440Wall{ scroll-margin-top: 96px; }
.d440Label{ margin: 12px 0 0; }
.d440Bar{ margin-top: 16px; }
.d440Top{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.d440Sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.d440Find{ position: relative; flex: 1 1 190px; max-width: 420px; margin: 0; }
.d440Find input{ width: 100%; height: 44px; padding: 0 14px; border: 1px solid var(--m-line, #e6e9f0); border-radius: 12px; background: #fff; color: var(--m-ink, #1b2333); font: inherit; font-size: 16px; }
.d440Sort{ display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 600; color: var(--m-ink, #1b2333); }
.d440Sort select{ height: 44px; padding: 0 10px; border: 1px solid var(--m-line, #e6e9f0); border-radius: 12px; background: #fff; color: var(--m-ink, #1b2333); font: inherit; font-size: 16px; font-weight: 500; }
.d440ChipsT{ margin: 12px 0 0; font-size: 15px; font-weight: 600; color: var(--m-ink, #1b2333); }
.d440Chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.d440Chip{ display: inline-flex; flex: none; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--m-line, #e6e9f0); border-radius: 999px;
  background: #fff; color: var(--m-ink, #1b2333); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.d440Chip small{ font-size: 13px; font-weight: 500; opacity: .7; }
.d440Chip[aria-pressed="true"]{ border-color: #0b5fd9; background: #0b5fd9; color: #fff; }
.d440Count{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-height: 44px; margin: 8px 0 0; font-size: 15px; color: var(--m-ink, #1b2333); }
.d440Clear{ min-height: 44px; padding: 0; border: 0; background: none; color: #0b5fd9; font: inherit; font-weight: 700; cursor: pointer; }
.d440Clear[hidden]{ display: none; }
.d440Find input:focus-visible, .d440Sort select:focus-visible, .d440Chip:focus-visible, .d440Clear:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 2px; }
.d440List{ display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.d440List li{ display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; min-height: 104px; margin: 0; padding: 10px; border: 1px solid var(--m-line, #e6e9f0); border-radius: 12px; background: #fff; }
.d440List li span{ color: var(--m-ink, #1b2333); font-size: 13px; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
.d440List li::before{ content: none; }
.d440List li[hidden]{ display: none; }
.d440List li.isName{ justify-content: center; }
.d440List li.isName span{ font-size: 15px; font-weight: 700; }
.d440List img{ display: block; width: 100%; height: 56px; object-fit: contain; }
.d440None{ margin: 16px 0 0; font-size: 16px; color: var(--m-ink, #1b2333); }
.d440Open{ margin-top: 28px; }
.d440Links{ display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0 24px; margin: 8px 0 0; padding: 0; list-style: none; }
.d440Links li{ margin: 0; padding: 0; }
.d440Links li::before{ content: none; }
.d440Links a{ display: flex; align-items: center; min-height: 44px; color: #0b5fd9; font-size: 16px; font-weight: 600; }
.d440Links a:focus-visible{ outline: 2px solid #0b5fd9; outline-offset: 2px; }
@media (max-width: 767px){
  .d440Chips{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .d440Chips::-webkit-scrollbar{ display: none; }
  .d440List{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .d440List li{ min-height: 84px; padding: 8px 6px; border-radius: 10px; }
  .d440List img{ height: 44px; }
  .d440List li span{ font-size: 12px; }
  .d440List li.isName span{ font-size: 13px; }
}
.d440Links a:not([href]){ color: var(--m-ink, #1b2333); font-weight: 500; }



@media (min-width: 768px){
    body.isM3 .waFloat{ display: grid !important; left: auto !important; right: 24px !important; bottom: 24px !important; }
    body.isM3 .ftTop{ bottom: 96px !important; }
    body.isM3 .peNudgeToast{ right: 96px; }
}

.peConsent.isInline, body.peBarWait .peConsent.isInline, body.peBarWait .peConsent.isInline.peConsentTop{
    position: relative; left: auto; right: auto; top: auto; bottom: auto; z-index: 3; width: 100%; max-width: 720px;
    margin: 0 0 20px; box-shadow: 0 6px 20px rgba(16,24,40,0.12); text-align: left; }

body.isM3.peWaAway .waFloat{ opacity: 0 !important; transform: scale(0.6) !important; pointer-events: none !important; }

@media (max-width: 575px){
    .peConsent.isInline{ padding: 14px 14px; font-size: 14px; }
    .peConsent.isInline p, body.isM3 .peConsent.isInline p{ font-size: 14px !important; line-height: 1.45 !important; margin: 0 0 10px !important; }
    .peConsent.isInline .peConsentBtns{ grid-template-columns: 1fr; gap: 8px; }
    .peConsent.isInline .peConsentBtns button{ min-height: 44px; font-size: 14px; }
}


@media (max-width: 767px){
    .d354Talk .d354TalkSide{ display: none; }
}


body.isM3 main > section.pgHero.peUp{ background: var(--g-night) !important; color: var(--on-night-2); border-bottom: 0; }
body.isM3 main > section.pgHero.peUp :is(.pgHeroTitle, h1){ color: var(--on-night) !important; font-size: clamp(34px, 4.1vw, 56px) !important;
  line-height: 1.08; letter-spacing: -0.02em; max-width: 16ch; }
body.isM3 main > section.pgHero.peUp :is(.pgHeroLead, .d354Slogan, .m3Promise, .pgHeroSub, .pgHeroSub span){ color: var(--on-night-2) !important; }
body.isM3 main > section.pgHero.peUp .pgCrumb, body.isM3 main > section.pgHero.peUp .pgCrumb a{ color: var(--on-night-3) !important; }
body.isM3 main > section.pgHero.peUp :is(.m3HeroBlob, .m3HeroDots){ opacity: .18; }
body.isM3 main > section.pgHero.peUp .pgBtn.ghost{ color: #fff !important; border-color: rgb(255 255 255 / 55%) !important; background: transparent !important; }
body.isM3 main > section.pgHero.peUp .pgBtn.ghost:hover{ background: rgb(255 255 255 / 10%) !important; }
body.isM3 main > section.pgHero.peUp .pgHeroBtns{ display: flex; flex-wrap: wrap; gap: 12px; }
body.isM3 main > section.pgHero.peUp .m3Illo{ opacity: .95; }
.peUpPic img{ display: block; width: 100%; height: auto; border-radius: 18px; }
.peProof{ margin-top: 22px; }
.peProof ul{ display: flex; flex-wrap: wrap; gap: 8px 10px; list-style: none; margin: 0; padding: 0; }
.peProof li{ padding: 7px 12px; border-radius: 999px; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 18%);
  color: var(--on-night); font-size: 14px; font-weight: 600; line-height: 1.3; }
.peProofSrc{ display: inline-block; margin-top: 8px; font-size: 13px; color: var(--on-night-3) !important; text-decoration: underline; }

.peChooseRow{ padding: 22px 0 !important; }
.peChooseLabel{ margin: 0 0 10px; font-weight: 700; font-size: 15px; }
.peChooseList{ display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.peChoose{ display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 10px 16px; border-radius: 999px; background: #fff;
  border: 1px solid rgb(11 95 217 / 25%); color: #0b5fd9; font-weight: 600; font-size: 15px; text-decoration: none; transition: background .2s, border-color .2s; }
.peChoose:hover, .peChoose:focus-visible{ background: rgb(11 95 217 / 8%); border-color: #0b5fd9; }

.peHeadGrid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
.peHeadCard{ position: relative; display: flex; flex-direction: column; gap: 10px; padding: 26px 22px 22px; border-radius: 20px; background: #fff;
  border: 1px solid rgb(14 18 27 / 10%); box-shadow: 0 10px 30px rgb(14 18 27 / 6%); transition: transform .25s, box-shadow .25s; }
.peHeadCard:hover{ transform: translateY(-3px); box-shadow: 0 16px 40px rgb(14 18 27 / 10%); }
.peHeadCard h3{ margin: 4px 0 0; font-size: 22px; }
.peHeadCard h3 a{ color: inherit; text-decoration: none; }
.peHeadCard h3 a::after{ content: ""; position: absolute; inset: 0; border-radius: 20px; }  
.peHeadCard p{ margin: 0; font-size: 16px; line-height: 1.5; }
.peHeadIc{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--t-sky); color: var(--i-sky); }
.peHeadCard[data-tone="mint"] .peHeadIc{ background: var(--t-mint); color: var(--i-mint); }
.peHeadCard[data-tone="peach"] .peHeadIc{ background: var(--t-peach); color: var(--i-peach); }
.peHeadCard[data-tone="lavender"] .peHeadIc{ background: var(--t-lavender); color: var(--i-lavender); }
.peHeadIc svg{ width: 28px; height: 28px; fill: currentColor; }
.peHeadMore{ margin-top: auto; color: #0b5fd9; font-weight: 600; font-size: 15px; }

.peStepList{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; counter-reset: none; }
.peStepList li{ padding: 20px 18px; border-radius: 18px; background: rgb(255 255 255 / 6%); border: 1px solid rgb(255 255 255 / 14%); }
.peStepNum{ display: block; font-size: 34px; font-weight: 800; line-height: 1; color: #9fc0ff; margin-bottom: 10px; }
.peStepList h3{ margin: 0 0 6px; font-size: 18px; color: var(--on-night) !important; }
.peStepList p{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--on-night-2) !important; }
@media (max-width: 1100px){ .peHeadGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .peStepList{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px){
  .peHeadGrid, .peStepList{ grid-template-columns: 1fr; }
  .peHeadCard{ padding: 20px 18px; }
  body.isM3 main > section.pgHero.peUp :is(.pgHeroTitle, h1){ max-width: none; }
  .peProof li{ font-size: 13px; }
}
@media (prefers-reduced-motion: reduce){ .peHeadCard, .peChoose{ transition: none; } .peHeadCard:hover{ transform: none; } }
body.isM3 main > section.pgHero.peUp .pgHeroSub span{ background: rgb(255 255 255 / 10%) !important; border-color: rgb(255 255 255 / 22%) !important;
  color: var(--on-night) !important; }
body.isM3 main > section.pgHero.peUp .pgHeroSub i{ color: var(--on-night-3) !important; }
body.isM3 main > section.pgHero.peUp .pgBtn.peUpWa{ display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px;
  padding: 12px 22px !important; border: 1.5px solid rgb(255 255 255 / 60%) !important; border-radius: 999px !important; color: #fff !important;
  background: transparent !important; font-weight: 700; text-decoration: none !important; }


.peConsent.isBar{ position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 97; margin: 0 !important;
  display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: #fff; color: #1d2433; border-top: 1px solid rgb(14 18 27 / 12%); box-shadow: 0 -6px 24px rgb(14 18 27 / 12%);
  font-size: 13px; line-height: 1.4; border-radius: 0; max-width: none; }
.peConsent.isBar[hidden]{ display: none !important; }
.peConsent.isBar p{ margin: 0 !important; flex: 1 1 260px; font-size: 13px !important; line-height: 1.4 !important; }
.peConsent.isBar .peCLong{ display: none; }
.peConsent.isBar .peConsentBtns{ display: flex; gap: 8px; flex: 0 0 auto; margin: 0; }
.peConsent.isBar .peConsentBtns button{ min-height: 44px; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; cursor: pointer;
  border: 1.5px solid #0b5fd9; background: #fff; color: #0b5fd9; white-space: nowrap; }
.peConsent.isBar .peConsentBtns button[data-c="yes"]{ background: #0b5fd9; color: #fff; }
@media (max-width: 767px){
  body:not(.peBarWait) .peConsent.isBar{ bottom: calc(64px + env(safe-area-inset-bottom)); padding-bottom: 10px; }
  body.peConsentOpen{ padding-bottom: calc(64px + 118px + env(safe-area-inset-bottom)) !important; }
}
@media (min-width: 768px){
  .peConsent.isBar{ left: 16px; right: auto; bottom: 16px; max-width: 460px; border-radius: 16px; border: 1px solid rgb(14 18 27 / 12%);
    box-shadow: 0 10px 34px rgb(14 18 27 / 18%); padding: 14px 16px; }
  .peConsent.isBar .peCShort{ display: none; }
  .peConsent.isBar .peCLong{ display: inline; }
  body.peConsentOpen{ padding-bottom: 170px; }
}
body.isM3 main > section.pgHero.peUp .peUpLine, body.isM3 main > section.pgHero.peUp .d354Slogan{ font-size: clamp(17px, 1.5vw, 21px) !important;
  line-height: 1.45; margin: 14px 0 0 !important; max-width: 48ch; font-weight: 600; color: var(--on-night-2) !important; }
body.isM3 main > section.pgHero.peUp .pgHeroBtns{ margin-top: 22px !important; }
.peUpIntro{ padding: 28px 0 !important; }
.peUpIntro .peUpLead{ margin: 0; max-width: 72ch; font-size: 18px; line-height: 1.6; color: #2b3445; }
@media (max-width: 575px){
  
  body.isM3 main > section.pgHero.peUp{ padding-top: 86px !important; padding-bottom: 26px !important; }
  body.isM3 main > section.pgHero.peUp :is(.pgHeroTitle, h1){ font-size: 32px !important; }
  body.isM3 main > section.pgHero.peUp .m3Illo{ display: none; }
  .peUpIntro .peUpLead{ font-size: 16px; }
}

@media (min-width: 768px){
  .peConsent.isBar{ left: 0; right: 0; bottom: 0; max-width: none; border-radius: 0; border-width: 1px 0 0; padding: 10px max(24px, calc((100vw - 1200px) / 2));
    box-shadow: 0 -6px 24px rgb(14 18 27 / 12%); flex-wrap: nowrap; }
  .peConsent.isBar p{ flex: 1 1 auto; }
  body.peConsentOpen{ padding-bottom: 96px; }
}
@media (min-width: 992px){
  
  body.isM3 main > section.pgHero.peUp{ padding-top: 104px !important; padding-bottom: 44px !important; }
  body.isM3 main > section.pgHero.peUp :is(.pgHeroTitle, h1){ font-size: clamp(34px, 3.9vw, 52px) !important; }
}
@media (min-width: 768px){  
  body.isM3.peConsentOpen .waFloat{ bottom: 104px !important; }
  body.isM3.peConsentOpen .ftTop{ bottom: 104px !important; }
}

body.isM3 .peUpIntro .peUpHead{ margin: 0 0 10px !important; font-size: clamp(22px, 2.2vw, 30px) !important; }