html {
  scroll-behavior: smooth;
}

body.product-page {
  --bg: #fffefc;
  --ink: #1d1a24;
  --muted: #5d5a66;
  --line: #eee9e1;
  --green: #d9f99d;
  --green-d: #3f6212;
  --green-b: #bef264;
  --pink: #f6d9fb;
  --pink-d: #6b1d77;
  --cream: #fff6dc;
  --cream-d: #c2410c;
  --lime: #eefcc8;
  --lime-d: #3f5a12;
  --blue: #dbeafe;
  --peach: #fdeee0;
  --serif: "Plus Jakarta Sans",sans-serif;
  --sans: "Plus Jakarta Sans",sans-serif;
  --mono: "Plus Jakarta Sans",sans-serif;
}

body.product-page,body.product-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body.product-page {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.product-page a {
  color: inherit;
  text-decoration: none;
}

body.product-page .wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(16px,2.5vw,40px);
  overflow-x: clip;
}

body.product-page section {
  scroll-margin-top: 90px;
}

body.product-page .rv {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
}

body.product-page .rv.in {
  opacity: 1;
  transform: none;
}

body.product-page nav {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  background: rgba(255,254,252,.78);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid transparent;
  transition: border-color .3s;
}

body.product-page nav.sc {
  border-color: var(--line);
}

body.product-page .logo {
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.02em;
}

body.product-page .nav-r {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
}

body.product-page .nav-r a.link {
  color: var(--muted);
  transition: color .2s;
}

body.product-page .nav-r a.link:hover {
  color: var(--ink);
}

body.product-page .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--green);
  color: var(--green-d);
  font-weight: 500;
  border: 2px solid var(--green-b);
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  box-shadow: 0 0 0 4px rgba(190,242,100,.28),0 8px 24px -8px rgba(101,163,13,.45);
  transition: transform .2s,box-shadow .2s;
}

body.product-page .pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 6px rgba(190,242,100,.3),0 14px 28px -10px rgba(101,163,13,.5);
}

body.product-page .pill.lg {
  font-size: 18px;
  padding: 16px 34px;
}

body.product-page .pill.ghost {
  background: #fff;
  border-color: var(--line);
  color: var(--ink);
  box-shadow: none;
}

body.product-page .pill.ghost:hover {
  border-color: #d9d2c5;
  box-shadow: 0 8px 20px -10px rgba(0,0,0,.18);
}

body.product-page .hero {
  text-align: center;
  padding: 34px 0 30px;
  position: relative;
}

body.product-page .orb {
  width: 100px;
  height: 100px;
  margin: 0 auto 4px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 70%,#fb923c 0%,#f0abfc 55%,rgba(240,171,252,0) 72%);
  filter: blur(10px);
  animation: egot-product-float 6s ease-in-out infinite;
}

@keyframes egot-product-float {
  50% {
    transform: translateY(10px) scale(1.07);
  }
}

body.product-page .hero>*:not(.blob):not(.spk) {
  position: relative;
  z-index: 1;
}

body.product-page .blob {
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  filter: blur(12px);
  pointer-events: none;
  will-change: transform;
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}

body.product-page .blob i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: egot-product-drift 9s ease-in-out infinite;
}

@keyframes egot-product-drift {
  0%,100% {
    transform: translate(0,0) scale(1);
  }
  33% {
    transform: translate(10px,-16px) scale(1.06);
  }
  66% {
    transform: translate(-8px,10px) scale(.96);
  }
}

body.product-page .b1 {
  width: 170px;
  height: 170px;
  left: 7%;
  top: 40px;
}

body.product-page .b1 i {
  background: radial-gradient(circle at 50% 62%,#bef264 0%,#5eead4 52%,rgba(94,234,212,0) 72%);
}

body.product-page .b2 {
  width: 140px;
  height: 140px;
  right: 8%;
  top: 60px;
}

body.product-page .b2 i {
  background: radial-gradient(circle at 50% 62%,#60a5fa 0%,#c4b5fd 52%,rgba(196,181,253,0) 72%);
  animation-delay: -3s;
}

body.product-page .b3 {
  width: 96px;
  height: 96px;
  left: 17%;
  top: 310px;
}

body.product-page .b3 i {
  background: radial-gradient(circle at 50% 62%,#fb923c 0%,#fb7185 50%,rgba(251,113,133,0) 72%);
  animation-delay: -5s;
}

body.product-page .b4 {
  width: 120px;
  height: 120px;
  right: 15%;
  top: 330px;
}

body.product-page .b4 i {
  background: radial-gradient(circle at 50% 62%,#f0abfc 0%,#818cf8 55%,rgba(129,140,248,0) 72%);
  animation-delay: -2s;
}

body.product-page .b5 {
  width: 74px;
  height: 74px;
  left: 2%;
  top: 470px;
}

body.product-page .b5 i {
  background: radial-gradient(circle at 50% 62%,#facc15 0%,#bef264 52%,rgba(190,242,100,0) 72%);
  animation-delay: -6s;
}

body.product-page .b6 {
  width: 84px;
  height: 84px;
  right: 3%;
  top: 500px;
}

body.product-page .b6 i {
  background: radial-gradient(circle at 50% 62%,#fdba74 0%,#f0abfc 52%,rgba(240,171,252,0) 72%);
  animation-delay: -4s;
}

body.product-page .b7 {
  width: 56px;
  height: 56px;
  left: 30%;
  top: 20px;
}

body.product-page .b7 i {
  background: radial-gradient(circle at 50% 62%,#a78bfa 0%,#f0abfc 55%,rgba(240,171,252,0) 72%);
  animation-delay: -1s;
}

body.product-page .b8 {
  width: 60px;
  height: 60px;
  right: 30%;
  top: 14px;
}

body.product-page .b8 i {
  background: radial-gradient(circle at 50% 62%,#5eead4 0%,#bef264 55%,rgba(190,242,100,0) 72%);
  animation-delay: -7s;
}

body.product-page .spk {
  position: absolute;
  z-index: 0;
  font-size: 20px;
  pointer-events: none;
  animation: egot-product-tw 3.2s ease-in-out infinite;
}

@keyframes egot-product-tw {
  0%,100% {
    opacity: .25;
    transform: scale(.7) rotate(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.15) rotate(20deg);
  }
}

@media (max-width:860px) {
  body.product-page .b1 {
    left: -30px;
    width: 120px;
    height: 120px;
  }
  body.product-page .b2 {
    right: -24px;
    width: 100px;
    height: 100px;
  }
  body.product-page .b3,body.product-page .b4,body.product-page .b7,body.product-page .b8 {
    display: none;
  }
  body.product-page .b5 {
    left: -10px;
  }
  body.product-page .b6 {
    right: -10px;
  }
  body.product-page .spk {
    display: none;
  }
}

body.product-page .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--green-d);
  background: var(--lime);
  border-radius: 99px;
  padding: 6px 14px;
  margin-bottom: 22px;
}

body.product-page .badge:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #65a30d;
  animation: egot-product-pulse 1.8s infinite;
}

@keyframes egot-product-pulse {
  50% {
    box-shadow: 0 0 0 6px rgba(101,163,13,.15);
  }
}

body.product-page h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(44px,8vw,86px);
  line-height: 1.02;
  letter-spacing: -.025em;
}

body.product-page h1 em {
  font-style: italic;
  background: linear-gradient(100deg,#ea580c,#c026d3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-right: .06em;
}

body.product-page .sub {
  margin: 26px auto 34px;
  font-size: 18px;
  font-weight: 500;
  max-width: 560px;
}

body.product-page .fine {
  margin-top: 20px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9a96a3;
}

body.product-page .cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: 56px 0 10px;
  padding: 16px 0 10px;
  perspective: 1200px;
}

body.product-page .card {
  min-height: 430px;
  border-radius: 28px;
  padding: 34px 34px 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 26px 46px -24px rgba(60,40,90,.35);
  transition: transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s;
}

body.product-page .card:before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  right: -80px;
  top: -90px;
  background: rgba(255,255,255,.55);
  filter: blur(4px);
}

body.product-page .card h3 {
  position: relative;
  font-family: var(--serif);
  font-size: clamp(26px,2.5vw,36px);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.05;
}

body.product-page .card .lead {
  position: relative;
  font-size: 15px;
  max-width: 300px;
  margin-top: 10px;
  line-height: 1.45;
}

body.product-page .c1 {
  background: var(--pink);
  color: var(--pink-d);
  transform: rotate(-3deg) translateY(14px);
  z-index: 1;
}

body.product-page .c2 {
  background: var(--cream);
  color: var(--cream-d);
  z-index: 2;
  margin: 0 -14px;
  transform: translateY(-14px);
}

body.product-page .c3 {
  background: var(--lime);
  color: var(--lime-d);
  transform: rotate(3deg) translateY(10px);
  z-index: 1;
}

body.product-page .c1 .lead,body.product-page .c3 .lead {
  color: #3b3544;
}

body.product-page .c2 .lead {
  color: #5a3a1e;
}

body.product-page .card:hover {
  transform: translateY(-12px) rotate(0) scale(1.02);
  z-index: 5;
  box-shadow: 0 36px 56px -26px rgba(60,40,90,.45);
}

body.product-page .vis {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 222px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -14px 34px -14px rgba(60,40,90,.28),0 0 0 1px rgba(60,40,90,.05);
  padding: 16px 18px;
  font-size: 12px;
  color: var(--ink);
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
  overflow: hidden;
}

body.product-page .card:hover .vis {
  transform: translateY(-8px);
}

body.product-page .vh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 12px;
}

body.product-page .vh b {
  font-weight: 600;
}

body.product-page .vh small {
  color: #9a96a3;
  font-weight: 400;
  margin-left: 4px;
}

body.product-page .ai {
  background: linear-gradient(100deg,#ea580c,#c026d3);
  color: #fff;
  font-weight: 600;
  font-size: 10.5px;
  padding: 3px 9px;
  border-radius: 99px;
}

body.product-page .mt {
  color: #9a96a3;
  font-size: 11px;
}

body.product-page .vt {
  font-size: 13px;
  line-height: 1.55;
  color: #2c2835;
}

body.product-page .vt:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 13px;
  background: #c026d3;
  margin-left: 2px;
  vertical-align: -2px;
  animation: egot-product-blink 1s steps(1) infinite;
}

body.product-page .vrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
}

body.product-page .hs {
  background: #f3e8ff;
  color: #7c3aed;
  border-radius: 99px;
  padding: 3px 10px;
  font-size: 11px;
}

body.product-page .vb {
  margin-left: auto;
  background: var(--ink);
  color: #fff;
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 500;
}

body.product-page .tone {
  display: flex;
  gap: 6px;
  margin-top: 12px;
  font-size: 11px;
}

body.product-page .tone span {
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 3px 10px;
  color: var(--muted);
}

body.product-page .tone span.on {
  background: #fdf4ff;
  border-color: #e9b5f5;
  color: #a21caf;
}

body.product-page .av-st {
  display: flex;
}

body.product-page .av-st i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -6px;
  display: block;
}

body.product-page .av-st i:nth-child(1) {
  background: #fb923c;
  margin-left: 0;
}

body.product-page .av-st i:nth-child(2) {
  background: #a78bfa;
}

body.product-page .av-st i:nth-child(3) {
  background: #34d399;
}

body.product-page .wk {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 6px;
}

body.product-page .wk>span {
  text-align: center;
  font-size: 10px;
  color: #9a96a3;
  font-weight: 500;
  letter-spacing: .06em;
}

body.product-page .cl {
  height: 44px;
  border-radius: 9px;
  background: #faf8f4;
  padding: 4px;
  display: flex;
  align-items: flex-start;
}

body.product-page .cl.td {
  background: #fff;
  box-shadow: inset 0 0 0 1.5px #fb923c;
}

body.product-page .ch {
  display: block;
  width: 100%;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  border-radius: 6px;
  padding: 3px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.product-page .ch.p {
  background: #f6d9fb;
  color: #86198f;
}

body.product-page .ch.l {
  background: #d9f99d;
  color: #3f6212;
}

body.product-page .ch.o {
  background: #fed7aa;
  color: #9a3412;
}

body.product-page .ch.b {
  background: #bfdbfe;
  color: #1e40af;
}

body.product-page .wk-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 11px;
  color: var(--muted);
}

body.product-page .wk-foot b {
  color: var(--green-d);
  background: var(--green);
  padding: 2px 9px;
  border-radius: 99px;
  font-weight: 600;
}

body.product-page .up {
  background: #dcfce7;
  color: #15803d;
  font-weight: 600;
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 99px;
}

body.product-page .mini svg {
  display: block;
  width: 100%;
  height: auto;
}

body.product-page .mini-s {
  display: flex;
  gap: 18px;
  margin-top: 6px;
  font-size: 11px;
  color: var(--muted);
}

body.product-page .mini-s b {
  display: block;
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}

body.product-page .marq {
  margin-top: 84px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}

body.product-page .track {
  display: flex;
  gap: 44px;
  width: max-content;
  animation: egot-product-slide 32s linear infinite;
  font-family: var(--serif);
  font-size: 26px;
  color: #a8a3b2;
  white-space: nowrap;
}

body.product-page .track span {
  display: flex;
  align-items: center;
  gap: 44px;
}

body.product-page .track span:after {
  content: "✦";
  font-size: 14px;
  color: #d8b4fe;
}

@keyframes egot-product-slide {
  to {
    transform: translateX(-50%);
  }
}

body.product-page .marq:hover .track {
  animation-play-state: paused;
}

body.product-page .section-t {
  font-family: var(--serif);
  font-size: clamp(30px,4.2vw,42px);
  text-align: center;
  font-weight: 400;
  letter-spacing: -.015em;
  line-height: 1.1;
}

body.product-page .section-t em {
  font-style: italic;
}

body.product-page .eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}

body.product-page .demo {
  margin: 80px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,4vw,72px);
  align-items: center;
  background: #fcf8ef;
  border-radius: 32px;
  padding: clamp(28px,4.5vw,72px);
}

body.product-page .demo h2 {
  font-family: var(--serif);
  font-weight: 600;
  font-size: clamp(30px,4vw,42px);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin: 16px 0 20px;
}

body.product-page .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

body.product-page .tab {
  border: 0;
  background: #fff;
  color: var(--ink);
  font: 500 13px var(--sans);
  padding: 9px 16px;
  border-radius: 99px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--line);
  transition: all .2s;
}

body.product-page .tab:hover {
  box-shadow: inset 0 0 0 1px #cfc7b8;
}

body.product-page .tab.on {
  background: var(--ink);
  color: #fff;
  box-shadow: none;
}

body.product-page .brief {
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 13.5px;
  color: #4d4a56;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

body.product-page .brief b {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
  color: #9a96a3;
  margin-top: 3px;
}

body.product-page .phone {
  width: min(330px,100%);
  margin: 0 auto;
  background: #fff;
  border-radius: 34px;
  padding: 12px;
  box-shadow: 0 40px 60px -30px rgba(60,40,90,.4),0 0 0 1px var(--line);
}

body.product-page .screen {
  border-radius: 24px;
  background: linear-gradient(#faf7ff,#fff);
  padding: 16px;
  min-height: 430px;
}

body.product-page .ph {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

body.product-page .av {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg,#fb923c,#c026d3);
}

body.product-page .ph b {
  display: block;
  font-size: 13px;
}

body.product-page .ph small {
  font-size: 11px;
  color: #9a96a3;
}

body.product-page .pimg {
  height: 150px;
  border-radius: 14px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

body.product-page .pimg svg {
  display: block;
  width: 100%;
  height: 100%;
  animation: egot-product-swap .6s cubic-bezier(.2,.7,.2,1);
}

@keyframes egot-product-swap {
  from {
    opacity: 0;
    transform: scale(1.06);
  }
}

body.product-page .stage {
  position: relative;
  padding: 26px 10px;
}

body.product-page .bk {
  position: absolute;
  border-radius: 30px;
  width: 300px;
  height: 420px;
  left: 50%;
  top: 50%;
  z-index: 0;
}

body.product-page .bk1 {
  background: #f6d9fb;
  transform: translate(-62%,-50%) rotate(-9deg);
}

body.product-page .bk2 {
  background: #d9f99d;
  transform: translate(-38%,-50%) rotate(8deg);
}

body.product-page .stage .phone {
  position: relative;
  z-index: 1;
}

body.product-page .sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 10px 10px;
}

body.product-page .sb i {
  width: 64px;
  height: 18px;
  background: #1d1a24;
  border-radius: 99px;
  display: block;
}

body.product-page .eng {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  font-size: 12px;
  color: var(--muted);
}

body.product-page .eng span {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: default;
}

body.product-page .eng svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #1d1a24;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.product-page .eng .lk svg {
  fill: #f43f5e;
  stroke: #f43f5e;
  animation: egot-product-beat 2.4s ease-in-out infinite;
}

@keyframes egot-product-beat {
  50% {
    transform: scale(1.18);
  }
}

body.product-page .eng .sv {
  margin-left: auto;
}

body.product-page .fl {
  position: absolute;
  z-index: 3;
  background: #fff;
  border-radius: 14px;
  padding: 9px 13px 9px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 18px 30px -14px rgba(60,40,90,.4),0 0 0 1px rgba(0,0,0,.04);
  animation: egot-product-bob 5s ease-in-out infinite;
}

body.product-page .fl i {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 13px;
}

body.product-page .fl small {
  display: block;
  font-size: 10px;
  color: #9a96a3;
  font-weight: 400;
}

body.product-page .fl.a {
  left: -34px;
  top: 96px;
  transform: rotate(-4deg);
}

body.product-page .fl.a i {
  background: var(--green);
}

body.product-page .fl.b {
  right: -30px;
  top: 232px;
  transform: rotate(3deg);
  animation-delay: -2s;
}

body.product-page .fl.b i {
  background: #f3e8ff;
}

body.product-page .fl.c {
  left: -20px;
  bottom: 70px;
  transform: rotate(2deg);
  animation-delay: -3.4s;
}

body.product-page .fl.c i {
  background: #ffedd5;
}

@keyframes egot-product-bob {
  50% {
    translate: 0 -8px;
  }
}

body.product-page .cap {
  font-size: 13.5px;
  line-height: 1.55;
  min-height: 96px;
  white-space: pre-wrap;
}

body.product-page .cap:after {
  content: "|";
  margin-left: 1px;
  color: #c026d3;
  animation: egot-product-blink 1s steps(1) infinite;
}

@keyframes egot-product-blink {
  50% {
    opacity: 0;
  }
}

body.product-page .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

body.product-page .tags span {
  font-size: 11.5px;
  color: #7c3aed;
  background: #f3e8ff;
  border-radius: 99px;
  padding: 3px 10px;
  animation: egot-product-pop .4s both;
}

@keyframes egot-product-pop {
  from {
    opacity: 0;
    transform: scale(.7);
  }
}

body.product-page .sched {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  color: var(--muted);
  border-top: 1px dashed var(--line);
  padding-top: 12px;
}

body.product-page .sched i {
  font-style: normal;
  background: var(--green);
  color: var(--green-d);
  font-weight: 600;
  padding: 4px 11px;
  border-radius: 99px;
}

body.product-page .panel {
  background: #fcf8ef;
  border-radius: 32px;
  padding: clamp(28px,4.5vw,72px);
  margin: 28px 0;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: clamp(28px,4vw,72px);
  align-items: center;
}

body.product-page .panel.alt {
  background: #f6f8ee;
}

body.product-page .panel.alt2 {
  background: #f7f3fb;
}

body.product-page .panel.rev {
  grid-template-columns: 1.05fr 1fr;
}

body.product-page .panel.rev .copy {
  order: 2;
}

body.product-page .panel h2 {
  font-family: var(--serif);
  font-weight: 600;
  font-size: clamp(32px,4.4vw,50px);
  line-height: 1.06;
  letter-spacing: -.02em;
  margin: 18px 0 26px;
}

body.product-page .rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.product-page .feature-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14.5px;
  color: #4d4a56;
}

body.product-page .feature-row b {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #a5b4fc;
  display: grid;
  place-items: center;
  font-size: 14px;
  flex: none;
  color: #fff;
  font-weight: 600;
}

body.product-page .feature-row span {
  background: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  flex: 1;
  transition: transform .25s,box-shadow .25s;
}

body.product-page .feature-row:hover span {
  transform: translateX(6px);
  box-shadow: 0 8px 18px -10px rgba(0,0,0,.18);
}

body.product-page .art {
  border-radius: 26px;
  min-height: 520px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

body.product-page .art:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.35) 1.2px,transparent 1.4px);
  background-size: 16px 16px;
}

body.product-page .art:after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  right: -110px;
  top: -120px;
}

body.product-page .art.o {
  background: linear-gradient(160deg,#fb923c,#f97316 55%,#fdba74);
}

body.product-page .art.g {
  background: linear-gradient(160deg,#bbf7d0,#86efac 50%,#fde68a);
}

body.product-page .art.p {
  background: linear-gradient(160deg,#c4b5fd,#f0abfc 60%,#fbcfe8);
}

body.product-page .win {
  position: absolute;
  z-index: 2;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 50px -22px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.04);
  overflow: hidden;
  font-size: 13px;
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}

body.product-page .art:hover .win {
  transform: translateY(-6px);
}

body.product-page .wb {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 11px 14px;
  background: #faf8f4;
  border-bottom: 1px solid var(--line);
  font-size: 11.5px;
  color: #7a7685;
}

body.product-page .wb i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e5e0d8;
  display: block;
}

body.product-page .wb i:nth-child(1) {
  background: #fda4af;
}

body.product-page .wb i:nth-child(2) {
  background: #fde68a;
}

body.product-page .wb i:nth-child(3) {
  background: #86efac;
}

body.product-page .wb span {
  margin-left: 8px;
}

body.product-page .wbody {
  padding: 18px 20px;
}

body.product-page .wp {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #faf5ff;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12.5px;
  color: #6b21a8;
  margin-bottom: 14px;
}

body.product-page .wt {
  line-height: 1.6;
  color: #2c2835;
  font-size: 13.5px;
}

body.product-page .wt:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #c026d3;
  margin-left: 2px;
  vertical-align: -2px;
  animation: egot-product-blink 1s steps(1) infinite;
}

body.product-page .wh {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 14px 0;
}

body.product-page .wh span {
  background: #f3e8ff;
  color: #7c3aed;
  border-radius: 99px;
  padding: 3px 11px;
  font-size: 11.5px;
}

body.product-page .wf {
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 1px dashed var(--line);
  padding-top: 14px;
}

body.product-page .tc {
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 4px 11px;
  font-size: 11.5px;
  color: var(--muted);
}

body.product-page .tc.on {
  background: #fdf4ff;
  border-color: #e9b5f5;
  color: #a21caf;
}

body.product-page .gen {
  margin-left: auto;
  background: var(--ink);
  color: #fff;
  border-radius: 99px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 500;
}

body.product-page .fc {
  position: absolute;
  z-index: 4;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 22px 34px -16px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.04);
  padding: 11px 14px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: egot-product-bob 6s ease-in-out infinite;
}

body.product-page .fc small {
  display: block;
  font-size: 10.5px;
  color: #9a96a3;
  font-weight: 400;
}

body.product-page .fc .ic {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 14px;
  flex: none;
}

body.product-page .score2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 14px 16px;
}

body.product-page .ring {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: conic-gradient(#c026d3 0 92%,#f1e8f7 0);
  display: grid;
  place-items: center;
  position: relative;
}

body.product-page .ring:after {
  content: "92";
  position: absolute;
  inset: 6px;
  background: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 15px;
}

body.product-page .post2 {
  width: 132px;
  padding: 8px;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  transform: rotate(4deg);
  animation-delay: -2s;
}

body.product-page .post2 .im {
  height: 78px;
  border-radius: 10px;
  background: linear-gradient(135deg,#fdba74,#f0abfc);
  position: relative;
  overflow: hidden;
}

body.product-page .post2 .im:after {
  content: "✦";
  position: absolute;
  right: 10px;
  top: 6px;
  color: #fff;
  font-size: 18px;
}

body.product-page .post2 .im:before {
  content: "";
  position: absolute;
  left: 12px;
  bottom: -14px;
  width: 70px;
  height: 46px;
  border-radius: 50% 50% 0 0;
  background: rgba(255,255,255,.55);
}

body.product-page .post2 .ln {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  color: #6b6877;
}

body.product-page .post2 .ln span {
  color: #f43f5e;
}

body.product-page .cal-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 10px;
}

body.product-page .cal-h b {
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
}

body.product-page .cal-h span {
  display: flex;
  gap: 6px;
}

body.product-page .cal-h i {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #f3f0ea;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 13px;
  color: #7a7685;
}

body.product-page .cg {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 6px;
  padding: 0 16px 18px;
}

body.product-page .cg>em {
  font-style: normal;
  text-align: center;
  font-size: 10px;
  color: #9a96a3;
  font-weight: 500;
  letter-spacing: .08em;
  padding: 4px 0;
}

body.product-page .dc {
  min-height: 54px;
  border-radius: 10px;
  background: #faf8f4;
  padding: 5px 6px;
  font-size: 10.5px;
  color: #7a7685;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: transform .2s,box-shadow .2s;
}

body.product-page .dc:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -10px rgba(0,0,0,.3);
}

body.product-page .dc.mu {
  background: transparent;
}

body.product-page .dc.tdy {
  background: #fff;
  box-shadow: inset 0 0 0 1.5px #16a34a;
  color: #15803d;
  font-weight: 700;
}

body.product-page .dc .ch {
  padding: 2px 5px;
  font-size: 9.5px;
}

body.product-page .st3 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-bottom: 14px;
}

body.product-page .st {
  border-radius: 12px;
  padding: 10px 12px;
  background: #faf8f4;
}

body.product-page .st small {
  display: block;
  font-size: 10.5px;
  color: #7a7685;
}

body.product-page .st b {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.01em;
}

body.product-page .st span {
  font-size: 10.5px;
  color: #15803d;
  font-weight: 600;
  margin-left: 4px;
}

body.product-page .st:nth-child(1) {
  background: #f5f3ff;
}

body.product-page .st:nth-child(2) {
  background: #fdf2f8;
}

body.product-page .st:nth-child(3) {
  background: #ecfccb;
}

body.product-page .chart svg {
  display: block;
  width: 100%;
  height: auto;
}

body.product-page .top {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px dashed var(--line);
  margin-top: 12px;
  padding-top: 12px;
  font-size: 12px;
}

body.product-page .top .tn {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: linear-gradient(135deg,#fdba74,#f0abfc);
  flex: none;
}

body.product-page .top .mb {
  flex: 1;
}

body.product-page .top .mb i {
  display: block;
  height: 6px;
  border-radius: 3px;
  background: #e9e4f2;
  margin-top: 6px;
  position: relative;
}

body.product-page .top .mb i:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 78%;
  border-radius: 3px;
  background: linear-gradient(90deg,#a78bfa,#f0abfc);
}

body.product-page .ill {
  font-size: 10px;
  color: #9a96a3;
  text-align: right;
  margin-top: 8px;
}

body.product-page .grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
  margin-top: 38px;
}

body.product-page .f {
  border-radius: 26px;
  padding: 16px 16px 26px;
  transition: transform .3s,box-shadow .3s;
  position: relative;
  overflow: hidden;
}

body.product-page .f:hover {
  transform: translateY(-6px) rotate(-.5deg);
  box-shadow: 0 24px 38px -22px rgba(60,40,90,.4);
}

body.product-page .f h4,body.product-page .f p {
  padding: 0 10px;
}

body.product-page .f h4 {
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 600;
  margin: 18px 0 6px;
  letter-spacing: -.01em;
}

body.product-page .f p {
  font-size: 13.5px;
  color: #4d4a56;
}

body.product-page .f:nth-child(4n +1) {
  background: var(--pink);
}

body.product-page .f:nth-child(4n +2) {
  background: var(--cream);
}

body.product-page .f:nth-child(4n +3) {
  background: var(--lime);
}

body.product-page .f:nth-child(4n) {
  background: var(--blue);
}

body.product-page .f:nth-child(7) {
  background: var(--peach);
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  align-items: center;
}

body.product-page .f:nth-child(7) .fv {
  height: 100%;
  min-height: 150px;
}

body.product-page .f:nth-child(7) .tx h4 {
  margin-top: 0;
}

body.product-page .fv {
  height: 150px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

body.product-page .fv svg {
  width: 100%;
  height: 100%;
}

body.product-page .mg {
  display: grid;
  grid-template-columns: repeat(7,18px);
  gap: 5px;
}

body.product-page .mg i {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #efe9db;
  display: block;
  transition: transform .25s;
}

body.product-page .f:hover .mg i {
  transform: scale(1.08);
}

body.product-page .mg i.a {
  background: #fb923c;
}

body.product-page .mg i.b {
  background: #a78bfa;
}

body.product-page .mg i.c {
  background: #34d399;
}

body.product-page .mg i.d {
  background: #f472b6;
}

body.product-page .hcl {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 14px;
}

body.product-page .hc {
  background: #fff;
  border-radius: 99px;
  padding: 6px 13px;
  font-size: 12.5px;
  font-weight: 500;
  box-shadow: 0 6px 14px -8px rgba(0,0,0,.25);
  color: #7c3aed;
}

body.product-page .hc:nth-child(2) {
  color: #ea580c;
  transform: rotate(-5deg);
}

body.product-page .hc:nth-child(1) {
  transform: rotate(4deg);
}

body.product-page .hc:nth-child(3) {
  color: #16a34a;
  transform: rotate(-3deg);
}

body.product-page .hc:nth-child(4) {
  color: #2563eb;
  transform: rotate(5deg);
}

body.product-page .bv {
  display: flex;
  align-items: center;
  gap: 18px;
}

body.product-page .bv b {
  font-family: var(--serif);
  font-size: 46px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1;
}

body.product-page .bv .sw {
  display: flex;
}

body.product-page .bv .sw i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -8px;
  display: block;
}

body.product-page .bv .sw i:nth-child(1) {
  background: #fb923c;
  margin-left: 0;
}

body.product-page .bv .sw i:nth-child(2) {
  background: #c026d3;
}

body.product-page .bv .sw i:nth-child(3) {
  background: #1d1a24;
}

body.product-page .bv .sw i:nth-child(4) {
  background: #bef264;
}

body.product-page .wv {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 34px;
}

body.product-page .wv i {
  width: 4px;
  border-radius: 2px;
  background: linear-gradient(#c026d3,#fb923c);
  display: block;
  animation: egot-product-wave 1.4s ease-in-out infinite;
}

@keyframes egot-product-wave {
  50% {
    transform: scaleY(.45);
  }
}

body.product-page .rp {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 12px 22px -14px rgba(0,0,0,.3);
  width: 82%;
}

body.product-page .don {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex: none;
  background: conic-gradient(#fb923c 0 42%,#a78bfa 0 72%,#34d399 0 100%);
  display: grid;
  place-items: center;
  position: relative;
}

body.product-page .don:after {
  content: "";
  position: absolute;
  inset: 14px;
  background: #fff;
  border-radius: 50%;
}

body.product-page .rp .bs {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

body.product-page .rp .bs i {
  display: block;
  height: 7px;
  border-radius: 4px;
  background: #efe9db;
  position: relative;
}

body.product-page .rp .bs i:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
  background: #fb923c;
  width: var(--w);
}

body.product-page .rp .bs i:nth-child(2):after {
  background: #a78bfa;
}

body.product-page .rp .bs i:nth-child(3):after {
  background: #34d399;
}

body.product-page .rp small {
  display: block;
  font-size: 10.5px;
  color: #9a96a3;
  margin-bottom: 2px;
}

body.product-page .steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin-top: 38px;
  counter-reset: s;
}

body.product-page .step {
  border-radius: 28px;
  padding: 16px 16px 30px;
  position: relative;
}

body.product-page .step:nth-child(1) {
  background: var(--pink);
}

body.product-page .step:nth-child(2) {
  background: var(--cream);
}

body.product-page .step:nth-child(3) {
  background: var(--lime);
}

body.product-page .step .sv2 {
  height: 190px;
  border-radius: 20px;
  background: rgba(255,255,255,.75);
  padding: 18px;
  position: relative;
  overflow: hidden;
}

body.product-page .step .num {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 10px 8px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .1em;
  color: #7a7685;
}

body.product-page .step .num:before {
  counter-increment: s;
  content: "0" counter(s);
  background: var(--ink);
  color: #fff;
  border-radius: 99px;
  padding: 3px 10px;
}

body.product-page .step h4 {
  font-family: var(--serif);
  font-size: 26px;
  font-weight: 600;
  margin: 0 10px 6px;
  letter-spacing: -.01em;
}

body.product-page .step p {
  font-size: 14px;
  color: var(--muted);
  margin: 0 10px;
}

body.product-page .fld {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 10px;
  padding: 9px 12px;
  font-size: 12px;
  margin-bottom: 8px;
  box-shadow: 0 0 0 1px var(--line);
}

body.product-page .fld small {
  color: #9a96a3;
  font-size: 10.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.product-page .fld b {
  font-weight: 500;
  color: #2c2835;
}

body.product-page .stack {
  position: relative;
  height: 100%;
}

body.product-page .stack .dr {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 12px;
  padding: 11px 13px;
  box-shadow: 0 10px 20px -12px rgba(0,0,0,.35),0 0 0 1px var(--line);
  font-size: 11.5px;
  color: #4d4a56;
  transition: transform .35s;
}

body.product-page .stack .dr:nth-child(1) {
  top: 0;
  transform: scale(.9);
  opacity: .6;
}

body.product-page .stack .dr:nth-child(2) {
  top: 26px;
  transform: scale(.95);
  opacity: .85;
}

body.product-page .stack .dr:nth-child(3) {
  top: 54px;
}

body.product-page .step:hover .stack .dr:nth-child(1) {
  transform: scale(.9) translateY(-6px);
}

body.product-page .dr .l1 {
  height: 7px;
  border-radius: 4px;
  background: #e9e4f2;
  margin-top: 7px;
}

body.product-page .dr .l1.s {
  width: 62%;
}

body.product-page .dr em {
  font-style: normal;
  float: right;
  background: var(--green);
  color: var(--green-d);
  font-weight: 600;
  font-size: 10px;
  padding: 2px 9px;
  border-radius: 99px;
}

body.product-page .sv2 svg {
  display: block;
  width: 100%;
  height: auto;
}

body.product-page .faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
  align-items: start;
  margin: 38px 0 0;
}

body.product-page details {
  background: #fcf8ef;
  border-radius: 16px;
  padding: 20px 24px;
  transition: background .2s;
}

body.product-page details[open] {
  background: #f6f8ee;
}

body.product-page summary {
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

body.product-page summary::-webkit-details-marker {
  display: none;
}

body.product-page summary:after {
  content: "+";
  font-size: 20px;
  line-height: 1;
  transition: transform .25s;
  color: var(--green-d);
}

body.product-page details[open] summary:after {
  transform: rotate(45deg);
}

body.product-page details p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 10px;
}

body.product-page .cta {
  text-align: center;
  margin: 80px 0 56px;
  padding: clamp(56px,8vw,110px) 24px;
  border-radius: 32px;
  background: radial-gradient(ellipse at 50% 0%,#fbeafe 0%,#fff6dc 55%,#f3fcd4 100%);
  position: relative;
  overflow: hidden;
}

body.product-page .cta:before,body.product-page .cta:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: .5;
  animation: egot-product-float 8s ease-in-out infinite;
}

body.product-page .cta:before {
  width: 220px;
  height: 220px;
  background: #f0abfc;
  left: -60px;
  bottom: -80px;
}

body.product-page .cta:after {
  width: 200px;
  height: 200px;
  background: #bef264;
  right: -50px;
  top: -70px;
  animation-delay: -3s;
}

body.product-page .cta>* {
  position: relative;
  z-index: 1;
}

body.product-page .cta .fc {
  position: absolute;
  z-index: 1;
}

body.product-page .cta h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(34px,5.4vw,58px);
  line-height: 1.05;
  letter-spacing: -.02em;
}

body.product-page .cta h2 em {
  font-style: italic;
}

body.product-page .cta p {
  max-width: 520px;
  margin: 18px auto 30px;
  color: var(--muted);
}

body.product-page .btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

body.product-page footer {
  text-align: center;
  font-size: 12px;
  color: #9a96a3;
  padding: 0 0 40px;
}

@media (max-width:1100px) {
  body.product-page .grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:860px) {
  body.product-page .cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body.product-page .c2 {
    margin: 0;
  }
  body.product-page .c1,body.product-page .c3 {
    transform: none;
  }
  body.product-page .panel,body.product-page .panel.rev,body.product-page .demo {
    grid-template-columns: 1fr;
    padding: 28px;
  }
  body.product-page .panel.rev .copy {
    order: 0;
  }
  body.product-page .art {
    min-height: 500px;
  }
  body.product-page .grid,body.product-page .steps,body.product-page .faq {
    grid-template-columns: 1fr;
  }
  body.product-page .f:nth-child(7) {
    grid-column: auto;
    display: block;
  }
  body.product-page .nav-r .link {
    display: none;
  }
  body.product-page .fl,body.product-page .bk,body.product-page .cta .fc {
    display: none;
  }
  body.product-page .post2 {
    display: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.product-page,body.product-page * {
    animation: none !important;
    transition: none !important;
  }
  body.product-page .rv {
    opacity: 1;
    transform: none;
  }
}

body.product-page .campus-shell {
  background: #fff;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 22px 38px -20px rgba(60,40,90,.3);
  color: var(--ink);
}

body.product-page .campus-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-size: 12px;
}

body.product-page .campus-top small {
  color: var(--muted);
  font-size: 10px;
}

body.product-page .campus-mark {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.product-page .campus-mark i {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--green);
  display: grid;
  place-items: center;
  font-style: normal;
  color: var(--green-d);
}

body.product-page .campus-links {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

body.product-page .campus-link {
  background: #faf8f4;
  border-radius: 11px;
  padding: 10px 8px;
  min-height: 64px;
}

body.product-page .campus-link b {
  display: block;
  font-size: 11px;
  font-weight: 600;
}

body.product-page .campus-link small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  margin-top: 4px;
  line-height: 1.3;
}

body.product-page .campus-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f2eee8;
  font-size: 11px;
}

body.product-page .campus-row:last-child {
  border: 0;
}

body.product-page .campus-row i {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #f3e8ff;
  display: grid;
  place-items: center;
  font-style: normal;
  color: #7c3aed;
  flex: none;
}

body.product-page .campus-row span {
  color: var(--muted);
  font-size: 10px;
  margin-left: auto;
}

body.product-page .campus-list {
  background: #fff;
  border-radius: 16px;
  padding: 12px 16px;
  box-shadow: 0 18px 30px -18px rgba(0,0,0,.28);
}

body.product-page .campus-list h4 {
  font: 600 18px var(--serif);
  margin: 0 0 6px;
}

body.product-page .campus-list p {
  font-size: 11px;
  color: var(--muted);
  margin: 0 0 6px;
}

body.product-page .demo .campus-tabs {
  margin-bottom: 14px;
}

body.product-page .campus-tab[aria-selected="true"] {
  background: var(--ink);
  color: #fff;
  box-shadow: none;
}

body.product-page .campus-view[hidden] {
  display: none;
}

body.product-page .campus-view {
  min-height: 220px;
  animation: egot-product-swap .35s ease both;
}

body.product-page .campus-view h3 {
  font: 600 22px var(--serif);
  margin: 0 0 4px;
}

body.product-page .campus-view>p {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 12px;
}

body.product-page .campus-note {
  font-size: 10px;
  color: #9a96a3;
  margin-top: 10px;
}

@keyframes egot-product-swap {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
}

@media (max-width:520px) {
  body.product-page .campus-links {
    grid-template-columns: 1fr;
  }
  body.product-page .campus-link {
    min-height: auto;
  }
  body.product-page .campus-view {
    min-height: 250px;
  }
}

body.product-page .wrap.container-fluid {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(16px,2.5vw,40px);
}

body.product-page .cards.row,body.product-page .demo.row,body.product-page .panel.row,body.product-page .grid.row,body.product-page .steps.row,body.product-page .faq.row,body.product-page .product-grid.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

body.product-page .cards.row {
  gap: 0;
}

body.product-page .cards.row>.bs-grid-card {
  padding: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

body.product-page .demo.row {
  gap: clamp(28px,4vw,72px);
}

body.product-page .demo.row>.bs-grid-demo-col {
  padding: 0;
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
}

body.product-page .panel.row {
  gap: clamp(28px,4vw,72px);
}

body.product-page .panel.row>.bs-grid-panel-col {
  padding: 0;
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
}

body.product-page .panel.row>.art {
  flex-grow: 1.05;
}

body.product-page .grid.row,body.product-page .steps.row {
  gap: 18px;
}

body.product-page .grid.row>.bs-grid-feature-col {
  padding: 0;
  flex: 0 0 calc((100% - 54px)/4);
  max-width: calc((100% - 54px)/4);
}

body.product-page .grid.row>.bs-grid-feature-col:nth-child(7) {
  flex-basis: calc((100% - 18px)/2);
  max-width: calc((100% - 18px)/2);
}

body.product-page .steps.row>.bs-grid-step-col {
  padding: 0;
  flex: 0 0 calc((100% - 36px)/3);
  max-width: calc((100% - 36px)/3);
}

body.product-page .faq.row {
  gap: 12px 18px;
}

body.product-page .faq.row>.bs-grid-faq-col {
  padding: 0;
  flex: 0 0 calc((100% - 18px)/2);
  max-width: calc((100% - 18px)/2);
}

body.product-page .product-grid.row {
  gap: 18px;
}

body.product-page .product-grid.row>.bs-grid-product-col {
  padding: 0;
  flex: 0 0 calc((100% - 36px)/3);
  max-width: calc((100% - 36px)/3);
}

@media (max-width:1100px) {
  body.product-page .grid.row>.bs-grid-feature-col {
    flex-basis: calc((100% - 18px)/2);
    max-width: calc((100% - 18px)/2);
  }
  body.product-page .grid.row>.bs-grid-feature-col:nth-child(7) {
    flex-basis: 100%;
    max-width: 100%;
  }
  body.product-page .product-grid.row>.bs-grid-product-col {
    flex-basis: calc((100% - 18px)/2);
    max-width: calc((100% - 18px)/2);
  }
}

@media (max-width:860px) {
  body.product-page .cards.row {
    gap: 18px;
  }
  body.product-page .cards.row>.bs-grid-card,body.product-page .demo.row>.bs-grid-demo-col,body.product-page .panel.row>.bs-grid-panel-col,body.product-page .grid.row>.bs-grid-feature-col,body.product-page .steps.row>.bs-grid-step-col,body.product-page .faq.row>.bs-grid-faq-col,body.product-page .product-grid.row>.bs-grid-product-col {
    flex-basis: 100%;
    max-width: 100%;
  }
  body.product-page .product-grid.row {
    gap: 14px;
  }
  body.product-page .demo.row,body.product-page .panel.row {
    gap: 28px;
  }
}

@media (min-width:861px) {
  body.product-page .cards.row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: clamp(14px,1.8vw,30px);
    align-items: stretch;
  }
  body.product-page .cards.row>.bs-grid-card {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: none;
    margin: 0;
  }
}

body.product-page .cards.row>.bs-grid-card.card {
  padding: 34px 34px 0;
  box-sizing: border-box;
  min-width: 0;
}

body.product-page .cards.row>.bs-grid-card.card h3,body.product-page .cards.row>.bs-grid-card.card .lead {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

body.product-page .cards.row>.bs-grid-card.card .lead {
  max-width: min(300px,100%);
}

@media (max-width:1100px) and (min-width:861px) {
  body.product-page .cards.row>.bs-grid-card.card {
    padding: 30px 24px 0;
  }
  body.product-page .cards.row>.bs-grid-card.card .vis {
    left: 16px;
    right: 16px;
  }
}

@media (max-width:560px) {
  body.product-page .cards.row>.bs-grid-card.card {
    padding: 28px 22px 0;
  }
  body.product-page .cards.row>.bs-grid-card.card .vis {
    left: 14px;
    right: 14px;
  }
}

body.product-page .campus-links {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

body.product-page .campus-link {
  min-width: 0;
}

body.product-page .campus-link b,body.product-page .campus-link small {
  overflow-wrap: anywhere;
}

@media (max-width:700px) {
  body.product-page .campus-links {
    grid-template-columns: 1fr;
  }
}

@media (min-width:861px) {
  body.product-page .grid.row {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }
  body.product-page .steps.row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
    align-items: stretch;
  }
  body.product-page .faq.row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px 18px;
    align-items: start;
  }
  body.product-page .product-grid.row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }
  body.product-page .grid.row>.bs-grid-feature-col,body.product-page .steps.row>.bs-grid-step-col,body.product-page .faq.row>.bs-grid-faq-col,body.product-page .product-grid.row>.bs-grid-product-col {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: none;
    margin: 0;
  }
  body.product-page .grid.row>.bs-grid-feature-col:nth-child(7) {
    grid-column: span 2;
  }
  body.product-page .grid.row:has(>.bs-grid-feature-col:nth-child(6):last-child),body.product-page .grid.row:has(>.bs-grid-feature-col:nth-child(3):last-child) {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width:1100px) and (min-width:861px) {
  body.product-page .grid.row,body.product-page .grid.row:has(>.bs-grid-feature-col:nth-child(6):last-child) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body.product-page .grid.row:has(>.bs-grid-feature-col:nth-child(3):last-child) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body.product-page .grid.row>.bs-grid-feature-col:nth-child(7) {
    grid-column: span 2;
  }
  body.product-page .product-grid.row {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

body.product-page .grid.row>.f.bs-grid-feature-col {
  padding: 16px 16px 28px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

body.product-page .grid.row>.f.bs-grid-feature-col:nth-child(7) {
  display: grid;
}

body.product-page .grid.row>.f.bs-grid-feature-col .fv {
  flex: none;
}

body.product-page .grid.row>.f.bs-grid-feature-col h4 {
  overflow-wrap: break-word;
}

body.product-page .grid.row>.f.bs-grid-feature-col p {
  line-height: 1.5;
  overflow-wrap: break-word;
}

body.product-page .steps.row>.step.bs-grid-step-col {
  padding: 16px 16px 30px;
  box-sizing: border-box;
}

body.product-page .steps.row>.step.bs-grid-step-col h4,body.product-page .steps.row>.step.bs-grid-step-col p {
  overflow-wrap: break-word;
}

body.product-page .steps.row>.step.bs-grid-step-col p {
  line-height: 1.55;
}

body.product-page .faq.row>details.bs-grid-faq-col {
  padding: 20px 24px;
  box-sizing: border-box;
}

body.product-page .product-grid.row>.product-card.bs-grid-product-col {
  padding: 14px;
  box-sizing: border-box;
}

@media (max-width:860px) {
  body.product-page .grid.row,body.product-page .steps.row,body.product-page .faq.row,body.product-page .product-grid.row {
    display: grid;
    grid-template-columns: minmax(0,1fr);
  }
  body.product-page .grid.row>.bs-grid-feature-col,body.product-page .steps.row>.bs-grid-step-col,body.product-page .faq.row>.bs-grid-faq-col,body.product-page .product-grid.row>.bs-grid-product-col {
    width: auto;
    max-width: none;
    flex: none;
  }
  body.product-page .grid.row>.f.bs-grid-feature-col:nth-child(7) {
    display: block;
    grid-column: auto;
  }
}

body.product-page .cta .fc {
  top: clamp(18px,5%,36px) !important;
  bottom: auto;
}

body.product-page .cta .fc[style*="bottom"] {
  top: auto !important;
  bottom: clamp(18px,6%,40px) !important;
}

@media (max-width:1180px) {
  body.product-page .cta .fc {
    display: none;
  }
}

@media (max-width:860px) {
  body.product-page .grid.row>.f.bs-grid-feature-col:nth-child(7) .fv {
    height: 150px;
    min-height: 150px;
  }
  body.product-page .grid.row>.f.bs-grid-feature-col:nth-child(7) .tx {
    padding-top: 0;
  }
}

body.egot-home-app {
  --display: "Plus Jakarta Sans",sans-serif;
  --body: "Plus Jakarta Sans",sans-serif;
  --mono: "Plus Jakarta Sans",sans-serif;
  --hand: "Plus Jakarta Sans",sans-serif;
  --page: #F5F9FC;
  --bg: #fff;
  --surface: #fff;
  --tint: #E8F3FB;
  --fg: #0F1F33;
  --muted: #52667A;
  --line: #D5E3EE;
  --ink: #0F2A47;
  --accent: #1D6FE0;
  --on-accent: #fff;
  --bandbg2: #D6EAF8;
}

body.egot-home-app,body.egot-home-app * {
  box-sizing: border-box;
}

body.egot-home-app {
  background: var(--page);
  color: var(--fg);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.7;
  padding-block: 0 48px;
  padding-left: max(16px,env(safe-area-inset-left,0px));
  padding-right: max(16px,env(safe-area-inset-right,0px));
  transition: background-color .25s;
}

body.egot-home-app a {
  color: inherit;
}

body.egot-home-app a:focus-visible,body.egot-home-app button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

body.egot-home-app .wrap {
  max-width: 1200px;
  margin: 0 auto;
}

body.egot-home-app header.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

body.egot-home-app .brand {
  font-family: var(--display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -.02em;
  text-decoration: none;
}

body.egot-home-app .brand sup {
  font-family: var(--mono);
  font-weight: 400;
  font-size: 12px;
  color: var(--accent);
  margin-left: 2px;
}

body.egot-home-app .byline {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

@media (max-width:520px) {
  body.egot-home-app .byline {
    display: none;
  }
}

body.egot-home-app .ctag {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}

body.egot-home-app .btn {
  display: inline-block;
  background: var(--accent);
  color: var(--on-accent);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
}

body.egot-home-app .btn:hover {
  filter: brightness(1.1);
}

body.egot-home-app .sec-title {
  font-family: var(--display);
  font-size: clamp(26px,4vw,38px);
  letter-spacing: -.025em;
  line-height: 1.1;
  margin: 0 0 8px;
  text-wrap: balance;
}

body.egot-home-app .sec-title::before {
  content: "";
  display: block;
  width: 34px;
  height: 4px;
  background: var(--accent);
  margin-bottom: 14px;
}

body.egot-home-app .sec-sub {
  color: var(--muted);
  margin: 0 0 40px;
  max-width: 56ch;
}

body.egot-home-app .hero {
  box-shadow: 0 0 0 100vmax var(--tint);
  clip-path: inset(0 -100vmax);
  background: var(--tint);
}

body.egot-home-app .hero.hero2 {
  display: block;
  text-align: center;
  padding: 72px 0 64px;
}

body.egot-home-app .hero2 .hero-copy {
  max-width: 820px;
  margin: 0 auto;
}

body.egot-home-app .hero h1 {
  font-family: var(--display);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.035em;
  margin: 0 0 22px;
  text-wrap: balance;
}

body.egot-home-app .hero2 h1 {
  font-size: clamp(40px,6vw,72px);
  margin-bottom: 20px;
}

body.egot-home-app .hero h1 em {
  display: block;
  width: fit-content;
  margin: 0 auto -.2em;
  font-style: normal;
  background: linear-gradient(100deg,#ea580c,#c026d3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: 0 .06em .2em;
}

body.egot-home-app .hero .hero-copy>p {
  max-width: 46ch;
  font-size: 18px;
  color: var(--muted);
  margin: 0 auto 28px;
}

body.egot-home-app .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 14px 7px 10px;
  font: 500 12px var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 22px;
}

body.egot-home-app .eyebrow i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);
}

body.egot-home-app .hero-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

body.egot-home-app .hero-cta .btn {
  margin-top: 0;
  padding: 15px 28px;
}

body.egot-home-app .btn.ghost {
  background: transparent;
  color: var(--fg);
  border: 1.5px solid var(--fg);
}

body.egot-home-app .btn.ghost:hover {
  background: var(--fg);
  color: #fff;
  filter: none;
}

body.egot-home-app .hero-demo {
  position: relative;
  max-width: 600px;
  margin: 56px auto 0;
  text-align: left;
  --ptint: var(--tint);
}

body.egot-home-app .hero-demo .win {
  box-shadow: 0 40px 70px -40px color-mix(in srgb,var(--accent) 45%,transparent);
  position: relative;
  z-index: 2;
}

body.egot-home-app .hero-demo::after {
  content: "360°";
  position: absolute;
  top: -14px;
  right: -14px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  display: grid;
  place-items: center;
  font: 800 13px/1 var(--display);
  letter-spacing: -.03em;
  border: 4px solid var(--tint);
  box-shadow: 0 12px 24px -10px rgba(29,111,224,.55);
  z-index: 5;
  pointer-events: none;
}

body.egot-home-app .hfloat {
  position: absolute;
  z-index: 3;
  width: 190px;
  height: 130px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 26px 44px -26px rgba(2,50,100,.55);
  animation: egot-home-hfl 6s ease-in-out infinite alternate;
}

body.egot-home-app .hf1 {
  left: -214px;
  top: 34px;
  transform: rotate(-4deg);
}

body.egot-home-app .hf2 {
  left: -190px;
  bottom: 6px;
  transform: rotate(3deg);
  animation-delay: -2s;
}

body.egot-home-app .hf3 {
  right: -214px;
  top: 74px;
  transform: rotate(4deg);
  animation-delay: -1s;
}

body.egot-home-app .hf4 {
  right: -184px;
  bottom: -14px;
  transform: rotate(-3deg);
  animation-delay: -3s;
}

@keyframes egot-home-hfl {
  from {
    translate: 0 -6px;
  }
  to {
    translate: 0 8px;
  }
}

@media (max-width:1100px) {
  body.egot-home-app .hfloat {
    display: none;
  }
}

@media (min-width:1101px) and (max-width:1240px) {
  body.egot-home-app .hfloat {
    width: 158px;
    height: 108px;
  }
  body.egot-home-app .hf1 {
    left: -182px;
  }
  body.egot-home-app .hf2 {
    left: -166px;
  }
  body.egot-home-app .hf3 {
    right: -182px;
  }
  body.egot-home-app .hf4 {
    right: -160px;
  }
}

@media (max-width:760px) {
  body.egot-home-app .hero.hero2 {
    padding: 48px 0 44px;
  }
  body.egot-home-app .hero-demo {
    margin-top: 36px;
  }
  body.egot-home-app .hero-demo::after {
    top: -10px;
    right: -10px;
    width: 48px;
    height: 48px;
    font-size: 11px;
  }
}

body.egot-home-app .herophoto {
  position: relative;
  aspect-ratio: 600/390;
  background: linear-gradient(135deg,var(--tint),#fff);
  overflow: hidden;
}

body.egot-home-app .herophoto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.egot-home-app .herophoto::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(10,37,64,0) 40%,rgba(10,37,64,.5));
}

body.egot-home-app .hchip2 {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  background: #B3261E;
  color: #fff;
  font: 600 12px var(--mono);
  letter-spacing: .04em;
  padding: 7px 13px;
  border-radius: 99px;
  box-shadow: 0 10px 20px -10px rgba(179,38,30,.8);
}

body.egot-home-app .halert {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255,255,255,.93);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-left: 4px solid #B3261E;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fg);
}

body.egot-home-app .halert b {
  display: block;
  font-weight: 600;
}

body.egot-home-app .halert span {
  color: #4B5E78;
}

@media (max-width:520px) {
  body.egot-home-app .herophoto {
    aspect-ratio: 4/3.4;
  }
  body.egot-home-app .halert {
    font-size: 13px;
  }
}

body.egot-home-app .brands,body.egot-home-app .why,body.egot-home-app .photos {
  box-shadow: 0 0 0 100vmax var(--bandbg);
  clip-path: inset(0 -100vmax);
  background: var(--bandbg);
}

body.egot-home-app .brands {
  --bandbg: #fff;
  margin-top: 8px;
  padding: 30px 0 34px;
}

body.egot-home-app .brands .ctag {
  text-align: center;
}

body.egot-home-app .why {
  --bandbg: #F7F9FC;
  margin-top: 56px;
  padding: clamp(52px,6vw,82px) 0 clamp(64px,7vw,96px);
  position: relative;
  isolation: isolate;
  overflow: visible;
  clip-path: inset(0 -100vmax -200px);
}

body.egot-home-app .photos {
  --bandbg: #fff;
  margin-top: 0;
  padding: 56px 0;
}

body.egot-home-app .marq {
  overflow: hidden;
  padding: 30px 0 26px;
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  --logo-w: 200px;
  --logo-h: 80px;
  --logo-r: 16px;
}

body.egot-home-app .marq-track {
  display: flex;
  width: max-content;
  animation: egot-home-marq 45s linear infinite;
  will-change: transform;
}

body.egot-home-app .marq:hover .marq-track {
  animation-play-state: paused;
}

body.egot-home-app .marq-group {
  display: flex;
  flex: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.egot-home-app .marq-item {
  flex: none;
  margin-right: 22px;
  animation: egot-home-wave 3.2s ease-in-out infinite;
  animation-delay: calc(var(--p) * -6.4s);
}

body.egot-home-app .marq-item span {
  display: block;
  padding: 16px 28px;
  background: transparent;
  border: 0;
  box-shadow: none;
  font: 800 20px var(--display);
  letter-spacing: -.02em;
  color: var(--muted);
  white-space: nowrap;
  opacity: .7;
  transition: color .2s,opacity .2s;
}

body.egot-home-app .marq-item:hover span {
  color: var(--accent);
  opacity: 1;
}

body.egot-home-app .marq-item img {
  display: block;
  width: var(--logo-w);
  height: var(--logo-h);
  max-width: none;
  object-fit: cover;
  border-radius: 24px;
  margin: 0 auto;
}

@keyframes egot-home-marq {
  to {
    transform: translateX(-50%);
  }
}

@keyframes egot-home-wave {
  0%,100% {
    transform: translateY(-14px);
  }
  50% {
    transform: translateY(14px);
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .marq-track,body.egot-home-app .marq-item {
    animation: none;
  }
  body.egot-home-app .marq {
    overflow-x: auto;
  }
}

body.egot-home-app .trust {
  position: relative;
  isolation: isolate;
  margin: 0 auto;
  padding: clamp(58px,7vw,92px) 0 clamp(50px,6vw,76px);
  overflow: hidden;
  z-index: 1;
  margin-bottom: clamp(64px,6vw,88px);
}

body.egot-home-app .trust::before,body.egot-home-app .trust::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

body.egot-home-app .trust::before {
  width: 250px;
  height: 250px;
  left: -155px;
  top: 100px;
  border: 1px solid rgba(29,111,224,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(29,111,224,.025),0 0 0 50px rgba(29,111,224,.018);
}

body.egot-home-app .trust::after {
  width: 118px;
  height: 94px;
  right: 2%;
  bottom: 70px;
  background-image: radial-gradient(rgba(29,111,224,.38) 1.4px,transparent 1.5px);
  background-size: 17px 17px;
  opacity: .65;
}

body.egot-home-app .trust-head {
  display: block;
  text-align: center;
  margin: 0 auto 16px;
  max-width: 760px;
}

body.egot-home-app .trust-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 13px;
  color: #63758d;
  font: 500 11px var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.egot-home-app .trust-eyebrow::before {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  background: var(--accent);
  border-radius: 4px;
}

body.egot-home-app .trust-head .sec-title {
  font-size: clamp(30px,4.4vw,46px);
  margin: 0 0 12px;
}

body.egot-home-app .trust-head .sec-title::before {
  display: none;
}

body.egot-home-app .trust-head .sec-sub {
  margin: 0 auto;
  max-width: 58ch;
  color: #65758a;
}

body.egot-home-app .tstack-instruction {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 23px auto 0;
  color: #718197;
  font-size: 12px;
  letter-spacing: .03em;
}

body.egot-home-app .tstack-instruction .tap-icon {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1px solid #d6e3f2;
  border-radius: 50%;
  color: #236fe2;
  font-size: 13px;
  background: #fff;
}

body.egot-home-app .tstack-wrap {
  position: relative;
  width: min(100%,1120px);
  height: 470px;
  margin: 0 auto;
  perspective: 1200px;
  isolation: isolate;
}

body.egot-home-app .tstack-wrap::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50px;
  bottom: 36px;
  border: 1px solid rgba(207,222,238,.75);
  border-radius: 28px;
  background: linear-gradient(135deg,rgba(255,255,255,.55),rgba(235,243,251,.56));
  transform: rotate(-2deg);
  box-shadow: 0 28px 55px -45px rgba(13,37,67,.45);
  pointer-events: none;
}

body.egot-home-app .tcard {
  --card-r: 0deg;
  position: absolute;
  width: clamp(235px,27vw,300px);
  min-height: 260px;
  padding: 22px 23px 20px;
  border: 1px solid rgba(18,35,58,.08);
  border-radius: 19px;
  text-align: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  color: #10223a;
  box-shadow: 0 22px 35px -25px rgba(6,25,51,.6),0 4px 10px rgba(10,34,64,.06);
  transform: rotate(var(--card-r));
  transform-origin: center center;
  z-index: var(--card-z,1);
  transition: left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
}

body.egot-home-app .tcard::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 4px;
  border-radius: 99px;
  background: var(--card-mark,#2879ef);
  opacity: .82;
}

body.egot-home-app .tcard[data-t="4"] {
  left: 0%;
  top: 60px;
  --card-r: -6deg;
  --card-z: 1;
  background: #FFE7C2;
  color: #2A1D08;
  --card-mark: #E8780C;
}

body.egot-home-app .tcard[data-t="0"] {
  left: 15%;
  top: 200px;
  --card-r: -8deg;
  --card-z: 2;
  background: #111820;
  color: #fff;
  --card-mark: #8c82f4;
}

body.egot-home-app .tcard[data-t="1"] {
  left: 30%;
  top: 23px;
  --card-r: -10deg;
  --card-z: 4;
  background: #8d83f3;
  color: #fff;
  --card-mark: #fff;
}

body.egot-home-app .tcard[data-t="3"] {
  left: 44%;
  top: 210px;
  --card-r: 11deg;
  --card-z: 5;
  background: #cde66c;
  color: #17251b;
  --card-mark: #1a2330;
}

body.egot-home-app .tcard[data-t="2"] {
  left: 57%;
  top: 55px;
  --card-r: 8deg;
  --card-z: 3;
  background: #f3f6f5;
  color: #172334;
  --card-mark: #8d83f3;
}

body.egot-home-app .tcard[data-t="5"] {
  left: 72%;
  top: 180px;
  --card-r: -5deg;
  --card-z: 1;
  background: #CDE4FA;
  color: #0E2640;
  --card-mark: #1D6FE0;
}

body.egot-home-app .tcard:hover {
  box-shadow: 0 28px 45px -22px rgba(6,25,51,.48),0 8px 18px rgba(10,34,64,.08);
}

body.egot-home-app .tcard:focus-visible {
  outline: 3px solid #1d6fe0;
  outline-offset: 5px;
}

body.egot-home-app .tcard.is-front {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) rotate(0deg) scale(1.045);
  z-index: 30;
  border-color: rgba(29,111,224,.45);
  box-shadow: 0 38px 64px -27px rgba(8,31,62,.48),0 0 0 5px rgba(29,111,224,.09);
}

body.egot-home-app .tcard-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font: 500 10px var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: .78;
}

body.egot-home-app .tcard-number {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.egot-home-app .tcard-number::after {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: .6;
}

body.egot-home-app .tcard-pin {
  position: absolute;
  left: 50%;
  top: -3px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 29%,#fff 0 5%,transparent 10%),linear-gradient(145deg,#4b9aff 0%,#1263d8 55%,#063c91 100%);
  box-shadow: 0 4px 0 rgba(4,44,106,.2),0 8px 10px rgba(2,30,71,.22);
  z-index: 2;
}

body.egot-home-app .tcard[data-t="2"] .tcard-pin {
  background: linear-gradient(145deg,#b8c2cc,#43546a 65%,#273342);
}

body.egot-home-app .tcard[data-t="3"] .tcard-pin {
  background: linear-gradient(145deg,#e0a5ff,#8e51d6 65%,#5525a2);
}

body.egot-home-app .tcard[data-t="4"] .tcard-pin {
  background: linear-gradient(145deg,#ffb86b,#e8780c 65%,#a34f00);
}

body.egot-home-app .tstars {
  display: block;
  margin: 23px 0 14px;
  font: 700 20px/1 var(--body);
  letter-spacing: 3px;
  color: var(--stars,#8e82f4);
}

body.egot-home-app .tcard[data-t="0"] .tstars {
  --stars: #9888ff;
}

body.egot-home-app .tcard[data-t="1"] .tstars {
  --stars: #fff;
}

body.egot-home-app .tcard[data-t="2"] .tstars {
  --stars: #8a7df0;
}

body.egot-home-app .tcard[data-t="3"] .tstars {
  --stars: #162318;
}

body.egot-home-app .tcard[data-t="4"] .tstars {
  --stars: #E8780C;
}

body.egot-home-app .tcard[data-t="5"] .tstars {
  --stars: #1D6FE0;
}

body.egot-home-app .tcard-quote {
  display: block;
  font: 600 16px/1.45 var(--display);
  letter-spacing: -.02em;
  margin: 0 0 17px;
  overflow-wrap: anywhere;
}

body.egot-home-app .tcard[data-t="0"] .tcard-quote {
  font-size: 15px;
}

body.egot-home-app .tcard-rule {
  display: block;
  width: 42%;
  height: 1px;
  background: currentColor;
  opacity: .2;
  margin: auto 0 14px;
}

body.egot-home-app .tcard-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.egot-home-app .tinitials {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.24);
  border: 1px solid rgba(255,255,255,.28);
  font: 700 11px var(--display);
  object-fit: cover;
  overflow: hidden;
}

body.egot-home-app .tcard[data-t="2"] .tinitials,body.egot-home-app .tcard[data-t="3"] .tinitials,body.egot-home-app .tcard[data-t="4"] .tinitials,body.egot-home-app .tcard[data-t="5"] .tinitials {
  background: rgba(15,31,51,.07);
  border-color: rgba(15,31,51,.1);
}

body.egot-home-app .tauthor {
  display: block;
  min-width: 0;
  flex: 1;
}

body.egot-home-app .tauthor b {
  display: block;
  font: 800 12px/1.3 var(--display);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.egot-home-app .tauthor small {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.3;
  opacity: .75;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.egot-home-app .tcard-action {
  flex: none;
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.25);
  font: 500 16px var(--body);
  transition: transform .25s,background .25s;
}

body.egot-home-app .tcard[data-t="2"] .tcard-action,body.egot-home-app .tcard[data-t="3"] .tcard-action,body.egot-home-app .tcard[data-t="4"] .tcard-action,body.egot-home-app .tcard[data-t="5"] .tcard-action {
  background: rgba(15,31,51,.06);
  border-color: rgba(15,31,51,.12);
}

body.egot-home-app .tcard.is-front .tcard-action {
  transform: rotate(45deg);
}

body.egot-home-app .tnums {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin: 12px auto 0;
  max-width: 760px;
}

body.egot-home-app .tnums div {
  padding: 15px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  text-align: center;
}

body.egot-home-app .tnums b {
  display: block;
  font: 800 clamp(22px,3vw,30px)/1.2 var(--display);
  letter-spacing: -.03em;
  color: var(--accent);
}

body.egot-home-app .tnums span {
  display: block;
  margin-top: 6px;
  font: 500 10px var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

@media (max-width:1000px) {
  body.egot-home-app .tstack-wrap {
    width: min(100%,740px);
    height: 560px;
  }
  body.egot-home-app .tcard {
    width: clamp(230px,38vw,285px);
    min-height: 250px;
    padding: 20px;
  }
  body.egot-home-app .tcard[data-t="4"] {
    left: 0%;
    top: 20px;
  }
  body.egot-home-app .tcard[data-t="1"] {
    left: 23%;
    top: 8px;
  }
  body.egot-home-app .tcard[data-t="2"] {
    left: 48%;
    top: 35px;
  }
  body.egot-home-app .tcard[data-t="0"] {
    left: 3%;
    top: 260px;
  }
  body.egot-home-app .tcard[data-t="3"] {
    left: 30%;
    top: 285px;
  }
  body.egot-home-app .tcard[data-t="5"] {
    left: 54%;
    top: 270px;
  }
}

@media (max-width:600px) {
  body.egot-home-app .trust {
    padding: 52px 0 54px;
    margin-bottom: 64px;
  }
  body.egot-home-app .trust-head .sec-sub {
    font-size: 14px;
    padding: 0 6px;
  }
  body.egot-home-app .tstack-wrap {
    height: 960px;
    width: 100%;
    perspective: none;
  }
  body.egot-home-app .tstack-wrap::before {
    left: 3%;
    right: 3%;
    top: 26px;
    bottom: 32px;
    border-radius: 22px;
  }
  body.egot-home-app .tcard {
    width: min(76vw,290px);
    min-height: 245px;
    padding: 19px;
    border-radius: 17px;
  }
  body.egot-home-app .tcard[data-t="4"] {
    left: 1%;
    top: 24px;
    --card-r: -5deg;
  }
  body.egot-home-app .tcard[data-t="0"] {
    left: 17%;
    top: 164px;
    --card-r: 5deg;
  }
  body.egot-home-app .tcard[data-t="1"] {
    left: 2%;
    top: 304px;
    --card-r: -4deg;
  }
  body.egot-home-app .tcard[data-t="3"] {
    left: 16%;
    top: 444px;
    --card-r: 5deg;
  }
  body.egot-home-app .tcard[data-t="2"] {
    left: 1%;
    top: 584px;
    --card-r: -5deg;
  }
  body.egot-home-app .tcard[data-t="5"] {
    left: 17%;
    top: 724px;
    --card-r: 4deg;
  }
  body.egot-home-app .tcard.is-front {
    transform: translate(-50%,-50%) rotate(0deg) scale(1.015);
  }
  body.egot-home-app .tstars {
    margin: 18px 0 12px;
    font-size: 18px;
  }
  body.egot-home-app .tcard-quote {
    font-size: 14px;
    line-height: 1.45;
  }
  body.egot-home-app .tnums {
    gap: 7px;
    margin-top: 6px;
  }
  body.egot-home-app .tnums div {
    padding: 12px 5px;
    border-radius: 11px;
  }
  body.egot-home-app .tnums span {
    font-size: 9px;
    letter-spacing: .04em;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .tcard {
    transition: none;
  }
}

body.egot-home-app .why::before,body.egot-home-app .why::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

body.egot-home-app .why::before {
  width: 180px;
  height: 180px;
  left: -82px;
  bottom: -85px;
  border: 1px solid rgba(29,111,224,.24);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(29,111,224,.025),0 0 0 42px rgba(29,111,224,.02);
}

body.egot-home-app .why::after {
  width: 128px;
  height: 84px;
  right: 2%;
  top: 8%;
  opacity: .5;
  background-image: radial-gradient(#78AFFF 1.5px,transparent 1.5px);
  background-size: 17px 17px;
}

body.egot-home-app .why-wrap {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
  gap: clamp(28px,4.2vw,60px);
  align-items: center;
  position: relative;
}

body.egot-home-app .why-intro {
  position: relative;
  min-width: 0;
  z-index: 2;
}

body.egot-home-app .why-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  font: 500 11px var(--mono);
  letter-spacing: .19em;
  text-transform: uppercase;
  color: #456487;
  margin: 0 0 19px;
}

body.egot-home-app .why-kicker span {
  display: block;
  width: 34px;
  height: 4px;
  background: var(--accent);
}

body.egot-home-app .why-title {
  font-family: var(--hand),cursive;
  font-weight: 700;
  font-size: clamp(60px,7.2vw,94px);
  line-height: .85;
  letter-spacing: -.045em;
  margin: 0 0 25px;
  color: #102A46;
  transform: rotate(-2deg);
  transform-origin: left center;
}

body.egot-home-app .why-title em {
  font-family: var(--display);
  font-style: normal;
  font-weight: 800;
  font-size: .91em;
  letter-spacing: -.08em;
  color: #176DE6;
  position: relative;
  display: inline-block;
  transform: rotate(2deg);
}

body.egot-home-app .why-title em::after {
  content: "";
  position: absolute;
  height: 5px;
  border-radius: 100%;
  left: 3%;
  right: -5%;
  bottom: -8px;
  background: #176DE6;
  transform: rotate(-3deg);
}

body.egot-home-app .why-copy {
  font-size: clamp(15px,1.25vw,17px);
  line-height: 1.75;
  color: #435C78;
  max-width: 39ch;
  margin: 0 0 30px;
}

body.egot-home-app .why-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  margin: 0 0 30px;
  padding: 17px 0 16px;
  border: 1px solid rgba(29,111,224,.13);
  border-radius: 22px;
  background: rgba(255,255,255,.66);
  box-shadow: 0 16px 34px -30px rgba(19,59,108,.4);
  overflow: hidden;
}

body.egot-home-app .why-stats div {
  min-width: 0;
  padding: 3px 16px 5px;
  position: relative;
}

body.egot-home-app .why-stats div+div {
  border-left: 1px solid #D7E4F2;
}

body.egot-home-app .why-stat-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #E4F0FF;
  color: #1269E5;
  margin-bottom: 9px;
}

body.egot-home-app .why-stat-icon svg {
  width: 21px;
  height: 21px;
  display: block;
}

body.egot-home-app .why-stats b {
  display: block;
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(27px,3.1vw,38px);
  line-height: 1;
  letter-spacing: -.06em;
  color: #176DE6;
}

body.egot-home-app .why-stats span:last-child {
  display: block;
  margin-top: 7px;
  font: 500 10px/1.4 var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #536C89;
}

body.egot-home-app .why-action {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

body.egot-home-app .why-intro .btn {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 15px 24px;
  border-radius: 7px;
  box-shadow: 0 12px 22px -14px rgba(29,111,224,.7);
  letter-spacing: .12em;
}

body.egot-home-app .why-intro .btn span {
  font-size: 20px;
  line-height: 1;
  transition: transform .2s;
}

body.egot-home-app .why-intro .btn:hover span {
  transform: translateX(4px);
}

body.egot-home-app .why-cta-note {
  font: 600 19px/1.1 var(--hand),cursive;
  color: #356BAC;
  transform: rotate(-4deg);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.egot-home-app .why-cta-note i {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font: normal 13px var(--body);
  background: #E4EDFF;
  color: #176DE6;
}

body.egot-home-app .why-handnote {
  margin: 17px 0 0 26px;
  color: #176DE6;
  font: 600 20px/1.08 var(--hand),cursive;
  transform: rotate(-5deg);
  display: inline-block;
  position: relative;
}

body.egot-home-app .why-handnote::after {
  content: "";
  position: absolute;
  left: 4px;
  right: -13px;
  bottom: -6px;
  height: 2px;
  background: #176DE6;
  transform: rotate(-7deg);
  border-radius: 100%;
}

body.egot-home-app .why-collage {
  position: relative;
  min-width: 0;
  min-height: 650px;
  isolation: isolate;
  margin: 0 -4px 0 0;
}

body.egot-home-app .why-collage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 17% 1% 10% 12%;
  border-radius: 3px;
  background: linear-gradient(135deg,#D6E9FB 0%,#A7CBEF 48%,#C4DDF8 100%);
  box-shadow: 0 24px 45px -32px rgba(16,55,99,.5);
  transform: rotate(2.3deg);
}

body.egot-home-app .why-collage::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 4% 3% 3% 7%;
  pointer-events: none;
  border: 1px solid rgba(26,87,157,.13);
  background-color: #F4EEE2;
  background-image: linear-gradient(rgba(35,100,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,100,170,.055) 1px,transparent 1px);
  background-size: 24px 24px;
  box-shadow: 0 22px 44px -34px rgba(17,47,80,.52);
  transform: rotate(-2deg);
}

body.egot-home-app .why-note {
  position: absolute;
  z-index: 2;
  width: 46%;
  padding: 25px 24px 23px;
  background: #FFFDF7;
  color: #132F4F;
  border: 1px solid rgba(69,75,81,.12);
  box-shadow: 0 22px 28px -21px rgba(19,36,57,.56),0 3px 8px rgba(19,36,57,.08);
  transform-origin: center center;
  isolation: isolate;
}

body.egot-home-app .why-note::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .36;
  background-image: repeating-linear-gradient(0deg,rgba(80,71,48,.018) 0,rgba(80,71,48,.018) 1px,transparent 1px,transparent 4px);
}

body.egot-home-app .why-note .pushpin {
  position: absolute;
  top: -13px;
  left: 47%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--pin,#176DE6);
  box-shadow: inset -5px -5px 0 rgba(0,0,0,.13),0 5px 7px rgba(22,31,41,.25);
  z-index: 5;
}

body.egot-home-app .why-note .pushpin::after {
  content: "";
  position: absolute;
  top: 17px;
  left: 9px;
  width: 4px;
  height: 12px;
  background: linear-gradient(90deg,#9299A2,#ECEEF0,#7D8792);
  transform: rotate(9deg);
  transform-origin: top;
  border-radius: 0 0 3px 3px;
}

body.egot-home-app .why-note .note-index {
  display: block;
  font: 500 12px var(--mono);
  color: #23486F;
  letter-spacing: .08em;
  margin-bottom: 12px;
}

body.egot-home-app .why-note .note-icon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: var(--iconbg,#E5F0FF);
  color: var(--iconc,#176DE6);
  margin: 0 0 12px;
}

body.egot-home-app .why-note .note-icon svg {
  display: block;
  width: 25px;
  height: 25px;
}

body.egot-home-app .why-note h3 {
  font: 700 clamp(20px,2vw,26px)/1.04 var(--hand),cursive;
  color: #0F2C4D;
  letter-spacing: -.025em;
  margin: 0 0 9px;
  max-width: 17ch;
}

body.egot-home-app .why-note p {
  font-size: clamp(12px,1.04vw,14px);
  line-height: 1.55;
  color: #335371;
  margin: 0;
}

body.egot-home-app .why-note .note-rule {
  display: block;
  width: 49px;
  height: 3px;
  background: var(--rule,#176DE6);
  border-radius: 100%;
  margin-top: 15px;
  transform: rotate(-4deg);
}

body.egot-home-app .note-one {
  left: 4%;
  top: 5%;
  min-height: 305px;
  transform: rotate(-5.5deg);
  z-index: 2;
}

body.egot-home-app .note-two {
  right: 1%;
  top: 23%;
  min-height: 300px;
  width: 43%;
  background: #BBD9F5;
  transform: rotate(4deg);
  z-index: 4;
  --iconbg: #E6F3FF;
  --iconc: #1269E5;
  --rule: #176DE6;
}

body.egot-home-app .note-two p {
  color: #234D73;
}

body.egot-home-app .note-three {
  left: 11%;
  top: 54%;
  min-height: 244px;
  width: 47%;
  background: #E9E7FB;
  transform: rotate(-3deg);
  z-index: 3;
  --pin: #7652E8;
  --iconbg: #F5F3FF;
  --iconc: #4E45BC;
  --rule: #8D75F2;
}

body.egot-home-app .note-four {
  right: 3%;
  top: 62%;
  min-height: 222px;
  width: 43%;
  background: #F8F0DF;
  transform: rotate(3deg);
  z-index: 5;
  --pin: #D0A24A;
  --iconbg: #FFF0C9;
  --iconc: #9A6B10;
  --rule: #D9A627;
}

body.egot-home-app .note-four h3 {
  font-family: var(--hand),cursive;
}

body.egot-home-app .why-photo {
  position: absolute;
  z-index: 6;
  margin: 0;
  padding: 8px 8px 25px;
  background: #FFF;
  border: 1px solid rgba(20,42,65,.12);
  box-shadow: 0 20px 28px -21px rgba(20,34,54,.65);
  width: 31%;
  transform: rotate(6deg);
}

body.egot-home-app .why-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 1.22;
  object-fit: cover;
  background: #DCEAF7;
}

body.egot-home-app .why-photo figcaption {
  font: 500 10px var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  text-align: center;
  color: #546A80;
  padding: 7px 0 0;
}

body.egot-home-app .photo-dashboard {
  left: 43%;
  top: 8%;
}

body.egot-home-app .photo-desk {
  left: 35%;
  bottom: -1%;
  width: 29%;
  transform: rotate(7deg);
  z-index: 7;
}

body.egot-home-app .photo-tape {
  position: absolute;
  z-index: 9;
  width: 64px;
  height: 17px;
  left: calc(50% - 32px);
  top: -7px;
  background: rgba(65,137,207,.72);
  transform: rotate(-8deg);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

body.egot-home-app .why-doodle {
  position: absolute;
  z-index: 8;
  font: 600 22px/1 var(--hand),cursive;
  color: #145CC2;
  pointer-events: none;
}

body.egot-home-app .doodle-top {
  right: 1%;
  top: 0;
  transform: rotate(-8deg);
  max-width: 135px;
}

body.egot-home-app .doodle-bottom {
  left: -1%;
  bottom: 11%;
  transform: rotate(-8deg);
  max-width: 120px;
}

body.egot-home-app .why-spark {
  position: absolute;
  z-index: 8;
  color: #176DE6;
  font-size: 27px;
  line-height: 1;
}

body.egot-home-app .spark-right {
  right: -1%;
  top: 39%;
  transform: rotate(13deg);
}

body.egot-home-app .spark-left {
  left: 2%;
  bottom: 8%;
  transform: rotate(-18deg);
}

@media (max-width:1050px) {
  body.egot-home-app .why-wrap {
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
    gap: 26px;
  }
  body.egot-home-app .why-collage {
    min-height: 600px;
  }
  body.egot-home-app .why-note {
    padding: 21px 18px 19px;
  }
  body.egot-home-app .note-one {
    min-height: 282px;
  }
  body.egot-home-app .note-two {
    min-height: 276px;
  }
  body.egot-home-app .note-three {
    min-height: 225px;
  }
  body.egot-home-app .note-four {
    min-height: 205px;
  }
  body.egot-home-app .why-photo {
    width: 29%;
  }
  body.egot-home-app .photo-desk {
    width: 28%;
  }
}

@media (max-width:850px) {
  body.egot-home-app .why-wrap {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  body.egot-home-app .why-intro {
    max-width: 620px;
  }
  body.egot-home-app .why-copy {
    max-width: 52ch;
  }
  body.egot-home-app .why-collage {
    min-height: 660px;
    width: min(100%,700px);
    margin: 0 auto;
  }
  body.egot-home-app .why-note {
    padding: 24px 25px 22px;
  }
  body.egot-home-app .why-note h3 {
    font-size: clamp(23px,3vw,28px);
  }
  body.egot-home-app .why-note p {
    font-size: 14px;
  }
  body.egot-home-app .note-one {
    min-height: 300px;
  }
  body.egot-home-app .note-two {
    min-height: 290px;
  }
  body.egot-home-app .note-three {
    min-height: 240px;
  }
  body.egot-home-app .note-four {
    min-height: 220px;
  }
}

@media (max-width:560px) {
  body.egot-home-app .why {
    padding: 48px 0 58px;
  }
  body.egot-home-app .why-title {
    font-size: 68px;
    margin-bottom: 22px;
  }
  body.egot-home-app .why-copy {
    font-size: 15px;
    margin-bottom: 22px;
  }
  body.egot-home-app .why-stats {
    border-radius: 16px;
    margin-bottom: 23px;
  }
  body.egot-home-app .why-stats div {
    padding: 2px 9px 4px;
  }
  body.egot-home-app .why-stat-icon {
    width: 29px;
    height: 29px;
    margin-bottom: 8px;
  }
  body.egot-home-app .why-stat-icon svg {
    width: 17px;
    height: 17px;
  }
  body.egot-home-app .why-stats b {
    font-size: 27px;
  }
  body.egot-home-app .why-stats span:last-child {
    font-size: 8px;
    letter-spacing: .045em;
  }
  body.egot-home-app .why-action {
    gap: 14px;
  }
  body.egot-home-app .why-intro .btn {
    padding: 13px 17px;
    font-size: 12px;
    gap: 12px;
  }
  body.egot-home-app .why-cta-note {
    font-size: 17px;
  }
  body.egot-home-app .why-handnote {
    font-size: 18px;
    margin-left: 10px;
  }
  body.egot-home-app .why-collage {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
    padding: 20px 4px 22px;
  }
  body.egot-home-app .why-collage::before {
    inset: 9% 1% 4% 5%;
    transform: rotate(1.4deg);
  }
  body.egot-home-app .why-collage::after {
    inset: 3% 4% 2% 1%;
    transform: rotate(-1deg);
  }
  body.egot-home-app .why-note {
    position: relative;
    inset: auto !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 22px 22px 20px;
    margin: 0 8px 0 12px;
    transform: none !important;
  }
  body.egot-home-app .why-note h3 {
    font-size: 26px;
    max-width: 100%;
  }
  body.egot-home-app .why-note p {
    font-size: 14px;
    max-width: 42ch;
  }
  body.egot-home-app .why-note .pushpin {
    left: auto;
    right: 28px;
    top: -10px;
  }
  body.egot-home-app .why-note .note-index {
    margin-bottom: 9px;
  }
  body.egot-home-app .why-note .note-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 10px;
  }
  body.egot-home-app .why-note .note-rule {
    margin-top: 12px;
  }
  body.egot-home-app .why-photo,body.egot-home-app .why-doodle,body.egot-home-app .why-spark {
    display: none;
  }
  body.egot-home-app .why-stats div+div {
    border-left: 1px solid #D7E4F2;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .why-intro .btn span {
    transition: none;
  }
}

body.egot-home-app .phwrap {
  position: relative;
}

body.egot-home-app .ph-head {
  margin-bottom: 26px;
}

body.egot-home-app .phgrid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  grid-auto-rows: 150px;
  gap: 16px;
}

body.egot-home-app .ph {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 26px;
  background: var(--pb,#E6F4FD);
  box-shadow: 0 22px 40px -28px rgba(2,50,100,.55);
  isolation: isolate;
}

body.egot-home-app .pa {
  grid-column: 1/6;
  grid-row: 1/5;
  border-radius: 28px 28px 28px 110px;
}

body.egot-home-app .pb {
  grid-column: 6/9;
  grid-row: 1/3;
}

body.egot-home-app .pc {
  grid-column: 9/13;
  grid-row: 1/4;
  border-radius: 28px 110px 28px 28px;
}

body.egot-home-app .pd {
  grid-column: 6/9;
  grid-row: 3/5;
}

body.egot-home-app .pe {
  grid-column: 9/13;
  grid-row: 4/5;
}

body.egot-home-app .ph-img {
  position: absolute;
  inset: 0;
}

body.egot-home-app .ph-img img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}

body.egot-home-app .ph:hover .ph-img img {
  transform: scale(1.07);
}

body.egot-home-app .ph-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  color: var(--pc);
  background: linear-gradient(145deg,var(--pb),#fff 140%);
}

body.egot-home-app .ph-empty::before {
  content: "";
  position: absolute;
  width: 62%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(255,255,255,.55);
  right: -14%;
  top: -18%;
}

body.egot-home-app .ph-empty svg,body.egot-home-app .ph-empty em {
  position: relative;
}

body.egot-home-app .pe .ph-empty em {
  display: none;
}

body.egot-home-app .pe .ph-empty svg {
  margin-top: -26px;
}

body.egot-home-app .ph-empty em {
  font: 500 11px var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-style: normal;
  opacity: .8;
}

body.egot-home-app .ph figcaption {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font: 600 14px/1.3 var(--body);
  color: var(--fg);
  transition: transform .3s;
}

body.egot-home-app .ph:hover figcaption {
  transform: translateY(-4px);
}

body.egot-home-app .pa figcaption {
  left: 20px;
  bottom: 20px;
  right: auto;
  max-width: calc(100% - 40px);
}

body.egot-home-app .ph-badge {
  position: absolute;
  z-index: 3;
  left: calc(41.66% - 36px);
  top: -26px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--ink);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 14px 26px -12px rgba(2,50,100,.7);
  border: 4px solid var(--tint,#E6F4FD);
}

body.egot-home-app .ph-badge::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  border: 1.5px dashed var(--accent);
  animation: egot-home-spin 18s linear infinite;
}

body.egot-home-app .ph-badge b {
  position: relative;
  font: 800 17px var(--display);
  letter-spacing: -.03em;
}

@keyframes egot-home-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width:860px) {
  body.egot-home-app .phwrap {
    margin-top: 0;
  }
  body.egot-home-app .phgrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-rows: 140px;
    gap: 12px;
  }
  body.egot-home-app .pa {
    grid-column: 1/3;
    grid-row: auto/span 2;
    border-radius: 24px 24px 24px 70px;
  }
  body.egot-home-app .pb,body.egot-home-app .pd {
    grid-column: auto;
    grid-row: auto/span 2;
  }
  body.egot-home-app .pc {
    grid-column: auto;
    grid-row: auto/span 2;
    border-radius: 24px 70px 24px 24px;
  }
  body.egot-home-app .pe {
    grid-column: auto;
    grid-row: auto/span 2;
  }
  body.egot-home-app .ph-badge {
    display: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .ph-img img,body.egot-home-app .ph figcaption {
    transition: none;
  }
  body.egot-home-app .ph:hover .ph-img img {
    transform: none;
  }
  body.egot-home-app .ph-badge::before {
    animation: none;
  }
}

body.egot-home-app .fq {
  --bandbg: #EAF3FB;
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: clamp(32px,4vw,52px) 0 clamp(28px,3vw,40px);
  text-align: center;
  color: var(--fg);
  background: var(--bandbg);
  box-shadow: 0 0 0 100vmax var(--bandbg);
  clip-path: inset(0 -100vmax);
  touch-action: pan-y;
}

body.egot-home-app .fq::before,body.egot-home-app .fq::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

body.egot-home-app .fq::before {
  width: 260px;
  height: 260px;
  left: calc(50% - 50vw - 100px);
  bottom: -130px;
  border-radius: 50%;
  border: 1px solid rgba(29,111,224,.2);
  box-shadow: 0 0 0 18px rgba(29,111,224,.035),0 0 0 42px rgba(29,111,224,.025);
}

body.egot-home-app .fq::after {
  width: 118px;
  height: 94px;
  right: calc(50% - 50vw + 40px);
  top: 36px;
  background-image: radial-gradient(rgba(29,111,224,.38) 1.4px,transparent 1.5px);
  background-size: 17px 17px;
  opacity: .6;
}

body.egot-home-app .fq-title {
  font: 800 clamp(44px,6vw,68px)/1 var(--display);
  letter-spacing: -.045em;
  margin: 0 0 4px;
  color: var(--ink);
}

body.egot-home-app .fq-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  border-radius: 99px;
  margin: 8px auto 0;
  background: linear-gradient(90deg,var(--accent),#65B5FF);
}

body.egot-home-app .fq-list {
  position: relative;
  height: 270px;
  max-width: 640px;
  margin: 0 auto;
  outline: 0;
}

body.egot-home-app .fq-pill {
  --d: 0;
  --a: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 92%;
  padding: 10px 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font: 500 16px/1.3 var(--body);
  color: var(--muted);
  background: #fff;
  box-shadow: 0 10px 22px -18px rgba(15,42,71,.45);
  cursor: pointer;
  white-space: nowrap;
  transform: translate(-50%,calc(-50% + var(--d)*50px)) scale(calc(1 - var(--a)*.03));
  opacity: max(.15,calc(1 - var(--a)*.3));
  transition: transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s,background .3s,color .3s,border-color .3s,box-shadow .3s;
}

body.egot-home-app .fq-pill:hover {
  border-color: var(--accent);
  color: var(--ink);
}

body.egot-home-app .fq-pill[aria-current="true"] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
  font-weight: 600;
  box-shadow: 0 18px 30px -16px rgba(29,111,224,.65);
  transform: translate(-50%,-50%) scale(1.05);
}

body.egot-home-app .fq-pill[data-far="true"] {
  opacity: 0;
  pointer-events: none;
}

body.egot-home-app .fq-pill:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

body.egot-home-app .fq-ans {
  min-height: 68px;
  max-width: 560px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.6;
  color: var(--muted);
  transition: opacity .25s;
}

body.egot-home-app .fq-ans.swap {
  opacity: 0;
}

body.egot-home-app .fq-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 10px;
  font: 500 12px var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}

body.egot-home-app .fq-nav {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--accent);
  font-size: 18px;
  cursor: pointer;
  transition: background .2s,border-color .2s,color .2s;
}

body.egot-home-app .fq-nav:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

body.egot-home-app .fq-nav:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@media (max-width:600px) {
  body.egot-home-app .fq-list {
    height: 250px;
  }
  body.egot-home-app .fq-pill {
    font-size: 14px;
    padding: 9px 16px;
    white-space: normal;
    width: 88%;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .fq-pill,body.egot-home-app .fq-ans,body.egot-home-app .fq-nav {
    transition: none;
  }
}

body.egot-home-app .contact {
  --bandbg: #F6F9FE;
  position: relative;
  isolation: isolate;
  margin: 0;
  background: var(--bandbg);
  box-shadow: 0 0 0 100vmax var(--bandbg);
  clip-path: inset(0 -100vmax);
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 40px;
  align-items: center;
  padding: clamp(48px,6vw,88px) 0;
}

body.egot-home-app .cx-shapes {
  position: absolute;
  top: 0;
  right: calc(50% - 50vw);
  width: 58vw;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

body.egot-home-app .cx-shapes svg {
  width: 100%;
  height: 100%;
  display: block;
}

body.egot-home-app .cx-left {
  position: relative;
  max-width: 430px;
  min-width: 0;
}

body.egot-home-app .cx-left h2 {
  font: 800 clamp(36px,5vw,46px)/1 var(--display);
  letter-spacing: -.03em;
  margin: 0 0 12px;
  color: var(--ink);
}

body.egot-home-app .cx-dot {
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 10px 18px -8px rgba(29,111,224,.7);
}

body.egot-home-app .cx-sub {
  margin: 0 0 32px;
  color: var(--muted);
  font-size: 15px;
  max-width: 38ch;
}

body.egot-home-app .cx-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

body.egot-home-app .cx-fld {
  margin-bottom: 26px;
  min-width: 0;
}

body.egot-home-app .cx-fld label {
  display: block;
  font: 600 11px var(--body);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 4px;
}

body.egot-home-app .cx-fld label i {
  color: #E5484D;
  font-style: normal;
  margin-left: 3px;
}

body.egot-home-app .cx-form input,body.egot-home-app .cx-form select,body.egot-home-app .cx-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #C9D7E6;
  background: transparent;
  font: 400 15px var(--body);
  color: var(--fg);
  padding: 10px 0 12px;
  border-radius: 0;
  outline: 0;
  transition: border-color .2s;
}

body.egot-home-app .cx-form textarea {
  resize: none;
  min-height: 56px;
}

body.egot-home-app .cx-form input::placeholder,body.egot-home-app .cx-form textarea::placeholder {
  color: #8EA0B4;
}

body.egot-home-app .cx-form input:focus,body.egot-home-app .cx-form select:focus,body.egot-home-app .cx-form textarea:focus {
  border-color: var(--accent);
}

body.egot-home-app .cx-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%2352667A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  cursor: pointer;
}

body.egot-home-app .err {
  display: block;
  font-size: 13px;
  color: #B3261E;
  min-height: 0;
  margin-top: 4px;
}

body.egot-home-app .cx-submit {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font: 600 14px var(--body);
  letter-spacing: .02em;
  padding: 8px 8px 8px 38px;
  border-radius: 999px;
  background: linear-gradient(90deg,#3D8BFF,var(--accent));
  box-shadow: 0 18px 28px -12px rgba(29,111,224,.75);
  transition: transform .2s,box-shadow .2s;
}

body.egot-home-app .cx-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 32px -12px rgba(29,111,224,.85);
}

body.egot-home-app .cx-submit span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1459B8;
  font-size: 20px;
  transition: transform .2s;
}

body.egot-home-app .cx-submit:hover span {
  transform: translateX(3px);
}

body.egot-home-app .cx-submit:disabled {
  opacity: .6;
  cursor: default;
  transform: none;
}

body.egot-home-app .cx-submit:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}

body.egot-home-app .fnote {
  margin: 16px 0 0;
  font-size: 13px;
  color: var(--muted);
}

body.egot-home-app .btn.wide {
  width: 100%;
  text-align: center;
  border-radius: 14px;
  padding: 16px;
  font-size: 15px;
  letter-spacing: .04em;
}

body.egot-home-app .btn:disabled {
  opacity: .6;
  cursor: default;
}

body.egot-home-app .thanks {
  display: grid;
  gap: 14px;
}

body.egot-home-app .thanks h3 {
  font-family: var(--display);
  font-size: 24px;
  letter-spacing: -.02em;
  margin: 0;
  color: var(--ink);
}

body.egot-home-app .thanks p {
  margin: 0;
  color: var(--muted);
}

body.egot-home-app .cx-blobwrap {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 520px;
}

body.egot-home-app .cx-blob {
  position: relative;
  width: min(100%,520px);
  aspect-ratio: 1/.96;
  background: #fff;
  border-radius: 46% 54% 50% 50%/38% 40% 60% 62%;
  box-shadow: 0 40px 70px -34px rgba(20,40,120,.55),0 6px 18px rgba(20,40,120,.08);
  padding: 14% 11% 9% 15%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: rotate(-2deg);
}

body.egot-home-app .cx-blob>* {
  transform: rotate(2deg);
}

body.egot-home-app .cx-bar {
  width: 44px;
  height: 4px;
  border-radius: 3px;
  background: var(--accent);
  margin-bottom: 14px;
}

body.egot-home-app .cx-blob h3 {
  font: 800 28px var(--display);
  letter-spacing: -.02em;
  margin: 0 0 20px;
  color: var(--ink);
}

body.egot-home-app .cx-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.55;
  color: #33485E;
}

body.egot-home-app .cx-item svg {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  stroke: var(--accent);
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.egot-home-app .cx-item>span {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.egot-home-app .cx-copy {
  margin-left: 8px;
  padding: 5px 12px;
  font-size: 10px;
  letter-spacing: .06em;
  vertical-align: middle;
}

body.egot-home-app .cx-social {
  display: flex;
  gap: 14px;
  margin-top: 8px;
}

body.egot-home-app .cx-social a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  color: var(--accent);
  font: 800 13px var(--display);
  text-decoration: none;
  box-shadow: 0 8px 16px -6px rgba(29,111,224,.4);
  transition: transform .2s,background .2s,color .2s;
}

body.egot-home-app .cx-social a:hover {
  transform: translateY(-3px);
  background: var(--accent);
  color: #fff;
}

@media (max-width:900px) {
  body.egot-home-app .contact {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  body.egot-home-app .cx-shapes {
    width: 100vw;
    height: 55%;
    top: auto;
    bottom: 0;
  }
  body.egot-home-app .cx-left {
    max-width: none;
  }
  body.egot-home-app .cx-blobwrap {
    min-height: 0;
  }
  body.egot-home-app .cx-blob {
    aspect-ratio: auto;
    padding: 12% 9% 10% 11%;
    border-radius: 36px;
    transform: none;
  }
  body.egot-home-app .cx-blob>* {
    transform: none;
  }
}

@media (max-width:520px) {
  body.egot-home-app .cx-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  body.egot-home-app .cx-dot {
    display: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .cx-submit,body.egot-home-app .cx-submit span,body.egot-home-app .cx-social a {
    transition: none;
  }
}

body.egot-home-app .about {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 28px;
}

body.egot-home-app .about p {
  margin: 4px 0 0;
  color: var(--fg);
}

body.egot-home-app .ab-name {
  font-family: var(--display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -.02em;
  color: var(--fg);
}

body.egot-home-app .copy {
  margin-top: 24px;
  font-family: var(--mono);
  font-size: 12px;
}

body.egot-home-app footer {
  margin-top: 88px;
  border-top: 1px solid var(--line);
  padding-top: 28px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width:760px) {
  body.egot-home-app .about {
    grid-template-columns: 1fr;
  }
  body.egot-home-app footer {
    margin-top: 64px;
  }
}

body.egot-home-app .hnav {
  display: flex;
  align-items: center;
  gap: 22px;
}

body.egot-home-app .navlink {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

body.egot-home-app .navlink:hover {
  color: var(--accent);
}

body.egot-home-app .back {
  display: inline-block;
  margin: 28px 0 0;
  font-family: var(--mono);
  font-size: 13px;
  color: var(--muted);
  text-decoration: none;
}

body.egot-home-app .back:hover {
  color: var(--accent);
}

body.egot-home-app .phead {
  padding: 32px 0 52px;
  border-bottom: 1px solid var(--line);
}

body.egot-home-app .phead .angle {
  font-family: var(--mono);
  font-size: 13px;
  color: var(--accent);
  letter-spacing: .06em;
}

body.egot-home-app .phead h1 {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(40px,7vw,80px);
  line-height: 1;
  letter-spacing: -.035em;
  margin: 8px 0 16px;
  text-wrap: balance;
}

body.egot-home-app .phead p {
  font-size: 19px;
  max-width: 56ch;
  margin: 0;
  color: var(--muted);
}

body.egot-home-app .how {
  padding: 60px 0;
}

body.egot-home-app .how h2,body.egot-home-app .specs h2 {
  font-family: var(--display);
  font-size: 28px;
  letter-spacing: -.02em;
  margin: 0 0 20px;
}

body.egot-home-app .flow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

body.egot-home-app .flow li {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.egot-home-app .flow li:not(:last-child)::after {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--line);
}

body.egot-home-app .flow button {
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
  background: transparent;
  border: 1px solid var(--line);
  padding: 9px 14px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: baseline;
  transition: background .15s,border-color .15s;
}

body.egot-home-app .flow button span {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
}

body.egot-home-app .flow button:hover {
  border-color: var(--accent);
}

body.egot-home-app .flow button[aria-pressed="true"] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}

body.egot-home-app .flow button[aria-pressed="true"] span {
  color: var(--on-accent);
}

body.egot-home-app .detail {
  background: #fff;
  box-shadow: 0 16px 36px -22px rgba(11,27,58,.4);
  padding: 34px 38px;
  max-width: 720px;
}

body.egot-home-app .detail h3 {
  font-family: var(--display);
  font-size: 22px;
  margin: 0 0 8px;
  letter-spacing: -.01em;
}

body.egot-home-app .detail p {
  margin: 0;
  max-width: 60ch;
}

body.egot-home-app .specs {
  padding: 12px 0 36px;
}

body.egot-home-app .specs dl {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}

body.egot-home-app .specs div {
  padding: 22px 22px 22px 0;
  border-bottom: 1px solid var(--line);
}

body.egot-home-app .specs dt {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

body.egot-home-app .specs dd {
  margin: 4px 0 0;
  font-weight: 500;
}

body.egot-home-app .pager {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}

body.egot-home-app .pager a {
  text-decoration: none;
  font-family: var(--display);
  font-size: 20px;
  letter-spacing: -.01em;
}

body.egot-home-app .pager a small {
  display: block;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.egot-home-app .pager a:hover {
  color: var(--accent);
}

body.egot-home-app .allhead {
  padding: 32px 0 28px;
  box-shadow: 0 0 0 100vmax var(--tint);
  clip-path: inset(0 -100vmax);
  background: var(--tint);
}

body.egot-home-app .allhead .eyebrow {
  margin-bottom: 16px;
}

body.egot-home-app .allhead h1 {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(36px,6vw,64px);
  line-height: 1;
  letter-spacing: -.03em;
  margin: 0 0 12px;
  text-wrap: balance;
}

body.egot-home-app .allhead p {
  margin: 0 0 32px;
  color: var(--muted);
  font-size: 18px;
  max-width: 52ch;
}

body.egot-home-app .all-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

body.egot-home-app .all-filters .chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}

body.egot-home-app .all-filters .chip {
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
  background: #fff;
  border: 1.5px solid var(--line);
  padding: 8px 12px 8px 16px;
  cursor: pointer;
  transition: all .15s;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.egot-home-app .all-filters .chip b {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
  background: var(--page);
  padding: 2px 7px;
  border-radius: 99px;
  line-height: 1.4;
  transition: all .15s;
}

body.egot-home-app .all-filters .chip:hover {
  border-color: var(--accent);
}

body.egot-home-app .all-filters .chip[aria-pressed="true"] {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

body.egot-home-app .all-filters .chip[aria-pressed="true"] b {
  background: rgba(255,255,255,.18);
  color: #fff;
}

body.egot-home-app .all-count {
  font: 500 12px var(--mono);
  color: var(--muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.egot-home-app .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  gap: 20px;
  padding: 40px 0 16px;
}

@media (max-width:760px) {
  body.egot-home-app .allhead {
    padding: 24px 0 22px;
  }
  body.egot-home-app .grid {
    padding: 28px 0 16px;
    gap: 16px;
  }
  body.egot-home-app .all-count {
    display: none;
  }
}

body.egot-home-app .tin {
  --c: #D9382F;
  position: relative;
  display: block;
  aspect-ratio: 1.55/1;
  min-height: 220px;
  border-radius: 30px;
  background: var(--cbg);
  color: var(--fg);
  text-decoration: none;
  isolation: isolate;
  box-shadow: 0 18px 30px -22px color-mix(in srgb,var(--c) 55%,transparent);
  transition: transform .25s,box-shadow .25s;
}

body.egot-home-app .tin:hover,body.egot-home-app .tin:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 24px 36px -22px color-mix(in srgb,var(--c) 65%,transparent);
}

body.egot-home-app .recess {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 14px;
  width: calc(48% + 6px);
  border-radius: 20px 0 0 20px;
  background: color-mix(in srgb,var(--cbg) 45%,#fff);
  box-shadow: inset 0 4px 10px color-mix(in srgb,var(--c) 22%,transparent);
  overflow: hidden;
  z-index: 0;
}

body.egot-home-app .pic {
  position: absolute;
  inset: 0;
  padding: 10px 26px 10px 10px;
  display: grid;
  place-items: center;
}

body.egot-home-app .pic svg {
  box-sizing: border-box;
  width: 58%;
  max-width: 118px;
  aspect-ratio: 1;
  padding: 16px;
  background: var(--c);
  border-radius: 26px;
  opacity: 1;
  filter: none;
  box-shadow: 0 12px 20px -12px var(--c);
}

body.egot-home-app .pic b {
  font: 800 54px/1 var(--display);
  letter-spacing: -.04em;
  color: rgba(255,246,236,.55);
  translate: -18% 0;
}

body.egot-home-app .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 10px;
}

body.egot-home-app .lid {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 48%;
  border-radius: 26px;
  background: #fff;
  color: var(--fg);
  padding: 20px 20px 18px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 18px -10px color-mix(in srgb,var(--c) 45%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent);
  transition: translate .3s;
}

body.egot-home-app .tin:hover .lid,body.egot-home-app .tin:focus-visible .lid {
  translate: 10px 0;
}

body.egot-home-app .lid .cat {
  font: 500 11px var(--mono);
  letter-spacing: .1em;
  color: var(--c);
  opacity: 1;
  margin-bottom: auto;
}

body.egot-home-app .lid h3 {
  font: 800 clamp(20px,2.2vw,25px)/1.02 var(--display);
  letter-spacing: -.03em;
  margin: 14px 0 8px;
  text-wrap: balance;
}

body.egot-home-app .lid p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--muted);
  opacity: 1;
}

body.egot-home-app .lid .foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 500 11px var(--mono);
  letter-spacing: .05em;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}

body.egot-home-app .arrow {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--cbg);
  color: var(--c);
  font-size: 14px;
  transition: background .2s,color .2s;
}

body.egot-home-app .tin:hover .arrow,body.egot-home-app .tin:focus-visible .arrow {
  background: var(--c);
  color: #fff;
}

body.egot-home-app .tin:focus-visible {
  outline: 3px solid var(--c);
  outline-offset: 4px;
}

@media (max-width:420px) {
  body.egot-home-app .lid {
    left: 46%;
    padding: 16px 14px 14px 16px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .tin,body.egot-home-app .pic img,body.egot-home-app .lid {
    transition: none;
  }
}

body.egot-home-app .nav-dropdown {
  position: relative;
}

body.egot-home-app .nav-drop-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
  cursor: pointer;
  text-decoration: none;
}

body.egot-home-app .nav-drop-btn:hover {
  color: var(--accent);
}

body.egot-home-app .nav-caret {
  font-size: 10px;
  display: inline-block;
  transition: transform .2s;
  color: var(--muted);
}

body.egot-home-app .nav-dropdown:hover .nav-caret,body.egot-home-app .nav-dropdown:focus-within .nav-caret,body.egot-home-app .nav-dropdown.is-open .nav-caret {
  transform: rotate(180deg);
}

body.egot-home-app .nav-dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 14px;
}

body.egot-home-app .nav-drop-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 580px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 24px 50px -20px rgba(15,42,71,.28),0 8px 20px -10px rgba(0,0,0,.08);
  padding: 18px;
  display: none;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  z-index: 1000;
  animation: egot-home-dropFade .2s ease forwards;
}

body.egot-home-app .nav-dropdown:hover .nav-drop-menu,body.egot-home-app .nav-dropdown:focus-within .nav-drop-menu,body.egot-home-app .nav-dropdown.is-open .nav-drop-menu {
  display: grid;
}

@keyframes egot-home-dropFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

body.egot-home-app .nav-menu-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.egot-home-app .nav-menu-head {
  font: 600 10.5px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 4px 8px 8px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 4px;
}

body.egot-home-app .nav-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--fg);
  transition: background .15s;
}

body.egot-home-app .nav-item:hover {
  background: #F4F8FD;
}

body.egot-home-app .nav-item-badge {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 700;
  flex: none;
}

body.egot-home-app .nav-item-body b {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--fg);
}

body.egot-home-app .nav-item-body small {
  display: block;
  font-size: 11px;
  color: var(--muted);
  margin-top: 2px;
  line-height: 1.25;
}

body.egot-home-app .nav-menu-foot {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 8px 2px;
  border-top: 1px solid var(--line);
  margin-top: 4px;
}

body.egot-home-app .nav-all-link {
  font: 600 12.5px var(--display);
  color: var(--accent);
  text-decoration: none;
}

body.egot-home-app .nav-all-link:hover {
  text-decoration: underline;
}

@media (max-width:760px) {
  body.egot-home-app .nav-drop-menu {
    width: min(320px,calc(100vw - 32px));
    right: -20px;
    grid-template-columns: 1fr;
    max-height: 75vh;
    overflow-y: auto;
  }
}

body.egot-home-app .foot-links {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

body.egot-home-app .foot-links a {
  color: var(--muted);
  text-decoration: none;
  font-size: 13.5px;
  transition: color .15s;
}

body.egot-home-app .foot-links a:hover {
  color: var(--accent);
}

body.egot-home-app .win {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 18px 36px -24px rgba(2,50,100,.55);
}

body.egot-home-app .wbar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  background: var(--ptint,#E6F4FD);
  border-bottom: 1px solid var(--line);
}

body.egot-home-app .wbar i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  opacity: .9;
}

body.egot-home-app .wbar span {
  margin-left: 8px;
  font: 500 12px var(--body);
  color: var(--fg);
}

body.egot-home-app .wbar em {
  margin-left: auto;
  font: 500 10px var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 6px;
}

body.egot-home-app .wbar em::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  animation: egot-home-blink 1.4s ease-in-out infinite;
}

@keyframes egot-home-blink {
  50% {
    opacity: .25;
  }
}

body.egot-home-app .pz {
  --wave-h: 16px;
  --wave-w: 64px;
  --gap: 8px;
  --bandbg: #FFF5EA;
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: clamp(48px,6vw,80px) 0 clamp(56px,7vw,88px);
  background: var(--bandbg);
  box-shadow: 0 0 0 100vmax var(--bandbg);
  clip-path: inset(0 -100vmax);
}

body.egot-home-app .pz-blob {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

body.egot-home-app .pz-blob.b1 {
  width: 300px;
  height: 260px;
  left: -90px;
  top: 120px;
  background: #F7B3AD;
  border-radius: 58% 42% 55% 45%/48% 60% 40% 52%;
  transform: rotate(-12deg);
}

body.egot-home-app .pz-blob.b2 {
  width: 260px;
  height: 240px;
  right: -70px;
  top: -60px;
  background: #F5A524;
  border-radius: 45% 55% 40% 60%/55% 45% 58% 42%;
  transform: rotate(18deg);
}

body.egot-home-app .pz-blob.b3 {
  width: 320px;
  height: 260px;
  right: -100px;
  bottom: 80px;
  background: #F7B3AD;
  border-radius: 60% 40% 50% 50%/45% 55% 45% 55%;
  transform: rotate(8deg);
}

body.egot-home-app .pz-blob.b4 {
  width: 240px;
  height: 220px;
  left: -70px;
  bottom: -60px;
  background: #F5A524;
  border-radius: 50% 50% 42% 58%/60% 40% 60% 40%;
  transform: rotate(-20deg);
}

@media (max-width:1400px) {
  body.egot-home-app .pz-blob.b1,body.egot-home-app .pz-blob.b4 {
    left: 16px;
  }
  body.egot-home-app .pz-blob.b2,body.egot-home-app .pz-blob.b3 {
    right: 16px;
  }
}

@media (max-width:700px) {
  body.egot-home-app .pz-blob.b1,body.egot-home-app .pz-blob.b2 {
    display: none;
  }
}

body.egot-home-app .pz-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: clamp(26px,4vw,40px);
}

body.egot-home-app .pz-kicker {
  font: 500 11px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
}

body.egot-home-app .pz-kicker::before {
  content: "";
  width: 26px;
  height: 3px;
  background: #DA3F12;
  border-radius: 3px;
}

body.egot-home-app .pz h2 {
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(32px,5vw,60px);
  line-height: 1.02;
  letter-spacing: -.04em;
  margin: 0 0 12px;
  text-wrap: balance;
}

body.egot-home-app .pz-sub {
  color: var(--muted);
  font-size: 16px;
  margin: 0;
  max-width: 48ch;
}

body.egot-home-app .pz-all {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: #0A0A0A;
  color: #fff;
  text-decoration: none;
  font: 600 14px var(--display);
  letter-spacing: .01em;
  padding: 8px 8px 8px 22px;
  border-radius: 999px;
  transition: background .2s,transform .2s;
}

body.egot-home-app .pz-all:hover {
  background: #DA3F12;
  transform: translateY(-2px);
}

body.egot-home-app .pz-all i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  color: #0A0A0A;
  font-style: normal;
  font-size: 18px;
  transition: transform .2s;
}

body.egot-home-app .pz-all:hover i {
  transform: rotate(-45deg);
}

body.egot-home-app .pz-all:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

body.egot-home-app .pz-grid {
  display: grid;
  grid-template-columns: repeat(var(--cols,3),minmax(0,1fr));
  gap: 0 14px;
  align-items: stretch;
}

body.egot-home-app .pz-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body.egot-home-app .pz-tile {
  position: relative;
  display: flex;
  flex: var(--w,1) 1 auto;
  min-height: var(--mh,300px);
  text-decoration: none;
  color: inherit;
  filter: drop-shadow(0 14px 14px rgba(40,20,10,.16));
  transition: transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;
  z-index: 1;
}

body.egot-home-app .pz-tile+.pz-tile {
  margin-top: calc(var(--gap) - var(--wave-h));
}

body.egot-home-app .pz-tile:hover,body.egot-home-app .pz-tile:focus-within {
  transform: translateY(-8px) rotate(-1.2deg);
  z-index: 5;
  filter: drop-shadow(0 22px 20px rgba(40,20,10,.24));
}

body.egot-home-app .pz-tile:focus-within .pz-in {
  box-shadow: inset 0 0 0 3px #fff;
}

body.egot-home-app .pz-in {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  border-radius: 22px;
  padding: calc(var(--wave-h) + 16px) 18px calc(var(--wave-h) + 16px);
  background: var(--bg,#DA3F12);
  color: var(--fg2,#fff);
  --mt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='16' viewBox='0 0 64 16'%3E%3Cpath d='M0 8Q16 -6 32 8T64 8V16H0Z'/%3E%3C/svg%3E");
  --mb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='16' viewBox='0 0 64 16'%3E%3Cpath d='M0 8Q16 -6 32 8T64 8V0H0Z'/%3E%3C/svg%3E");
  -webkit-mask: var(--mt) 0 0/var(--wave-w) var(--wave-h) repeat-x,linear-gradient(#000,#000) 0 var(--wave-h)/100% calc(100% - var(--wave-h)*2) no-repeat,var(--mb) 0 100%/var(--wave-w) var(--wave-h) repeat-x;
  mask: var(--mt) 0 0/var(--wave-w) var(--wave-h) repeat-x,linear-gradient(#000,#000) 0 var(--wave-h)/100% calc(100% - var(--wave-h)*2) no-repeat,var(--mb) 0 100%/var(--wave-w) var(--wave-h) repeat-x;
}

body.egot-home-app .pz-in.flip {
  flex-direction: column-reverse;
}

body.egot-home-app .pz-img {
  position: relative;
  flex: 1;
  min-height: 130px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.28);
}

body.egot-home-app .pz-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}

body.egot-home-app .pz-tile:hover .pz-img img {
  transform: scale(1.07);
}

body.egot-home-app .pz-txt {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.egot-home-app .pz-tag {
  font: 500 10px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .8;
}

body.egot-home-app .pz-name {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(20px,2vw,26px);
  line-height: 1.05;
  letter-spacing: -.035em;
  margin: 0;
}

body.egot-home-app .pz-line {
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
  opacity: .92;
  max-width: 34ch;
}

body.egot-home-app .pz-go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font: 700 12px var(--display);
  letter-spacing: .02em;
  text-decoration: none;
  color: inherit;
  align-self: flex-start;
}

body.egot-home-app .pz-go::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

body.egot-home-app .pz-go:focus-visible {
  outline: none;
}

body.egot-home-app .pz-go i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--fg2,#fff);
  color: var(--bg,#DA3F12);
  font-style: normal;
  font-size: 14px;
  transition: transform .25s;
}

body.egot-home-app .pz-tile:hover .pz-go i {
  transform: translateX(4px);
}

body.egot-home-app .pz-logo .pz-in {
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 6px;
}

body.egot-home-app .pz-logo-mark {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(40px,5vw,60px);
  line-height: .92;
  letter-spacing: -.05em;
  text-transform: uppercase;
}

body.egot-home-app .pz-logo-mark small {
  display: block;
  font-size: .45em;
  letter-spacing: -.02em;
}

body.egot-home-app .pz-logo-note {
  font: 500 10px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .75;
  margin-top: 8px;
}

@media (max-width:560px) {
  body.egot-home-app .pz-in {
    padding-left: 14px;
    padding-right: 14px;
  }
  body.egot-home-app .pz-all {
    width: 100%;
    justify-content: space-between;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .pz-tile,body.egot-home-app .pz-img img,body.egot-home-app .pz-all,body.egot-home-app .pz-all i,body.egot-home-app .pz-go i {
    transition: none;
  }
  body.egot-home-app .pz-tile:hover,body.egot-home-app .pz-tile:focus-within {
    transform: none;
  }
  body.egot-home-app .pz-tile:hover .pz-img img {
    transform: none;
  }
}

body.egot-home-app .ik {
  --bandbg: var(--tint);
  position: relative;
  margin: 0;
  padding: clamp(48px,6vw,80px) 0;
  background: var(--bandbg);
  box-shadow: 0 0 0 100vmax var(--bandbg);
  clip-path: inset(0 -100vmax);
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
  gap: clamp(20px,3vw,36px);
}

body.egot-home-app .ik-left {
  display: flex;
  flex-direction: column;
  gap: clamp(24px,4vw,44px);
  min-width: 0;
}

body.egot-home-app .ik-kicker {
  font: 500 11px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
}

body.egot-home-app .ik-kicker::before {
  content: "";
  width: 26px;
  height: 3px;
  background: var(--accent);
  border-radius: 3px;
}

body.egot-home-app .ik h2 {
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(36px,5.4vw,68px);
  line-height: 1.02;
  letter-spacing: -.04em;
  margin: 0 0 16px;
  text-wrap: balance;
}

body.egot-home-app .ik-sub {
  color: var(--muted);
  font-size: 16px;
  max-width: 46ch;
  margin: 0;
}

body.egot-home-app .ik-bottom {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 16px;
  margin-top: auto;
}

body.egot-home-app .ik-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  min-height: 300px;
  background: #E8F3FB;
}

body.egot-home-app .ik-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .35s;
}

body.egot-home-app .ik-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,transparent 55%,rgba(10,30,50,.45));
}

body.egot-home-app .ik-chip {
  position: absolute;
  z-index: 2;
  left: 14px;
  bottom: 14px;
  background: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 7px 13px;
  font: 600 12px var(--body);
  color: var(--fg);
}

body.egot-home-app .ik-info {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body.egot-home-app .ik-info h3 {
  font-family: var(--display);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -.02em;
  margin: 0 0 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

body.egot-home-app .ik-stat {
  font-size: 15px;
  color: var(--fg);
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

body.egot-home-app .ik-stat i {
  width: 1px;
  height: 16px;
  background: #9AA9B8;
  transform: rotate(20deg);
}

body.egot-home-app .ik-info p {
  margin: 0 0 18px;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--muted);
}

body.egot-home-app .ik-links {
  display: grid;
  gap: 8px;
  margin-top: auto;
}

body.egot-home-app .ik-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  text-decoration: none;
  font: 600 13.5px var(--display);
  color: var(--fg);
  transition: border-color .15s,transform .15s;
}

body.egot-home-app .ik-link:hover {
  border-color: var(--accent);
  transform: translateX(3px);
}

body.egot-home-app .ik-link span {
  color: var(--accent);
}

body.egot-home-app .ik-acc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

body.egot-home-app .ik-item {
  --c: #B8CCF0;
  border-radius: 22px;
  background: var(--c);
  overflow: hidden;
  transition: background .3s;
}

body.egot-home-app .ik-head {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 20px 20px 20px 26px;
}

body.egot-home-app .ik-head:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -4px;
  border-radius: 22px;
}

body.egot-home-app .ik-title {
  font-family: var(--display);
  font-weight: 500;
  font-size: clamp(22px,2.4vw,28px);
  letter-spacing: -.03em;
  color: var(--ink);
}

body.egot-home-app .ik-pm {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  position: relative;
}

body.egot-home-app .ik-pm::before,body.egot-home-app .ik-pm::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  background: var(--ink);
  border-radius: 2px;
  transition: transform .25s;
}

body.egot-home-app .ik-pm::after {
  transform: rotate(90deg);
}

body.egot-home-app .ik-item.open .ik-pm::after {
  transform: rotate(0);
}

body.egot-home-app .ik-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s ease;
}

body.egot-home-app .ik-item.open .ik-body {
  grid-template-rows: 1fr;
}

body.egot-home-app .ik-body>div {
  overflow: hidden;
}

body.egot-home-app .ik-body-in {
  padding: 0 26px 24px;
}

body.egot-home-app .ik-line {
  font-size: 14.5px;
  line-height: 1.6;
  color: #1E3550;
  margin: 0 0 14px;
  max-width: 38ch;
}

body.egot-home-app .ik-pts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

body.egot-home-app .ik-pts li {
  font-size: 13.5px;
  color: #1E3550;
  padding-left: 22px;
  position: relative;
  line-height: 1.45;
}

body.egot-home-app .ik-pts li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

body.egot-home-app .ik-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #000;
  color: #fff;
  border-radius: 22px;
  padding: 20px 20px 20px 26px;
  text-decoration: none;
  font: 500 17px var(--display);
  min-height: 92px;
  transition: background .2s;
}

body.egot-home-app .ik-cta:hover {
  background: #12233a;
}

body.egot-home-app .ik-cta small {
  display: block;
  font: 400 12.5px var(--body);
  color: #AEBBC9;
  margin-top: 3px;
}

body.egot-home-app .ik-cta .ik-pm {
  background: #fff;
}

body.egot-home-app .ik-cta .ik-pm::before {
  width: 12px;
  height: 2px;
  transform: rotate(-45deg) translate(-1px,0);
}

body.egot-home-app .ik-cta .ik-pm::after {
  width: 9px;
  height: 9px;
  background: none;
  border-top: 2px solid var(--ink);
  border-right: 2px solid var(--ink);
  border-radius: 0;
  transform: translate(2px,-2px);
}

body.egot-home-app .ik-cta:hover .ik-pm {
  transform: translate(2px,-2px);
  transition: transform .2s;
}

@media (max-width:960px) {
  body.egot-home-app .ik {
    grid-template-columns: 1fr;
  }
  body.egot-home-app .ik-bottom {
    margin-top: 0;
  }
}

@media (max-width:560px) {
  body.egot-home-app .ik-bottom {
    grid-template-columns: 1fr;
  }
  body.egot-home-app .ik-photo {
    min-height: 220px;
  }
  body.egot-home-app .ik-head {
    padding: 16px 14px 16px 20px;
  }
  body.egot-home-app .ik-body-in {
    padding: 0 20px 20px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.egot-home-app .ik-body,body.egot-home-app .ik-pm::after,body.egot-home-app .ik-photo img,body.egot-home-app .ik-link {
    transition: none;
  }
}

html {
  color-scheme: light;
}

body.egot-home-app {
  margin: 0;
  overflow-x: clip;
}

body.egot-home-app img {
  max-width: 100%;
}

body.egot-home-app [hidden] {
  display: none !important;
}

body.egot-home-app .wrap.container-xxl {
  width: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

body.egot-home-app .top.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin: 0;
  flex-wrap: wrap;
}

body.egot-home-app .about.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 -14px;
  --bs-gutter-x: 28px;
  --bs-gutter-y: 0;
}

body.egot-home-app .about.row>.about-main,body.egot-home-app .about.row>.about-place,body.egot-home-app .about.row>.about-contact,body.egot-home-app .about.row>.about-prods {
  padding: 0 14px;
  min-width: 0;
  margin-top: 0;
}

body.egot-home-app .about.row>.about-main {
  flex: 0 0 calc(41.1765% - 6.588px);
  width: auto;
  max-width: none;
}

body.egot-home-app .about.row>.about-place,body.egot-home-app .about.row>.about-contact {
  flex: 0 0 calc(29.4118% + 3.294px);
  width: auto;
  max-width: none;
}

@media (max-width:760px) {
  body.egot-home-app .about.row {
    row-gap: 28px;
  }
  body.egot-home-app .about.row>.about-main,body.egot-home-app .about.row>.about-place,body.egot-home-app .about.row>.about-contact,body.egot-home-app .about.row>.about-prods {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}

body.egot-home-app .grid.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 0;
  margin-bottom: 0;
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  padding: 40px 0 16px;
}

body.egot-home-app .grid.row>.product-col {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0 10px 20px;
  margin-top: 0;
  min-width: 0;
}

body.egot-home-app .grid.row>.product-col>.tin {
  width: 100%;
  height: 100%;
}

@media (min-width:652px) {
  body.egot-home-app .grid.row>.product-col {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media (min-width:972px) {
  body.egot-home-app .grid.row>.product-col {
    flex-basis: 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%;
  }
}

@media (max-width:760px) {
  body.egot-home-app .grid.row {
    --bs-gutter-x: 16px;
    padding: 28px 0 16px;
  }
  body.egot-home-app .grid.row>.product-col {
    padding: 0 8px 16px;
  }
}

body.egot-home-app .why {
  margin-top: 0;
}

body.egot-home-app {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

body.egot-home-app .wrap.container-xxl {
  padding-left: max(16px,env(safe-area-inset-left,0px));
  padding-right: max(16px,env(safe-area-inset-right,0px));
  padding-bottom: 48px;
}

body.egot-home-app #contact {
  scroll-margin-top: 150px;
}

@media (max-width:768px) {
  body.egot-home-app #contact {
    scroll-margin-top: 0;
  }
}

body.egot-home-app .cx-item a {
  color: inherit;
  text-decoration: none;
}

body.egot-home-app .cx-item a:hover {
  text-decoration: underline;
}

body.egot-home-app .cx-cities {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: .85;
}

body.egot-home-app .cx-social a i {
  font-size: 16px;
}

:root {
  --egot-site-font: "Plus Jakarta Sans",sans-serif;
}

html,body {
  font-family: var(--egot-site-font) !important;
}

body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat):not(.fass):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-duotone):not(.fa-thin) {
  font-family: var(--egot-site-font) !important;
}

:root {
  --fs-h1: clamp(40px,6vw,72px);
  --fs-h2: clamp(30px,4.4vw,46px);
  --fs-h3: clamp(20px,2vw,26px);
  --fs-h4: 20px;
  --fs-p: 15px;
}

h1:not(:is(.win,.fv,.vis,.campus-list,.campus-view,.wbody) *) {
  font-size: var(--fs-h1) !important;
}

h2:not(:is(.win,.fv,.vis,.campus-list,.campus-view,.wbody) *) {
  font-size: var(--fs-h2) !important;
}

h3:not(:is(.win,.fv,.vis,.campus-list,.campus-view,.wbody) *) {
  font-size: var(--fs-h3) !important;
}

h4:not(:is(.win,.fv,.vis,.campus-list,.campus-view,.wbody) *) {
  font-size: var(--fs-h4) !important;
}

p:not(:is(.win,.fv,.vis,.campus-list,.campus-view,.wbody) *) {
  font-size: var(--fs-p) !important;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 29px clamp(28px,3.86vw,73px) 0 clamp(32px,6.87vw,130px);
  box-sizing: border-box;
  pointer-events: none;
}

.site-header>* {
  pointer-events: auto;
}

.site-header-spacer {
  height: 126px;
}

.egot-brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-top: 9px;
  text-decoration: none;
}

.header-logo {
  position: relative;
  display: block;
  width: 239px;
  height: 88px;
}

.logo-box {
  width: 239px;
  height: 88px;
  padding: 6px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.logo-box img {
  display: block;
  width: 200px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain;
}
.header-tagline {
  position: absolute;
  top: 98px;
  left: -97px;
  margin: 0;
  padding: 4px 11px;
  border-radius: 12px;
  background: rgba(15, 23, 42, .55);
  color: #fff;
  font-family: inherit;

  /* Font size */
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.5;

  letter-spacing: 1.8px;
  text-align: center;
  white-space: nowrap;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.header-tagline1,
.header-tagline2 {
  color: #00e5e5;
  font-weight: 200;
}

.header-nav {
  position: relative;
  top: 0;
  display: flex;
  flex: 0 1 904px;
  align-items: center;
  width: min(904px,calc(100vw - 380px));
  min-width: 0;
  height: 61px;
  padding: 5px 14px;
  box-sizing: border-box;
  gap: 0;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 35px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.header-tools {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  margin-right: 12px;
}

.header-tool {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 88px;
  min-width: 88px;
  padding: 5px 7px;
  color: #64748b !important;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: transform .25s ease,color .25s ease;
}

.tool-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #64748b !important;
  transition: transform .25s ease,color .25s ease;
}

.header-tool:hover {
  transform: translateY(-2px);
}

.header-tool:hover .tool-icon {
  transform: scale(1.08);
  color: #0f172a !important;
}

.header-tool::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: #64748b;
  transform: translateX(-50%);
  transition: width .25s ease;
}

.header-tool:hover::after {
  width: 30px;
}

.nav-links {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

.nav-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 24px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .25s ease,color .25s ease,box-shadow .25s ease;
}

.nav-links a.active,.nav-links a:hover {
  background: #0f172a;
  color: #fff;
  box-shadow: 0 4px 12px rgba(15,23,42,.15);
}

.home-page .site-header-spacer {
  height: 0;
}

.home-page .hero.hero2 {
  padding: 95px 0 64px;
}

@media (min-width:1281px) {
  .home-page .hero.hero2 {
    padding-top: 150px;
  }
}

@media (min-width:901px) and (max-width:1280px) {
  .site-header {
    padding: 24px 24px 0;
    gap: 16px;
  }
  .egot-brand {
    margin-top: 0;
  }
  .header-logo,.logo-box {
    width: 176px;
    height: 66px;
  }
  .logo-box {
    padding: 5px 12px;
    border-radius: 15px;
  }
  .logo-box img {
    width: 150px !important;
    max-height: 54px !important;
  }
  .header-tagline {
    display: none;
  }
  .header-nav {
    flex: 1 1 auto;
    width: auto;
    height: 58px;
    padding: 5px 9px;
  }
  .header-tools {
    gap: 4px;
    margin-right: 5px;
  }
  .header-tool {
    flex-basis: 42px;
    min-width: 42px;
    padding: 5px 4px;
  }
  .nav-links a {
    padding: 10px 10px;
    font-size: 11px;
    letter-spacing: 1px;
  }
  .home-page .hero.hero2 {
    padding-top: 88px;
  }
}

@media (max-width:900px) {
  .site-header {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 20px 16px 0;
  }
  .site-header-spacer {
    display: none;
  }
  .egot-brand {
    margin-top: 0;
  }
  .header-logo {
    width: 190px;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }
  .logo-box {
    width: 180px;
    height: 65px;
    padding: 4px 10px;
    border-radius: 14px;
    flex-shrink: 0;
  }
  .logo-box img {
    width: 155px !important;
    max-width: 100% !important;
    max-height: 56px !important;
  }
  .header-tagline {
    position: static;
    display: inline-block;
    max-width: 100%;
    padding: 4px 8px;
    margin: 0;
    font-size: 8px;
    letter-spacing: 1.2px;
    white-space: normal;
  }
  .header-nav {
    position: static;
    width: min(100%,760px);
    height: auto;
    min-height: 54px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 7px;
    padding: 8px 10px;
    border-radius: 28px;
  }
  .header-tools {
    gap: 8px;
    margin: 0 8px 0 0;
  }
  .header-tool {
    flex: 0 0 42px;
    min-width: 42px;
    padding: 4px;
  }
  .nav-links {
    flex: 1 1 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
  }
  .nav-links a {
    padding: 8px 10px;
    font-size: 10px;
    letter-spacing: 1px;
  }
  .home-page .hero.hero2 {
    padding: 28px 0 48px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .header-tool,.tool-icon,.nav-links a {
    transition: none;
  }
}

.all-products-page .site-header-spacer,.product-detail-page .site-header-spacer {
  height: 164px;
}

.all-products-page .header-tagline,.product-detail-page .header-tagline {
  left: 0;
}

@media (max-width:900px) {
  .all-products-page .site-header-spacer,.product-detail-page .site-header-spacer {
    display: none;
    height: 0;
  }
  .all-products-page .header-tagline,.product-detail-page .header-tagline {
    left: auto;
  }
}

@media (min-width: 1281px) {
  header.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 29px 73px 0 130px !important;
    box-sizing: border-box !important;
  }
  header.site-header > div.header-nav {
    position: absolute !important;
    top: 29px !important;
    right: 73px !important;
    left: auto !important;
    width: min(904px,calc(100vw - 380px)) !important;
    max-width: 904px !important;
    min-width: 0 !important;
    height: 61px !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 5px 14px !important;
    box-sizing: border-box !important;
  }
  header.site-header > div.header-nav .header-tools {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 12px 0 0 !important;
  }
  header.site-header > div.header-nav .header-tool {
    flex: 0 0 88px !important;
    min-width: 88px !important;
  }
  header.site-header > div.header-nav .nav-links {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }
  header.site-header > div.header-nav .nav-links a {
    padding: 12px 22px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1281px) {
  header.site-header > div.header-nav {
    top: 29px !important;
    right: 73px !important;
    left: auto !important;
    width: min(780px,calc(100vw - 430px)) !important;
    max-width: 780px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 4px 10px !important;
    flex: 0 0 auto !important;
    border-radius: 32px !important;
  }
  header.site-header > div.header-nav .header-tools {
    gap: 4px !important;
    margin: 0 6px 0 0 !important;
  }
  header.site-header > div.header-nav .header-tool {
    flex: 0 0 56px !important;
    min-width: 56px !important;
    padding: 4px !important;
  }
  header.site-header > div.header-nav .nav-links {
    flex: 1 1 auto !important;
    justify-content: space-around !important;
    gap: 2px !important;
  }
  header.site-header > div.header-nav .nav-links a {
    padding: 9px 13px !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
  }
}

@media (min-width: 901px) and (max-width: 1280px) {
  header.site-header > div.header-nav {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    left: auto !important;
    width: min(780px,calc(100vw - 250px)) !important;
    max-width: 780px !important;
    height: 56px !important;
    min-height: 56px !important;
    flex: 0 0 auto !important;
    padding: 4px 9px !important;
    gap: 0 !important;
  }
  header.site-header > div.header-nav .header-tools {
    gap: 3px !important;
    margin: 0 5px 0 0 !important;
  }
  header.site-header > div.header-nav .header-tool {
    flex: 0 0 42px !important;
    min-width: 42px !important;
    padding: 4px !important;
  }
  header.site-header > div.header-nav .nav-links {
    flex: 1 1 auto !important;
    justify-content: space-around !important;
    gap: 1px !important;
  }
  header.site-header > div.header-nav .nav-links a {
    padding: 8px 9px !important;
    font-size: 10px !important;
    letter-spacing: .9px !important;
  }
}

.hero:not(.hero2) {
  position: relative;
  isolation: isolate;
  min-height: 610px;
  padding: 34px 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  overflow: visible;
}

.hero:not(.hero2) > .orb {
  display: none !important;
}

.hero:not(.hero2) > .badge {
  position: relative;
  z-index: 2;
  margin: 10px 0 18px;
  padding: 7px 15px;
  font-size: 12px;
  line-height: 1.2;
}

.hero:not(.hero2) > h1 {
  position: relative;
  z-index: 2;
  width: min(100%,1000px);
  margin: 0 auto;
  font-family: "Plus Jakarta Sans",sans-serif;
  font-size: clamp(48px,7.1vw,90px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.hero:not(.hero2) > h1 em {
  font-style: italic;
  background: linear-gradient(100deg,#ea580c,#c026d3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero:not(.hero2) > .sub {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 24px auto 0;
  padding: 0 18px;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--ink,#1d1a24);
}

.hero:not(.hero2) > p:not(.sub):not(.fine) {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 12px auto 26px !important;
  padding: 0 18px;
  line-height: 1.7;
  color: var(--muted,#5d5a66);
}

.hero:not(.hero2) > .pill {
  position: relative;
  z-index: 2;
  margin-top: 28px;
}

.hero:not(.hero2) > .fine {
  position: relative;
  z-index: 2;
  max-width: 90%;
  margin: 20px auto 0;
  padding: 0 12px;
  line-height: 1.8;
  font-size: 10px;
  letter-spacing: .12em;
}

.hero:not(.hero2) .blob,.hero:not(.hero2) .spk {
  pointer-events: none;
}

@media (max-width:900px) {
  .site-header-spacer {
    height: 120px;
  }
  .hero:not(.hero2) {
    min-height: 560px;
    padding-top: 28px;
  }
  .hero:not(.hero2) > h1 {
    font-size: clamp(43px,8vw,68px);
  }
  .hero:not(.hero2) > .sub {
    font-size: 15px;
    margin-top: 20px;
  }
}

@media (max-width:768px) {
  .site-header-spacer {
    display: none;
  }
  .hero:not(.hero2) {
    min-height: 0;
    padding: 22px 0 42px;
  }
  .hero:not(.hero2) > .badge {
    margin-top: 8px;
    margin-bottom: 16px;
  }
  .hero:not(.hero2) > h1 {
    font-size: clamp(40px,10vw,58px);
    padding: 0 10px;
  }
  .hero:not(.hero2) > .sub {
    font-size: 14px;
    line-height: 1.6;
  }
  .hero:not(.hero2) > .pill {
    margin-top: 22px;
  }
  .hero:not(.hero2) > .fine {
    font-size: 9px;
    letter-spacing: .08em;
  }
}

.compact-footer {
  position: relative;
  width: 100%;
  min-height: 420px;
  overflow: hidden;
  margin-top: -1px;
  color: #fff;
  text-align: left;
  font-size: 16px;
  line-height: normal;
  box-sizing: border-box;
  background: linear-gradient(to bottom,rgba(2,7,13,0) 0%,rgba(2,7,13,.35) 15%,#07111c 45%,#26456b 100%);
  border: none !important;
  box-shadow: none !important;
}

.compact-footer * {
  box-sizing: border-box;
}

.compact-footer a {
  color: inherit;
}

#footer-tagline1,#footer-tagline2 {
  color: #0e7fa4;
  font-weight: bold;
}

.compact-footer::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(to bottom,rgba(2,7,13,0),rgba(2,7,13,.18),rgba(2,7,13,.45));
  pointer-events: none;
  z-index: 1;
}

.footer-bg {
  position: absolute;
  inset: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-image: url('../img/bot-removebg-preview.png');
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  opacity: .55;
  z-index: 0;
}

.footer-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
  background: linear-gradient(90deg,rgba(2,7,13,.98) 0%,rgba(7,17,28,.94) 25%,rgba(10,30,54,.82) 48%,rgba(2,7,13,.58) 72%,rgba(2,7,13,.35) 100%);
}

.compact-footer-content {
  position: relative;
  z-index: 3;
  width: min(1200px,92%);
  min-height: 350px;
  margin: 0 auto;
  padding: 65px 0 45px;
  display: grid;
  grid-template-columns: 1.35fr .75fr 1.35fr .75fr;
  gap: 45px;
  align-items: center;
}

.footer-brand {
  align-self: center;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 80px;
  padding-top: 5px;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 15px;
  text-decoration: none;
}

.footer-logo img {
  width: 180px;
  height: 80px;
  display: block;
  object-fit: contain;
  max-width: none;
}

.footer-tagline {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 11px;
  line-height: 1.7;
  font-weight: 500;
  letter-spacing: .18em;
}

.footer-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  color: rgba(255,255,255,.48);
  font-size: 10px;
  letter-spacing: .15em;
}

.footer-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #39e58c;
  box-shadow: 0 0 12px rgba(57,229,140,.9);
  animation: egotPulse 1s ease-in-out infinite alternate;
}

@keyframes egotPulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: .35;
    transform: scale(1.5);
  }
}

.footer-label {
  margin-bottom: 18px;
  color: rgba(255,255,255,.38);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.footer-links a {
  width: fit-content;
  color: rgba(255,255,255,.68);
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .08em;
  transition: color .25s ease,transform .25s ease;
}

.footer-links a:hover {
  color: #fff;
  transform: translateX(5px);
}

.footer-address {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: rgba(255,255,255,.65);
  font-size: 11px;
  line-height: 1.7;
}

.footer-address>i {
  flex-shrink: 0;
  margin-top: 3px;
  color: #5ed8ff;
  font-size: 14px;
}

.footer-address div {
  display: flex;
  flex-direction: column;
}

.footer-address strong {
  margin-bottom: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.footer-locations {
  margin-top: 22px;
}

.location-title {
  display: block;
  margin-bottom: 11px;
  color: rgba(255,255,255,.32);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .17em;
}

.location-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.location-list span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.6);
  font-size: 9px;
  letter-spacing: .04em;
  transition: color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease;
}

.location-list span i {
  color: #5ed8ff;
  font-size: 9px;
}

.location-list span:hover {
  color: #fff;
  border-color: rgba(94,216,255,.4);
  background: rgba(94,216,255,.07);
  transform: translateY(-2px);
}

.footer-socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
  max-width: 100%;
}

.footer-socials a {
  width: 38px;
  height: 38px;
  min-width: 38px;
  flex: 0 0 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.045);
  backdrop-filter: blur(8px);
  text-decoration: none;
  transition: transform .25s ease,color .25s ease,background .25s ease,border-color .25s ease;
}

.footer-socials a:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.1);
}

.footer-socials .instagram:hover {
  color: #E4405F;
}

.footer-socials .linkedin:hover {
  color: #0A66C2;
}

.footer-socials .facebook:hover {
  color: #1877F2;
}

.footer-socials .youtube:hover {
  color: #ff3333;
}

.footer-socials .quora:hover {
  color: #b92b27;
}

.footer-socials .twitter-x:hover {
  color: #ffffff;
}

.footer-email {
  color: rgba(255,255,255,.6);
  font-size: 11px;
  letter-spacing: .03em;
  text-decoration: none;
  transition: color .25s ease;
}

.footer-email:hover {
  color: #fff;
}

.footer-phone {
  display: block;
  width: fit-content;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
  font-family: "Plus Jakarta Sans",sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .04em;
  transition: color .3s ease,transform .3s ease;
}

.footer-phone:hover {
  color: #00f3ff;
  transform: translateX(4px);
}

.footer-bottom {
  position: relative;
  z-index: 3;
  width: min(1200px,92%);
  min-height: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.35);
  font-size: 9px;
  letter-spacing: .12em;
}

.footer-legal-links {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  gap: 25px;
  white-space: nowrap;
}

.footer-legal-links a {
  color: #8a93a3;
  text-decoration: none;
  font-family: "Plus Jakarta Sans",sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: .3s ease;
}

.footer-legal-links a:hover {
  color: #00f0ff;
}

.footer-top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(255,255,255,.48);
  font-family: inherit;
  font-size: 9px;
  letter-spacing: .13em;
  cursor: pointer;
  transition: color .25s ease,transform .25s ease;
}

.footer-top i {
  font-size: 10px;
}

.footer-top:hover {
  color: #fff;
  transform: translateY(-2px);
}

.compact-footer .fx {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
}

.compact-footer .fx.fx-in {
  opacity: 1;
  transform: none;
}

.whatsapp-float {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 999;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(37,211,102,.25);
  transition: transform .3s ease,box-shadow .3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 15px 35px rgba(37,211,102,.4);
}

.whatsapp-float .tooltip {
  position: absolute;
  right: 63px;
  top: 50%;
  transform: translateY(-50%);
  padding: 7px 10px;
  border-radius: 5px;
  background: #fff;
  color: #111;
  font-family: "Plus Jakarta Sans",sans-serif;
  font-size: 10px;
  line-height: normal;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.whatsapp-float:hover .tooltip {
  opacity: 1;
}

@media (max-width:1000px) {
  .compact-footer-content {
    grid-template-columns: minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);
    gap: 30px;
    align-items: start;
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
  .footer-connect {
    display: block !important;
  }
  .footer-socials {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media (max-width:768px) {
  .footer-legal-links {
    position: static;
    transform: none;
    margin: 10px auto;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer-phone {
    font-size: 13px;
    margin-top: 8px;
  }
}

@media (max-width:700px) {
  .compact-footer {
    min-height: auto;
    background: linear-gradient(to bottom,#02070d 0%,#07111c 30%,#26456b 100%);
  }
  .footer-bg {
    background-position: 72% center;
    opacity: .35;
  }
  .footer-overlay {
    background: linear-gradient(90deg,rgba(2,7,13,.95) 0%,rgba(2,7,13,.82) 100%);
  }
  .compact-footer-content {
    width: 88%;
    grid-template-columns: 1fr 1fr;
    gap: 30px 25px;
    padding: 45px 0 30px;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
  .footer-office {
    display: block;
  }
  .footer-bottom {
    width: 88%;
    min-height: 55px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 48px;
    height: 48px;
    font-size: 22px;
  }
}

@media (max-width:450px) {
  .compact-footer-content {
    grid-template-columns: 1fr;
  }
  .footer-brand,.footer-column {
    grid-column: auto;
  }
  .footer-connect {
    display: block;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 0;
  }
}

.footer-connect {
  display: block;
}

.footer-socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width:700px) {
  .footer-connect {
    display: block !important;
  }
}

/* =========================================================
   HOMEPAGE HEADER POSITION — RESTORED TO THE REFERENCE
   Keep the logo at its original left position and the compact
   navigation pill at the original top-right position.
========================================================= */
@media (min-width: 1281px) {
  body.home-page header.site-header {
    padding: 29px clamp(28px, 3.86vw, 73px) 0
             clamp(32px, 6.87vw, 130px) !important;
  }

  body.home-page header.site-header .egot-brand {
    margin-top: 9px !important;
  }

  body.home-page header.site-header > div.header-nav {
    position: absolute !important;
    top: 29px !important;
    right: 73px !important;
    left: auto !important;
    width: min(780px, calc(100vw - 430px)) !important;
    max-width: 780px !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    flex: 0 0 auto !important;
    padding: 4px 10px !important;
    box-sizing: border-box !important;
    border-radius: 32px !important;
  }

  body.home-page header.site-header > div.header-nav .header-tools {
    gap: 4px !important;
    margin: 0 6px 0 0 !important;
  }

  body.home-page header.site-header > div.header-nav .header-tool {
    flex: 0 0 56px !important;
    min-width: 56px !important;
    padding: 4px !important;
  }

  body.home-page header.site-header > div.header-nav .nav-links {
    flex: 1 1 auto !important;
    justify-content: space-around !important;
    gap: 2px !important;
  }

  body.home-page header.site-header > div.header-nav .nav-links a {
    padding: 9px 13px !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
  }
}

/* =========================================================
   PRODUCT PAGE — FIRST / MAIN HERO HEADING ONLY
   Other headings and the homepage typography are unchanged.
========================================================= */
body.product-page .hero > h1 {
  font-weight: 800 !important;
}

/* Keep the homepage hero's existing vertical spacing. */
@media (min-width: 1281px) {
  body.egot-home-app .hero.hero2 {
    padding-top: 120px !important;
  }
}