/* GENERATED FILE, DO NOT EDIT. Source of truth: website/product-showcase-split/module.css.documented
   Edit that, then run website/product-showcase-split/strip-css-comments.py and deploy. */
.pss { position: relative; overflow: hidden; }

.pss__scrim {
  display: none; position: absolute; top: var(--pss-safe-top, 0px); bottom: 0;
  left: 0; right: 0; z-index: 2; pointer-events: none;

  background: radial-gradient(ellipse 92% 54% at 50% 56%,
              rgba(245,250,250,.62) 0%,
              rgba(245,250,250,.34) 56%,
              rgba(245,250,250,0) 84%);
}

.pss__inner { position: relative; z-index: 3; width: min(1440px, 100%); margin: 0 auto; }
.pss__copy { max-width: 560px; margin-left: max(30px, calc((100% - 1200px) / 2)); }
.pss__eyebrow { margin: 0 0 18px; }

.pss__text { display: grid; }
.pss__text > * { grid-area: 1 / 1; }
.pss__ghost { visibility: hidden; pointer-events: none; display: grid; }

.pss__text, .pss__live, .pss__ghost { min-width: 0; }
.pss__name, .pss__tag { max-width: 100%; }
.pss__ghost > * { grid-area: 1 / 1; }

.pss__name { margin: 0 0 16px; white-space: nowrap; }
.pss__tag { margin: 0 0 28px; }

.pss__name, .pss__tag {
  display: block; padding: 0; max-width: none;
  text-transform: none; font-variant: normal; word-spacing: normal;
}

.pss__ctas { display: flex; flex-wrap: nowrap; gap: 12px; align-items: center; }
.pss__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.02em; text-decoration: none;
  padding: 13px 28px; border: 0; border-radius: 5px;
  background: #45AEB1; color: #000; min-height: 44px;
  transition: background-color .2s ease; cursor: pointer;
}
.pss__btn:hover, .pss__btn:focus-visible { background: #50C9CC; color: #000; }
.pss__btn:focus-visible { outline: 2px solid #3B5772; outline-offset: 3px; }
.pss__btn { white-space: nowrap; }

.pss__btn { --pss-mark: 14px; }
.pss__btn svg { width: var(--pss-mark); height: var(--pss-mark); flex: none; }

.pss__steps { display: flex; gap: 8px; margin: 36px 0 0; }
.pss__step {
  width: 40px; height: 44px; padding: 20px 0;
  background: none; border: 0; cursor: pointer; position: relative;
}
.pss__step::before {
  content: ""; position: absolute; left: 0; right: 0; top: 20px; height: 4px;
  background: rgba(59,87,114,0.15); border-radius: 2px;
}
.pss__step::after {
  content: ""; position: absolute; left: 0; top: 20px; height: 4px; width: 0;
  background: #45AEB1; border-radius: 2px;
}

.pss__step.is-done::after { width: 0; }
.pss__step.is-active::after { animation: pssFill var(--pss-hold, 6s) linear forwards; }
@keyframes pssFill { from { width: 0; } to { width: 100%; } }

.pss__step--intro::after { background: #3B5772; }

.pss__cue {
  position: absolute; left: 0; right: 0; bottom: 40px; z-index: 4;
  display: flex; justify-content: center; pointer-events: none;
}
.pss__cue-btn {
  pointer-events: auto;
  width: 64px; height: 64px; padding: 0; border: 0; background: none;
  display: inline-flex; align-items: center; justify-content: center;
  color: #45AEB1; cursor: pointer; transition: color .2s ease;
}
.pss__cue-btn:hover { color: #50C9CC; }
.pss__cue-btn:focus-visible { outline: 2px solid #3B5772; outline-offset: 3px; }
.pss__cue-btn svg {
  width: 58px; height: 58px; flex: none;
  animation: pssCueBob 2.6s ease-in-out infinite;
}

@keyframes pssCueBob {
  0%, 100% { transform: translateY(-5px); }
  50%      { transform: translateY(8px); }
}
@media (prefers-reduced-motion: reduce) {
  .pss__cue-btn svg { animation: none; transform: none; }
}

.pss__phones {
  position: absolute; top: var(--pss-safe-top, 0px); bottom: 0; left: 50%;
  width: min(1440px, 100%);
  transform: translateX(-50%);
  z-index: 1;
  --ps: .96;   
  --d3: .75;   
}

.pss__phone[data-slot="1"] { right: 414px; top: 4%;       --w: 264; --rot: 2deg;  --ry: 3deg;   --rx: -3deg; --z: 25px;  --br: .92; --blur: 0px;  --zi: 9; }
.pss__phone[data-slot="2"] { right: 70px;  bottom: 21.4%; --w: 190; --rot: 6deg;  --ry: -14deg; --rx: 4deg;  --z: 25px;  --br: .92; --blur: 0px;  --zi: 8; }
.pss__phone[data-slot="3"] { right: 202px; top: -11.9%;   --w: 184; --rot: -5deg; --ry: 15deg;  --rx: -3deg; --z: 25px;  --br: .92; --blur: 0px;  --zi: 7; }
.pss__phone[data-slot="4"] { right: 224px; bottom: -8.9%; --w: 150; --rot: -3deg; --ry: 14deg;  --rx: -4deg; --z: -95px; --br: .82; --blur: .8px; --zi: 3; }

.pss__phone {
  position: absolute;
  width: calc(var(--w) * var(--ps) * 1px);
  aspect-ratio: 220 / 470.2;
  z-index: var(--zi, 1);

  filter: saturate(.92) brightness(var(--br, .92)) blur(calc(var(--blur, 0px) * var(--d3)));
  --u: calc(var(--w) * var(--ps) / 220);
  --t: calc(var(--w) * var(--ps) * .095 * 1px);
  --r: calc(28px * var(--u));
}

.pss__travel {
  position: absolute; inset: 0;
  transition: transform .75s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--din, 0ms);
  perspective: 1500px;
}
.pss__phones.is-out .pss__travel {
  transform: var(--out-t, translate3d(0, -900px, 0));
  transition: transform .6s cubic-bezier(.4,0,.9,1);
  transition-delay: var(--dout, 0ms);
}

.pss__phone[data-dir="up"]   { --out-t: translate3d(-40px, -900px, 0); --spin: -1; }
.pss__phone[data-dir="down"] { --out-t: translate3d(40px, 900px, 0);   --spin: 1; }

.pss__spin { position: absolute; inset: 0; transform-style: preserve-3d; }
.pss__phones.is-out .pss__spin { animation: pssSpinOut .6s cubic-bezier(.4,0,.9,1) var(--dout, 0ms) both; }
.pss__phones.is-in  .pss__spin { animation: pssSpinIn .75s cubic-bezier(.22,1,.36,1) var(--din, 0ms) both; }

.pss__phones.is-fast.is-out .pss__travel {
  transition: transform .22s cubic-bezier(.4,0,.9,1);
  transition-delay: 0ms;
}
.pss__phones.is-fast.is-out .pss__spin {
  animation-duration: .22s;
  animation-delay: 0ms;
}

@keyframes pssSpinOut {
  from { transform: rotateY(0deg); }
  to   { transform: rotateY(calc(180deg * var(--spin, 1))); }
}
@keyframes pssSpinIn {
  from { transform: rotateY(calc(180deg * var(--spin, 1))); }
  to   { transform: rotateY(calc(360deg * var(--spin, 1))); }
}

.pss__3d { position: absolute; inset: 0; perspective: 1300px; transform-style: preserve-3d; }
.pss__box {
  position: absolute; inset: 0; transform-style: preserve-3d;
  transform: translateZ(calc(var(--z, 0px) * var(--d3)))
             rotateY(calc(var(--ry, 0deg) * var(--d3)))
             rotateX(calc(var(--rx, 0deg) * var(--d3)))
             rotate(var(--rot, 0deg));
}
.pss__back {
  position: absolute; inset: 0; border-radius: var(--r);
  background: linear-gradient(150deg,#2b3d4c 0%,#1b2932 60%,#16222a 100%);
  transform: translateZ(calc(var(--t) * -1));
}
.pss__edge { position: absolute; background: linear-gradient(to bottom,#4a6076 0%,#2a3c4a 22%,#22323f 60%,#31465a 100%); }
.pss__edge--l { left: 0;  top: var(--r); bottom: var(--r); width: var(--t); transform-origin: left center;  transform: rotateY(90deg); }
.pss__edge--r { right: 0; top: var(--r); bottom: var(--r); width: var(--t); transform-origin: right center; transform: rotateY(-90deg); }
.pss__edge--t { top: 0;    left: var(--r); right: var(--r); height: var(--t); transform-origin: center top;    transform: rotateX(-90deg); background: linear-gradient(to right,#3b5064 0%,#22323f 50%,#3b5064 100%); }
.pss__edge--b { bottom: 0; left: var(--r); right: var(--r); height: var(--t); transform-origin: center bottom; transform: rotateX(90deg);  background: linear-gradient(to right,#31465a 0%,#1d2b35 50%,#31465a 100%); }
.pss__body {
  position: absolute; inset: 0; border-radius: var(--r);
  background: linear-gradient(150deg,#3a5064 0%,#22323f 55%,#1b2932 100%);
  padding: calc(10px * var(--u));
  box-shadow: 0 26px 54px rgba(10,22,30,.42), 0 3px 10px rgba(10,22,30,.30),
              inset 0 0 0 1px rgba(255,255,255,.16);
  backface-visibility: hidden;
}
.pss__screens {
  position: relative; height: 100%; display: flex; flex-direction: column;
  border-radius: calc(20px * var(--u)); overflow: hidden; background: #E5F2F2;
}

.pss__status {
  flex: 0 0 calc(28px * var(--u)); position: relative;
  background: #1f2d3d; color: #fff;
  display: flex; align-items: center; justify-content: flex-end;
  padding: 0 calc(12px * var(--u)); z-index: 3;
}

.pss__status .pss__notch {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: calc(48px * var(--u)); height: calc(13px * var(--u));
  background: #0d1622; border-radius: 999px; z-index: 1;
}
.pss__icons { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: calc(4px * var(--u)); }
.pss__icons svg { height: calc(9px * var(--u)); width: auto; }
.pss__content { position: relative; flex: 1 1 auto; overflow: hidden; }
.pss__content img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pss__content .ps-mock { position: absolute; inset: 0; }

.pss__ph {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: calc(14px * var(--u));
  background:
    linear-gradient(#E5F2F2, #D7EAEB),
    repeating-linear-gradient(0deg, rgba(59,87,114,.07) 0 1px, transparent 1px calc(28px * var(--u))),
    repeating-linear-gradient(90deg, rgba(59,87,114,.07) 0 1px, transparent 1px calc(28px * var(--u)));
  font-family: 'Montserrat', sans-serif; font-weight: 800;
  font-size: calc(11px * var(--u)); line-height: 1.35;
  letter-spacing: calc(1.4px * var(--u));
  text-transform: uppercase; color: rgba(59,87,114,.55);
}

.pss__phones.is-blank .pss__phone { display: none; }

@media (min-width: 768px) and (max-width: 1279px) {
  .pss__ctas { gap: 10px; }
  .pss__btn { font-size: 14px; padding: 12px 20px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pss__ctas { gap: 7px; }
  .pss__btn { font-size: 12px; padding: 11px 12px; letter-spacing: 0; --pss-mark: 11px; }
}

@media (min-width: 768px) and (max-width: 1439px) {

  .pss__phones:not(.is-tablet):not(.is-gds):not(.is-journey) {
    left: auto; right: 0;
    transform: scale(var(--pss-wall-k, 1));
    transform-origin: 100% 50%;
  }
}

@media (min-width: 1312px) and (max-width: 1439px) { .pss__phones { --pss-wall-k: 1;   } } 
@media (min-width: 1241px) and (max-width: 1311px) { .pss__phones { --pss-wall-k: .89; } } 
@media (min-width: 1216px) and (max-width: 1240px) { .pss__phones { --pss-wall-k: .93; } } 
@media (min-width: 1152px) and (max-width: 1215px) { .pss__phones { --pss-wall-k: .91; } } 
@media (min-width: 1088px) and (max-width: 1151px) { .pss__phones { --pss-wall-k: .81; } } 
@media (min-width: 1024px) and (max-width: 1087px) { .pss__phones { --pss-wall-k: .72; } } 
@media (min-width: 960px)  and (max-width: 1023px) { .pss__phones { --pss-wall-k: .69; } } 
@media (min-width: 900px)  and (max-width: 959px)  { .pss__phones { --pss-wall-k: .60; } } 
@media (min-width: 872px)  and (max-width: 899px)  { .pss__phones { --pss-wall-k: .64; } } 
@media (min-width: 820px)  and (max-width: 871px)  { .pss__phones { --pss-wall-k: .57; } } 
@media (min-width: 768px)  and (max-width: 819px)  { .pss__phones { --pss-wall-k: .50; } } 

@media (max-width: 1240px) {
  .pss__copy { max-width: 460px; }

  .pss__phones:not(.is-tablet):not(.is-gds):not(.is-journey) { opacity: .85; }
}
@media (min-width: 900px) and (max-width: 1023px) { .pss__copy { max-width: 420px; } }
@media (min-width: 768px) and (max-width: 899px)  { .pss__copy { max-width: 360px; } }

@media (max-width: 767px) {

  .pss {

    container-type: inline-size;
    --pm-pad: 18px;

    --pm-name: min(calc((100vw - 2 * var(--pm-pad)) * .107), var(--pm-name-max, 56px));

    --pm-intro-top: 138px;
    --pm-intro: clamp(14px, calc((100vw - 2 * var(--pm-pad)) * .042), 17px);
    --pm-intro-h: 0px;
    --pm-intro-gap: 0px;
    --pm-name-top: calc(var(--pm-intro-top) + var(--pm-intro-h) + var(--pm-intro-gap));
    --pm-phone-top: calc(var(--pm-name-bottom) + 30px);
    --pm-phone-w: 113px;      
    --pm-phone-right: 35px;

    --pm-tag: clamp(16px, calc((100vw - 2 * var(--pm-pad)) * .054), 19px);
    --pm-gutter: 20px;
    --pm-gap: 28px;

    --pm-gap-btns: 20px;
    --pm-btns-h: 98px;

    --pm-gds-h: 95px;

    --pm-name-bottom: calc(var(--pm-name-top) + var(--pm-name) * 1.17);
    --pm-phone-bottom: calc(var(--pm-phone-top) + var(--pm-phone-w) * 470.2 / 220);
    --pm-steps-top: calc(var(--pm-phone-bottom) + var(--pm-gap));
    --pm-ctas-top: calc(var(--pm-steps-top) + 44px + var(--pm-gap-btns));
    --pm-cue-top: calc(var(--pm-ctas-top) + var(--pm-btns-h) + var(--pm-gap) / 2);
    --pm-h: calc(var(--pm-cue-top) + 64px + var(--pm-gap));

    --pm-col-right: calc(var(--pm-phone-right) + var(--pm-phone-w) + var(--pm-gutter));
  }

  .pss { box-sizing: border-box; min-height: var(--pm-h); }

  @supports (container-type: inline-size) {
    .pss {
      --pm-name: min(calc(100cqw * .107), var(--pm-name-max, 56px));
      --pm-intro: clamp(14px, calc(100cqw * .042), 17px);
      --pm-tag: clamp(16px, calc(100cqw * .054), 19px);
    }
  }

  .pss__phones {
    position: absolute; left: 0; top: 0; right: auto; bottom: 0;
    width: 100%; height: auto; margin: 0; transform: none;
    --ps: 1;    
    --d3: .7;
  }

  .pss__phone { display: none; }

  .pss__phones:not(.is-tablet):not(.is-gds):not(.is-journey):not(.is-blank) .pss__phone.is-solo {
    display: block;

    left: auto; right: var(--pm-phone-right); top: var(--pm-phone-top); bottom: auto;
    --w: 113; --rot: -2deg; --ry: -15deg; --rx: 3deg; --z: 20px;
    --br: .97; --blur: 0px; --zi: 5;
  }

  @media (max-width: 341px) {
    .pss { --pm-phone-right: -18px; }
  }

  .pss__inner { position: static; width: auto; margin: 0; }

  .pss__copy { margin-left: 0; }
  .pss__copy,
  .pss__text,
  .pss__live { position: static; display: block; max-width: none; }
  .pss__ghost { display: none; }

  .pss__eyebrow {
    position: absolute; z-index: 3; margin: 0; max-width: none;
    left: var(--pm-pad); right: var(--pm-pad);
    top: var(--pm-intro-top); height: var(--pm-intro-h);
    display: flex; align-items: flex-end;
    font-size: var(--pm-intro); line-height: 1.5; text-align: left;
  }
  .pss__name {
    position: absolute; z-index: 3; margin: 0; max-width: none;
    left: var(--pm-pad); right: var(--pm-pad); top: var(--pm-name-top); width: auto;
    font-size: var(--pm-name); white-space: nowrap; text-align: left;
  }

  .pss__tag {
    position: absolute; z-index: 3; margin: 0; max-width: none;
    left: calc(var(--pm-pad) + 1px); right: var(--pm-col-right);
    top: calc(var(--pm-name-bottom) + 33px);
    bottom: calc(var(--pm-h) - var(--pm-steps-top) + 12px);
    width: auto; height: auto; text-align: left;
    font-size: var(--pm-tag);
  }

  .pss__steps {
    position: absolute; z-index: 3; margin: 0; max-width: none;
    left: var(--pm-pad); right: var(--pm-pad); top: var(--pm-steps-top); width: auto;
    display: flex; gap: 8px; justify-content: flex-start;
  }

  .pss__ctas {
    position: absolute; z-index: 3; margin: 0; max-width: none;
    left: var(--pm-pad); right: var(--pm-pad); top: var(--pm-ctas-top); width: auto;
    display: flex; gap: 10px; justify-content: flex-start; align-items: stretch;
    flex-direction: column;
  }

  .pss__cue {
    position: absolute; left: 0; right: 0; top: var(--pm-cue-top); bottom: auto;
    z-index: 4; height: 64px;
    display: flex; align-items: center; justify-content: center;
  }

  .pss__step { flex: 1 1 0; width: auto; min-width: 0; }

  .pss__phone.is-solo .pss__travel { transition-delay: 0ms; }
  .pss__phones.is-out .pss__phone.is-solo .pss__spin,
  .pss__phones.is-in  .pss__phone.is-solo .pss__spin { animation-delay: 0ms; }

  .pss__travel {
    transition: transform .62s cubic-bezier(.22,1,.36,1), opacity .28s ease-out;
  }
  .pss__phones.is-out .pss__travel {
    transform: translate3d(0, 26px, 0);
    opacity: 0;
    transition: transform .34s ease-in, opacity .24s ease-in;
  }
  .pss__phones.is-out .pss__spin { animation: pssSoloOut .34s ease-in both; }
  .pss__phones.is-in  .pss__spin { animation: pssSoloIn .62s cubic-bezier(.22,1,.36,1) both; }

  .pss__phones.is-fast.is-out .pss__travel { transition: transform .22s ease-in, opacity .18s ease-in; }
  .pss__phones.is-fast.is-out .pss__spin { animation-duration: .22s; }

  .pss__scrim { display: none; }

  .pss__btn {

    box-sizing: border-box;
    width: 100%; font-size: 14px; padding: 13px 16px;
    white-space: normal; text-align: center; min-height: 44px;
  }

  .pss__btn--demo::before { content: ""; flex: none; width: var(--pss-mark); }
}

@keyframes pssSoloOut { from { transform: rotateY(0deg);   } to { transform: rotateY(34deg); } }
@keyframes pssSoloIn  { from { transform: rotateY(-58deg); } to { transform: rotateY(0deg);  } }

@media (prefers-reduced-motion: reduce) {

  .pss__travel { transition: none; }
  .pss__phones.is-out .pss__spin,
  .pss__phones.is-in .pss__spin { animation: none; }
  .pss__step.is-active::after { animation: none; width: 100%; }
}

.ps-mock{
  --navy:#3B5772; --navy-deep:#2E4459; --ink:#3E3E3F;
  --teal:#45AEB1; --teal-deep:#2f8a8d;
  --bg1:#E5F2F2; --bg-soft:#F7FAFA; --line:#e0e6ea; --line2:#cdd6db;
  --muted:#6a7783; --yellow:#F8CF56;
  position:absolute; inset:0; overflow:hidden;
  font-family:"Roboto", sans-serif; line-height:1.62; color:#3E3E3F;
  text-align:left;
}
.ps-mock *{ box-sizing:border-box; }

.ps-mock .pg{transform-origin:top left;background:#fff;position:absolute;top:0;left:0}
.ps-mock .pg.desk{--dw:960;width:calc(var(--dw) * 1px);height:calc(var(--dw) * 0.625px)}
.ps-mock .pg.mob{--dw:260;width:calc(var(--dw) * 1px);height:calc(var(--dw) * 2.1111px)}

@container (max-width: 560px){
  .ps-mock .pg.desk{--dw:430}

  .ps-mock .g-panel{display:none}
  .ps-mock .g-thumb{display:none}
  .ps-mock .g-top{padding:16px 18px 0;gap:14px}
  .ps-mock .g-mark{font-size:19px}
  .ps-mock .g-field{padding:9px 14px;font-size:14px}
  .ps-mock .g-field .tools{display:none}
  .ps-mock .g-tabs{padding:13px 18px 0;gap:17px;margin-top:11px}
  .ps-mock .g-tabs span:nth-child(n+5){display:none}
  .ps-mock .g-chips{padding:12px 18px 0;gap:7px}
  .ps-mock .g-chips span:nth-child(n+4){display:none}
  .ps-mock .g-body{padding:16px 18px 0;gap:0}
  .ps-mock .g-ttl{font-size:17px}
  .ps-mock .g-sitelinks{gap:12px}

  .ps-mock .ms-top{padding:14px 18px}
  .ps-mock .ms-hero{flex-direction:column;gap:13px;padding:16px 18px 14px}
  .ps-mock .ms-img{width:100%;height:96px}
  .ps-mock .ms-h b{font-size:22px}
  .ps-mock .ms-rates{padding:0 18px}
  .ps-mock .rt{gap:12px;padding:12px 13px}
  .ps-mock .rt .pv{width:auto;flex:1}
  .ps-mock .rt:not(.win) .go{display:none}
  .ps-mock .rt .go{width:104px}

  .ps-mock .ar-top{padding:14px 18px;gap:16px}
  .ps-mock .ar-body{flex-direction:column;padding:18px 18px 0;gap:18px}
  .ps-mock .ar-h{font-size:24px}
  .ps-mock .ar-line:nth-of-type(n+6){display:none}
  .ps-mock .ar-rail{width:100%}
  .ps-mock .ar-unit .im{height:120px}
}

.ps-mock .g{font-family:"Roboto";height:100%;display:flex;flex-direction:column}
.ps-mock .g-top{display:flex;align-items:center;gap:26px;padding:20px 32px 0}
.ps-mock .g-mark{font-family:"Montserrat";font-weight:800;font-size:23px;color:var(--navy);letter-spacing:-.5px;flex:none}
.ps-mock .g-field{flex:1;max-width:560px;display:flex;align-items:center;gap:13px;border:1px solid var(--line2);
  border-radius:999px;padding:11px 18px;font-size:15px;color:#3b4a55;box-shadow:0 1px 5px rgba(59,87,114,.07)}
.ps-mock .g-field svg{width:17px;height:17px;stroke:var(--muted);flex:none}
.ps-mock .g-field .q{flex:1}
.ps-mock .g-field .tools{display:flex;align-items:center;gap:13px;flex:none;padding-left:13px;border-left:1px solid var(--line)}
.ps-mock .g-tabs{display:flex;gap:26px;padding:16px 32px 0;font-size:13.5px;color:var(--muted);
  border-bottom:1px solid var(--line);margin:14px 0 0}
.ps-mock .g-tabs span{padding-bottom:11px}

.ps-mock .g-tabs .on{color:var(--teal-deep);font-weight:600;position:relative}
.ps-mock .g-tabs .on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--teal-deep)}
.ps-mock .g-chips{display:flex;gap:9px;padding:14px 32px 0}
.ps-mock .g-chips span{border:1px solid var(--line2);border-radius:999px;padding:6px 15px;font-size:12.5px;color:#4b5b66}
.ps-mock .g-body{display:flex;gap:40px;padding:20px 32px 0;flex:1;min-height:0}
.ps-mock .g-col{flex:1;min-width:0}
.ps-mock .g-sponhead{font-family:"Montserrat";font-weight:700;font-size:17px;color:var(--navy);
  padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ps-mock .g-res{display:flex;gap:18px;margin-bottom:21px}
.ps-mock .g-rc{flex:1;min-width:0}
.ps-mock .g-src{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.ps-mock .g-fav{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);flex:none;
  display:flex;align-items:center;justify-content:center}
.ps-mock .g-fav svg{width:13px;height:13px;stroke:var(--teal-deep)}
.ps-mock .g-src b{display:block;font-weight:500;font-size:13px;color:var(--navy);line-height:1.25}
.ps-mock .g-src i{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.ps-mock .g-ttl{font-family:"Montserrat";font-weight:700;font-size:18px;color:#2d6ea8;margin:2px 0 5px;line-height:1.28}
.ps-mock .g-desc{font-size:13px;color:#5b6a75;line-height:1.5}
.ps-mock .g-sitelinks{display:flex;gap:14px;margin-top:8px;font-size:12.5px;color:#2d6ea8}
.ps-mock .g-stars{font-size:12px;color:var(--muted);margin-top:7px}
.ps-mock .g-stars .st{color:var(--yellow);letter-spacing:1px}
.ps-mock .g-thumb{flex:none;width:94px;height:70px;border-radius:8px;overflow:hidden;
  background:linear-gradient(120deg,var(--bg1),#cfe4e5);display:flex;align-items:center;justify-content:center}
.ps-mock .g-thumb svg{width:24px;height:24px;stroke:#7ba7a7}

.ps-mock .g-panel{width:300px;flex:none;align-self:flex-start}
.ps-mock .g-pmedia{display:flex;gap:3px;border-radius:10px;overflow:hidden}
.ps-mock .g-pphoto{position:relative;flex:1;height:112px;background:linear-gradient(120deg,var(--bg1),#cfe4e5);
  display:flex;align-items:center;justify-content:center}
.ps-mock .g-pphoto svg{width:30px;height:30px;stroke:#7ba7a7}
.ps-mock .g-pphoto i{position:absolute;left:0;bottom:0;font-style:normal;font-size:10px;color:#fff;
  background:rgba(46,68,89,.7);padding:3px 9px}
.ps-mock .g-pmap{position:relative;flex:1;height:112px;background:linear-gradient(150deg,#eef5f3,#dfece9)}
.ps-mock .g-pmap::before{content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 34%,rgba(116,148,144,.30) 34% 37%,transparent 37%),
    linear-gradient(0deg,transparent 0 52%,rgba(116,148,144,.26) 52% 55%,transparent 55%),
    linear-gradient(56deg,transparent 0 72%,rgba(116,148,144,.20) 72% 74%,transparent 74%)}
.ps-mock .g-pmap .mk{position:absolute;left:50%;top:48%;width:13px;height:13px;border-radius:50% 50% 50% 0;
  background:#e2574c;box-shadow:0 0 0 2px rgba(255,255,255,.9);transform:translate(-50%,-58%) rotate(-45deg)}
.ps-mock .g-pn{font-family:"Montserrat";font-weight:800;font-size:20px;color:var(--navy);margin-top:14px;line-height:1.2}
.ps-mock .g-prate{font-size:12.5px;color:var(--muted);margin-top:6px}
.ps-mock .g-prate .st{color:var(--yellow);letter-spacing:1px}
.ps-mock .g-ptype{font-size:12.5px;color:var(--muted);margin-top:5px}
.ps-mock .g-ppills{display:flex;gap:8px;margin-top:14px}
.ps-mock .g-ppills span{display:flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:999px;
  padding:7px 14px;font-size:12.5px;color:var(--navy)}
.ps-mock .g-ppills svg{width:13px;height:13px;stroke:var(--teal-deep);flex:none}
.ps-mock .g-pcheck{margin-top:14px}
.ps-mock .g-pcheck .btn-teal{border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px}
.ps-mock .g-pcheck svg{width:15px;height:15px;stroke:#000;flex:none}

.ps-mock .btn-teal{display:block;width:100%;text-align:center;background:var(--teal);color:#000;border:0;border-radius:6px;
  font-family:"Roboto";font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 0}

.ps-mock .ms{height:100%;display:flex;flex-direction:column}
.ps-mock .ms-top{display:flex;align-items:center;gap:16px;padding:18px 30px;border-bottom:1px solid var(--line)}
.ps-mock .ms-mark{font-family:"Montserrat";font-weight:800;font-size:16px;color:var(--navy);flex:none}
.ps-mock .ms-crumb{display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--line2);border-radius:8px;padding:9px 15px;font-size:13px;color:#546472}
.ps-mock .ms-crumb b{font-weight:500;color:var(--navy)}
.ps-mock .ms-crumb .sep{color:var(--line2)}
.ps-mock .ms-hero{display:flex;gap:20px;padding:22px 30px 18px}
.ps-mock .ms-img{width:172px;height:112px;flex:none;border-radius:10px;background:linear-gradient(120deg,var(--bg1),#cfe4e5);display:flex;align-items:center;justify-content:center}
.ps-mock .ms-img svg{width:36px;height:36px;stroke:#7ba7a7}
.ps-mock .ms-h b{display:block;font-family:"Montserrat";font-weight:800;font-size:25px;color:var(--navy);letter-spacing:-.3px}
.ps-mock .ms-h .st{color:var(--yellow);letter-spacing:2px;font-size:14px}
.ps-mock .ms-h .rv{font-size:13px;color:var(--muted);margin-top:6px}
.ps-mock .ms-h .rv em{font-style:normal;font-family:"Montserrat";font-weight:700;color:var(--teal-deep)}
.ps-mock .ms-h .loc{font-size:13px;color:var(--muted);margin-top:9px}
.ps-mock .ms-rates{padding:0 30px}
.ps-mock .ms-cap{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted);padding-bottom:9px;border-bottom:1px solid var(--line)}
.ps-mock .rt{display:flex;align-items:center;gap:18px;padding:14px 16px;border-radius:9px;margin-top:9px;border:1px solid transparent}
.ps-mock .rt.win{background:rgba(69,174,177,.12);border-color:var(--teal)}
.ps-mock .rt .pv{width:190px;font-size:14px;color:#54636e}
.ps-mock .rt.win .pv{font-family:"Montserrat";font-weight:700;color:var(--navy)}
.ps-mock .rt .tag{font-size:11.5px;color:var(--teal-deep);font-weight:600;margin-left:9px}
.ps-mock .rt .pr{font-family:"Montserrat";font-weight:800;font-size:22px;color:var(--navy);margin-left:auto}
.ps-mock .rt.win .pr{color:var(--teal-deep)}
.ps-mock .rt .go{flex:none;width:118px;text-align:center;font-family:"Roboto";font-weight:600;font-size:11.5px;text-transform:uppercase;
  letter-spacing:.04em;border:1.5px solid var(--line2);border-radius:7px;padding:9px 0;color:var(--muted)}
.ps-mock .rt.win .go{background:var(--teal);border-color:var(--teal);color:#000}

.ps-mock .rt .ico{flex:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.ps-mock .rt .ico svg{width:15px;height:15px;stroke:#fff}
.ps-mock .rt .nm{flex:1;min-width:0}
.ps-mock .rt .nm b{display:block;font-weight:500;font-size:15px;color:#43698c;line-height:1.3}
.ps-mock .rt.win .nm b{color:var(--teal-deep);font-family:"Montserrat";font-weight:700}
.ps-mock .rt .off{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--teal-deep);margin-top:2px}
.ps-mock .rt .off svg{width:11px;height:11px;fill:var(--teal-deep);flex:none}
.ps-mock .rt .tm{font-size:11px;color:var(--muted);margin-top:2px}
.ps-mock .ms-slbl{display:flex;align-items:baseline;gap:7px;margin:14px 0 2px}
.ps-mock .ms-slbl b{font-weight:700;font-size:11.5px;color:var(--ink)}
.ps-mock .ms-slbl span{font-family:"Montserrat";font-weight:700;font-size:15px;color:var(--navy)}

.ps-mock .ar{height:100%;display:flex;flex-direction:column}
.ps-mock .ar-top{display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.ps-mock .ar-top .m{font-family:"Montserrat";font-weight:800;font-size:15px;color:var(--navy);flex:none;margin-right:8px}
.ps-mock .ar-body{display:flex;gap:34px;padding:26px 32px 0;flex:1;min-height:0}
.ps-mock .ar-col{flex:1;min-width:0}
.ps-mock .ar-kicker{font-family:"Montserrat";font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep)}
.ps-mock .ar-h{font-family:"Montserrat";font-weight:800;font-size:27px;color:var(--navy);line-height:1.18;letter-spacing:-.4px;margin:9px 0 14px}
.ps-mock .ar-line{height:10px;border-radius:5px;background:#eef3f4;margin-bottom:11px}
.ps-mock .ar-line.s{width:78%} .ar-line.m{width:92%} .ar-line.xs{width:54%}
.ps-mock .ar-rail{width:262px;flex:none}
.ps-mock .ar-adlbl{font-size:11.5px;color:var(--muted);margin-bottom:7px}
.ps-mock .ar-unit{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.ps-mock .ar-unit .im{height:150px;background:linear-gradient(120deg,var(--bg1),#cfe4e5);display:flex;align-items:center;justify-content:center}
.ps-mock .ar-unit .im svg{width:38px;height:38px;stroke:#7ba7a7}
.ps-mock .ar-unit .bd{padding:15px 16px 17px}
.ps-mock .ar-unit .bd b{display:block;font-family:"Montserrat";font-weight:800;font-size:17px;color:var(--navy);line-height:1.25}
.ps-mock .ar-unit .bd i{display:block;font-style:normal;font-size:13px;color:var(--muted);margin:6px 0 13px}

.ps-mock .sf{height:100%;display:flex;flex-direction:column;font-size:11px;background:#fff}
.ps-mock .sf-hd{display:flex;align-items:flex-start;gap:9px;padding:12px 12px 9px}
.ps-mock .sf-av{width:32px;height:32px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,var(--teal),#2f8a8d);display:flex;align-items:center;justify-content:center}
.ps-mock .sf-av svg{width:17px;height:17px;stroke:#fff;stroke-width:1.7}
.ps-mock .sf-id{flex:1;min-width:0}
.ps-mock .sf-id b{display:block;font-family:"Montserrat";font-weight:800;font-size:12.5px;color:#1a1a1b;line-height:1.2}
.ps-mock .sf-id i{display:flex;align-items:center;gap:4px;font-style:normal;font-size:10px;color:var(--muted);margin-top:2px}
.ps-mock .sf-id i svg{width:9px;height:9px;stroke:var(--muted);stroke-width:2.2}
.ps-mock .sf-tools{display:flex;align-items:center;gap:10px;flex:none;padding-top:2px}
.ps-mock .sf-tools svg{width:13px;height:13px;stroke:#4b5b66;stroke-width:2}
.ps-mock .sf-tools .kb svg{width:13px;height:13px;fill:#4b5b66;stroke:none}
.ps-mock .sf-cap{padding:0 12px 10px;font-size:11.5px;line-height:1.35}
.ps-mock .sf-cap b{display:block;font-family:"Montserrat";font-weight:800;color:#1a1a1b;font-size:11.5px}
.ps-mock .sf-cap .tags{display:block;color:var(--teal-deep);font-weight:500;margin-top:2px}

.ps-mock .sf-im{height:258px;background:linear-gradient(120deg,var(--bg1),#cfe4e5);
  display:flex;align-items:center;justify-content:center;flex:none}
.ps-mock .sf-im svg{width:42px;height:42px;stroke:#7ba7a7}
.ps-mock .sf-im.next{height:130px}

.ps-mock .sf-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f4f6f7;
  border-top:1px solid #e8ecee}
.ps-mock .sf-lt{flex:1;min-width:0}
.ps-mock .sf-dom{display:block;font-size:9.5px;color:var(--muted);line-height:1.3}
.ps-mock .sf-lt b{display:block;font-family:"Montserrat";font-weight:800;font-size:11px;color:#1a1a1b;
  line-height:1.3;margin-top:2px}
.ps-mock .sf-btn{flex:none;background:var(--teal);color:#000;border-radius:6px;padding:9px 11px;
  font-family:"Roboto";font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em;
  white-space:nowrap}

.ps-mock .sf-next{display:flex;align-items:flex-start;gap:9px;padding:11px 12px 0;margin-top:9px;
  border-top:1px solid var(--line)}
.ps-mock .sf-next .sf-av{width:28px;height:28px}
.ps-mock .sf-next > div:not(.sf-tools){flex:1;min-width:0}
.ps-mock .sf-next b{font-family:"Montserrat";font-weight:800;font-size:11.5px;color:#1a1a1b}
.ps-mock .sf-next i{display:block;font-style:normal;font-size:9.5px;color:var(--muted);margin-top:1px}
.ps-mock .sf-next .sf-av svg{width:15px;height:15px}

.ps-mock .mm{height:100%;display:flex;flex-direction:column;background:#fff}

.ps-mock .mm-chips{display:flex;gap:5px;padding:10px 12px 0;overflow:hidden}
.ps-mock .mm-chips span{flex:none;border:1px solid var(--line2);border-radius:999px;padding:4px 10px;
  font-size:9px;color:#54636e;white-space:nowrap}
.ps-mock .mm-head{display:flex;gap:10px;align-items:flex-start;padding:13px 12px 0}
.ps-mock .mm-head .t{flex:1;min-width:0}
.ps-mock .mm-head b{display:block;font-family:"Montserrat";font-weight:800;font-size:17px;color:var(--navy);
  line-height:1.16;letter-spacing:-.2px}
.ps-mock .mm-rate{font-size:10px;color:var(--muted);margin-top:4px}
.ps-mock .mm-rate .st{color:var(--yellow)}
.ps-mock .mm-thumb{position:relative;flex:none;width:58px;height:44px;border-radius:7px;overflow:hidden;
  background:linear-gradient(120deg,var(--bg1),#cfe4e5);display:flex;align-items:center;justify-content:center}
.ps-mock .mm-thumb svg{width:19px;height:19px;stroke:#7ba7a7}
.ps-mock .mm-thumb i{position:absolute;right:3px;bottom:3px;font-style:normal;font-size:7px;color:#fff;
  background:rgba(46,68,89,.72);border-radius:3px;padding:0 4px}

.ps-mock .mm-acts{display:flex;justify-content:space-between;padding:12px 12px 0}
.ps-mock .mm-act{text-align:center;width:22%}
.ps-mock .mm-act span{display:flex;width:32px;height:32px;margin:0 auto 5px;border:1.3px solid var(--line2);
  border-radius:50%;align-items:center;justify-content:center}
.ps-mock .mm-act svg{width:15px;height:15px;stroke:var(--teal-deep)}
.ps-mock .mm-act i{font-style:normal;display:block;font-size:7.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-family:"Montserrat";font-weight:700}
.ps-mock .mm-check{margin:12px 12px 0}
.ps-mock .mm-check .btn-teal{border-radius:999px;font-size:11px;padding:10px 0;letter-spacing:.07em}

.ps-mock .mm-prices{margin:12px 12px 0;padding-top:10px;border-top:1px solid var(--line)}
.ps-mock .mm-prices h4{margin:0;font-family:"Montserrat";font-weight:800;font-size:14px;color:var(--navy);letter-spacing:-.2px}
.ps-mock .mm-dates{font-size:9.5px;color:var(--muted);margin-top:2px}
.ps-mock .mm-slbl{display:flex;align-items:baseline;gap:5px;margin:9px 12px 1px}
.ps-mock .mm-slbl b{font-weight:700;font-size:9px;color:var(--ink)}
.ps-mock .mm-slbl span{font-family:"Montserrat";font-weight:700;font-size:11px;color:var(--navy)}

.ps-mock .mm-pr{display:flex;align-items:center;gap:8px;margin:0 12px;padding:7px 0;border-bottom:1px solid var(--line)}
.ps-mock .mm-pr:last-child{border-bottom:0}
.ps-mock .mm-ico{flex:none;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.ps-mock .mm-ico svg{width:11px;height:11px;stroke:#fff}
.ps-mock .mm-pb{flex:1;min-width:0}
.ps-mock .mm-l1{display:flex;align-items:baseline;gap:8px}
.ps-mock .mm-l1 b{flex:1;min-width:0;font-weight:500;font-size:11.5px;color:#43698c;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-mock .mm-pr.off .mm-l1 b{color:var(--teal-deep);font-weight:700}
.ps-mock .mm-l2{display:flex;align-items:center;gap:5px;margin-top:1px;min-width:0}
.ps-mock .mm-off{display:flex;align-items:center;gap:3px;flex:none;font-size:8.5px;color:var(--teal-deep);line-height:1.3}
.ps-mock .mm-off svg{width:9px;height:9px;flex:none;fill:var(--teal-deep)}
.ps-mock .mm-terms{flex:1;min-width:0;font-size:8px;color:var(--muted);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-mock .mm-amt{flex:none;text-align:right;font-family:"Montserrat";font-weight:800;
  font-size:14px;color:var(--navy);letter-spacing:-.3px;font-variant-numeric:tabular-nums;line-height:1.1}

.ps-mock .mm-pr.off{background:rgba(248,207,86,.20);border-radius:4px;
  padding-left:6px;padding-right:6px;margin-left:6px;margin-right:6px}
.ps-mock .mm-pr.off .mm-amt{color:var(--teal-deep)}
.ps-mock .mm-chev{flex:none;display:flex;align-items:center;margin-left:-2px}
.ps-mock .mm-chev svg{width:9px;height:9px;stroke:var(--muted)}

.ps-mock .mb{height:100%;display:flex;flex-direction:column}
.ps-mock .mb-bar{margin:13px 13px 0;display:flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:999px;padding:10px 14px;font-size:12px;color:#54636e;box-shadow:0 1px 4px rgba(59,87,114,.08)}
.ps-mock .mb-bar svg{width:14px;height:14px;stroke:var(--muted);flex:none}
.ps-mock .mb-tabs{display:flex;gap:17px;padding:13px 13px 0;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);margin-top:2px}
.ps-mock .mb-tabs span{padding-bottom:9px}

.ps-mock .mb-tabs .on{color:var(--teal-deep);font-weight:600;position:relative}
.ps-mock .mb-tabs .on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--teal-deep)}
.ps-mock .mb-res{padding:14px 13px 0}
.ps-mock .mb-spon{font-weight:700;font-size:11px;color:var(--ink);margin-bottom:3px}
.ps-mock .mb-url{font-size:10.5px;color:var(--muted)}
.ps-mock .mb-ttl{font-family:"Montserrat";font-weight:700;font-size:14.5px;color:var(--navy);line-height:1.3;margin:3px 0 5px}
.ps-mock .mb-desc{font-size:11px;color:#5b6a75;line-height:1.45;margin-bottom:12px}
.ps-mock .mb-org{padding:15px 13px 0;border-top:1px solid var(--line);margin-top:16px}
.ps-mock .mb-line{height:9px;border-radius:5px;background:#eef3f4;margin-top:8px}
.ps-mock .mb-line.s{width:64%}

.ps-mock .mar{font-family:"Roboto";height:100%;background:#fff}
.ps-mock .mar-top{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line)}
.ps-mock .mar-top .m{font-family:"Montserrat";font-weight:800;font-size:13px;color:var(--navy);letter-spacing:-.2px}
.ps-mock .mar-top .bg{display:flex;flex-direction:column;gap:3px}
.ps-mock .mar-top .bg i{display:block;width:16px;height:2px;background:var(--muted);border-radius:2px}
.ps-mock .mar-kicker{font-family:"Montserrat";font-weight:700;font-size:9px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--teal-deep);padding:13px 13px 0}
.ps-mock .mar-h{font-family:"Montserrat";font-weight:800;font-size:18px;line-height:1.2;color:var(--navy);
  padding:5px 13px 0;letter-spacing:-.3px}
.ps-mock .mar-meta{font-size:9.5px;color:var(--muted);padding:7px 13px 0}
.ps-mock .mar-body{padding:12px 13px 0}
.ps-mock .mar-line{height:6px;border-radius:3px;background:#eef2f4;margin-bottom:7px}
.ps-mock .mar-line.m{width:88%}.mar-line.s{width:66%}.mar-line.xs{width:44%}
.ps-mock .mar-adlbl{font-size:8.5px;color:#9aa9b5;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 13px 0;margin-top:6px}
.ps-mock .mar-unit{margin:5px 13px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
  box-shadow:0 6px 16px -10px rgba(15,30,50,.4)}
.ps-mock .mar-unit .im{height:88px;background:linear-gradient(135deg,#E5F2F2,#D7EAEB);
  display:flex;align-items:center;justify-content:center}
.ps-mock .mar-unit .im svg{width:34px;height:34px;stroke:var(--navy);opacity:.5}
.ps-mock .mar-unit .bd{padding:10px 11px 12px}
.ps-mock .mar-unit .bd b{display:block;font-family:"Montserrat";font-weight:800;font-size:13px;color:var(--navy)}
.ps-mock .mar-unit .bd i{display:block;font-style:normal;font-size:10.5px;color:var(--muted);margin:3px 0 9px;line-height:1.42}
.ps-mock .mar-unit .btn-teal{display:block;text-align:center;width:100%}

.pss__phones .pss__tablet { display: none; }
.pss__phones.is-tablet .pss__phone { display: none; }
.pss__phones.is-tablet .pss__tablet {
  display: flex; position: absolute; inset: 0;
  align-items: center; justify-content: center; pointer-events: none;
}
.pss__tablet .pssd__shell {
  position: relative; display: block; flex: none;
  width: 1068px; padding: 14px; border-radius: 24px; background: #20272E;
  transform: scale(var(--pssd-k, 1)); transform-origin: center center;
  box-shadow: 0 34px 70px -34px rgba(16, 28, 38, .55), inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.pss__tablet .pssd__cam {
  position: absolute; top: 6px; left: 50%; margin-left: -2.5px;
  width: 5px; height: 5px; border-radius: 50%; background: #0D1116;
}
.pssd {
  display: block; width: 1040px; height: 730px; overflow: hidden; border-radius: 5px;
  background: #F7F8F9; color: #212121; text-align: left;
  font-family: 'Roboto', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;

  font-size: 15px; line-height: 1.42;
}
.pssd em, .pssd i, .pssd b, .pssd u, .pssd s { font-style: normal; text-decoration: none; }

.pssd__top {
  display: flex; align-items: center; justify-content: space-between;
  height: 50px; padding: 0 20px; background: #3E5871; color: #fff;
}
.pssd__brand { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 19px; }
.pssd__brand em {
  display: inline-block; margin-left: 7px; padding: 2px 6px; border-radius: 3px;
  background: #F0932B; color: #2A1B04; font-size: 9px; font-weight: 800; letter-spacing: .1em;
  vertical-align: 2px;
}
.pssd__acct { font-size: 14.5px; font-weight: 500; opacity: .96; }
.pssd__nav {
  display: flex; align-items: stretch; height: 36px; padding: 0 12px;
  background: #EDEFF1; border-bottom: 1px solid #E2E6E9; font-size: 14px; font-weight: 500;
}
.pssd__nav em { display: flex; align-items: center; padding: 0 11px; color: #33424D; }
.pssd__nav em.is-on { background: #DDE1E5; font-weight: 500; }

.pssd__body { display: block; padding: 16px 18px 18px; }
.pssd__h { display: block; font-size: 28px; font-weight: 500; }
.pssd__sub { display: block; margin-top: 4px; font-size: 13.5px; color: #6B7883; }
.pssd__kpis { display: flex; gap: 11px; margin-top: 14px; }
.pssd__kpi {
  flex: 1; display: block; padding: 11px 13px; border: 1px solid #E2E6E9;
  border-radius: 5px; background: #fff; min-width: 0;
}
.pssd__kpi em { display: block; font-size: 13.5px; font-weight: 500; color: #4E5D69; }
.pssd__kpi b {
  display: block; margin-top: 5px; font-size: 31px; font-weight: 500;
  letter-spacing: -.015em; line-height: 1.05; font-variant-numeric: tabular-nums;
}
.pssd__kpi i { display: block; margin-top: 7px; font-size: 13px; font-weight: 700; color: #178A29; }

.pssd__tiles { display: flex; gap: 11px; margin-top: 12px; }
.pssd__tile {
  flex: 1; display: flex; flex-direction: column; min-width: 0; height: 402px;
  padding: 11px 13px 9px; border: 1px solid #E2E6E9; border-radius: 5px; background: #fff;
}
.pssd__th { display: block; font-size: 15px; font-weight: 700; }
.pssd__leg { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12.5px; font-weight: 500; color: #4E5D69; }
.pssd__leg s { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.pssd__leg s.is-now { background: #3E5871; }
.pssd__leg s.is-prev { background: #F2C4C4; margin-left: 10px; }
.pssd__bars { flex: 1 1 auto; min-height: 0; display: flex; align-items: stretch; gap: 8px; padding-top: 14px; }
.pssd__grp { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; min-width: 0; }
.pssd__pair { flex: 1 1 auto; min-height: 0; display: flex; align-items: flex-end; justify-content: center; gap: 5px; }
.pssd__b {
  position: relative; width: 28px; border-radius: 3px 3px 0 0;
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 900ms cubic-bezier(.2, .7, .3, 1);
}
.pssd__b.is-now { background: #3E5871; }
.pssd__b.is-prev { background: #F2C4C4; }
.pssd__b u {
  position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);
  margin-bottom: 5px; font-size: 12.5px; font-weight: 500; color: #4E5D69; white-space: nowrap;
  opacity: 0; transition: opacity .35s ease .5s;
}
.pssd__gl { display: block; font-size: 12.5px; font-weight: 500; color: #6B7883; text-align: center; }

.pssd.is-live .pssd__b { transform: scaleY(1); }
.pssd.is-live .pssd__b u { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .pssd__b { transform: scaleY(1); transition: none; }
  .pssd__b u { opacity: 1; transition: none; }
}

.pss__phones .pss__tablets { display: none; }
.pss__phones.is-tablet .pss__phone { display: none; }

.pss__tab--1 { --x: 8.7;  --y: 44.9; --w: 54.1; --rot: 0deg; --zi: 3;
  --ry: -7deg;  --rx: 2deg; --z: 30px;  --br: 1;   --blur: 0px;  }   
.pss__tab--2 { --x: 26.1; --y: 23.4; --w: 54.8; --rot: 0deg; --zi: 2;
  --ry: -9deg;  --rx: 2deg; --z: -40px; --br: .97; --blur: .15px; }   
.pss__tab--3 { --x: 40.5; --y: 6.6;  --w: 56.7; --rot: 0deg; --zi: 1;
  --ry: -11deg; --rx: 2deg; --z: -90px; --br: .93; --blur: .3px; }   
.pss__phones.is-tablet .pss__tablets {
  display: block; position: absolute;
  top: 0; bottom: 0; right: 3%; left: 47%;      
  pointer-events: none;

  perspective: 1500px; transform-style: preserve-3d;
}

.pss__tab {
  position: absolute; display: block; left: 0; top: 0;
  opacity: 0;
  transform-origin: center center;
  transform-style: preserve-3d;
  --pose: translateZ(calc(var(--z, 0px) * var(--d3)))
          rotateY(calc(var(--ry, 0deg) * var(--d3)))
          rotateX(calc(var(--rx, 0deg) * var(--d3)))
          rotate(var(--rot, 0deg));

  transform: translateY(54px) scale(.93) var(--pose);

  transition: opacity .6s ease-out, transform .95s cubic-bezier(.18, .78, .28, 1);
}
.pss__phones.is-tablet.is-live .pss__tab { opacity: 1; transform: var(--pose); }

.pss__tab .pssd__shell {
  filter: saturate(.96) brightness(var(--br, 1)) blur(calc(var(--blur, 0px) * var(--d3)));
}

.pss__phones.is-tablet.is-live .pss__tab--3 { transition-delay: 0ms; }
.pss__phones.is-tablet.is-live .pss__tab--2 { transition-delay: 380ms; }
.pss__phones.is-tablet.is-live .pss__tab--1 { transition-delay: 760ms; }

.pss__tab .pssd__shell {
  position: relative; display: block; width: 1068px; padding: 14px;
  border-radius: 24px; background: #20272E;
  transform: scale(var(--pssd-k, 1)); transform-origin: top left;
  box-shadow: 0 34px 70px -34px rgba(16, 28, 38, .55), inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.pss__tab .pssd__cam {
  position: absolute; top: 6px; left: 50%; margin-left: -2.5px;
  width: 5px; height: 5px; border-radius: 50%; background: #0D1116;
}
.pssd {
  display: block; width: 1040px; height: 730px; overflow: hidden; border-radius: 5px;
  background: #F7F8F9; color: #212121; text-align: left;
  font-family: 'Roboto', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;

  font-size: 15px; line-height: 1.42;
}
.pssd em, .pssd i, .pssd b, .pssd u, .pssd s { font-style: normal; text-decoration: none; }

.pssd__top {
  display: flex; align-items: center; justify-content: space-between;
  height: 50px; padding: 0 20px; background: #3E5871; color: #fff;
}
.pssd__brand { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 19px; }
.pssd__brand em {
  display: inline-block; margin-left: 7px; padding: 2px 6px; border-radius: 3px;
  background: #F0932B; color: #2A1B04; font-size: 9px; font-weight: 800;
  letter-spacing: .1em; vertical-align: 2px;
}
.pssd__acct { font-size: 14.5px; font-weight: 500; opacity: .96; }
.pssd__nav {
  display: flex; align-items: stretch; height: 36px; padding: 0 12px;
  background: #EDEFF1; border-bottom: 1px solid #E2E6E9; font-size: 14px; font-weight: 500;
}
.pssd__nav em { display: flex; align-items: center; padding: 0 11px; color: #33424D; }
.pssd__nav em.is-on { background: #DDE1E5; font-weight: 500; }
.pssd__h { display: block; padding: 16px 18px 0; font-size: 24px; font-weight: 300; }
.pssd__sub { display: block; padding: 3px 18px 0; font-size: 11.5px; color: #8A97A1; }
.pssd__body { display: block; padding: 14px 18px 18px; }

.pssd__kpis { display: flex; gap: 11px; }
.pssd__kpi {
  flex: 1; display: block; padding: 11px 13px; border: 1px solid #E2E6E9;
  border-radius: 5px; background: #fff; min-width: 0;
}
.pssd__kpi em { display: block; font-size: 13.5px; font-weight: 500; color: #4E5D69; }
.pssd__kpi b {
  display: block; margin-top: 5px; font-size: 31px; font-weight: 500;
  letter-spacing: -.015em; line-height: 1.05; font-variant-numeric: tabular-nums;
}
.pssd__kpi i { display: block; margin-top: 7px; font-size: 13px; font-weight: 700; color: #178A29; }

.pssd__tiles { display: flex; gap: 11px; margin-top: 12px; }
.pssd__split { display: flex; gap: 11px; }
.pssd__split > .pssd__tile { flex: 1; height: 452px; }
.pssd__tile {
  flex: 1; display: flex; flex-direction: column; min-width: 0; height: 392px;
  padding: 11px 13px 9px; border: 1px solid #E2E6E9; border-radius: 5px; background: #fff;
}
.pssd__th { display: block; font-size: 15px; font-weight: 700; }
.pssd__leg { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12.5px; font-weight: 500; color: #4E5D69; }
.pssd__leg s { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.pssd__leg s.is-now { background: #3E5871; }
.pssd__leg s.is-prev { background: #F2C4C4; margin-left: 10px; }
.pssd__leg s.is-teal { background: #45AEB1; }
.pssd__leg s.is-grey { background: #B4BEC6; margin-left: 10px; }

.pssd__bars { flex: 1 1 auto; min-height: 0; display: flex; align-items: stretch; gap: 8px; padding-top: 14px; }
.pssd__grp { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; min-width: 0; }
.pssd__pair { flex: 1 1 auto; min-height: 0; display: flex; align-items: flex-end; justify-content: center; gap: 5px; }
.pssd__b {
  position: relative; width: 28px; border-radius: 3px 3px 0 0;
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 900ms cubic-bezier(.2, .7, .3, 1);
}
.pssd__b.is-now { background: #3E5871; }
.pssd__b.is-prev { background: #F2C4C4; }
.pssd__b u {
  position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);
  margin-bottom: 5px; font-size: 12.5px; font-weight: 500; color: #4E5D69; white-space: nowrap;
  opacity: 0; transition: opacity .35s ease .5s;
}
.pssd__gl { display: block; font-size: 12.5px; font-weight: 500; color: #6B7883; text-align: center; }

.pssd__table { display: block; margin-top: 8px; }
.pssd__tr {
  display: flex; align-items: center; gap: 8px; padding: 7px 2px;
  border-bottom: 1px solid #F1F3F4; font-size: 14.5px !important;
  opacity: 0; transform: translateY(4px);
  transition: opacity .34s ease, transform .34s ease;
}
.pssd__tr--h { border-bottom: 1px solid #E2E6E9; font-size: 13px !important; font-weight: 500; color: #4E5D69; }
.pssd__tr em { flex: 1 1 auto; min-width: 0; font-weight: 700; font-size: inherit !important; }
.pssd__tr--h em { font-weight: 400; }
.pssd__tr i { flex: none; width: 92px; text-align: right; font-weight: 500; font-size: inherit !important; }

.pssd__heat {
  display: inline-block; padding: 3px 8px; border-radius: 3px;

  font-size: inherit !important; line-height: 1.4 !important;
}
.pssd__heat.h1 { background: #FDF6E3; }
.pssd__heat.h2 { background: #FAE9BE; }
.pssd__heat.h3 { background: #F6D98D; }
.pssd__heat.h4 { background: #F1C64F; }

.pssd__body--rooms {
  display: flex; flex-direction: column; overflow: hidden;

  box-sizing: border-box;
  height: calc(730px - 50px - 36px - 53px);
}
.pssd__body--rooms .pssd__cols { flex: 1 1 auto; min-height: 0; }
.pssd__body--rooms .pssd__table { flex: none; }
.pssd__quad .pssd__tile, .pssd__aside .pssd__tile { height: auto; min-height: 0; }
.pssd__aside .pssd__tile { flex: 1 1 0; }

.pssd__cols { display: flex; gap: 11px; margin-top: 12px; }
.pssd__cols > .pssd__tile { height: auto; min-height: 0; }
.pssd__cols > .pssd__tile:first-child { flex: 1 1 auto; min-width: 0; }
.pssd__side { width: 336px; flex: none; }
.pssd__ts { display: block; margin-top: 4px; font-size: 13px !important; color: #7C8992; }

.pssd__hbars { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column;
  justify-content: space-around; margin-top: 12px; }

.pssd__hb { display: flex; align-items: center; gap: 12px; font-size: 14.5px !important; font-weight: 500; color: #4E5D69; }
.pssd__hbl { width: 152px; flex: none; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; font-size: inherit !important; }
.pssd__hbt { flex: 1 1 auto; min-width: 0; height: 17px; position: relative;
  background: #F1F3F5; border-radius: 2px; display: block; }

.pssd__hbf {
  position: absolute; top: 0; bottom: 0; left: 0; width: calc(var(--p, 0) * 1%);
  background: #F2C4C4; border-radius: 2px; display: block;
  transform: scaleX(0); transform-origin: left;
  transition: transform .85s cubic-bezier(.2, .7, .3, 1);
}
.pssd__hbv { width: 50px; flex: none; text-align: right; font-weight: 700; color: #3C4A55;
  font-variant-numeric: tabular-nums; font-size: inherit !important; }
.pssd.is-live .pssd__hbf { transform: scaleX(1); }

.pssd__picks { display: flex; gap: 22px; margin-top: 13px; }
.pssd__pickl { display: block; font-size: 13px !important; font-weight: 500; color: #4E5D69; }
.pssd__picks-box { display: flex; align-items: center; justify-content: space-between;
  width: 210px; margin-top: 5px; padding: 6px 9px; border: 1px solid #D8DDE2;
  border-radius: 4px; background: #fff; font-size: 13.5px !important; color: #212121; }
.pssd__picks-box:after { content: "▾"; color: #8A97A1; font-size: 9px; }

.pssd__pierow { flex: 1 1 auto; display: flex; align-items: center; gap: 18px; padding-top: 10px; }
.pssd__pie {
  width: 186px; height: 186px; flex: none; border-radius: 50%;

  background: conic-gradient(#3E5871 0 64%, #7ACD9A 64% 78%, #F2C4C4 78% 87%,
                             #D6C08A 87% 91%, #3EA3A3 91% 100%);
  transform: scale(.86); opacity: 0;
  transition: transform .7s cubic-bezier(.2, .7, .3, 1), opacity .5s ease;
}

.pssd__pie--split {
  width: 150px; height: 150px;
  background: conic-gradient(#C3CBD2 0 88%, #F2C4C4 88% 100%);
}
.pssd__pierow--one { justify-content: center; gap: 22px; }

.pssd__pierow--right { flex-direction: row-reverse; }

.pssd__plegend { display: block; font-size: 14px; font-weight: 500; color: #4E5D69; min-width: 0; }
.pssd__plegend em { display: flex; align-items: center; gap: 8px; padding: 5px 0; white-space: nowrap; }
.pssd__plegend s { width: 10px; height: 10px; border-radius: 2px; flex: none; }
.pssd__plegend b { margin-left: auto; padding-left: 12px; font-weight: 500; color: #212121; }

.pssd__line { flex: 1 1 auto; min-height: 0; display: block; padding-top: 12px; }
.pssd__line svg { width: 100%; height: 100%; display: block; }
.pssd__line line { stroke: #E2E6E9; stroke-width: 1; }
.pssd__lp {
  fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 900; stroke-dashoffset: 900;
  transition: stroke-dashoffset 1.4s cubic-bezier(.35, .6, .3, 1);
}
.pssd__lp.is-now { stroke: #45AEB1; }
.pssd__lp.is-prev { stroke: #B4BEC6; }

.pssd.is-live .pssd__b { transform: scaleY(1); }
.pssd.is-live .pssd__b u { opacity: 1; }
.pssd.is-live .pssd__tr { opacity: 1; transform: none; }
.pssd.is-live .pssd__pie { transform: none; opacity: 1; }
.pssd.is-live .pssd__lp { stroke-dashoffset: 0; }

@media (prefers-reduced-motion: reduce) {
  .pss__tab, .pssd__b, .pssd__tr, .pssd__pie, .pssd__lp, .pssd__b u { transition: none !important; }
  .pss__tab { opacity: 1; transform: none; }
  .pssd__b { transform: scaleY(1); }
  .pssd__b u, .pssd__tr, .pssd__pie { opacity: 1; transform: none; }
  .pssd__lp { stroke-dashoffset: 0; }
}

@media (min-width: 768px) and (max-width: 900px) {
  .pss__phones.is-tablet .pss__tablets { display: none; }
}

@media (max-width: 767px) {

  .pss {

    --pm-tab-w: 348px;
    --pm-tab-h: calc(var(--pm-tab-w) * 758 / 1068);   

    --pm-tab-right: -96px;

    --pm-tab-op: .24;

    --pm-tab-fade: 120px;

    --pm-tab-top: calc(var(--pm-name-bottom) + 30px);
  }
  .pss__phones.is-tablet .pss__tablets {
    display: block;
    left: auto; right: var(--pm-tab-right);
    top: var(--pm-tab-top); bottom: auto;
    width: var(--pm-tab-w); height: var(--pm-tab-h);

    z-index: 1;
    opacity: var(--pm-tab-op);

    -webkit-mask-image: linear-gradient(to right, transparent 0px, #000 var(--pm-tab-fade));
    mask-image: linear-gradient(to right, transparent 0px, #000 var(--pm-tab-fade));
  }
  .pss__phones.is-tablet .pss__tab--1 {
    --x: 0; --y: 0; --w: 100; --zi: 3; --rot: 0deg;
    --ry: -10deg; --rx: 2deg; --z: 30px;
    --br: 1; --blur: 0px;
  }

  .pss__phones.is-tablet .pss__tab--2,
  .pss__phones.is-tablet .pss__tab--3 { display: none; }

  .pss__phones.is-tablet:not(.is-live) .pss__tab {
    transform: translateX(64px) scale(.97) var(--pose);
  }

  .pss__phones.is-tablet.is-live .pss__tab--1 { transition-delay: 0ms; }

  .pss__phones.is-tablet ~ .pss__inner .pss__tag {
    right: var(--pm-pad);
  }
}

.pss__phones .pss__logos { display: none; }
.pss__phones.is-gds .pss__phone { display: none; }

.pss__logo { --x: 8.7; --y: 12.5; --w: 88.5; --rot: 0deg; --zi: 3; --lgap: 62;
  --ry: -7deg; --rx: 2deg; --z: 30px; --br: 1; --blur: 0px; }

.pss__phones.is-gds .pss__logos {
  display: block; position: absolute;
  top: 0; bottom: 0;

  left: auto; width: 50%;
  right: max(30px, calc((100% - 1200px) / 2));
  pointer-events: none;

  perspective: 1500px; transform-style: preserve-3d;
}

.pss__logo {
  position: absolute; display: block; left: 0; top: 0;
  opacity: 0;
  transform-origin: center center;
  transform-style: preserve-3d;
  --pose: translateZ(calc(var(--z, 0px) * var(--d3)))
          rotateY(calc(var(--ry, 0deg) * var(--d3)))
          rotateX(calc(var(--rx, 0deg) * var(--d3)))
          rotate(var(--rot, 0deg));
  transform: translateY(22px) var(--pose);
  transition: opacity .5s ease-out, transform .6s cubic-bezier(.2, .7, .3, 1);
}
.pss__phones.is-gds.is-live .pss__logo { opacity: 1; transform: var(--pose); }

.pss__logo .pssg__card {
  box-sizing: border-box;
  position: relative; display: flex; overflow: visible;

  flex-direction: column; align-items: flex-end; justify-content: center;

  gap: calc(var(--lgap, 62) * 1px);
  width: 660px; height: 468px;
  transform: scale(var(--pssg-k, 1)); transform-origin: top left;
  background: none;
}

.pss__logo .pssg__mark {
  display: block; flex: none;

  position: relative; z-index: 1;
  height: calc(var(--lh, 9.4) * 1%); width: auto;
  max-width: 84%; max-height: 22%;
  object-fit: contain;

  filter: drop-shadow(0 3px 7px rgba(30, 52, 70, .26));

  opacity: 0; transform: scale(.86);
  transition: opacity .34s ease-out,
              transform .46s cubic-bezier(.34, 1.56, .48, 1);
}

.pss__logo .pssg__mark--1 { --lh: 16.6; }   
.pss__logo .pssg__mark--2 { --lh: 9.4; }
.pss__logo .pssg__mark--3 { --lh: 11.1; }

.pss__logo .pssg__mark--sabre      { --lh: 16.6; order: 1; }  
.pss__logo .pssg__mark--amadeus    { --lh: 9.4;  order: 2; }  
.pss__logo .pssg__mark--travelport { --lh: 11.1; order: 3; }  

.pss__phones.is-gds.is-live .pssg__mark { opacity: 1; transform: scale(1); }
.pss__phones.is-gds.is-live .pssg__mark--1 { transition-delay: 300ms; }
.pss__phones.is-gds.is-live .pssg__mark--2 { transition-delay: 580ms; }
.pss__phones.is-gds.is-live .pssg__mark--3 { transition-delay: 860ms; }

.pss__phones.is-gds.is-live .pssg__mark--sabre      { transition-delay: 300ms; }
.pss__phones.is-gds.is-live .pssg__mark--amadeus    { transition-delay: 580ms; }
.pss__phones.is-gds.is-live .pssg__mark--travelport { transition-delay: 860ms; }

@media (prefers-reduced-motion: reduce) {
  .pss__logo, .pss__logo .pssg__mark { transition: none; }

}

.pss__logo .pssg__ph {
  display: block; flex: none;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 22px; font-weight: 500; letter-spacing: .04em;
  color: rgba(62, 62, 63, .38);
}

@media (min-width: 768px) and (max-width: 900px) {

  .pss__phones.is-gds .pss__logos { display: block; }
}
@media (max-width: 767px) {
  .pss__phones.is-gds .pss__logos {
    display: block; position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    perspective: 1500px; transform-style: preserve-3d; pointer-events: none;
  }

  .pss__logo .pssg__card { justify-content: flex-start; align-items: flex-start; }

  .pss__logo {

    left: var(--pm-pad); right: auto;
    top: calc(var(--pm-steps-top) - 14px - var(--pm-gds-h));

    width: 210px; height: 149px;
    --pssg-k: .318;
  }

  .pss__phones.is-gds ~ .pss__inner .pss__tag {
    right: var(--pm-pad);
    bottom: calc(var(--pm-h) - var(--pm-steps-top) + 14px + var(--pm-gds-h) + 18px);
  }

  @media (max-width: 341px) {

    .pss { --pm-gds-h: 71px; }
    .pss__logo { width: 158px; height: 113px; --pssg-k: .24; }
  }
}

.pss__phones.is-journey .pss__phone { display: none; }

.pssj__band {
  display: none; position: absolute;
  top: 0; left: 47%; right: 3%;
  pointer-events: none;
}
.pss__phones.is-journey ~ .pss__inner .pssj__band { display: block; }

.pssj__stmt {
  position: absolute; pointer-events: auto;
  --x: 1.0;              

  --stmt-nudge: 0px;
  left: calc(var(--x) * 1%);
  top: var(--stmt-nudge);
  right: 0; margin: 0;
  font-family: 'Montserrat', sans-serif; font-weight: 800;

  font-size: 80px; line-height: 0.96; letter-spacing: -2.7px;
  color: #3B5772;
}
.pssj__l { display: block; white-space: nowrap; }

.pssj__mark { position: relative; display: inline-block; }
.pssj__mark::after {
  content: ''; position: absolute; left: 0; right: 0;
  bottom: -0.065em; height: 0.115em;
  background: #45AEB1; border-radius: 2px;
  transform-origin: left center;
  animation: pssjRule .7s cubic-bezier(.22,.7,.24,1) .55s both;
}
@keyframes pssjRule { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.pssj__l { animation: pssjLine .8s cubic-bezier(.22,.7,.24,1) both; }
.pssj__l:nth-child(1) { animation-delay: .10s; }
.pssj__l:nth-child(2) { animation-delay: .22s; }
.pssj__l:nth-child(3) { animation-delay: .34s; }
@keyframes pssjLine {
  from { opacity: 0; transform: translateX(26px); }
  to   { opacity: 1; transform: none; }
}

.pss__wave {
  position: absolute; left: 0; right: 0; top: 0; bottom: 0;

  z-index: 0; overflow: hidden; pointer-events: none; opacity: .20;
}
.pssj__wave-in { position: absolute; inset: 0; animation: pssjWaveIn 1.5s cubic-bezier(.22,.7,.24,1) both; }

.pssj__track {
  position: absolute; left: 0; top: 50%; width: 2880px; height: 560px;
  transform: translate(-720px, -50%);
  animation: pssjDrift 34s linear infinite;
  opacity: 1;
}
.pssj__track--2 { animation-duration: 42s; }
.pssj__track--3 { animation-duration: 52s; }
.pssj__track--4 { animation-duration: 64s; }
.pssj__track svg { display: block; width: 2880px; height: 560px; }
@keyframes pssjDrift {
  from { transform: translate(-720px, -50%); }
  to   { transform: translate(0, -50%); }
}
@keyframes pssjWaveIn {
  from { opacity: 0; transform: translateX(-22%); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pssj__track { animation: none !important; }
  .pssj__wave-in { animation: none !important; }
  .pssj__l, .pssj__mark::after { animation: none !important; }
}

@media (max-width: 767px) {
  .pss { --pm-jstmt-h: 100px; }

  .pssj__band { position: static; }

  .pssj__stmt {
    left: var(--pm-pad); right: var(--pm-pad);
    top: calc(var(--pm-steps-top) - 19px - var(--pm-jstmt-h));
    height: var(--pm-jstmt-h);
    font-size: clamp(24px, calc((100vw - 2 * var(--pm-pad)) * .0885), 32px);
    line-height: 1.0; letter-spacing: -.8px;
  }
  @supports (width: 100cqw) {
    .pssj__stmt { font-size: clamp(24px, calc(100cqw * .0885), 32px); }
  }

  .pssj__mark::after { bottom: -0.05em; height: 0.135em; }

  .pss__phones.is-journey ~ .pss__inner .pss__tag {
    right: var(--pm-pad);
    bottom: calc(var(--pm-h) - var(--pm-steps-top) + 19px + var(--pm-jstmt-h) + 12px);
  }

  .pss__phones.is-blank ~ .pss__inner .pss__tag { right: var(--pm-pad); }

  .pss__wave { opacity: .11; }   
  .pssj__track {
    width: 1500px; height: 300px;
    top: calc(50% - 85px);
    transform: translate(-375px, -50%);
    animation-name: pssjDriftM; animation-duration: 30s;
  }
  .pssj__track--2 { animation-duration: 38s; }
  .pssj__track--3 { animation-duration: 46s; }
  .pssj__track--4 { animation-duration: 56s; }
  .pssj__track svg { width: 1500px; height: 300px; }
  @keyframes pssjDriftM {
    from { transform: translate(-375px, -50%); }
    to   { transform: translate(0, -50%); }
  }
}