/* Frame 194, measured at 1920. Loaded after sections.css. */

.is-phase {display: inline-block;
padding: 0 0.12em;
background: #5c0022;
color: #fff7f7;
font-weight: 800;
line-height: 1.15}

.tesae-hl {color: #cb1716}

.tesae-pill {display: inline-block;
padding: 0 0.2em;
background: #cb1716;
color: #ffffff;
font-weight: 800;
line-height: 1.15}

.tesae-nav a {color: #5c0022}

.tesae-header__brand,
.tesae-nav__bell-figma {display: none}

.tesae-nav a.tesae-button--primary,
.tesae-nav a.tesae-button--primary:hover,
.tesae-nav a.tesae-button--primary:focus-visible {color: #ffffff}

.tesae-footer__band {display: none}

.tesae-footer {position: relative;
background: #5c0022;
color: #ffffff}

.tesae-footer__bar {background: transparent}

.tesae-footer a {color: #ffffff}

/* ------------------------------------------------------------------ hero */

.tesae-hero {position: relative;
z-index: 2;
overflow: visible}

.tesae-hero__title {margin: 0;
color: #000000;
font-size: 65px;
font-weight: 200;
line-height: 1.1;
letter-spacing: 0}

.tesae-hero__title .is-phase {font-weight: 800}

.tesae-hero__text {margin: 0;
color: #1a1a1a;
font-size: 18px;
font-weight: 400;
line-height: 1.35}

.tesae-orbit__ambient {display: none}

.tesae-orbit__ring {border: 1px solid #e4e4e4;
border-radius: 50%}

.tesae-orbit__arc-live,
.tesae-orbit__spoke,
.tesae-orbit__hub,
.tesae-orbit__ticks {display: none}

.tesae-orbit__index {display: grid;
place-items: center;
width: 62px;
height: 62px;
border-radius: 50%;
background: #fd4046;
color: #ffffff;
font-size: 22px;
font-weight: 800}

.tesae-orbit__title {margin: 0;
color: #fd4046;
font-size: 28px;
font-weight: 800;
line-height: 1.5}

.tesae-orbit__roles {margin: 0;
padding: 0;
list-style: none}

.tesae-orbit__text {margin: 4px 0 0;
color: #1a1a1a;
font-size: 16px;
font-weight: 500;
line-height: 1.35}

.tesae-hero__note {margin: 0;
color: #5c0022;
font-size: 14px;
line-height: 1.35}

@media (min-width: 992px) {
  .tesae-hero__fit {position: relative;
  height: calc(940px * (100cqw / 1920px));
  overflow: visible}

  .tesae-hero__copy {position: absolute;
  z-index: 2;
  top: calc(150px * (100cqw / 1920px));
  left: calc(88px * (100cqw / 1920px));
  width: calc(420px * (100cqw / 1920px))}

  .tesae-hero__title {font-size: calc(65px * (100cqw / 1920px))}

  .tesae-hero__title .is-phase {position: relative;
  top: calc(-17px * (100cqw / 1920px));
  box-sizing: border-box;
  width: calc(262px * (100cqw / 1920px));
  height: calc(63px * (100cqw / 1920px));
  margin: 0 0 0 calc(-3px * (100cqw / 1920px));
  padding: 0 0 0 calc(3px * (100cqw / 1920px));
  line-height: calc(63px * (100cqw / 1920px));
  vertical-align: calc(-6px * (100cqw / 1920px))}

  .tesae-hero__text {width: calc(342px * (100cqw / 1920px));
  margin-top: calc(40px * (100cqw / 1920px));
  color: #000000;
  font-size: calc(20px * (100cqw / 1920px));
  font-weight: 400;
  line-height: 1.5}

  .tesae-hero__text strong {font-weight: 800}

  .tesae-orbit {position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 1920px;
  height: 900px;
  margin-left: -960px;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top center}

  .tesae-orbit img {max-width: none}

  .tesae-orbit__glow {position: absolute;
  z-index: 0;
  top: 124px;
  left: 547px;
  width: 825px;
  height: 825px;
  background: radial-gradient(circle, #ffffff 0%, rgba(246, 246, 246, 0) 100%);
  pointer-events: none}

  .tesae-orbit__ring {position: absolute;
  z-index: 2;
  top: 165.225px;
  left: 689.991px;
  width: 530px;
  height: 529px}

  .tesae-orbit__arc {position: absolute;
  z-index: 2;
  top: 76px;
  left: 641px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 667.664px;
  height: 688.533px}

  .tesae-orbit__arc-spin {position: relative;
  flex: none;
  width: 475.989px;
  height: 526.582px;
  transform: rotate(-28.04deg)}

  .tesae-orbit__arc-spin img {position: absolute;
  top: -3.002px;
  left: -2.475px;
  width: 481.487px;
  height: 532.582px}

  .tesae-orbit__mydata {position: absolute;
  top: 81px;
  left: 1251.108px;
  width: 170.077px;
  height: 76.087px;
  overflow: hidden}

  .tesae-orbit__mydata img {position: absolute;
  top: -58.55%;
  left: -27.32%;
  width: 186.94%;
  height: 234.87%}

  .tesae-orbit__aade {position: absolute;
  top: 132.659px;
  left: 1336.668px;
  width: 93.632px;
  height: 24.215px;
  overflow: hidden}

  .tesae-orbit__aade img {position: absolute;
  top: 0;
  left: -69.34%;
  width: 205.93%;
  height: 220%}

  .tesae-orbit__glyph {position: absolute;
  z-index: 2;
  top: 259.669px;
  left: 764.412px;
  width: 379.488px;
  height: 337.054px}

  .tesae-orbit__connector {position: absolute;
  z-index: 2;
  top: 115.722px;
  left: 945px;
  width: 291px;
  height: 316.5px}

  .tesae-hero__note,
  .tesae-orbit__mark {position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)}

  .tesae-orbit__roles {position: absolute;
  inset: 0;
  margin: 0;
  overflow: visible}

  .tesae-orbit__title,
  .tesae-orbit__text {z-index: 1}

  .tesae-orbit__role {position: static;
  margin: 0}

  .tesae-orbit__title,
  .tesae-orbit__text {position: absolute;
  margin: 0;
  text-box: trim-both cap alphabetic}

  .tesae-orbit__title {font-size: 28px;
  font-weight: 800;
  line-height: 1.5}

  .tesae-orbit__text {color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.42}

  .tesae-orbit__role--1 .tesae-orbit__title {top: 91px;
  left: 615px;
  width: 221px;
  color: #fd4046}

  .tesae-orbit__role--1 .tesae-orbit__text {top: 135px;
  left: 615px;
  width: 255px}

  .tesae-orbit__role--2 .tesae-orbit__title {top: 413.222px;
  left: 1259px;
  width: 221px;
  color: #cb1716}

  .tesae-orbit__role--2 .tesae-orbit__text {top: 460px;
  left: 1259px;
  width: 308px}

  .tesae-orbit__role--3 .tesae-orbit__title {top: 689px;
  left: 615px;
  width: 221px;
  color: #5c0022}

  .tesae-orbit__role--3 .tesae-orbit__text {top: 735.778px;
  left: 618px;
  width: 254px}

  .tesae-orbit__index {position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 61.8336px;
  height: 61.8336px;
  border-radius: 0;
  background: none;
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  cursor: default}

  .tesae-orbit__index-ring,
  .tesae-orbit__index-disc {position: absolute;
  display: block}

  .tesae-orbit__index-ring {top: 0;
  left: 0;
  width: 61.8336px;
  height: 61.8336px}

  .tesae-orbit__index-disc {top: 9.049px;
  left: 7.541px;
  width: 45.2441px;
  height: 45.2441px}

  .tesae-orbit__role--2 .tesae-orbit__index-disc {content: url("../img/frame/orbit-disc-2-brand.svg")}

  .tesae-orbit__index span {position: relative;
  z-index: 1}

  .tesae-orbit__role--1 .tesae-orbit__index {top: 169.1px;
  left: 793.785px}

  .tesae-orbit__role--2 .tesae-orbit__index {top: 393.036px;
  left: 1182.697px}

  .tesae-orbit__role--3 .tesae-orbit__index {top: 621.671px;
  left: 790.785px}

  .tesae-hero__portrait {position: absolute;
  top: calc(10px * (100cqw / 1920px));
  right: 15px;
  z-index: 3;
  width: calc(519px * (100cqw / 1920px));
  height: calc(892px * (100cqw / 1920px));
  pointer-events: none}

  .tesae-hero__photo,
  .tesae-hero__elbow {position: absolute;
  margin: 0;
  overflow: hidden;
  border-radius: 10px}

  .tesae-hero__photo {top: 0;
  left: calc(73px * (100cqw / 1920px));
  z-index: 1;
  width: calc(446px * (100cqw / 1920px));
  height: calc(848px * (100cqw / 1920px))}

  .tesae-hero__elbow {top: calc(412px * (100cqw / 1920px));
  left: 0;
  z-index: 2;
  width: calc(195px * (100cqw / 1920px));
  height: calc(480px * (100cqw / 1920px))}

  .tesae-hero__scroll {position: absolute;
  top: calc(723px * (100cqw / 1920px));
  left: calc(86px * (100cqw / 1920px));
  z-index: 4;
  display: block;
  width: calc(45px * (100cqw / 1920px));
  height: calc(59px * (100cqw / 1920px));
  line-height: 0}

  .tesae-hero__scroll img {display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  animation: tesae-hero-scroll-bob 1.7s ease-in-out infinite}

  .tesae-hero__scroll:hover {transform: translateY(-2px)}

  .tesae-hero__scroll:hover img {animation-play-state: paused}

  .tesae-hero__scroll:focus-visible {outline: 2px solid #cb1716;
  outline-offset: 4px}

  @media (prefers-reduced-motion: reduce) {
    .tesae-hero__scroll img {animation: none}
  }

  .tesae-hero__photo img {position: absolute;
  top: 0;
  left: -103.87%;
  width: 345.85%;
  height: 121.34%;
  max-width: none}

  .tesae-hero__elbow img {position: absolute;
  top: -85.83%;
  left: -200.64%;
  width: 791.02%;
  height: 214.37%;
  max-width: none}

}

/* --------------------------------------------------------------- deadline */

.tesae-deadline {position: relative;
z-index: 1;
margin-top: -28px;
padding: 97px 0 108px;
background: #fff7f7}

.tesae-deadline__mechanic {display: none}

.tesae-deadline::before {content: '';
position: absolute;
inset: 0;
background: url('../img/frame/footer-mark.svg') -220px -160px / 920px repeat;
opacity: 0.045;
pointer-events: none}

.tesae-deadline .tesae-container {position: relative;
z-index: 1}

.tesae-deadline__panel {width: min(1739px, 100%);
height: 420px;
margin-inline: auto;
padding: 0;
border-radius: 22px;
background: #cb1716;
color: #ffffff}

.tesae-deadline__offer {display: grid;
grid-template-columns: minmax(0, 1fr) min(846px, 46vw);
gap: 0;
align-items: end;
height: 100%;
padding: 48px 40px 88px 42px}

.tesae-deadline__top {display: grid;
grid-template-columns: minmax(0, 810px) minmax(0, 578px);
justify-content: space-between;
gap: 32px;
align-items: start;
margin-bottom: 53px}

.tesae-deadline__title {margin: 0;
color: #5c0022;
font-size: clamp(32px, 45px * (100cqw / 1920px), 45px);
font-weight: 300;
line-height: 1.31}

.tesae-deadline__title strong {font-weight: 800}

.tesae-deadline__text {margin: 0;
max-width: 578px;
justify-self: end;
color: #5c0022;
font-size: 18px;
line-height: 1.45}

.tesae-deadline__offer-title {margin: 0;
color: #ffffff;
font-size: clamp(28px, 45px * (100cqw / 1920px), 45px);
font-weight: 300;
line-height: 1}

.tesae-deadline__offer-title .tesae-hl {display: inline-block;
padding: 0 0.15em;
background: #fff7f7;
color: #cb1716;
font-weight: 800;
line-height: 1.15}

.tesae-deadline__offer-text {margin: 16px 0 24px;
color: #ffffff;
font-size: 18px;
line-height: 1.4}

.tesae-deadline .tesae-button--primary {width: 249px;
height: 60px;
min-height: 60px;
border-radius: 5px;
background: #5c0022;
color: #ffffff}

.tesae-deadline .tesae-button--primary:hover,
.tesae-deadline .tesae-button--primary:focus-visible {background: #3d0016;
color: #ffffff}

.tesae-countdown__label {margin: 0 0 32px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 1}

.tesae-countdown__mobile-status {display: none}

.tesae-deadline .tesae-countdown {width: min(846px, 100%);
justify-self: end}

.tesae-deadline .tesae-countdown__box {display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
height: calc(213px * (100cqw / 1920px));
border-radius: 10px;
background: #5c0022;
box-shadow: inset 0 4px 51.5px rgba(0, 0, 0, 0.37)}

.tesae-deadline .tesae-countdown__unit {position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 0;
padding: 0;
border-radius: 0;
background: transparent;
color: #ffffff}

.tesae-deadline .tesae-countdown__unit + .tesae-countdown__unit::before {content: '';
position: absolute;
top: 22%;
left: 0;
width: 1px;
height: 56%;
background: rgba(255, 255, 255, 0.85)}

.tesae-deadline .tesae-countdown__value {font-size: calc(36px * (100cqw / 1920px));
font-weight: 800;
line-height: 1}

.tesae-deadline .tesae-countdown__name {margin-top: 8px;
font-size: calc(22px * (100cqw / 1920px));
font-weight: 400;
line-height: 1.6}

@media (min-width: 992px) {
  /* 1889 plate centered in main (cqw/% avoid 100vw scrollbar asymmetry). */
  .tesae-deadline {width: calc(100% * 1889 / 1920);
  height: calc(796px * 100cqw / 1920px);
  margin-top: calc(-68px * 100cqw / 1920px);
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  border-radius: calc(10px * 100cqw / 1920px);
  background: #f5f5f5}

  .tesae-deadline::before {z-index: 0;
  border-radius: inherit;
  background: url('../img/frame/deadline-pattern.svg') 0 0 / 100% 100% no-repeat;
  opacity: 1;
  filter: brightness(0) invert(1);
  mix-blend-mode: color-dodge}

  .tesae-deadline::after {content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: #f5f5f5;
  opacity: 1;
  pointer-events: none}

  .tesae-deadline .tesae-container {width: 1889px;
  max-width: none;
  height: 796px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left}

  .tesae-deadline__top {display: block;
  height: 0;
  margin: 0}

  .tesae-deadline__title {position: absolute;
  top: 97px;
  left: 78px;
  width: 810px;
  margin: 0;
  color: #5c0022;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  text-box: trim-both cap alphabetic}

  .tesae-deadline__text {position: absolute;
  top: 102px;
  left: 1236px;
  width: 578px;
  max-width: none;
  margin: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-deadline__panel {position: absolute;
  top: 268px;
  left: 75px;
  width: 1739px;
  height: 420px;
  margin: 0;
  border-radius: 10px;
  background: #cb1716;
  box-shadow: 0 16px 53.4px rgba(0, 0, 0, 0.43)}

  .tesae-deadline__offer {display: block;
  height: auto;
  padding: 0}

  .tesae-deadline__offer-title {position: absolute;
  top: 78px;
  left: 42px;
  width: auto;
  margin: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-deadline__offer-title .tesae-hl {display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 42px;
  margin: 0 0 0 -4px;
  padding: 0;
  background: #ffffff;
  color: #cb1716;
  font-weight: 800;
  line-height: 1;
  vertical-align: 0;
  text-box: none}

  .tesae-deadline__offer-text {position: absolute;
  top: 163px;
  left: 42px;
  width: 658px;
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-deadline .tesae-button--primary {position: absolute;
  top: 272px;
  left: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 249px;
  height: 59.643px;
  min-height: 0;
  padding: 0;
  border-radius: 5px;
  background: #5c0022;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6}

  .tesae-deadline .tesae-countdown {position: absolute;
  top: 73px;
  left: 853px;
  width: 846px}

  .tesae-deadline .tesae-countdown__label {margin: 0 0 32px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  text-box: trim-both cap alphabetic}

  .tesae-deadline .tesae-countdown__box {display: grid;
  grid-template-columns: 287.26px 280.22px 278.48px;
  width: 845.961px;
  height: 213px;
  border-radius: 10px;
  background: #5c0022;
  box-shadow: inset 0 4px 51.5px rgba(0, 0, 0, 0.37)}

  .tesae-deadline .tesae-countdown__unit {position: relative;
  display: block;
  height: 213px}

  .tesae-deadline .tesae-countdown__unit + .tesae-countdown__unit::before {top: 52.16px;
  left: 0;
  width: 1px;
  height: 120.391px;
  background: #ffffff}

  .tesae-deadline .tesae-countdown__value {position: absolute;
  top: 66px;
  right: 0;
  left: 0;
  margin: 0;
  color: #ffffff;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-box: trim-both cap alphabetic}

  .tesae-deadline .tesae-countdown__name {position: absolute;
  top: 133px;
  right: 0;
  left: 0;
  margin: 0;
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  text-box: trim-both cap alphabetic}
}

/* ------------------------------------------------------------------- why */

.tesae-why {margin-top: 130px;
padding-top: 130px;
padding-bottom: 115px}

.tesae-why__layout {display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(0, 1012px);
gap: 40px 68px;
align-items: start}

.tesae-why__title {max-width: 537px;
margin: 0;
color: #5c0022;
font-size: clamp(32px, 36px * (100cqw / 1920px), 36px);
font-weight: 300;
line-height: 1.2}

.tesae-why__title strong {font-weight: 800}

.tesae-why__lead {max-width: 623px;
min-height: 121px;
margin-top: 59px;
color: #5c0022;
font-size: 18px;
line-height: 1.45}

.tesae-why__stats {position: relative;
display: flex;
flex-direction: column;
gap: 52px;
margin: 50px 0 0;
padding: 82px 0 0;
border-top: 0;
list-style: none}

.tesae-why__stats::before {content: '';
position: absolute;
top: 0;
left: 0;
width: 77px;
height: 1px;
background: rgba(92, 0, 34, 0.35)}

.tesae-why__stat {position: relative;
display: block;
padding: 4px 0 4px 56px;
border-radius: 0;
background: transparent;
color: #000000;
font-size: 20px;
font-weight: 300;
line-height: 1.26}

.tesae-why__stat::before {content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 38px;
background: url('../img/frame/check.png') center / contain no-repeat}

.tesae-why__stat strong {font-size: 28px;
font-weight: 800}

.tesae-why__grid {display: grid;
grid-template-columns: repeat(2, minmax(0, 472px));
gap: 26px 68px;
justify-content: end;
margin: 0;
padding: 0;
list-style: none}

.tesae-why__card {position: relative;
min-height: 294px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.08))}

.tesae-why__card:hover,
.tesae-why__card:focus-within {box-shadow: none}

.tesae-why__card .tesae-card__face {min-height: 294px;
padding: 72px 28px 28px;
background: #ffffff;
clip-path: polygon(12px 0, calc(100% - 58px) 0, calc(100% - 58px) 57px, 100% 57px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px)}

.tesae-card__tab {position: absolute;
top: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 57px;
border-radius: 8px;
background: #cb1716}

.tesae-card__tab img {width: 28px;
height: 22px;
object-fit: contain}

.tesae-why__card .tesae-h3 {color: #5c0022;
font-weight: 800}

.tesae-why__text {color: #1a1a1a}

.tesae-why__shape,
.tesae-why__check,
.tesae-why__dots {display: none}

@media (min-width: 992px) {
  .tesae-why {width: calc(100% * 1889 / 1920);
  height: calc(876px * 100cqw / 1920px);
  margin-top: calc(130px * 100cqw / 1920px);
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  border-radius: calc(10px * 100cqw / 1920px);
  background: #f5f5f5}

  .tesae-why .tesae-container {position: relative;
  display: block;
  width: 1889px;
  max-width: none;
  height: 876px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left}

  .tesae-why__intro,
  .tesae-why__grid {display: block;
  height: 0;
  margin: 0}

  .tesae-why__title {position: absolute;
  top: 130px;
  left: 75px;
  width: 537px;
  max-width: none;
  margin: 0;
  color: #5c0022;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  text-box: trim-both cap alphabetic}

  .tesae-why__lead {position: absolute;
  top: 275px;
  left: 75px;
  width: 623px;
  max-width: none;
  min-height: 0;
  margin: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-why__stats {position: static;
  height: 0;
  margin: 0;
  padding: 0;
  gap: 0}

  .tesae-why__stats::before {top: 444px;
  left: 72px;
  width: 77px;
  height: 4px;
  background: url('../img/frame/why-line.svg') 0 0 / 77px 4px no-repeat}

  .tesae-why__stat {position: absolute;
  left: 75px;
  width: 450px;
  height: 38px;
  margin: 0;
  padding: 5px 0 0 59px;
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-why__stat:nth-child(1) {top: 523px}

  .tesae-why__stat:nth-child(2) {top: 615px}

  .tesae-why__stat:nth-child(3) {top: 706px;
  line-height: 1.5;
  letter-spacing: -0.56px}

  .tesae-why__stat::before {content: none}

  .tesae-why__stat strong {font-size: 28px;
  font-weight: 800}

  /* Figma 4392:688 — viewBox padded ±1.5 for stroke; align group origin at 0,0. */
  .tesae-why__check {position: absolute;
  top: -1.5px;
  left: -1.5px;
  display: block;
  width: 42.52px;
  height: 41px;
  max-width: none}

  .tesae-why__grid {padding: 0}

  .tesae-why__card {position: absolute;
  width: 472px;
  height: 294px;
  min-height: 0;
  filter: none;
  transition: transform 0.25s ease}

  .tesae-why__card:hover,
  .tesae-why__card:focus-within {transform: translateY(-6px);
  box-shadow: none}

  .tesae-why__card:nth-child(1) {top: 130px;
  left: 807px}

  .tesae-why__card:nth-child(2) {top: 128px;
  left: 1347px}

  .tesae-why__card:nth-child(3) {top: 450px;
  left: 807px}

  .tesae-why__card:nth-child(4) {top: 450px;
  left: 1347px}

  .tesae-why__plate {position: absolute;
  inset: 0;
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.08))}

  .tesae-why__shape {position: absolute;
  inset: 0;
  display: block;
  width: 472px;
  height: 294px;
  max-width: none;
  transform: scaleX(-1)}

  .tesae-why__card .tesae-card__face {min-height: 0;
  padding: 0;
  background: transparent;
  clip-path: none}

  .tesae-why__card .tesae-card__tab {top: 0;
  right: 0;
  width: 57.78px;
  height: 57.1px;
  border-radius: 10px;
  background: #cb1716}

  .tesae-why__card .tesae-card__tab img {width: auto;
  height: auto;
  max-width: none;
  object-fit: none}

  .tesae-why__card .tesae-h3 {position: absolute;
  margin: 0;
  color: #5c0022;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.29;
  text-box: trim-both cap alphabetic}

  .tesae-why__card .tesae-why__text {position: absolute;
  margin: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-box: trim-both cap alphabetic}

  .tesae-why__card:nth-child(1) .tesae-h3 {top: 55.5px;
  left: 63px;
  width: 285px}

  .tesae-why__card:nth-child(1) .tesae-why__text {top: 146.5px;
  left: 63px;
  width: 361px}

  .tesae-why__card:nth-child(2) .tesae-h3 {top: 41px;
  left: 47px;
  width: 297px}

  .tesae-why__card:nth-child(2) .tesae-why__text {top: 132px;
  left: 47px;
  width: 397px}

  .tesae-why__card:nth-child(3) .tesae-h3 {top: 56px;
  left: 63px;
  width: 252px}

  .tesae-why__card:nth-child(3) .tesae-why__text {top: 147px;
  left: 63px;
  width: 332px}

  .tesae-why__card:nth-child(4) .tesae-h3 {top: 55.5px;
  left: 47px;
  width: 299px}

  .tesae-why__card:nth-child(4) .tesae-why__text {top: 146.5px;
  left: 47px;
  width: 378px}
}

/* ---------------------------------------------------------- transactions */

.tesae-tx {margin-top: 130px;
padding-top: 0}

.tesae-tx__header {gap: 37px;
max-width: 923px;
margin-bottom: 65px}

.tesae-tx__header .tesae-h2 {font-size: 32px;
font-weight: 800;
line-height: 1}

.tesae-tx__header .tesae-lead,
.tesae-tx__header p {max-width: 748px;
margin-inline: auto;
font-size: 18px;
line-height: 1.44}

.tesae-tx__grid {align-items: stretch;
gap: 43px;
padding-top: 0}

.tesae-tx__body {position: static;
padding: 0}

.tesae-tx__card,
.tesae-tx__card:nth-child(1),
.tesae-tx__card:nth-child(2),
.tesae-tx__card:nth-child(3) {position: relative;
min-height: 0;
padding: 0;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
color: #1a1a1a;
box-shadow: none;
filter: none}

.tesae-tx__face {position: relative;
min-height: 632px;
padding: 96px 42px 36px;
background: #ffffff;
color: inherit;
clip-path: polygon(12px 0, calc(100% - 246px) 0, calc(100% - 246px) 75px, 100% 75px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px)}

.tesae-tx__card:nth-child(2) .tesae-tx__face {background: #5c0022;
color: #ffffff}

.tesae-tx__mark {position: absolute;
right: 8px;
bottom: 0;
z-index: 1;
width: 115px;
height: auto;
pointer-events: none}

.tesae-tx__code {position: absolute;
top: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 246px;
height: 75px;
padding: 0 16px;
border-radius: 8px;
background: #cb1716;
color: #ffffff;
font-size: 20px;
font-weight: 800;
letter-spacing: 0.02em}

.tesae-tx__card:nth-child(2) .tesae-tx__code {background: #cb1716;
color: #ffffff}

.tesae-tx__card:nth-child(3) .tesae-tx__code {background: #5c0022}

.tesae-tx__title {font-weight: 700}

.tesae-checklist li {position: relative;
padding-left: 28px}

.tesae-tx__bullets li,
.tesae-app__features li {padding-left: 48px}

.tesae-tx__bullets li::before {content: "";
position: absolute;
top: 0.15em;
left: 0;
width: 36px;
height: 34px;
background: url('../img/frame/tx-check.svg') center / contain no-repeat;
filter: none;
-webkit-mask: none;
mask: none}

/* White checks only on the dark middle face (non-desk / open), not on the
   light #F5F5F5 plate where they wash out against the other cards. */
.tesae-tx__card:nth-child(2) .tesae-tx__face {color: #ffffff}

.tesae-tx__card:nth-child(2) .tesae-tx__face .tesae-tx__bullets li::before {background: url('../img/frame/tx-check-white.svg') center / contain no-repeat}

.tesae-app__features li::before,
.tesae-solution__items li::before {content: "";
position: absolute;
top: 0.15em;
left: 0;
width: 36px;
height: 32px;
background: url('../img/frame/check.png') center / contain no-repeat;
mask: none}

.tesae-tx__plate {display: none}

@media (min-width: 992px) {
  .tesae-tx {height: calc(818px * (100cqw / 1920px));
  margin-top: calc(130px * (100cqw / 1920px));
  padding: 0}

  .tesae-tx .tesae-container {position: relative;
  width: 1920px;
  max-width: none;
  height: 818px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left}

  .tesae-tx__header {position: static;
  max-width: none;
  height: 0;
  margin: 0;
  gap: 0}

  .tesae-tx__header .tesae-h2 {position: absolute;
  top: 0;
  left: calc(50% + 0.5px);
  width: 923px;
  margin: 0;
  transform: translateX(-50%);
  color: #5c0022;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  text-box: trim-both cap alphabetic}

  .tesae-tx__header .tesae-h2 strong {font-weight: 800}

  .tesae-tx__header .tesae-lead,
  .tesae-tx__header p {position: absolute;
  top: 69px;
  left: 50%;
  width: 748px;
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-box: trim-both cap alphabetic}

  /* 3×553 + 2×43 = 1745 — same rhythm as Figma lefts 87 / 683 / 1279. */
  .tesae-tx__grid {position: absolute;
  top: 186px;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 553px);
  column-gap: 43px;
  justify-content: center;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none}

  .tesae-tx__card {position: relative;
  top: auto;
  left: auto;
  width: 553px;
  height: 632px;
  min-height: 0;
  margin: 0;
  filter: none;
  transition: transform 0.25s ease}

  .tesae-tx__card:hover,
  .tesae-tx__card:focus-within {transform: translateY(-6px);
  box-shadow: none}

  .tesae-tx__plate {position: absolute;
  inset: 0;
  display: block;
  transform: scaleX(-1);
  pointer-events: none;
  filter: none}

  .tesae-tx__shape {position: absolute;
  top: -21px;
  left: -26px;
  display: block;
  width: 649px;
  height: 728px;
  max-width: none}

  .tesae-tx__face,
  .tesae-tx__card:nth-child(2) .tesae-tx__face {position: static;
  min-height: 0;
  padding: 0;
  background: transparent;
  color: #000000;
  clip-path: none}

  .tesae-tx__body,
  .tesae-tx__summary,
  .tesae-tx__heading,
  .tesae-tx__details {position: static;
  display: block;
  padding: 0}

  .tesae-tx__code,
  .tesae-tx__card:nth-child(2) .tesae-tx__code,
  .tesae-tx__card:nth-child(3) .tesae-tx__code {top: 0;
  right: 0;
  justify-content: flex-end;
  width: 246px;
  height: 75px;
  padding: 0 31px 0 0;
  border-radius: 10px;
  background: transparent;
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.26;
  letter-spacing: 0;
  text-box: trim-both cap alphabetic}

  .tesae-tx__card .tesae-tx__title {position: absolute;
  top: 92px;
  left: 43px;
  margin: 0;
  color: #410018;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.22;
  text-box: trim-both cap alphabetic}

  .tesae-tx__card:nth-child(1) .tesae-tx__title {width: 398px}

  .tesae-tx__card:nth-child(2) .tesae-tx__title {left: 42px;
  width: 500px}

  .tesae-tx__card:nth-child(3) .tesae-tx__title {left: 41px;
  width: 184px}

  .tesae-tx__bullets {position: absolute;
  top: 215px;
  left: 43px;
  width: 412px;
  margin: 0;
  padding: 0;
  gap: 0}

  .tesae-tx__card:nth-child(2) .tesae-tx__bullets {left: 42px;
  width: 479px}

  .tesae-tx__card:nth-child(3) .tesae-tx__bullets {left: 41px;
  width: 493px}

  .tesae-tx__bullets li {margin: 0;
  padding-left: 49px;
  color: #000000;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.43;
  text-box: trim-both cap alphabetic}

  .tesae-tx__card:nth-child(1) .tesae-tx__bullets li:nth-child(1) {margin-bottom: 41.16px}

  .tesae-tx__card:nth-child(1) .tesae-tx__bullets li:nth-child(2) {margin-bottom: 48.7px}

  .tesae-tx__card:nth-child(1) .tesae-tx__bullets li:nth-child(3) {margin-bottom: 45.7px}

  .tesae-tx__card:nth-child(1) .tesae-tx__bullets li:nth-child(4) {margin-bottom: 44.16px}

  .tesae-tx__card:nth-child(2) .tesae-tx__bullets li:nth-child(1) {margin-bottom: 46.7px}

  .tesae-tx__card:nth-child(2) .tesae-tx__bullets li:nth-child(2) {margin-bottom: 43.7px}

  .tesae-tx__card:nth-child(2) .tesae-tx__bullets li:nth-child(3) {margin-bottom: 45.16px}

  .tesae-tx__card:nth-child(2) .tesae-tx__bullets li:nth-child(4) {margin-bottom: 48.16px}

  .tesae-tx__card:nth-child(3) .tesae-tx__bullets li:nth-child(1) {margin-bottom: 44.16px}

  .tesae-tx__card:nth-child(3) .tesae-tx__bullets li:nth-child(2) {margin-bottom: 45.7px}

  .tesae-tx__card:nth-child(3) .tesae-tx__bullets li:nth-child(3) {margin-bottom: 45.16px}

  .tesae-tx__card:nth-child(3) .tesae-tx__bullets li:nth-child(4) {margin-bottom: 46.7px}

  .tesae-tx__bullets li::before {top: -6px;
  left: 0;
  width: 35.36px;
  height: 34px;
  background: url('../img/frame/tx-check.svg') center / contain no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}

  /* Desk plates are all #F5F5F5 — same maroon check as cards 1 and 3. */
  .tesae-tx__card:nth-child(2) .tesae-tx__bullets li::before,
  .tesae-tx__card:nth-child(2) .tesae-tx__face .tesae-tx__bullets li::before {background: url('../img/frame/tx-check.svg') center / contain no-repeat}

  .tesae-tx__mark {right: 15px;
  bottom: 22px;
  width: 115px;
  height: 102px}

  .tesae-tx__card:nth-child(2) .tesae-tx__mark {width: 116px}

  .tesae-tx__card:nth-child(3) .tesae-tx__mark {right: 19px;
  bottom: 26px}
}

/* ------------------------------------------------------------------- app */

.tesae-app {position: relative;
overflow: visible;
height: 756px;
margin-top: 131px;
margin-bottom: 0;
padding-block: 0;
background: #5c0022;
color: #ffffff}

.tesae-app::before {content: '';
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.14);
pointer-events: none;
-webkit-mask: url('../img/frame/footer-mark.svg') -30px -20px / 420px repeat;
mask: url('../img/frame/footer-mark.svg') -30px -20px / 420px repeat}

.tesae-app__inner {position: relative;
display: grid;
grid-template-columns: minmax(0, 546px) 347px minmax(280px, 457px);
gap: 32px;
align-items: start;
justify-content: space-between;
height: 100%;
padding-top: 69px}

.tesae-app__copy h2,
.tesae-app__copy .tesae-lead {color: #ffffff}

.tesae-app__copy,
.tesae-app__features {padding-top: 64px}

.tesae-app__phone {position: absolute;
top: 69px;
left: 781px;
z-index: 3;
width: 347px;
height: 750px;
margin: 0;
overflow: hidden;
border-radius: 46px;
background: #141414}

.tesae-app__screen {width: 100%;
height: 100%}

.tesae-app__screen img,
.tesae-app__screen video {display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top}

.tesae-app__badge {position: absolute;
top: 551px;
left: 94px;
margin-top: 0}

.tesae-app__badge img {width: 252px;
height: auto}

.tesae-app__features {color: #ffffff}

.tesae-app__features {grid-column: 3;
width: 457px;
max-width: 100%;
justify-self: end;
margin-right: 7px}

.tesae-app__features li {margin-bottom: 18px}

.tesae-app__features li::before {background: url('../img/frame/check.png') center / contain no-repeat}

.tesae-app__wash,
.tesae-app__pattern,
.tesae-app__x,
.tesae-app__store,
.tesae-app__hands,
.tesae-app__device,
.tesae-app__play {display: none}

@media (min-width: 992px) {
  .tesae-app {z-index: 2;
  width: calc(1920px * (100cqw / 1920px));
  height: calc(756px * (100cqw / 1920px));
  margin-top: calc(131px * (100cqw / 1920px));
  padding: 0;
  overflow: visible;
  background: #5c0022;
  color: #ffffff}

  .tesae-app::before {display: none}

  .tesae-app__inner {position: relative;
  display: block;
  width: 1920px;
  max-width: none;
  height: 756px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left}

  .tesae-app__wash {position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  display: block;
  width: 1920px;
  height: 757px;
  background: linear-gradient(to bottom, #73002c 39.389%, rgba(115, 0, 44, 0) 229.1%);
  pointer-events: none}

  .tesae-app__pattern {position: absolute;
  top: 231px;
  left: 28px;
  z-index: 0;
  display: block;
  width: 1604px;
  height: 525px;
  overflow: hidden;
  pointer-events: none}

  .tesae-app__mark {position: absolute;
  width: 270.4px;
  height: 240.16px;
  max-width: none}

  .tesae-app__copy,
  .tesae-app__features {padding-top: 0}

  .tesae-app__copy {position: static}

  .tesae-app__copy h2 {position: absolute;
  top: 133px;
  left: 94px;
  z-index: 2;
  margin: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-app__copy .tesae-lead {position: absolute;
  top: 231px;
  left: 94px;
  z-index: 2;
  width: 546px;
  max-width: none;
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-app__badge {position: absolute;
  top: 551px;
  left: 94px;
  z-index: 2;
  width: 252px;
  height: 75px;
  margin: 0;
  overflow: hidden}

  .tesae-app__badge img {display: none}

  .tesae-app__badge .tesae-app__play {position: absolute;
  top: -145.92%;
  left: -8.54%;
  display: block;
  width: 117.07%;
  height: 391.84%;
  max-width: none}

  .tesae-app__phone {position: static;
  top: auto;
  left: auto;
  z-index: auto;
  width: 0;
  height: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent}

  .tesae-app__screen {display: none}

  .tesae-app__device {position: static;
  display: block}

  .tesae-app__device-screen {position: absolute;
  top: 69.35px;
  left: 780.67px;
  z-index: 3;
  width: 347.05px;
  height: 755.25px;
  overflow: hidden;
  border-radius: 33px}

  .tesae-app__device-screen img,
  .tesae-app__device-screen video {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover}

  .tesae-app__device-screen img {top: -22px;
  height: calc(100% + 22px)}

  .tesae-app__device-frame {position: absolute;
  top: 54.28px;
  left: 766.71px;
  z-index: 4;
  width: 373.74px;
  height: 784.2px;
  max-width: none;
  transform: rotate(-0.07deg)}

  .tesae-app__device-status {display: none}

  .tesae-app__hands {position: absolute;
  top: -47.05px;
  left: 572px;
  z-index: 3;
  display: block;
  width: 755.98px;
  height: 994.02px;
  overflow: hidden;
  transform: rotate(-0.53deg);
  mix-blend-mode: multiply;
  pointer-events: none}

  .tesae-app__hands img {position: absolute;
  top: 0;
  left: -67.67%;
  width: 234.98%;
  height: 100%;
  max-width: none}

  .tesae-app__features {position: absolute;
  top: 137px;
  left: 1321px;
  z-index: 2;
  width: 505px;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
  color: #ffffff;
  justify-self: auto}

  .tesae-app__features li {margin: 0;
  padding-left: 48px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 2.08;
  text-box: trim-both cap alphabetic}

  .tesae-app__features li:nth-child(1) {margin-bottom: 78.16px}

  .tesae-app__features li:nth-child(2) {margin-bottom: 75.16px}

  .tesae-app__features li:nth-child(3) {margin-bottom: 79.16px}

  .tesae-app__features li:nth-child(4) {margin-bottom: 79.16px}

  .tesae-app__features li:nth-child(5) {margin-bottom: 72.16px}

  .tesae-app .tesae-app__features li::before {top: -7px;
  left: 0;
  width: 33px;
  height: 34px;
  background: url('../img/frame/app-feature-check.svg') 0 0 / 33px 34px no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}
}

/* -------------------------------------------------------------- solution */

.tesae-solution {position: relative;
margin-top: 24px;
padding-top: 136px;
padding-bottom: 0;
overflow: visible}

.tesae-solution__panel {position: relative;
width: min(1744px, 100%);
height: 827px;
margin-inline: auto;
overflow: visible;
border-radius: 0;
background: transparent;
box-shadow: none}

.tesae-solution__face {display: grid;
grid-template-columns: minmax(260px, 716px) minmax(0, 1fr);
height: 827px;
overflow: visible}

.tesae-solution__face::before {content: "";
position: absolute;
inset: 0;
z-index: 0;
background: #fff7f7;
border-radius: 16px}

.tesae-solution__photo {position: relative;
z-index: 1;
margin: 0;
min-height: 827px;
overflow: hidden}

.tesae-solution__bg {width: 100%;
height: 100%;
min-height: 827px;
object-fit: cover;
object-position: center 18%}

.tesae-solution__photo::after {content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
width: 220px;
background: linear-gradient(90deg, rgba(255, 247, 247, 0), #fff7f7);
pointer-events: none}

.tesae-solution__person {position: absolute;
bottom: 0;
left: 24px;
z-index: 2;
width: 680px;
height: auto;
max-width: none;
pointer-events: none}

.tesae-solution__copy {position: relative;
z-index: 3;
padding: 120px 0 48px 160px}

.tesae-solution__badge {position: absolute;
top: 0;
right: 0;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
max-width: calc(100% - 24px);
height: 75px;
margin: 0;
padding: 0 28px;
border-radius: 0 16px 0 14px;
background: #cb1716;
color: #ffffff;
font-size: 28px;
font-weight: 800;
line-height: 1;
text-align: center;
white-space: nowrap}

.tesae-solution__badge .is-light {color: #ffffff;
font-weight: 500}

.tesae-solution__text {max-width: 801px;
color: #5c0022;
font-size: 32px;
font-weight: 300;
line-height: 1.25}

.tesae-solution__text strong {font-weight: 800}

.tesae-solution__includes {margin-top: 28px;
color: #1a1a1a;
font-weight: 800}

.tesae-solution__items {margin-top: 16px;
color: #1a1a1a}

.tesae-solution__items li {padding-left: 52px}

.tesae-solution__items strong {font-weight: 800}

.tesae-solution__foot {display: flex;
flex-wrap: wrap;
gap: 16px 24px;
align-items: center;
justify-content: space-between;
margin-top: 32px}

.tesae-solution__date {display: flex;
align-items: center;
width: 508px;
height: 48px;
margin: 0 0 0 auto;
padding: 0 16px;
border-radius: 6px;
background: #e2e2e2;
color: #5c0022;
font-size: 16px}

.tesae-solution__date strong {font-size: 22px;
font-weight: 800}

.tesae-solution .tesae-button--primary {width: 307px;
min-width: 307px;
height: 60px}

.tesae-solution__card,
.tesae-solution__scene,
.tesae-solution__wash,
.tesae-solution__cutout,
.tesae-solution__giftbox {display: none}

@media (min-width: 992px) {
  .tesae-solution {z-index: 1;
  width: calc(1920px * (100cqw / 1920px));
  height: calc(963px * (100cqw / 1920px));
  margin-top: calc(83px * (100cqw / 1920px));
  margin-bottom: 45px;
  padding: 0;
  overflow: visible;
  background: transparent}

  .tesae-solution__inner {position: relative;
  width: 1920px;
  max-width: none;
  height: 963px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left}

  .tesae-solution__card {position: absolute;
  top: 136px;
  left: 87px;
  z-index: 0;
  display: block;
  width: 1744px;
  height: 827px;
  max-width: none;
  transform: scaleY(-1);
  transform-origin: center;
  pointer-events: none;
        box-shadow: 0 -17px 27px rgba(0, 0, 0, 0.12);
        border-radius: 15px;
}

  .tesae-solution__scene {position: absolute;
  top: 136px;
  left: 87px;
  z-index: 1;
  display: block;
  width: 716px;
  height: 827px;
  overflow: hidden;
  -webkit-mask: url('../img/frame/solution-mask.svg') 0 0 / 100% 100% no-repeat;
  mask: url('../img/frame/solution-mask.svg') 0 0 / 100% 100% no-repeat;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  pointer-events: none}

  .tesae-solution__scene-frame {position: absolute;
  top: -128px;
  left: -11.82px;
  width: 739.789px;
  height: 1037.946px}

  .tesae-solution__scene-bg {display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover}

  .tesae-solution__scene-woman {position: absolute;
  top: -25.59%;
  left: -21.23%;
  width: 135.19%;
  height: 143.63%;
  max-width: none}

  .tesae-solution__wash {position: absolute;
  top: 136px;
  left: 129px;
  z-index: 2;
  display: block;
  width: 674px;
  height: 827px;
  background: linear-gradient(90.60480820206243deg, #fff7f7 0.70452%, rgba(237, 236, 246, 0) 40.921%);
  transform: scaleX(-1);
  transform-origin: center;
  pointer-events: none}

  .tesae-solution__cutout {position: absolute;
  top: 0;
  left: 60px;
  z-index: 3;
  display: block;
  width: 742px;
  height: 963px;
  overflow: hidden;
  pointer-events: none}

  .tesae-solution__cutout img {position: absolute;
  top: -28.23%;
  left: -21.66%;
  width: 137.89%;
  height: 158.45%;
  max-width: none}

  .tesae-solution__panel,
  .tesae-solution__face,
  .tesae-solution__copy,
  .tesae-solution__foot {position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent}

  .tesae-solution__face {display: block;
  overflow: visible}

  .tesae-solution__face::before,
  .tesae-solution__photo,
  .tesae-solution__person {display: none}

  .tesae-solution__badge {position: absolute;
  top: 136px;
  left: 1368px;
  z-index: 5;
  display: block;
  width: 463px;
  height: 75px;
  margin: 0;
  padding: 20px 0 0 32px;
  border-radius: 10px;
  background: #cb1716;
  color: #ffffff;
  font-size: 45px;
  font-weight: 800;
  line-height: 1.26;
  text-align: left;
  text-box: trim-both cap alphabetic;
  white-space: nowrap}

  .tesae-solution__badge .is-light {color: #ffffff;
  font-weight: 300}

  .tesae-solution__text {position: absolute;
  top: 278px;
  left: 963px;
  z-index: 5;
  width: 801px;
  max-width: none;
  margin: 0;
  color: #5c0022;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-solution__text strong {font-weight: 800}

  .tesae-solution__text .tesae-pill {margin-right: -6.4px;
  margin-left: 6.4px;
  padding: 0;
  background: transparent;
  color: #ffffff;
  font-weight: 800;
  line-height: inherit}

  .tesae-solution__giftbox {position: absolute;
  top: 271px;
  left: 1545px;
  z-index: 4;
  display: block;
  width: 126px;
  height: 42px;
  background: #cb1716;
  pointer-events: none}

  .tesae-solution__includes {position: absolute;
  top: 458px;
  left: 963px;
  z-index: 5;
  width: 740px;
  margin: 0;
  color: #000000;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  text-box: trim-both cap alphabetic}

  .tesae-solution .tesae-solution__items {position: absolute;
  top: 538px;
  left: 963px;
  z-index: 5;
  width: 804px;
  margin: 0;
  padding: 0;
  gap: 0;
  color: #000000}

  .tesae-solution .tesae-solution__items li {margin: 0;
  padding-left: 64px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
  text-box: trim-both cap alphabetic}

  .tesae-solution .tesae-solution__items li:nth-child(1),
  .tesae-solution .tesae-solution__items li:nth-child(2),
  .tesae-solution .tesae-solution__items li:nth-child(3) {margin-bottom: 39.16px}

  .tesae-solution .tesae-solution__items li:nth-child(1) {margin-bottom: 35.16px}

  /* Figma 4435:281 — grey plate + red open square + check. */
  .tesae-solution .tesae-solution__items li::before {top: -6px;
  left: 0;
  width: 39.52px;
  height: 38px;
  background: url('../img/frame/solution-check.svg?v=4435-281c') 0 0 / 39.52px 38px no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}

  .tesae-solution .tesae-solution__items strong {font-weight: 800}

  .tesae-solution__date {position: absolute;
  top: 777px;
  left: 1323px;
  z-index: 5;
  display: block;
  width: 508px;
  height: 48px;
  margin: 0;
  padding: 11px 0 0 18px;
  border-radius: 0;
  background: #e2e2e2;
  color: #5c0022;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-solution__date strong {font-size: 32px;
  font-weight: 800;
  line-height: 1.26}

  .tesae-solution .tesae-button--primary {position: absolute;
  top: 849px;
  left: 960px;
  z-index: 5;
  width: 307px;
  min-width: 307px;
  height: 60px;
  min-height: 0;
  padding: 0;
  border-radius: 5px;
  background: #cb1716;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6}

  .tesae-solution .tesae-button--primary:hover,
  .tesae-solution .tesae-button--primary:focus-visible {background: #a01211;
  transform: none;
  box-shadow: none}
}

/* ----------------------------------------------------------- industries */

.tesae-industries {margin-top: 0;
padding-top: 157px;
background: #ffffff}

.tesae-industries__card {position: relative;
height: 407px;
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.08))}

.tesae-industries__grid {grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 26px 45px}

.tesae-industries__header .tesae-h2 {font-size: 36px;
font-weight: 800;
line-height: 1.08;
color: #5c0022}

.tesae-industries__header {margin-bottom: 47px}

.tesae-industries__header .tesae-lead {font-size: 16px;
color: #5c0022}

.tesae-industries__body .tesae-h3 {font-size: 22px;
font-weight: 800;
color: #111111}

.tesae-industries__face {min-height: 407px;
padding: 72px 24px 28px;
background: #ffffff;
clip-path: polygon(12px 0, calc(100% - 58px) 0, calc(100% - 58px) 57px, 100% 57px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px)}

.tesae-industries__icon {position: absolute;
top: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 57px;
margin: 0;
border-radius: 8px;
background: #5c0022}

.tesae-industries__icon img {width: 28px;
height: 28px;
object-fit: contain;
filter: brightness(0) invert(1)}

.tesae-industries .tesae-showmore {display: flex;
justify-content: center;
margin-top: 36px}

.tesae-industries .tesae-showmore .tesae-button {width: 261px;
min-width: 261px;
height: 60px;
border: 1px solid #ece7e7;
border-radius: 8px;
background: #ffffff;
color: #5c0022;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06)}

.tesae-industries__card .tesae-button {width: auto;
min-width: 249px;
height: 60px;
min-height: 60px;
background: #5c0022;
color: #ffffff}

.tesae-industries__plate,
.tesae-industries__mark {display: none}

@media (min-width: 992px) {
  .tesae-industries {z-index: 0;
  width: calc(1920px * (100cqw / 1920px));
  height: calc(1313px * (100cqw / 1920px));
  margin-top: calc(-411px * (100cqw / 1920px));
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
  background: #f5f5f5;
  transition: height 0.35s ease;
  /* Section box starts mid-solution (negative margin). Hash/#Κλάδοι should
     land on the title (Figma top 509), not the overlapped edge. */
  scroll-margin-top: calc(-509px * (100cqw / 1920px))}

  /* Figma Rectangle 4248 (4397:1682) — expanded grey plane is 1920×1785
     (+472 = one 407 card row + 65px row gap under the first four). */
  .tesae-industries:has(.is-hidden-item.is-revealed) {height: calc(1785px * (100cqw / 1920px))}

  .tesae-industries__inner {position: relative;
  width: 1920px;
  max-width: none;
  height: 1313px;
  margin: 0;
  padding: 0;
  transform: scale(calc(100cqw / 1920px));
  transform-origin: top left;
  transition: height 0.35s ease}

  .tesae-industries:has(.is-hidden-item.is-revealed) .tesae-industries__inner {height: 1785px}

  .tesae-industries__header {position: static;
  display: block;
  margin: 0;
  padding: 0}

  .tesae-industries__header .tesae-h2 {position: absolute;
  top: 509px;
  left: calc(50% + 0.5px);
  z-index: 2;
  width: 763px;
  margin: 0;
  transform: translateX(-50%);
  color: #410018;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  text-box: trim-both cap alphabetic}

  .tesae-industries__header .tesae-h2 strong {color: #410018;
  font-weight: 800}

  .tesae-industries__header .tesae-lead {position: absolute;
  top: 580px;
  left: calc(50% + 0.5px);
  z-index: 2;
  width: 1229px;
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  /* 4×402 + 3×48 = 1752 — centered to match Figma side gutters (~84px).
     Row gap 65px matches expanded plane 1313 → 1785. */
  .tesae-industries__grid {position: absolute;
  top: 643px;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(4, 402px);
  column-gap: 48px;
  row-gap: 65px;
  justify-content: center;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none}

  .tesae-industries__card {position: relative;
  top: auto;
  left: auto;
  width: 402px;
  height: 407px;
  margin: 0;
  filter: none;
  transition: transform 0.25s ease}

  .tesae-industries__card:hover,
  .tesae-industries__card:focus-within {transform: translateY(-6px)}

  .tesae-industries__toggle {display: none}

  .tesae-industries__plate {position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 402px;
  height: 407px;
  max-width: none;
  transform: scaleX(-1);
  transform-origin: center;
  pointer-events: none;
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.08))}

  .tesae-industries__face {min-height: 0;
  padding: 0;
  background: transparent;
  clip-path: none}

  .tesae-industries__icon {top: 0;
  right: auto;
  left: 344.35px;
  z-index: 2;
  width: 57.78px;
  height: 57.1px;
  border-radius: 10px;
  background: #5c0022}

  .tesae-industries__icon img {display: none}

  .tesae-industries__mark {position: absolute;
  z-index: 3;
  display: block;
  max-width: none;
  pointer-events: none}

  .tesae-industries__card:nth-child(4n + 1) .tesae-industries__mark {top: 14px;
  left: 358.91px;
  width: 28.4444px;
  height: 31.0891px}

  .tesae-industries__card:nth-child(4n + 2) .tesae-industries__mark {top: 14px;
  left: 358.39px;
  width: 30.502px;
  height: 30.502px}

  .tesae-industries__card:nth-child(4n + 3) .tesae-industries__mark {top: 14px;
  left: 359px;
  width: 32px;
  height: 29px}

  .tesae-industries__card:nth-child(4n + 4) .tesae-industries__mark {top: 13px;
  left: 360.59px;
  width: 29.4092px;
  height: 30.9998px}

  .tesae-industries .tesae-industries__body .tesae-h3 {position: absolute;
  top: 49px;
  z-index: 4;
  max-width: none;
  margin: 0;
  color: #410018;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.29;
  text-box: trim-both cap alphabetic}

  .tesae-industries__card:nth-child(4n + 1) .tesae-h3 {left: 42px;
  width: 216px}

  .tesae-industries__card:nth-child(4n + 2) .tesae-h3 {left: 41px;
  width: 263px}

  .tesae-industries__card:nth-child(4n + 3) .tesae-h3 {left: 42px;
  width: 205px}

  .tesae-industries__card:nth-child(4n + 4) .tesae-h3 {left: 44px;
  width: 249px}

  .tesae-industries__text {position: absolute;
  top: 157px;
  z-index: 4;
  margin: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  text-box: trim-both cap alphabetic}

  .tesae-industries__card:nth-child(4n + 1) .tesae-industries__text {left: 42px;
  width: 302px}

  .tesae-industries__card:nth-child(4n + 2) .tesae-industries__text {left: 41px;
  width: 303px}

  .tesae-industries__card:nth-child(4n + 3) .tesae-industries__text {left: 42px;
  width: 319px}

  .tesae-industries__card:nth-child(4n + 4) .tesae-industries__text {left: 44px;
  width: 285px}

  .tesae-industries__card .tesae-button {position: absolute;
  z-index: 4;
  width: 249px;
  min-width: 0;
  height: 59.643px;
  min-height: 0;
  padding: 0;
  border-radius: 10px;
  background: #5c0022;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6}

  .tesae-industries__card:nth-child(4n + 1) .tesae-button {top: 307px;
  left: 41.83px}

  .tesae-industries__card:nth-child(4n + 2) .tesae-button {top: 307px;
  left: 41px}

  .tesae-industries__card:nth-child(4n + 3) .tesae-button {top: 322px;
  left: 44px}

  .tesae-industries__card:nth-child(4n + 4) .tesae-button {top: 307px;
  left: 44px}

  .tesae-industries__card .tesae-button:hover,
  .tesae-industries__card .tesae-button:focus-visible {background: #3d0016;
  transform: none;
  box-shadow: none}

  .tesae-industries .tesae-showmore {position: absolute;
  top: 1126px;
  left: 830px;
  z-index: 2;
  display: block;
  width: 261px;
  margin: 0;
  transition: top 0.35s ease}

  /* Same 76px clearance under the second card row as under the first. */
  .tesae-industries:has(.is-hidden-item.is-revealed) .tesae-showmore {top: 1598px}

  .tesae-industries .tesae-showmore .tesae-button {display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11.5px;
  width: 261px;
  min-width: 0;
  height: 59.643px;
  margin: 0;
  padding: 0 0 0 33px;
  border: 1px solid #000000;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6}

  .tesae-industries .tesae-showmore .tesae-button--ghost::after {width: 17.89px;
  height: 14.74px;
  border: 0;
  background: url('../img/frame/ind-chevron.svg') center / 17.89px 14.74px no-repeat;
  transform: none;
  transition: transform 0.25s ease}

  .tesae-industries .tesae-showmore .tesae-button--ghost[aria-expanded='true']::after {transform: rotate(180deg)}

  .tesae-industries .tesae-showmore .tesae-button:hover,
  .tesae-industries .tesae-showmore .tesae-button:focus-visible {background: transparent;
  color: #000000;
  transform: none;
  box-shadow: none}
}

.tesae-faq {margin-top: 42px}

@media (min-width: 992px) {
  .tesae-faq::before {background: #ffffff}

  .tesae-faq__title {margin-bottom: 42px;
  color: #410018;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2}

  .tesae-faq__title strong {font-weight: 800}

  .tesae-faq .tesae-accordion {gap: 23px}

  .tesae-faq .tesae-accordion__item,
  .tesae-faq .tesae-accordion__item:hover {height: auto;
  min-height: 97px;
  margin: 0;
  border: 0;
  border-radius: 10px;
  background: #f5f5f5;
  box-shadow: none;
  color: #000000}

  .tesae-faq .tesae-accordion__item.is-open,
  .tesae-faq .tesae-accordion__item.is-open:hover {min-height: 208px;
  margin-bottom: 19px;
  background: #ffffff;
  color: #410018;
  box-shadow: 0 4px 38.5px rgba(0, 0, 0, 0.07)}

  .tesae-faq .tesae-accordion__trigger {min-height: 97px;
  padding-right: 28px;
  padding-left: 40px;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.29}

  .tesae-faq .tesae-accordion__question {color: #000000;
  font-weight: 400}

  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__question {color: #000000}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__question {color: #410018;
  font-weight: 800}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger:hover .tesae-accordion__question {color: #410018}

  .tesae-faq .tesae-accordion__answer {width: 100%;
  max-width: none;
  padding: 15px 102px 24px 40px;
  color: #410018;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  box-sizing: border-box}

  .tesae-faq .tesae-accordion__icon,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon {width: 42px;
  height: 37px;
  border-radius: 0;
  background: url('../img/frame/faq-plus.svg') center / 42px 37px no-repeat}

  .tesae-faq .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__icon::after,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon::after,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon::after {content: none;
  display: none}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon {width: 42px;
  height: 6px;
  background: url('../img/frame/faq-minus.svg') center / 42px 6px no-repeat}

  .tesae-faq .tesae-showmore {display: flex;
  justify-content: center;
  margin-top: 48px}

  .tesae-faq .tesae-showmore .tesae-button {width: 261px;
  min-width: 261px;
  height: 60px;
  padding: 0 16px;
  gap: 8px;
  border: 1px solid #000000;
  border-radius: 10px;
  background: #ffffff;
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: none}

  .tesae-faq .tesae-showmore .tesae-button--ghost::after {width: 17.89px;
  height: 14.74px;
  border: 0;
  background: url('../img/frame/faq-chevron.svg') center / 17.89px 14.74px no-repeat;
  transform: none}

  .tesae-faq .tesae-showmore .tesae-button--ghost:hover,
  .tesae-faq .tesae-showmore .tesae-button--ghost:focus-visible {background: #ffffff;
  color: #000000}
}

/* ------------------------------------------------------------------ form */

.tesae-form-section {margin-top: 80px;
padding-block: 80px}

.tesae-form-section__inner {position: relative;
display: grid;
grid-template-columns: minmax(100px, 248px) minmax(320px, 597px) minmax(280px, 1fr);
width: min(1502px, 100%);
height: 749px;
margin-inline: auto;
padding: 0;
overflow: hidden;
border-radius: 30px;
background: #cb1716;
color: #ffffff}

.tesae-form-section__copy {position: absolute;
top: 107px;
left: 95px;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0;
width: 507px;
max-width: calc(100% - 110px);
padding: 0;
color: #ffffff}

.tesae-form-section__copy .tesae-h2 {font-size: 45px;
font-weight: 800;
line-height: 1.2}

.tesae-form-section__copy .is-light {font-weight: 300}

.tesae-form-section__copy .tesae-lead {max-width: 507px;
margin-top: 18px;
font-size: 20px;
font-weight: 400;
line-height: 1.5}

.tesae-form-section__photo {position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 845px;
height: 100%;
margin: 0}

.tesae-form-section__photo img {width: 100%;
height: 100%;
max-height: none;
object-fit: cover;
object-position: 62% 38%;
border-radius: 0}

.tesae-form-section__photo::before {content: "";
position: absolute;
inset: 0;
z-index: 1;
background: #cb1716;
opacity: 0.5;
mix-blend-mode: multiply;
pointer-events: none}

.tesae-form-section__photo::after {content: "";
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(90deg, rgba(203, 23, 22, 0.18) 0%, rgba(203, 23, 22, 0.28) 34%, rgba(203, 23, 22, 0.72) 58%, #cb1716 76%, #cb1716 100%);
pointer-events: none}

.tesae-form-section__copy .tesae-h2,
.tesae-form-section__copy .tesae-lead {color: #ffffff}

.tesae-form {position: relative;
grid-column: 3;
grid-row: 1;
z-index: 1;
width: calc(100% + 123px);
min-width: 0;
margin: 0 0 0 -123px;
padding: 107px 40px 48px 32px;
background: transparent;
box-sizing: border-box}

.tesae-form .tesae-form__grid > .tesae-form__field {height: 88px;
min-width: 0}

.tesae-form .tesae-form__grid > .tesae-form__field--full {height: 110px}

.tesae-form .tesae-form__field--full textarea.tesae-form__input {height: 110px;
padding-top: 0}

.tesae-form__footer {width: 100%;
max-width: 651px;
margin-top: 50px;
align-items: center}

/* 305+41+305 at 1502; below that the two tracks share the form content box
   so underlines/labels stay inside the red panel instead of clipping. */
.tesae-form .tesae-form__grid {display: grid;
width: 100%;
max-width: 651px;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: clamp(16px, 2.138vw, 41px);
row-gap: 0;
justify-content: start}

.tesae-form .tesae-form__field--full,
.tesae-form .tesae-form__field--select {grid-column: 1 / -1}

.tesae-form .tesae-form__input {width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box}

.tesae-form input,
.tesae-form select,
.tesae-form textarea {height: 32px;
border: 0;
border-bottom: 1px solid #ffffff;
border-radius: 0;
background: transparent;
color: #ffffff;
font-size: 20px;
font-weight: 300;
line-height: 1.29}

.tesae-form input::placeholder,
.tesae-form textarea::placeholder,
.tesae-form select {color: #ffffff;
opacity: 1}

.tesae-form .tesae-form__field--select::after {content: "";
position: absolute;
top: 6px;
right: 2px;
width: 8px;
height: 8px;
border-right: 1.5px solid #ffffff;
border-bottom: 1.5px solid #ffffff;
transform: rotate(45deg);
pointer-events: none}

.tesae-form .tesae-form__consent {font-size: 18px;
font-weight: 300}

.tesae-form .tesae-form__field--consent {margin-top: 0;
margin-left: 0}

.tesae-form .tesae-form__consent input[type="checkbox"] {width: 16px;
height: 14px;
background: #ffffff}

.tesae-form .tesae-form__consent input[type="checkbox"]:checked::after {border-right-color: #410018;
border-bottom-color: #410018}

.tesae-form__consent,
.tesae-form__consent a {color: #ffffff}

.tesae-form .tesae-button--dark {width: 237px;
height: 57px;
min-height: 57px;
margin-left: auto;
border-radius: 10px;
background: #410018;
font-size: 20px;
font-weight: 700;
color: #ffffff}

.tesae-form .tesae-button--dark:hover,
.tesae-form .tesae-button--dark:focus-visible {background: #2c0010;
color: #ffffff}

/* ---------------------------------------------------------------- footer */

@media (min-width: 992px) {
  .tesae-header {top: 14px;
  margin-top: 14px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px)}

  /* Figma 1920 sizes as clamp() max; shrink together on laptop widths. */
  .tesae-header__inner {height: clamp(72px, 5.26vw, 101px);
  min-height: clamp(72px, 5.26vw, 101px);
  padding: 0 clamp(12px, 0.94vw, 18px) 0 clamp(12px, 0.99vw, 19px);
  gap: clamp(8px, 0.625vw, 12px)}

  .tesae-header__logo .custom-logo-link,
  .tesae-header__title {display: none}

  /* In-flow logo slot so nav cannot slide under the absolute brand. */
  .tesae-header__logo {position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
  width: clamp(168px, 12.865vw, 247px);
  height: clamp(55.5px, 4.255vw, 81.7px);
  margin-top: clamp(6px, 0.47vw, 9px)}

  .tesae-header__brand {position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%}

  .tesae-header__logo .tesae-header__mark,
  .tesae-header__logo .tesae-header__word {position: absolute;
  display: block;
  max-width: none;
  max-height: none}

  .tesae-header__logo .tesae-header__mark {top: 0;
  left: 0;
  width: 34.615%;
  height: 100%;
  object-fit: fill;
  object-position: bottom}

  .tesae-header__wordbox {position: absolute;
  top: 32.56%;
  left: 34.615%;
  width: 65.385%;
  height: 34.88%;
  overflow: hidden}

  .tesae-header__logo .tesae-header__word {top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: none}

  .tesae-nav {margin-left: auto;
  min-width: 0;
  gap: clamp(14px, 3.07vw, 59px)}

  .tesae-nav__list {flex-wrap: nowrap;
  min-width: 0;
  gap: clamp(14px, 3.07vw, 59px)}

  .tesae-nav__list a,
  .tesae-nav__list .current-menu-item > a,
  .tesae-nav__list .current_page_item > a {color: #000000;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 500;
  line-height: 1.22}

  .tesae-nav__list a:hover,
  .tesae-nav__list a:focus-visible {color: #cb1716}

  .tesae-header__actions {flex: 0 0 auto;
  gap: clamp(8px, 0.625vw, 12px)}

  .tesae-nav__bell {width: clamp(44px, 3.125vw, 60px);
  height: clamp(44px, 3.125vw, 60px);
  border-radius: 10px}

  .tesae-nav__bell .tesae-nav__bell-default {display: none}

  .tesae-nav__bell .tesae-nav__bell-figma {display: block;
  width: 100%;
  height: 100%;
  max-width: none}

  .tesae-nav,
  .tesae-header__actions {align-self: flex-start;
  margin-top: clamp(12px, 0.99vw, 19px)}

  .tesae-nav__cta {flex: 0 0 auto;
  width: clamp(160px, 12.97vw, 249px);
  height: clamp(44px, 3.106vw, 59.643px);
  min-height: clamp(44px, 3.106vw, 59.643px);
  margin-top: 0;
  padding: 0;
  border-radius: 10px;
  background: #cb1716;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 700;
  line-height: 1.6}

  .tesae-footer {height: auto;
  min-height: 424px;
  margin-top: 194px;
  overflow: visible;
  background: #5c0022}

  .tesae-footer::before {content: none}

  .tesae-footer__bar {position: relative;
  top: auto;
  height: 424px;
  padding-block: 0;
  background: transparent}

  .tesae-footer__inner {position: relative;
  display: block;
  height: 424px}

  .tesae-footer__brand {position: static;
  top: auto;
  left: auto;
  transform: none}

  .tesae-footer__logo {position: absolute;
  top: -199px;
  left: 50%;
  z-index: 2;
  width: 389px;
  height: auto;
  max-width: none;
  transform: translateX(-50%)}

  .tesae-footer__socials {position: absolute;
  top: 224px;
  left: 50%;
  display: flex;
  gap: 15.5px;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-50%)}

  .tesae-footer__product {position: absolute;
  top: 249px;
  left: clamp(16px, 7.7503vw - 60.814px, 88px);
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none}

  .tesae-footer__product::after {content: "";
  display: inline-block;
  width: 14.25px;
  height: 15.57px;
  margin-left: 4px;
  vertical-align: -2px;
  background: url("../img/frame/footer-chevron.svg") center / 100% 100% no-repeat;
  transform: rotate(-90deg)}

  .tesae-footer__socials a {display: block;
  width: 64.52px;
  height: 66.36px;
  overflow: visible;
  border-radius: 0;
  background: transparent}

  .tesae-footer__socials img {width: 64.52px;
  height: 66.36px}

  .tesae-footer__bar::after {content: "";
  position: absolute;
  top: 360px;
  right: clamp(16px, 7.7503vw - 60.814px, 88px);
  left: clamp(16px, 7.7503vw - 60.814px, 88px);
  height: 1px;
  background: rgba(255, 255, 255, 0.85)}

  .tesae-footer__nav {position: absolute;
  top: 385px;
  bottom: auto;
  left: clamp(16px, 7.7503vw - 60.814px, 88px)}

  .tesae-footer__list {gap: 54px}

  .tesae-footer__list a,
  .tesae-footer__copyright {font-size: 18px;
  font-weight: 500;
  line-height: 1}

  .tesae-footer__copyright {position: absolute;
  top: 385px;
  right: clamp(16px, 7.7503vw - 60.814px, 88px);
  bottom: auto;
  left: auto;
  width: auto}

  .tesae-footer__top {position: absolute;
  top: 228px;
  right: clamp(16px, 7.7503vw - 60.814px, 88px);
  width: 57.4px;
  height: 59px;
  border-radius: 10px;
  background: #cb1716;
  color: #ffffff}

  .tesae-footer__top span {width: 26px;
  height: 24px;
  border: 0;
  background: url("../img/frame/footer-up.svg") center / 26px 24px no-repeat;
  transform: rotate(180deg)}
}

@media (min-width: 992px) and (max-width: 1399px) {
  /* Same composition as desk: soft photo left, form on solid red right. */
  .tesae-form-section__inner {position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
  width: min(1502px, 100%);
  height: auto;
  min-height: 640px;
  margin-inline: auto;
  padding: 0;
  overflow: hidden}

  .tesae-form-section__photo {position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  grid-column: auto;
  grid-row: auto;
  width: 56%;
  max-width: 720px;
  height: 100%;
  max-height: none;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  pointer-events: none}

  .tesae-form-section__photo img {display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: 62% 38%}

  .tesae-form-section__photo::before {content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: #cb1716;
  opacity: 0.5;
  mix-blend-mode: multiply;
  pointer-events: none}

  .tesae-form-section__photo::after {content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  background: linear-gradient(90deg, rgba(203, 23, 22, 0.18) 0%, rgba(203, 23, 22, 0.28) 34%, rgba(203, 23, 22, 0.72) 58%, #cb1716 76%, #cb1716 100%);
  opacity: 1;
  mix-blend-mode: normal;
  pointer-events: none}

  .tesae-form-section__copy {position: relative;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  top: auto;
  left: auto;
  width: auto;
  max-width: 420px;
  height: auto;
  margin: 0;
  padding: 72px 24px 48px 40px;
  background: transparent}

  .tesae-form {position: relative;
  grid-column: 2;
  grid-row: 1;
  z-index: 2;
  top: auto;
  left: auto;
  width: auto;
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 72px 32px 48px 12px;
  background: transparent}

  .tesae-form .tesae-form__grid {width: 100%;
  max-width: 651px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(16px, 2.138vw, 41px)}

  .tesae-why__layout,
  .tesae-why__grid {grid-template-columns: 1fr}
}

@media (max-width: 991px) {
  .tesae-hero__fit {position: relative;
  left: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: auto;
  height: auto;
  padding: 28px 16px 12px;
  overflow: visible;
  transform: none}

  .tesae-hero__copy,
  .tesae-orbit,
  .tesae-hero__portrait,
  .tesae-hero__photo {position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  transform: none}

  .tesae-why__card .tesae-card__face,
  .tesae-industries__face {clip-path: polygon(0 0, calc(100% - 52px) 0, calc(100% - 52px) 44px, 100% 44px, 100% 100%, 0 100%)}

  .tesae-tx__face {min-height: 0;
  clip-path: polygon(0 0, calc(100% - 148px) 0, calc(100% - 148px) 42px, 100% 42px, 100% 100%, 0 100%)}

  .tesae-card__tab {width: 36px;
  height: 36px}

  .tesae-tx__code {min-width: 120px;
  height: 36px;
  font-size: 14px;
  pointer-events: none}

  .tesae-tx__card .tesae-tx__toggle {z-index: 3}

  .tesae-orbit__art,
  .tesae-orbit__badge,
  .tesae-orbit__mydata,
  .tesae-orbit__aade,
  .tesae-orbit__connector,
  .tesae-orbit__mark,
  .tesae-hero__portrait,
  .tesae-hero__elbow,
  .tesae-hero__note,
  .tesae-orbit__role--2 .tesae-orbit__title,
  .tesae-orbit__role--2 .tesae-orbit__text,
  .tesae-orbit__role--3 .tesae-orbit__title,
  .tesae-orbit__role--3 .tesae-orbit__text {display: none}

  .tesae-hero__scroll {display: none}

  .tesae-hero__title {font-size: 32px;
  font-weight: 300;
  line-height: 1.2}

  .tesae-hero__text {max-width: 280px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5}

  .tesae-hero__text strong {display: block;
  font-weight: 800}

  .tesae-orbit {position: relative;
  width: min(369px, 100%);
  height: 450px;
  margin: 0 auto;
  overflow: visible}

  .tesae-orbit__ambient {display: block;
  position: absolute;
  z-index: 0;
  top: 8px;
  left: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  mix-blend-mode: multiply;
  transform: translateX(-50%);
  pointer-events: none}

  .tesae-orbit__glow {display: block;
  position: absolute;
  z-index: 0;
  top: 8px;
  left: 50%;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background: radial-gradient(circle, #edeef6 0%, rgba(237, 238, 246, 0) 72%);
  transform: translateX(-50%);
  pointer-events: none}

  .tesae-orbit__ring {display: block;
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 40px;
  width: 283px;
  height: 286px;
  max-width: none;
  border: 0;
  content: url("../img/frame/orbit-ring-mobile.svg")}

  /* Same ellipse as the grey ring; nudged 2px up so the 6px stroke sits on the track. */
  .tesae-orbit__arc {position: absolute;
  z-index: 2;
  top: 46px;
  left: 40px;
  display: block;
  width: 283px;
  height: 286px;
  pointer-events: none}

  .tesae-orbit__arc-spin {position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none}

  .tesae-orbit__arc-spin img {display: none}

  .tesae-orbit__arc-live {display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible}

  .tesae-orbit__arc-path {opacity: 0;
  fill: none;
  stroke-width: 6;
  stroke-linecap: round}

  .tesae-orbit[data-step="1"] .tesae-orbit__arc-path--1,
  .tesae-orbit[data-step="2"] .tesae-orbit__arc-path--2,
  .tesae-orbit[data-step="3"] .tesae-orbit__arc-path--3 {opacity: 1}

  /* pathLength 100: badge1≈67.4, badge2≈0/100, badge3≈32.8 (clockwise from 3 o'clock) */
  .tesae-orbit__arc-path--1 {stroke-dasharray: 28 72;
  stroke-dashoffset: -67.4}

  .tesae-orbit__arc-path--2 {stroke-dasharray: 32.6 67.4;
  stroke-dashoffset: -67.4}

  .tesae-orbit__arc-path--3 {stroke-dasharray: 65.4 34.6;
  stroke-dashoffset: -67.4}

  .tesae-orbit__glyph {display: block;
  position: absolute;
  z-index: 3;
  top: 106px;
  left: 90px;
  width: 186px;
  height: 167px;
  max-width: none;
  filter: drop-shadow(0 4px 21px rgba(0, 0, 0, 0.09))}

  .tesae-orbit[data-step="1"] .tesae-glyph__arm,
  .tesae-orbit[data-step="1"] .tesae-glyph__base,
  .tesae-orbit[data-step="2"] .tesae-glyph__base {fill: #ffffff}

  .tesae-orbit[data-step="2"] .tesae-glyph__arm,
  .tesae-orbit[data-step="3"] .tesae-glyph__arm {fill: #cb1716}

  .tesae-orbit[data-step="3"] .tesae-glyph__base {fill: #5c0022}

  .tesae-orbit__spoke {display: block;
  position: absolute;
  z-index: 4;
  top: 3px;
  left: 154px;
  width: 136px;
  height: 188px;
  pointer-events: none}

  .tesae-orbit__spoke svg {display: block;
  width: 136px;
  height: 188px;
  overflow: visible}

  .tesae-orbit__hub {display: block;
  position: absolute;
  z-index: 5;
  top: 186px;
  left: 177px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #808080;
  pointer-events: none}

  .tesae-orbit__ticks {display: flex;
  position: absolute;
  z-index: 2;
  top: 275px;
  left: 12px;
  flex-direction: column;
  gap: 8px;
  pointer-events: none}

  .tesae-orbit__ticks i {display: block;
  width: 3px;
  height: 23px;
  background: transparent}

  .tesae-orbit[data-step="1"] .tesae-orbit__ticks i:nth-child(1),
  .tesae-orbit[data-step="2"] .tesae-orbit__ticks i:nth-child(1),
  .tesae-orbit[data-step="3"] .tesae-orbit__ticks i:nth-child(1) {background: #fd4046}

  .tesae-orbit[data-step="2"] .tesae-orbit__ticks i:nth-child(2),
  .tesae-orbit[data-step="3"] .tesae-orbit__ticks i:nth-child(2) {background: #cb1716}

  .tesae-orbit[data-step="3"] .tesae-orbit__ticks i:nth-child(3) {background: #5c0022}

  .tesae-orbit__roles {position: absolute;
  inset: 0;
  margin: 0}

  .tesae-orbit__role {position: static;
  display: block;
  margin: 0}

  .tesae-orbit__index {position: absolute;
  z-index: 6;
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
  cursor: pointer}

  .tesae-orbit__index-ring,
  .tesae-orbit__index-disc {display: block;
  position: absolute}

  .tesae-orbit__index-ring {top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  content: url("../img/frame/orbit-badge-ring-mobile.svg")}

  .tesae-orbit__index-disc {top: 6px;
  left: 6.5px;
  width: 32px;
  height: 32px;
  opacity: 1;
  content: url("../img/frame/orbit-disc-inactive.svg")}

  .tesae-orbit__index span {position: relative;
  z-index: 1;
  color: #cb1716;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5}

  .tesae-orbit__index::before {content: "";
  position: absolute;
  z-index: 0;
  top: 6px;
  left: 6.5px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ebecf6;
  opacity: 0}

  .tesae-orbit[data-step="1"] .tesae-orbit__role--1 .tesae-orbit__index-disc,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--1 .tesae-orbit__index-disc,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--2 .tesae-orbit__index-disc,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--1 .tesae-orbit__index-disc,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--2 .tesae-orbit__index-disc,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--3 .tesae-orbit__index-disc {opacity: 0}

  .tesae-orbit[data-step="1"] .tesae-orbit__role--1 .tesae-orbit__index::before,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--1 .tesae-orbit__index::before,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--1 .tesae-orbit__index::before {opacity: 1;
  background: #fd4046}

  .tesae-orbit[data-step="2"] .tesae-orbit__role--2 .tesae-orbit__index::before,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--2 .tesae-orbit__index::before {opacity: 1;
  background: #cb1716}

  .tesae-orbit[data-step="2"] .tesae-orbit__role--3 .tesae-orbit__index::before {opacity: 1;
  background: #ffffff}

  .tesae-orbit[data-step="3"] .tesae-orbit__role--3 .tesae-orbit__index::before {opacity: 1;
  background: #5c0022}

  .tesae-orbit[data-step="1"] .tesae-orbit__role--1 .tesae-orbit__index span,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--1 .tesae-orbit__index span,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--2 .tesae-orbit__index span,
  .tesae-orbit[data-step="3"] .tesae-orbit__index span {color: #ffffff}

  .tesae-orbit__role--1 .tesae-orbit__index {top: 44px;
  left: 95px}

  .tesae-orbit__role--2 .tesae-orbit__index {top: 167px;
  left: 296px}

  .tesae-orbit__role--3 .tesae-orbit__index {top: 291px;
  left: 94px}

  .tesae-orbit__role .tesae-orbit__title,
  .tesae-orbit__role .tesae-orbit__text {display: none;
  position: absolute;
  left: 81px;
  margin: 0}

  .tesae-orbit[data-step="1"] .tesae-orbit__role--1 .tesae-orbit__title,
  .tesae-orbit[data-step="1"] .tesae-orbit__role--1 .tesae-orbit__text,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--2 .tesae-orbit__title,
  .tesae-orbit[data-step="2"] .tesae-orbit__role--2 .tesae-orbit__text,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--3 .tesae-orbit__title,
  .tesae-orbit[data-step="3"] .tesae-orbit__role--3 .tesae-orbit__text {display: block}

  .tesae-orbit__role .tesae-orbit__title {top: 370px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4}

  .tesae-orbit__role .tesae-orbit__text {top: 401px;
  color: #000000;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4}

  .tesae-orbit__role--1 .tesae-orbit__title,
  .tesae-orbit__role--1 .tesae-orbit__text {width: 200px}

  .tesae-orbit__role--2 .tesae-orbit__title,
  .tesae-orbit__role--2 .tesae-orbit__text,
  .tesae-orbit__role--3 .tesae-orbit__title,
  .tesae-orbit__role--3 .tesae-orbit__text {width: 270px}

  .tesae-orbit__role--1 .tesae-orbit__title {color: #fd4046}

  .tesae-orbit__role--2 .tesae-orbit__title {color: #cb1716}

  .tesae-orbit__role--3 .tesae-orbit__title {color: #5c0022}

  .tesae-orbit__role .tesae-orbit__title::before {position: absolute;
  top: -6px;
  left: -74px;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.5}

  .tesae-orbit__role--1 .tesae-orbit__title::before {content: "01";
  color: #fd4046}

  .tesae-orbit__role--2 .tesae-orbit__title::before {content: "02";
  color: #cb1716}

  .tesae-orbit__role--3 .tesae-orbit__title::before {content: "03";
  color: #5c0022}

  .tesae-hero__photo {overflow: hidden}

  .tesae-hero__photo img {position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 420px;
  max-width: none;
  object-fit: cover;
  object-position: center 18%}

  .tesae-deadline__top,
  .tesae-deadline__offer,
  .tesae-why__layout,
  .tesae-why__grid,
  .tesae-app__inner,
  .tesae-solution__panel,
  .tesae-solution__face,
  .tesae-industries__grid,
  .tesae-form-section__inner,
  .tesae-form .tesae-form__grid {grid-template-columns: 1fr}

  .tesae-form-section__inner {display: grid;
  height: auto;
  min-height: 0;
  padding: 28px 16px}

  .tesae-form-section__photo,
  .tesae-form-section__copy,
  .tesae-form {position: static;
  grid-column: auto;
  grid-row: auto;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent}

  .tesae-form .tesae-form__grid {grid-template-columns: 1fr}

  .tesae-form-section__photo {margin-bottom: 20px}

  .tesae-form-section__photo img {max-height: 280px;
  border-radius: 12px}

  .tesae-form-section__photo::before {display: none}

  .tesae-form-section__photo::after {background: #cb1716;
  opacity: 0.45;
  mix-blend-mode: multiply}

  .tesae-industries__card {height: auto;
  padding: 22px 64px 18px 20px;
  background: #ffffff;
  border-radius: 12px}

  .tesae-industries__card.is-open,
  .tesae-industries__card.is-open:hover,
  .tesae-industries__card.is-open:focus-within {background: #111111}

  .tesae-industries__face {display: contents}

  .tesae-industries__icon,
  .tesae-industries__card:hover .tesae-industries__icon,
  .tesae-industries__card:focus-within .tesae-industries__icon,
  .tesae-industries__card.is-featured .tesae-industries__icon,
  .tesae-industries__card.is-open .tesae-industries__icon {position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 23px;
  height: 23px;
  border-radius: 0;
  background: transparent}

  .tesae-industries__icon img,
  .tesae-industries__card:hover .tesae-industries__icon img,
  .tesae-industries__card:focus-within .tesae-industries__icon img,
  .tesae-industries__card.is-featured .tesae-industries__icon img {width: 100%;
  height: auto;
  filter: brightness(0)}

  .tesae-industries__card.is-open .tesae-industries__icon img {filter: brightness(0) invert(1)}

  .tesae-industries .tesae-industries__body .tesae-h3 {max-width: 16ch;
  font-size: 18px;
  font-weight: 400;
  color: #111111}

  .tesae-industries__card.is-open .tesae-industries__body .tesae-h3,
  .tesae-industries__card.is-open .tesae-industries__text {color: #ffffff}

  .tesae-industries__card .tesae-button {grid-area: cta;
  justify-self: start;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin-top: 12px;
  padding: 10px 18px;
  border-radius: 8px}

  .tesae-deadline {position: relative;
  margin-top: 0;
  padding: 8px 0 51px;
  overflow: visible;
  background: #ffffff}

  .tesae-deadline::before,
  .tesae-deadline::after {display: none}

  .tesae-deadline__mechanic {display: block;
  position: absolute;
  z-index: 0;
  /* Figma: title y944 / mechanic y989 → head sits ~45px below title start. */
  top: 53px;
  /* Figma 390: left 101 / width 377 → overhangs right by 88px. */
  right: -88px;
  left: auto;
  width: 377px;
  height: 717px;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  pointer-events: none}

  .tesae-deadline__mechanic img {position: absolute;
  top: 0;
  left: -73.97%;
  width: 285.02%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  -webkit-mask-image: none;
  mask-image: none}

  .tesae-deadline .tesae-container {position: relative;
  z-index: 1;
  padding-inline: 20px}

  .tesae-deadline__top {display: block;
  margin: 0 0 48px}

  .tesae-deadline__title {position: relative;
  top: auto;
  left: auto;
  width: auto;
  max-width: 357px;
  color: #410018;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.26}

  .tesae-deadline__title strong {font-weight: 800}

  .tesae-deadline__text {position: relative;
  z-index: 1;
  justify-self: start;
  max-width: 243px;
  margin-top: 22px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5}

  .tesae-deadline__panel {position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 48px 24px 0;
  overflow: visible;
  border-radius: 10px;
  background: #cb1716}

  .tesae-deadline__offer {display: flex;
  flex-direction: column;
  gap: 0;
  height: auto;
  align-items: stretch;
  padding: 0}

  .tesae-deadline__offer-copy {display: contents}

  .tesae-deadline__offer-title {order: 1;
  color: #ffffff;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.12}

  .tesae-deadline__offer-title .tesae-hl {display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 4px;
  background: #ffffff;
  color: #cb1716;
  font-weight: 800;
  line-height: 1;
  vertical-align: baseline}

  .tesae-deadline__offer-text {order: 2;
  width: auto;
  margin: 18px 0 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.26}

  .tesae-deadline .tesae-countdown {display: contents}

  .tesae-deadline .tesae-countdown__label {order: 3;
  margin: 28px 0 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.26}

  .tesae-deadline .tesae-countdown__box {order: 4;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 311px;
  height: 91px;
  min-height: 91px;
  padding: 0;
  border-radius: 10px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    #5c0022;
  box-shadow: inset 0 4px 26.5px rgba(0, 0, 0, 0.25)}

  .tesae-deadline .tesae-button--primary {order: 5;
  position: relative;
  z-index: 2;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 194px;
  min-width: 194px;
  max-width: 194px;
  height: 50px;
  min-height: 50px;
  margin-top: 37px;
  margin-bottom: -19px;
  padding: 0 16px;
  border-radius: 5px;
  background: #5c0022;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap}

  .tesae-deadline .tesae-button--primary:hover,
  .tesae-deadline .tesae-button--primary:focus-visible {background: #3d0016;
  color: #ffffff}

  .tesae-countdown__mobile-status {order: 6}

  .tesae-why {margin-top: 0;
  padding: 88px 0 72px;
  overflow: hidden;
  background: #f2f2f2}

  .tesae-why .tesae-container,
  .tesae-why__layout {display: block;
  min-width: 0;
  padding-inline: 22px}

  .tesae-why__intro {display: block}

  .tesae-why__title {position: static;
  width: auto;
  max-width: 357px;
  margin: 0;
  color: #410018;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.26}

  .tesae-why__title strong {display: block;
  font-weight: 800}

  .tesae-why__lead {position: static;
  max-width: 353px;
  margin: 40px 0 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5}

  .tesae-why__stats {display: none}

  .tesae-why__grid {display: flex;
  justify-content: flex-start;
  gap: 27px;
  width: auto;
  min-width: 0;
  margin: 40px -22px 0;
  padding: 0 22px 4px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 22px;
  scrollbar-width: none}

  .tesae-why__grid::-webkit-scrollbar {display: none}

  .tesae-why__card {display: block;
  position: relative;
  flex: 0 0 326px;
  gap: 0;
  width: 326px;
  height: 276px;
  min-height: 276px;
  padding: 0;
  scroll-snap-align: start;
  background: transparent;
  box-shadow: none;
  filter: none}

  .tesae-why__card:hover {transform: none;
  box-shadow: none}

  .tesae-why__card .tesae-card__face {height: 276px;
  min-height: 276px;
  padding: 43px 20px 28px 33px;
  border-radius: 0;
  background: #cb1716;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.06)) drop-shadow(0 12px 20px rgba(0, 0, 0, 0.08));
  clip-path: none;
  /* Single full-face mask (Figma why-card Subtract, fixed 326×276 — no composite) */
  -webkit-mask-image: url("../img/frame/why-face-mobile.svg");
  mask-image: url("../img/frame/why-face-mobile.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 0.25s ease}

  .tesae-why__card.is-active .tesae-card__face {background: #ffffff}

  .tesae-why__card .tesae-card__tab {top: 0;
  right: 0;
  width: 58px;
  height: 57px;
  border-radius: 10px}

  .tesae-why__card .tesae-card__tab img {width: 32px;
  height: 22px}

  .tesae-why__card .tesae-h3 {position: static;
  width: auto;
  max-width: 230px;
  margin: 0;
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.29;
  transition: color 0.25s ease}

  .tesae-why__card.is-active .tesae-h3 {color: #5c0022}

  .tesae-why__card .tesae-why__text {position: static;
  width: auto;
  max-width: 276px;
  margin: 24px 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  transition: color 0.25s ease}

  .tesae-why__card.is-active .tesae-why__text {color: #000000}

  .tesae-why__dots {display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 36px}

  .tesae-why__dot {width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d5d5d5}

  .tesae-why__dot.is-active {background: #cb1716}

  .tesae-tx {margin-top: 0;
  padding: 99px 0 101px;
  background: #ffffff}

  /* Equal L/R gutters — matches industries cards (390 − 42 = 348). */
  .tesae-tx .tesae-container {padding-inline: 21px}

  .tesae-tx__header {align-items: flex-start;
  gap: 33px;
  max-width: none;
  margin: 0 0 41px;
  padding-left: 0;
  text-align: left}

  .tesae-tx__header .tesae-h2 {position: static;
  max-width: 330px;
  margin: 0;
  color: #410018;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-tx__header .tesae-h2 strong {font-weight: 800}

  .tesae-tx__header .tesae-lead,
  .tesae-tx__header p {position: static;
  max-width: 348px;
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left}

  .tesae-tx__grid {display: flex;
  flex-direction: column;
  gap: 17px;
  margin: 0;
  padding: 0;
  overflow: visible}

  .tesae-tx__card,
  .tesae-tx__card:nth-child(1),
  .tesae-tx__card:nth-child(2),
  .tesae-tx__card:nth-child(3) {position: relative;
  width: 100%;
  min-height: 155px;
  filter: none}

  .tesae-tx__card:hover {transform: none;
  box-shadow: none}

  .tesae-tx__plate,
  .tesae-tx__mark {display: none}

  .tesae-tx__face,
  .tesae-tx__card:nth-child(2) .tesae-tx__face {position: relative;
  min-height: 155px;
  padding: 72px 20px 24px 23px;
  border-radius: 15px;
  background: #f2f2f2;
  color: #000000;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
  clip-path: none;
  /* Fluid body + fixed 80×80 Figma TR notch (true cubics) so curves stay smooth at any width */
  -webkit-mask-image: linear-gradient(#fff, #fff), url("../img/frame/tx-notch-tr.svg"), linear-gradient(#fff, #fff);
  mask-image: linear-gradient(#fff, #fff), url("../img/frame/tx-notch-tr.svg"), linear-gradient(#fff, #fff);
  -webkit-mask-size: calc(100% - 80px) 100%, 80px 80px, 80px calc(100% - 68px);
  mask-size: calc(100% - 80px) 100%, 80px 80px, 80px calc(100% - 68px);
  -webkit-mask-position: left top, right top, right bottom;
  mask-position: left top, right top, right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-over, source-over, source-over;
  mask-composite: add, add, add;
}
  .tesae-tx__body {position: relative;
  z-index: 1}

  .tesae-tx__code,
  .tesae-tx__card:nth-child(2) .tesae-tx__code,
  .tesae-tx__card:nth-child(3) .tesae-tx__code {position: absolute;
  top: 29px;
  left: 25px;
  z-index: 2;
  display: block;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #5c0022;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none}

  .tesae-tx__title {margin: 0;
  color: #000000;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.29;
  text-box: trim-both cap alphabetic}

  .tesae-tx__card .tesae-tx__toggle {top: 0;
  right: 0;
  z-index: 3;
  width: 50px;
  height: 49px;
  border-radius: 10px;
  color: #ffffff}

  .tesae-tx__card:nth-child(1) .tesae-tx__toggle {background: #fd4046}

  .tesae-tx__card:nth-child(2) .tesae-tx__toggle {background: #cb1716}

  .tesae-tx__card:nth-child(3) .tesae-tx__toggle {background: #5c0022}

  .tesae-tx__card .tesae-tx__toggle::before,
  .tesae-tx__card .tesae-tx__toggle::after {width: 24px;
  height: 2px;
  background: #ffffff}

  .tesae-tx__card.is-open,
  .tesae-tx__card.is-open:nth-child(1),
  .tesae-tx__card.is-open:nth-child(2),
  .tesae-tx__card.is-open:nth-child(3) {z-index: 1;
  min-height: 0;
  overflow: visible;
  /* Softened from Figma 4414:309 dual drop-shadows. */
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.14))}

  .tesae-tx__card.is-open .tesae-tx__face,
  .tesae-tx__card.is-open:nth-child(2) .tesae-tx__face {min-height: 0;
  padding: 72px 20px 36px 23px;
  background: #f2f2f2;
  filter: none}

  .tesae-tx__card.is-open .tesae-tx__mark {display: block;
  right: 7px;
  bottom: 9px;
  z-index: 0;
  width: 85px;
  height: 75px;
  max-width: none;
  pointer-events: none}

  .tesae-tx__card.is-open .tesae-tx__details {display: flex;
  flex-direction: column;
  margin: 32px 0 0;
  padding: 0}

  .tesae-tx__card.is-open .tesae-tx__bullets {display: flex;
  flex-direction: column;
  gap: 36px;
  margin: 0;
  padding: 0}

  .tesae-tx__card.is-open .tesae-tx__bullets li,
  .tesae-tx__card.is-open:nth-child(2) .tesae-tx__bullets li {margin: 0;
  padding-left: 34px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  text-box: trim-both cap alphabetic}

  .tesae-tx__card.is-open .tesae-tx__bullets li::before {top: 0;
  left: 2px;
  width: 25px;
  height: 24px;
  background: url("../img/frame/tx-check.svg") center / contain no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}

  .tesae-tx__card.is-open:nth-child(2) .tesae-tx__bullets li::before {background: url("../img/frame/tx-check-white.svg") center / contain no-repeat}

  .tesae-app {height: auto;
  margin: 0;
  padding: 0 0 40px;
  overflow: visible;
  background: linear-gradient(#5c0022 0, #5c0022 872px, #ffffff 872px);
  color: #ffffff}

  .tesae-app::before {content: none}

  .tesae-app__x {position: absolute;
  top: 422px;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 440px;
  overflow: hidden;
  pointer-events: none}

  .tesae-app__x-mark {position: absolute;
  width: 141.7px;
  height: 127.7px;
  max-width: none}

  .tesae-app .tesae-container,
  .tesae-app__inner {display: flex;
  flex-direction: column;
  gap: 0;
  height: auto;
  padding: 94px 21px 0}

  .tesae-app__wash {position: absolute;
  top: 422px;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 442px;
  background: linear-gradient(to bottom, #5c0022 39.389%, rgba(92, 0, 34, 0) 229.1%);
  pointer-events: none}

  .tesae-app__pattern {display: none}

  .tesae-app__copy {display: contents}

  .tesae-app__copy h2 {position: relative;
  z-index: 2;
  order: 1;
  margin: 0;
  color: #ffffff;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.26;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-app__copy .tesae-lead {position: relative;
  z-index: 2;
  order: 2;
  width: auto;
  max-width: 354px;
  margin: 50px 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-app__features {position: relative;
  z-index: 2;
  order: 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 28px 18px;
  width: auto;
  max-width: none;
  margin: 68px 0 0;
  padding: 0;
  color: #ffffff}

  .tesae-app__feature:nth-child(1) {grid-area: 1 / 1}

  .tesae-app__feature:nth-child(2) {grid-area: 2 / 1}

  .tesae-app__feature:nth-child(3) {grid-area: 3 / 1}

  .tesae-app__feature:nth-child(4) {grid-area: 1 / 2}

  .tesae-app__feature:nth-child(6) {grid-area: 2 / 2}

  .tesae-app__feature:nth-child(5) {grid-area: 3 / 2}

  .tesae-app__features li {margin: 0;
  padding-left: 30px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.26}

  .tesae-app .tesae-app__features li::before {top: 0;
  left: 0;
  width: 21px;
  height: 22px;
  background: url('../img/frame/app-feature-check-mobile.svg') 0 0 / 21px 22px no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}

  .tesae-app__phone {position: relative;
  z-index: 3;
  order: 4;
  top: auto;
  left: auto;
  width: 276px;
  height: 578px;
  margin: 19px auto 57px;
  overflow: visible;
  border-radius: 0;
  background: transparent}

  .tesae-app__screen {display: none}

  .tesae-app__device {position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 276px;
  height: 578px;
  transform: rotate(-0.07deg);
  transform-origin: center center}

  .tesae-app__device-screen {position: absolute;
  top: 10.5px;
  left: 5.1px;
  z-index: 1;
  width: 258.2px;
  height: 558.2px;
  overflow: hidden;
  border-radius: 33px;
  background: #131313}

  .tesae-app__device-screen img,
  .tesae-app__device-screen video {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover}

  .tesae-app__device-screen video {display: block}

  .tesae-app__store {display: none}

  .tesae-app__device-screen::after {content: none}

  .tesae-app__device-status {position: absolute;
  top: 10.5px;
  left: 1px;
  z-index: 2;
  display: block;
  width: 266.4px;
  height: 28.8px;
  background: #131313;
  border-radius: 27px 32px 0 0;
  pointer-events: none}

  .tesae-app__device-frame {position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none}

  .tesae-app__hands {display: none}

  .tesae-app__badge {position: relative;
  z-index: 2;
  order: 5;
  top: auto;
  left: auto;
  display: block;
  width: 168px;
  height: 50px;
  margin: 0 auto 0 calc(50% - 88px);
  overflow: hidden}

  .tesae-app__badge img {display: none}

  .tesae-app__badge .tesae-app__play {position: absolute;
  top: -145.92%;
  left: -8.54%;
  display: block;
  width: 117.07%;
  height: 391.84%;
  max-width: none}

  .tesae-deadline .tesae-countdown__value {font-size: 35px;
  font-weight: 800;
  line-height: 1.2}

  .tesae-deadline .tesae-countdown__name {margin-top: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6}

  .tesae-deadline .tesae-countdown__unit + .tesae-countdown__unit::before {top: 50%;
  height: 53px;
  background: rgba(255, 255, 255, 0.85);
  transform: translateY(-50%)}

  .tesae-countdown__mobile-status {display: flex;
  justify-content: space-between;
  gap: 12px;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #410018;
  font-size: 14px;
  opacity: 0;
  pointer-events: none}

  /* Lift the whole deadline stacking context while stuck — the bar lives under
     `.tesae-container { z-index: 1 }`, so a local z-index alone cannot beat tx/solution cards. */
  .tesae-deadline:has(.tesae-countdown__mobile-status.is-stuck) {z-index: 95}

  .tesae-countdown__mobile-status.is-stuck {position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 95;
  height: auto;
  margin: 0;
  padding: 10px 16px;
  overflow: visible;
  background: #5c0022;
  color: #ffffff;
  opacity: 1;
  pointer-events: auto}

  .tesae-why__card,
  .tesae-tx__card {min-height: 0}

  .tesae-solution {position: relative;
  z-index: 1;
  margin: 0;
  padding: calc(55 * 100vw / 390) 0 0;
  overflow: visible;
  background: transparent}

  .tesae-industries {position: relative;
  z-index: 0;
  margin: calc(-355 * 100vw / 390) 0 0;
  padding: calc(453 * 100vw / 390) 0 107px;
  overflow: visible;
  background: #f2f2f2}

  .tesae-industries .tesae-container,
  .tesae-industries__inner {display: block;
  width: auto;
  max-width: none;
  height: auto;
  padding: 0}

  .tesae-industries__header {display: block;
  margin: 0;
  padding: 0;
  text-align: center}

  .tesae-industries__header .tesae-h2 {position: static;
  max-width: 261px;
  margin: 0 auto;
  color: #410018;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.26;
  text-align: center;
  text-box: trim-both cap alphabetic}

  .tesae-industries__header .tesae-h2 strong {display: block;
  color: #410018;
  font-weight: 800}

  .tesae-industries__header .tesae-lead {position: static;
  max-width: 369px;
  margin: 37px auto 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-box: trim-both cap alphabetic}

  .tesae-industries__grid {display: flex;
  flex-direction: column;
  gap: 22px;
  width: auto;
  height: auto;
  margin: 53px 0 0;
  padding: 0}

  .tesae-industries__card,
  .tesae-industries__card:hover,
  .tesae-industries__card:focus-within,
  .tesae-industries__card.is-featured,
  .tesae-industries__card.is-open,
  .tesae-industries__card.is-open:hover,
  .tesae-industries__card.is-open:focus-within {position: relative;
  display: block;
  width: 348px;
  max-width: calc(100% - 42px);
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  color: #410018;
  box-shadow: none;
  clip-path: none;
  filter: none;
  transform: none}

  .tesae-industries__card.is-mobile-preview-item:not(.is-revealed) {display: block}

  .tesae-industries__plate {display: none}

  .tesae-industries__mark {position: absolute;
  top: 26px;
  left: 20px;
  z-index: 2;
  display: block;
  width: 22px;
  height: 24px;
  filter: brightness(0)}

  .tesae-industries__icon,
  .tesae-industries__card:hover .tesae-industries__icon,
  .tesae-industries__card.is-open .tesae-industries__icon {display: none}

  .tesae-industries__face {position: relative;
  z-index: 0;
  display: block;
  min-height: 123px;
  padding: 28px 64px 8px 20px;
  border-radius: 15px;
  background: #ffffff;
  filter: drop-shadow(0 0 10px rgba(65, 0, 24, 0.08)) drop-shadow(0 8px 16px rgba(65, 0, 24, 0.1));
  clip-path: none;
  /* Same fixed TR notch as tx cards (Figma Subtract cubics) — no abrupt L-cut */
  -webkit-mask-image: linear-gradient(#fff, #fff), url("../img/frame/tx-notch-tr.svg"), linear-gradient(#fff, #fff);
  mask-image: linear-gradient(#fff, #fff), url("../img/frame/tx-notch-tr.svg"), linear-gradient(#fff, #fff);
  -webkit-mask-size: calc(100% - 80px) 100%, 80px 80px, 80px calc(100% - 68px);
  mask-size: calc(100% - 80px) 100%, 80px 80px, 80px calc(100% - 68px);
  -webkit-mask-position: left top, right top, right bottom;
  mask-position: left top, right top, right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-over, source-over, source-over;
  mask-composite: add, add, add}

  .tesae-industries__body {position: relative;
  z-index: 1;
  display: block}

  .tesae-industries .tesae-industries__body .tesae-h3,
  .tesae-industries__card.is-open .tesae-industries__body .tesae-h3 {position: static;
  max-width: 168px;
  margin: 0 0 0 38px;
  color: #410018;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.29;
  text-box: trim-both cap alphabetic}

  .tesae-industries__text {display: none}

  .tesae-industries__card.is-open .tesae-industries__text {display: block;
  margin: 16px 0 0 38px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6}

  .tesae-industries__toggle {position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 50px;
  height: 49px;
  border-radius: 10px;
  background: #5c0022;
  color: #ffffff}

  .tesae-industries__toggle::before,
  .tesae-industries__toggle::after {width: 24px;
  height: 2px;
  background: #ffffff}

  .tesae-industries__card .tesae-button,
  .tesae-industries__card:hover .tesae-button,
  .tesae-industries__card:focus-visible .tesae-button,
  .tesae-industries__card.is-open .tesae-button {position: static;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 25px 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #cb1716;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  transform: none}

  .tesae-industries__card .tesae-button::before {content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: -1px;
  border-right: 2px solid #cb1716;
  border-bottom: 2px solid #cb1716;
  background: none;
  transform: rotate(-45deg)}

  .tesae-industries__card .tesae-button::after {content: none}

  .tesae-industries .tesae-showmore {position: static;
  display: flex;
  justify-content: center;
  width: auto;
  margin: 39px 0 0}

  .tesae-industries .tesae-showmore .tesae-button,
  .tesae-industries .tesae-showmore .tesae-button:hover,
  .tesae-industries .tesae-showmore .tesae-button:focus-visible {display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transform: none}

  .tesae-industries .tesae-showmore .tesae-button--ghost::after {width: 16px;
  height: 14px;
  border: 0;
  background: url('../img/frame/ind-chevron.svg') center / 16px 14px no-repeat;
  transform: rotate(-90deg)}

  .tesae-faq {margin-top: 0;
  padding: 99px 0 100px;
  background: transparent}

  .tesae-faq::before {background: #ffffff}

  /* Open row bg must bleed edge-to-edge (Figma 4405:5914). Content gutters
     live on the items/title, not the container. */
  .tesae-faq .tesae-container {max-width: none;
  padding-inline: 0}

  .tesae-faq__title {max-width: 200px;
  margin: 0 0 0 21px;
  color: #410018;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
  text-box: trim-both cap alphabetic}

  .tesae-faq__title strong {display: block;
  color: #410018;
  font-weight: 800}

  .tesae-faq .tesae-accordion {gap: 0;
  width: auto;
  margin: 47px 0 0}

  .tesae-faq .tesae-accordion__item,
  .tesae-faq .tesae-accordion__item:hover,
  .tesae-faq .tesae-accordion__item:nth-child(2),
  .tesae-faq .tesae-accordion__item:nth-child(2):hover,
  .tesae-faq .tesae-accordion__item:nth-child(4),
  .tesae-faq .tesae-accordion__item:nth-child(4):hover {height: auto;
  min-height: 0;
  margin: 0;
  padding: 25px 26px 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #5c0022;
  box-shadow: none}

  .tesae-faq .tesae-accordion__item:first-child:not(.is-open),
  .tesae-faq .tesae-accordion__item:first-child:not(.is-open):hover {padding-top: 0}

  .tesae-faq .tesae-accordion__item.is-open + .tesae-accordion__item:not(.is-open),
  .tesae-faq .tesae-accordion__item.is-open + .tesae-accordion__item:not(.is-open):hover {padding-top: 38px}

  .tesae-faq .tesae-accordion__item:not(.is-open):has(+ .tesae-accordion__item.is-open) {padding-bottom: 34px}

  /* Dividers between every closed visible row. Revealed show-more items keep
     `.is-hidden-item`, so exclude only still-collapsed ones (`:not(.is-revealed)`). */
  .tesae-faq .tesae-accordion__item:not(.is-open):has(+ .tesae-accordion__item:not(.is-open):not(.is-hidden-item:not(.is-revealed)))::after {content: "";
  display: block;
  height: 1px;
  margin-top: 34px;
  background: #5c0022}

  /* Last visible closed row has no rule under it, but keeps the same bottom space. */
  .tesae-faq .tesae-accordion__item:not(.is-open):last-child,
  .tesae-faq .tesae-accordion__item:not(.is-open):has(+ .is-hidden-item:not(.is-revealed)) {padding-bottom: 34px}

  .tesae-faq .tesae-accordion__item.is-open,
  .tesae-faq .tesae-accordion__item.is-open:hover {height: auto;
  min-height: 0;
  margin: 0;
  padding: 47px 26px 51px;
  border: 0;
  border-radius: 0;
  background: #5c0022;
  color: #ffffff;
  box-shadow: none}

  .tesae-faq .tesae-accordion__trigger {align-items: flex-start;
  min-height: 0;
  padding: 0;
  gap: 27px;
  color: #5c0022;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29}

  .tesae-faq .tesae-accordion__question,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__question {color: #5c0022;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29;
  text-box: trim-both cap alphabetic}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__question,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger:hover .tesae-accordion__question {color: #ffffff;
  font-weight: 800}

  .tesae-faq .tesae-accordion__icon,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon {width: 24px;
  height: 21px;
  margin-top: 0;
  border-radius: 0;
  background: transparent}

  .tesae-faq .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__icon::after,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon::after {width: 24px;
  height: 3px;
  background: #5c0022}

  .tesae-faq .tesae-accordion__icon::after,
  .tesae-faq .tesae-accordion__trigger:hover .tesae-accordion__icon::after {width: 21px;
  opacity: 1;
  transform: translate(-50%, -50%) rotate(90deg)}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon {height: 3px;
  margin-top: 8px}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon::after,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger:hover .tesae-accordion__icon::before,
  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__trigger:hover .tesae-accordion__icon::after {background: #ffffff}

  .tesae-faq .tesae-accordion__item.is-open .tesae-accordion__icon::after {opacity: 0}

  .tesae-faq .tesae-accordion__answer {width: 100%;
  max-width: none;
  padding: 33px 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-faq .tesae-accordion__answer p {margin: 0}

  .tesae-faq .tesae-showmore {display: flex;
  justify-content: center;
  margin: 54px 0 0}

  .tesae-faq .tesae-showmore .tesae-button,
  .tesae-faq .tesae-showmore .tesae-button:hover,
  .tesae-faq .tesae-showmore .tesae-button:focus-visible {display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #5c0022;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  transform: none}

  .tesae-faq .tesae-showmore .tesae-button--ghost::after {width: 16px;
  height: 14px;
  border: 0;
  background-color: #5c0022;
  -webkit-mask: url('../img/frame/faq-chevron.svg') center / 16px 14px no-repeat;
  mask: url('../img/frame/faq-chevron.svg') center / 16px 14px no-repeat;
  transform: none}

  .tesae-faq .tesae-showmore .tesae-button--ghost[aria-expanded='true']::after {transform: rotate(180deg)}

  .tesae-form-section {margin: 0;
  padding: 0;
  background: #ffffff}

  .tesae-form-section::before {background: #ffffff}

  .tesae-form-section .tesae-container {max-width: none;
  padding-inline: 10px}

  .tesae-form-section__inner {display: block;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 82px 24px 62px;
  overflow: hidden;
  border-radius: 10px;
  background: #cb1716;
  color: #ffffff}

  .tesae-form-section__photo {display: none}

  .tesae-form-section__copy,
  .tesae-form {position: static;
  top: auto;
  left: auto;
  width: auto;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent}

  .tesae-form-section__copy .tesae-h2 {margin: 0;
  color: #ffffff;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  text-box: trim-both cap alphabetic}

  .tesae-form-section__copy .is-light {font-weight: 300}

  .tesae-form-section__copy .tesae-lead {max-width: 318px;
  margin: 33px 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-box: trim-both cap alphabetic}

  .tesae-form {margin-top: 73px}

  .tesae-form .tesae-form__grid {display: flex;
  flex-direction: column;
  gap: 0;
  grid-template-columns: 1fr}

  .tesae-form .tesae-form__grid > .tesae-form__field,
  .tesae-form .tesae-form__grid > .tesae-form__field--full {height: auto;
  margin: 0 0 48px;
  transform: none}

  .tesae-form .tesae-form__grid > .tesae-form__field--full {margin-bottom: 0}

  .tesae-form input,
  .tesae-form textarea,
  .tesae-form select {height: auto;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29}

  .tesae-form input::placeholder,
  .tesae-form textarea::placeholder,
  .tesae-form select {color: #ffffff;
  opacity: 1}

  .tesae-form input:focus,
  .tesae-form textarea:focus,
  .tesae-form select:focus {border-bottom-color: #ffffff}

  .tesae-form .tesae-form__field--full textarea.tesae-form__input {height: 114px;
  padding-top: 0;
  resize: none}

  .tesae-form .tesae-form__field--select {padding-bottom: 5px}

  .tesae-form .tesae-form__field--select .tesae-form__label {position: static;
  display: block;
  width: calc(100% - 28px);
  height: auto;
  margin: 0;
  overflow: visible;
  clip-path: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29;
  white-space: normal;
  pointer-events: none}

  .tesae-form .tesae-form__field--select .tesae-form__input {position: absolute;
  inset: 0;
  height: 100%;
  padding-right: 28px;
  color: transparent;
  background: transparent}

  .tesae-form .tesae-form__field--select:has(select:valid) .tesae-form__label {visibility: hidden}

  .tesae-form .tesae-form__field--select:has(select:valid) .tesae-form__input {color: #ffffff}

  .tesae-form .tesae-form__field--select::before {content: none}

  .tesae-form .tesae-form__field--select::after {content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 16px;
  height: 14px;
  border: 0;
  background-color: #ffffff;
  -webkit-mask: url("../img/form-select-chevron-mobile-figma.svg") center / 16px 14px no-repeat;
  mask: url("../img/form-select-chevron-mobile-figma.svg") center / 16px 14px no-repeat;
  transform: none;
  pointer-events: none}

  .tesae-form__footer {position: static;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 34px}

  .tesae-form .tesae-form__field--consent {position: static;
  margin: 0}

  .tesae-form .tesae-form__consent {align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29}

  .tesae-form .tesae-form__consent span {transform: none}

  .tesae-form .tesae-form__consent,
  .tesae-form .tesae-form__consent a {color: #ffffff}

  .tesae-form .tesae-form__consent input[type="checkbox"] {flex-basis: 17px;
  width: 17px;
  height: 17px;
  border-radius: 0;
  background: #ffffff}

  .tesae-form .tesae-form__consent input[type="checkbox"]:checked::after {border-right-color: #410018;
  border-bottom-color: #410018}

  .tesae-form .tesae-button--dark,
  .tesae-form__footer .tesae-button,
  .tesae-form__footer .tesae-button:hover,
  .tesae-form__footer .tesae-button:focus-visible {position: static;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 171px;
  min-width: 171px;
  max-width: 171px;
  height: 47px;
  min-height: 47px;
  margin: 39px auto 0;
  padding: 0;
  border-radius: 10px;
  background: #000000;
  box-shadow: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  transform: none}

  .tesae-app__badge {position: relative;
  top: auto;
  left: auto;
  width: 168px;
  height: 50px;
  overflow: hidden}

  .tesae-solution .tesae-container,
  .tesae-solution__inner {position: relative;
  display: block;
  width: auto;
  max-width: none;
  height: calc(1068 * 100vw / 390);
  margin: 0;
  padding: 0}

  .tesae-solution__card {display: none}

  .tesae-solution__cutout {position: absolute;
  top: 0;
  left: calc(50% - (337 * 100vw / 390) / 2);
  z-index: 1;
  display: block;
  width: calc(337 * 100vw / 390);
  height: calc(475 * 100vw / 390);
  overflow: hidden;
  pointer-events: none}

  .tesae-solution__cutout img {position: absolute;
  top: -26.01%;
  left: -21.66%;
  width: 137.89%;
  height: 145.98%;
  max-width: none}

  .tesae-solution__wash {position: absolute;
  top: calc(293 * 100vw / 390);
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: calc(182 * 100vw / 390);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  transform: none;
  pointer-events: none}

  .tesae-solution__panel {position: absolute;
  top: calc(377 * 100vw / 390);
  left: calc(50% - (326 * 100vw / 390) / 2);
  z-index: 3;
  display: block;
  width: calc(326 * 100vw / 390);
  height: calc(691 * 100vw / 390);
  margin: 0;
  padding: 0;
  background: transparent}

  .tesae-solution__panel::before {content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: calc(672 * 100vw / 390);
  background: #fef9f9;
  -webkit-mask-image: url("../img/frame/solution-card-mobile.svg");
  mask-image: url("../img/frame/solution-card-mobile.svg");
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  filter: drop-shadow(0 calc(8 * 100vw / 390) calc(24 * 100vw / 390) rgba(92, 0, 34, 0.14));
  pointer-events: none}

  .tesae-solution__face {position: relative;
  z-index: 1;
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent}

  .tesae-solution__face::before,
  .tesae-solution__photo,
  .tesae-solution__person,
  .tesae-solution__scene,
  .tesae-solution__giftbox {display: none}

  .tesae-solution__badge {position: absolute;
  top: 0;
  left: calc(78 * 100vw / 390);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(248 * 100vw / 390);
  height: calc(45 * 100vw / 390);
  margin: 0;
  padding: 0;
  border-radius: calc(10 * 100vw / 390);
  background: #cb1716;
  color: #ffffff;
  font-size: calc(22 * 100vw / 390);
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  text-box: trim-both cap alphabetic;
  box-shadow: 0 calc(4 * 100vw / 390) calc(14 * 100vw / 390) rgba(0, 0, 0, 0.12)}

  .tesae-solution__badge .is-light {color: #ffffff;
  font-weight: 500}

  .tesae-solution__badge strong {font-weight: 800}

  .tesae-solution__copy {position: relative;
  z-index: 2;
  display: block;
  width: auto;
  margin: 0;
  padding: calc(97 * 100vw / 390) calc(13 * 100vw / 390) 0}

  .tesae-solution__text {position: static;
  width: auto;
  max-width: calc(296 * 100vw / 390);
  margin: 0;
  color: #5c0022;
  font-size: calc(25 * 100vw / 390);
  font-weight: 300;
  line-height: 1.26;
  text-box: trim-both cap alphabetic}

  .tesae-solution__text br {display: none}

  .tesae-solution__text strong {font-weight: 800}

  .tesae-solution__text .tesae-pill {display: inline-block;
  width: calc(78 * 100vw / 390);
  min-width: calc(78 * 100vw / 390);
  height: calc(26 * 100vw / 390);
  margin: 0 calc(2 * 100vw / 390);
  padding: 0;
  background: #cb1716;
  color: #fef9f9;
  font-size: calc(25 * 100vw / 390);
  font-weight: 800;
  line-height: calc(26 * 100vw / 390);
  text-align: center;
  vertical-align: calc(-2 * 100vw / 390);
  text-box: trim-both cap alphabetic}

  .tesae-solution__includes {position: static;
  width: auto;
  max-width: calc(274 * 100vw / 390);
  margin: calc(36 * 100vw / 390) 0 0;
  color: #000000;
  font-size: calc(16 * 100vw / 390);
  font-weight: 800;
  line-height: 1.25;
  text-box: trim-both cap alphabetic}

  .tesae-solution .tesae-solution__items {position: static;
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: calc(271 * 100vw / 390);
  margin: calc(36 * 100vw / 390) 0 0;
  padding: 0;
  gap: calc(29 * 100vw / 390);
  color: #000000}

  .tesae-solution .tesae-solution__items li {position: relative;
  margin: 0;
  padding-left: calc(35 * 100vw / 390);
  font-size: calc(16 * 100vw / 390);
  font-weight: 400;
  line-height: 1.25;
  text-box: trim-both cap alphabetic}

  .tesae-solution .tesae-solution__items li:nth-child(1),
  .tesae-solution .tesae-solution__items li:nth-child(2),
  .tesae-solution .tesae-solution__items li:nth-child(3) {margin-bottom: 0}

  .tesae-solution .tesae-solution__items li::before {top: calc(-6 * 100vw / 390);
  left: 0;
  width: calc(24 * 100vw / 390);
  height: calc(23 * 100vw / 390);
  background-image: url("../img/frame/solution-check-mobile.svg"), linear-gradient(#d9d9d9, #d9d9d9);
  background-position: 0 0, calc(4.6 * 100vw / 390) calc(4.6 * 100vw / 390);
  background-size: calc(19.9 * 100vw / 390) calc(17.2 * 100vw / 390), calc(19.32 * 100vw / 390) calc(18.4 * 100vw / 390);
  background-repeat: no-repeat;
  filter: none;
  -webkit-mask: none;
  mask: none}

  .tesae-solution .tesae-solution__items strong {font-weight: 800}

  .tesae-solution__foot {position: static;
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  width: auto;
  margin: calc(52 * 100vw / 390) 0 0;
  gap: calc(37 * 100vw / 390)}

  .tesae-solution__date {position: static;
  display: flex;
  align-items: center;
  width: calc(308 * 100vw / 390);
  max-width: none;
  height: calc(36 * 100vw / 390);
  margin: 0 0 0 calc(-4 * 100vw / 390);
  padding: 0 0 0 calc(6 * 100vw / 390);
  border-radius: 0;
  background: #e2e2e2;
  color: #5c0022;
  font-size: calc(16 * 100vw / 390);
  font-weight: 400;
  line-height: 1.26;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-solution__date strong {font-size: calc(20 * 100vw / 390);
  font-weight: 800;
  line-height: 1.26}

  .tesae-solution .tesae-button--primary {position: static;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: calc(242 * 100vw / 390);
  min-width: calc(242 * 100vw / 390);
  max-width: calc(242 * 100vw / 390);
  height: calc(50 * 100vw / 390);
  min-height: calc(50 * 100vw / 390);
  margin: 0 auto;
  padding: 0;
  border-radius: calc(5 * 100vw / 390);
  background: #cb1716;
  font-size: calc(16 * 100vw / 390);
  font-weight: 700;
  line-height: 1.6;
  box-shadow: none;
  transform: none}

  .tesae-footer {height: auto;
  min-height: 0;
  margin-top: 146px;
  padding-bottom: 60px;
  overflow: visible;
  background: #5c0022}

  .tesae-footer::before {content: none}

  .tesae-footer__band {display: none}

  .tesae-footer__bar {position: relative;
  top: auto;
  height: 335px;
  min-height: 0;
  padding: 0;
  background: transparent}

  .tesae-footer__bar::after {content: none}

  .tesae-footer__inner {position: relative;
  display: block;
  height: 335px;
  min-height: 0;
  padding: 0}

  .tesae-footer__brand {position: static;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  transform: none}

  .tesae-footer__logo {position: absolute;
  top: -104px;
  left: 50%;
  z-index: 2;
  width: 208px;
  height: auto;
  max-width: none;
  transform: translateX(-50%)}

  .tesae-footer__product {position: absolute;
  top: 123px;
  left: 23px;
  display: inline-block;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
  text-decoration: none;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-footer__product::after {content: "";
  display: inline-block;
  width: 11px;
  height: 12px;
  margin-left: 2px;
  vertical-align: -1px;
  background: url("../img/frame/footer-chevron.svg") center / 11px 12px no-repeat;
  transform: rotate(-90deg)}

  .tesae-footer__socials {position: absolute;
  top: 169px;
  left: 20px;
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 0;
  transform: none}

  .tesae-footer__socials a,
  .tesae-footer__socials img {display: block;
  width: 50px;
  height: 52px}

  .tesae-footer__top {position: absolute;
  top: 176px;
  right: 25px;
  bottom: auto;
  left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 37px;
  margin: 0;
  border-radius: 10px;
  background: #fd4046;
  color: #ffffff}

  .tesae-footer__top span {width: 16px;
  height: 15px;
  border: 0;
  background: url("../img/frame/footer-up.svg") center / 16px 15px no-repeat;
  transform: rotate(180deg)}

  .tesae-footer__nav {position: absolute;
  top: 254px;
  right: auto;
  bottom: auto;
  left: 23px}

  .tesae-footer__list {flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 18px;
  margin: 0;
  padding: 0}

  .tesae-footer__list li {display: flex}

  .tesae-footer__list a,
  .tesae-footer__copyright {color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  text-box: trim-both cap alphabetic}

  .tesae-footer__copyright {position: absolute;
  top: 280px;
  right: auto;
  bottom: auto;
  left: 23px;
  width: auto;
  margin: 0}

  .tesae-form-section__copy,
  .tesae-form-section__photo,
  .tesae-form {grid-row: auto;
  grid-column: auto}

  .tesae-header {height: 64px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none}

  .tesae-header__inner {display: block;
  height: 64px;
  min-height: 0;
  padding: 0}

  .tesae-header__logo .custom-logo-link,
  .tesae-header__title {display: none}

  .tesae-header__brand {position: absolute;
  top: 9.11px;
  left: 0;
  display: block;
  width: 139.48px;
  height: 46.13px}

  .tesae-header__logo .tesae-header__mark,
  .tesae-header__logo .tesae-header__word {position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  object-fit: fill}

  .tesae-header__logo .tesae-header__mark {top: 0;
  left: 0;
  width: 48.28px;
  height: 46.13px;
  object-position: bottom}

  .tesae-header__wordbox {position: absolute;
  top: 15.02px;
  left: 48.28px;
  width: 91.2px;
  height: 16.09px;
  overflow: hidden}

  .tesae-header__logo .tesae-header__word {top: 0;
  left: 0;
  width: 91.2px;
  height: 16.09px}

  .tesae-header__actions {position: absolute;
  top: 9.5px;
  right: 7.7px;
  gap: 11.2px;
  margin: 0;
  align-items: flex-start}

  .tesae-nav__bell,
  .tesae-burger {width: 46px;
  height: 45px;
  padding: 0;
  border-radius: 10px}

  .tesae-nav__bell {margin-top: 0.5px;
  background: url("../img/frame/header-bell-mobile.svg") center / 100% 100% no-repeat;
  transform: none}

  .tesae-nav__bell .tesae-nav__bell-default,
  .tesae-nav__bell .tesae-nav__bell-figma {display: none}

  .tesae-burger {gap: 0;
  background: #cb1716 url("../img/frame/header-burger-mobile.svg") center 15px / 25.5375px 18px no-repeat}

  .tesae-burger__bar {display: none}

  body.tesae-notification-open .tesae-header {pointer-events: none}

  body.tesae-notification-open .tesae-notification,
  body.tesae-notification-open .tesae-burger {pointer-events: auto}

  body.tesae-notification-open .tesae-burger {background-color: #5c0022}

  body.tesae-notification-open .tesae-header__logo {visibility: hidden}

  body.tesae-nav-open .tesae-header {z-index: 300;
  background: transparent}

  body.tesae-nav-open .tesae-mobile-menu__brand {top: 8.35px;
  left: 11px;
  width: 136.75px;
  height: 45.65px}

  body.tesae-nav-open .tesae-header__actions {top: 10.5px;
  right: 8px;
  gap: 11px}

  body.tesae-nav-open .tesae-nav__bell,
  body.tesae-nav-open .tesae-burger {width: 45px;
  height: 45px;
  margin: 0;
  background: transparent;
  background-image: none}

  body.tesae-nav-open .tesae-nav__bell {transform: none}

  body.tesae-nav-open .tesae-nav__bell img {mix-blend-mode: normal}

  body.tesae-nav-open .tesae-nav__bell-menu {display: block;
  width: 45px;
  height: 45px;
  mix-blend-mode: normal}

  body.tesae-nav-open .tesae-burger {gap: 0;
  padding: 0;
  border-radius: 0}

  body.tesae-nav-open .tesae-burger__close-mark {display: block;
  width: 18px;
  height: 18px}

  body.tesae-nav-open .tesae-burger__close-line {width: 18px;
  height: 2px;
  filter: none}

  .tesae-mobile-menu:not([hidden]) {position: fixed;
  inset: 0;
  z-index: 200;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100dvh;
  padding: 0;
  outline: 3px solid #000000;
  background: #5c0022;
  color: #ffffff;
  overflow-y: auto;
  overscroll-behavior: contain}

  .tesae-mobile-menu__list {position: absolute;
  top: 157px;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 63px;
  width: auto;
  margin: 0;
  padding: 0;
  grid-auto-rows: auto;
  row-gap: 63px}

  .tesae-mobile-menu__list li,
  .tesae-mobile-menu__list a {height: auto}

  .tesae-mobile-menu__list a {display: block;
  width: auto;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.22;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  text-box: trim-both cap alphabetic}

  .tesae-mobile-menu__list a:hover,
  .tesae-mobile-menu__list a:focus-visible {color: #ffffff}

  .tesae-mobile-menu__list .tesae-mobile-menu__cta-item a,
  .tesae-mobile-menu__list .tesae-mobile-menu__cta-item a:hover,
  .tesae-mobile-menu__list .tesae-mobile-menu__cta-item a:focus-visible {color: #fd4046;
  font-weight: 800}

  .tesae-mobile-menu__socials {position: absolute;
  top: 633px;
  left: 50%;
  width: 261.5px;
  height: 57px;
  margin: 0;
  transform: translateX(-50%)}

  .tesae-mobile-menu__socials-art {display: none}

  .tesae-mobile-menu__social-links {position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13.3px;
  width: 100%;
  height: 57px;
  margin: 0;
  padding: 0;
  list-style: none}

  .tesae-mobile-menu__social-links a {width: 55.4px;
  height: 57px;
  background: center / 55.4px 56.98px no-repeat}

  .tesae-mobile-menu__social-links li:nth-child(1) a {background-image: url("../img/frame/burger-social-1.svg")}

  .tesae-mobile-menu__social-links li:nth-child(2) a {background-image: url("../img/frame/burger-social-2.svg")}

  .tesae-mobile-menu__social-links li:nth-child(3) a {background-image: url("../img/frame/burger-social-3.svg")}

  .tesae-mobile-menu__social-links li:nth-child(4) a {background-image: url("../img/frame/burger-social-4.svg")}
}

/* Bell panel — Figma 4397:3314 colors/type. Mobile = fullscreen; desk = card under bell. */

.tesae-notification {z-index: 200;
margin: 0;
padding: 87px 25px 48px 28px;
border: 0;
background: #cb1716;
color: #ffffff;
overflow-x: hidden;
overflow-y: auto}

.tesae-notification__close {top: 10px;
right: 64px;
display: flex;
width: 45px;
height: 45px;
background: #ffffff;
border-radius: 10px}

.tesae-notification__close:hover,
.tesae-notification__close:focus-visible {background: #ffffff;
transform: none}

.tesae-notification__close-mark {width: 18px;
height: 18px}

.tesae-notification__close-line {width: 18px;
height: 2px;
filter: brightness(0)}

.tesae-notification__title {max-width: 337px;
margin: 0;
color: #ffffff;
font-size: 32px;
font-weight: 300;
line-height: 1.1;
text-box: trim-both cap alphabetic}

.tesae-notification__title strong {font-weight: 800}

.tesae-notification__title .tesae-hl {display: inline;
padding: 0;
background: transparent;
color: inherit}

.tesae-notification__copy {max-width: 337px;
margin: 37px 0 0;
color: #ffffff;
font-size: 25px;
font-weight: 300;
line-height: 1.26}

.tesae-notification__copy strong {font-weight: 800}

.tesae-notification__copy .is-lead,
.tesae-notification__copy .is-includes,
.tesae-notification__copy .is-item {display: block;
text-box: trim-both cap alphabetic}

.tesae-notification__copy .is-includes {margin-top: 55px;
margin-left: -3px;
font-size: 16px;
font-weight: 800;
line-height: 1.25}

.tesae-notification__copy .is-item {position: relative;
max-width: 261px;
margin: 28px 0 0 35px;
font-size: 16px;
font-weight: 400;
line-height: 1.25}

.tesae-notification__copy .is-includes + .is-item {margin-top: 40px}

.tesae-notification__copy .is-item::before {content: "";
position: absolute;
top: -6px;
left: -35px;
width: 24px;
height: 23px;
background-image: url("../img/frame/notification-check.svg"), linear-gradient(#a80000, #a80000);
background-position: 0 0, 4.6px 4.6px;
background-size: 19.9px 17.2px, 19.32px 18.4px;
background-repeat: no-repeat}

.tesae-notification__offer {max-width: none;
margin: 48px 0 0;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.26;
text-box: trim-both cap alphabetic}

.tesae-notification__offer span {display: block;
font-size: 16px;
font-weight: 400;
line-height: 1.26}

.tesae-notification__offer span + span {margin-top: 4px;
font-size: 26px;
font-weight: 800}

.tesae-notification__cta,
.tesae-notification .tesae-button {width: 242px;
min-width: 242px;
max-width: 242px;
height: 50px;
min-height: 50px;
margin: 40px 0 0;
padding: 0;
border-radius: 5px;
background: #5c0022;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
box-shadow: none;
transform: none}

@media (max-width: 991px) {
  .tesae-notification {position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  min-height: 0;
  max-height: none;
  border-radius: 0;
  box-shadow: none}
}

@media (min-width: 992px) {
  /* Floating card under the bell — same red/type as Figma, desk chrome like the shot. */
  .tesae-header,
  .tesae-header__inner,
  .tesae-header__actions,
  .tesae-notifications {overflow: visible}

  .tesae-notifications .tesae-notification {position: absolute;
  top: calc(100% + 18px);
  right: 0;
  bottom: auto;
  left: auto;
  width: 390px;
  height: auto;
  min-height: 0;
  max-height: min(780px, calc(100dvh - 130px));
  border: 0;
  border-radius: 10px;
  background: #cb1716;
  box-shadow: 0 4px 45.3px rgba(0, 0, 0, 0.68)}

  .tesae-notifications .tesae-notification__close {top: 10px;
  right: 10px}

  body.tesae-notification-open {overflow: visible}

  body.tesae-notification-open .tesae-header {backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px)}
}