:root {
  --m-side: 14px;
  --m-max: 430px;
  --m-paper: #EAE5DF;
  --m-wine: #48222D;
  --m-blue: #BBCBD8;
  --m-dark: #171717;
}
html {
  width: 100%!important;
  overflow-y: auto!important;
  scroll-behavior: auto!important;
  overflow-x: clip!important;
}
body.phone-lite {
  width: 100%!important;
  min-width: 0!important;
  overflow-y: visible!important;
  background: var(--m-wine)!important;
  overflow-x: clip!important;
}
body.phone-lite .calc {
  display: none!important;
}
body.phone-lite .noise {
  opacity: .045!important;
}
body.phone-lite .hero{
  position:relative!important;
  width:100%!important;
  height:100svh!important;
  min-height:620px!important;
  overflow:hidden!important;
}
body.phone-lite .canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  transform:none!important;
}
body.phone-lite .hero .title{
  top:25px!important;
  left:10px!important;
  width:calc(100% - 20px)!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(38px,10.6vw,45px)!important;
  line-height:.91!important;
  letter-spacing:-.048em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-align:center!important;
}
body.phone-lite .hero .title>span{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
}
body.phone-lite .hero .subtitle{
  top:132px!important;
  left:18px!important;
  width:calc(100% - 36px)!important;
  min-height:44px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  font-size:12.5px!important;
  line-height:1.22!important;
  text-align:center!important;
  white-space:normal!important;
}
body.phone-lite .hero .subtitle #typed{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  white-space:normal!important;
}
body.phone-lite .hero .portrait,
body.phone-lite.hero-ready .hero .portrait,
body.phone-lite.hero-opened .hero .portrait,
body.phone-lite.hero-ready.hero-opened .hero .portrait{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-2px!important;
  width:min(96vw,390px)!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  animation:none!important;
}
body.phone-lite .hero .portrait img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
}
body.phone-lite.hero-opened .hero .portrait img{
  animation:mobilePortraitBreath 8.5s ease-in-out infinite!important;
}
@keyframes mobilePortraitBreath{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-5px,0) scale(1.012)}
}
body.phone-lite .hero .arrow{
  top:180px!important;
  right:18px!important;
  left:auto!important;
  width:38px!important;
}
body.phone-lite .showreel-scene {
  position: relative!important;
  padding: 0!important;
  margin: 0!important;
  overflow: visible!important;
  background: #EAE5DF!important;
  height: 112svh!important;
  min-height: 0!important;
}
body.phone-lite .showreel-stage {
  position: sticky!important;
  top: 0!important;
  width: 100%!important;
  height: 100svh!important;
  min-height: 0!important;
  max-height: none!important;
  margin: 0!important;
  overflow: hidden!important;
  border-radius: 0!important;
  background: #EAE5DF!important;
  box-shadow: none!important;
}
body.phone-lite .showreel-video {
  position: absolute!important;
  inset: 0!important;
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  object-position: 50% 48%!important;
  opacity: 1!important;
  filter: none!important;
  transform: none!important;
}
body.phone-lite .showreel-mask {
  display: block!important;
  position: absolute!important;
  inset: 0!important;
  width: 100%!important;
  height: 100%!important;
  z-index: 3!important;
  opacity: 1!important;
  transform: none!important;
  pointer-events: none!important;
}
body.phone-lite .showreel-choice {
  display: none!important;
}
body.phone-lite .showreel-under-ui {
  display: none!important;
}
body.phone-lite .showreel-arrow {
  display: none!important;
}
body.phone-lite .showreel-ring {
  display: block!important;
  width: 148px!important;
  height: 148px!important;
  margin: -74px 0 0 -74px!important;
  color: var(--m-dark)!important;
  opacity: var(--sr-ring-opacity,1)!important;
  transform: rotate(var(--sr-ring-rot,0deg))!important;
  animation: none!important;
  pointer-events: none!important;
  z-index: 6!important;
  left: var(--cx,50%)!important;
  top: var(--cy,14%)!important;
}
body.phone-lite .showreel-sound {
  right: 12px!important;
  z-index: 7!important;
  bottom: max(16px, env(safe-area-inset-bottom))!important;
  min-height: 44px!important;
  font-size: 11px!important;
  background: rgba(23,23,23,.7)!important;
}
body.phone-lite .about-pattern-track {
  display: flex!important;
  width: max-content!important;
  transform: none;
  animation: none!important;
  transition: none!important;
  will-change: transform!important;
}
body.phone-lite .about-reference {
  position: relative!important;
  display: block!important;
  width: 100%!important;
  height: auto!important;
  min-height: 0!important;
  margin: 0!important;
  overflow: hidden!important;
}
body.phone-lite .about-left {
  position: relative!important;
  width: 100%!important;
  overflow: hidden!important;
  background: var(--m-paper)!important;
  height: clamp(500px, 142vw, 610px)!important;
  min-height: 0!important;
}
body.phone-lite .about-pattern {
  --about-pattern-y: 0px;
  position: absolute!important;
  bottom: auto!important;
  max-width: none!important;
  min-height: 0!important;
  transform-origin: center top!important;
  overflow: visible!important;
  left: 50%!important;
  width: 188vw!important;
  transform: translate3d(-50%,var(--about-pattern-y,0px),0) rotate(-4.2deg)!important;
  top: -32px!important;
  height: calc(100% + 96px)!important;
  min-width: 760px!important;
  opacity: .13!important;
}
body.phone-lite .about-pattern-row {
  overflow: visible!important;
  line-height: 1!important;
  display: block!important;
  height: 42px!important;
  font-size: 22px!important;
}
body.phone-lite .about-photo-card {
  --about-photo-y: 0px;
  position: absolute!important;
  z-index: 5!important;
  left: 50%!important;
  max-width: none!important;
  margin: 0!important;
  transform: translate3d(-50%,var(--about-photo-y),0)!important;
  top: 58px!important;
  width: min(80vw, 330px)!important;
  height: calc(100% - 116px)!important;
}
body.phone-lite .about-photo-card img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
}
body.phone-lite .about-fact {
  z-index: 8!important;
}
body.phone-lite .about-fact-years {
  left: -7px!important;
  bottom: 34px!important;
}
body.phone-lite .about-fact-events {
  right: -6px!important;
  top: 68px!important;
}
body.phone-lite .about-right {
  position: relative!important;
  width: 100%!important;
  min-height: 0!important;
}
body.phone-lite .about-right-text {
  max-width: 520px!important;
  margin: 0 auto!important;
  padding-top: 40px!important;
  padding-bottom: 52px!important;
  width: calc(100% - 40px)!important;
  padding: 40px 0 46px!important;
}
body.phone-lite .about-right h2 {
  line-height: .91!important;
  font-size: clamp(33px, 9.8vw, 46px)!important;
}
body.phone-lite .about-right p {
  font-size: 16px!important;
  line-height: 1.55!important;
}
body.phone-lite .about-right li {
  margin-bottom: 14px!important;
  font-size: 16px!important;
  line-height: 1.55!important;
}
body.phone-lite .about-tape {
  left: -18px!important;
  top: -23px!important;
  width: 110px!important;
  height: 37px!important;
}
body.phone-lite .about-title-line {
  margin-bottom: 21px!important;
}
body.phone-lite .about-stamp {
  margin-bottom: 18px!important;
}
body.phone-lite .about-pattern-row:nth-child(n+18) {
  display: none!important;
}
body.phone-lite .team-marquee-track {
  will-change: transform!important;
  animation: teamMarquee 26s linear infinite!important;
}
body.phone-lite .team-section {
  position: relative!important;
  width: 100%!important;
  overflow: hidden!important;
  min-height: 0!important;
  height: auto!important;
}
body.phone-lite .team-shell {
  position: relative!important;
  z-index: 3!important;
  width: 100%!important;
  min-height: 0!important;
  height: auto!important;
  padding: 46px 14px 96px!important;
}
body.phone-lite .team-head {
  width: 100%!important;
  padding: 0 4px!important;
}
body.phone-lite .team-head h2 {
  font-size: clamp(44px,11.8vw,51px)!important;
  line-height: .9!important;
  margin-bottom: 0!important;
}
body.phone-lite .team-line {
  width: 210px!important;
}
body.phone-lite .team-grid {
  position: relative!important;
  display: grid!important;
  width: 100%!important;
  height: auto!important;
  padding: 0!important;
  margin-top: 26px!important;
  grid-template-columns: repeat(3,minmax(0,1fr))!important;
  gap: 22px 10px!important;
  margin: 26px 0 0!important;
}
body.phone-lite .team-card {
  position: relative!important;
  left: auto!important;
  right: auto!important;
  top: auto!important;
  width: 100%!important;
  margin: 0!important;
}
body.phone-lite .team-card-4 {
  position: relative!important;
  left: auto!important;
  right: auto!important;
  top: auto!important;
  width: 100%!important;
  margin: 0!important;
  grid-column: auto!important;
}
body.phone-lite .team-card-5 {
  position: relative!important;
  left: auto!important;
  right: auto!important;
  top: auto!important;
  width: 100%!important;
  margin: 0!important;
  grid-column: auto!important;
}
body.phone-lite .team-card-1 {
  grid-column: auto!important;
}
body.phone-lite .team-card-2 {
  grid-column: auto!important;
}
body.phone-lite .team-card-3 {
  grid-column: auto!important;
}
body.phone-lite .team-photo-wrap {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 3 / 4!important;
}
body.phone-lite .team-card-4 .team-photo-wrap {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 3 / 4!important;
}
body.phone-lite .team-card-5 .team-photo-wrap {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 3 / 4!important;
}
body.phone-lite .team-name {
  text-align: left!important;
  font-size: clamp(11px, 2.9vw, 14px)!important;
  line-height: 1.22!important;
  letter-spacing: -.025em!important;
  min-height: 2.44em!important;
  overflow-wrap: anywhere!important;
  margin-top: 8px!important;
}
body.phone-lite .team-marquee {
  z-index: 2!important;
  left: 0!important;
  right: 0!important;
  display: block!important;
  bottom: 24px!important;
  height: 52px!important;
  opacity: .14!important;
}
body.phone-lite .team-marquee span {
  font-size: 42px!important;
  line-height: 1.2!important;
  padding-right: 30px!important;
}
body.phone-lite .team-card-6 {
  position: relative!important;
  left: auto!important;
  right: auto!important;
  top: auto!important;
  width: 100%!important;
  margin: 0!important;
  grid-column: auto!important;
}
body.phone-lite .team-card-6 .team-photo-wrap {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 3 / 4!important;
}
body.phone-lite .team-card-6 img {
  object-position: center 40%!important;
}
body.phone-lite .team-card-6 .team-name {
  font-size: clamp(11px, 2.9vw, 14px)!important;
  line-height: 1.22!important;
}
body.phone-lite .team-bg-pattern {
  display: none!important;
}
body.phone-lite .team-card:nth-child(even) {
  width: 100%!important;
  margin: 0!important;
}
body.phone-lite .portfolio-word-track {
  will-change: transform!important;
  display: flex!important;
  width: max-content!important;
  animation: portfolioTickerLeft 24s linear infinite!important;
}
body.phone-lite .portfolio-section {
  position: relative!important;
  width: 100%!important;
  overflow: hidden!important;
  padding: 48px 0 98px!important;
}
body.phone-lite .portfolio-head {
  width: calc(100% - 28px)!important;
  max-width: 540px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-bottom: 28px!important;
}
body.phone-lite .portfolio-gallery {
  width: calc(100% - 28px)!important;
  max-width: 540px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  gap: 11px!important;
}
body.phone-lite .portfolio-head h2 {
  font-size: clamp(38px, 11.2vw, 55px)!important;
}
body.phone-lite .portfolio-pair {
  gap: 11px!important;
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
}
body.phone-lite .portfolio-triptych {
  gap: 11px!important;
  display: grid!important;
  grid-template-columns: repeat(3,1fr)!important;
}
body.phone-lite .portfolio-finale {
  gap: 11px!important;
  display: grid!important;
  grid-template-columns: .9fr 1.1fr!important;
}
body.phone-lite .portfolio-wide .portfolio-img {
  height: clamp(205px, 62vw, 300px)!important;
}
body.phone-lite .portfolio-pair .portfolio-img {
  height: clamp(174px, 52vw, 260px)!important;
}
body.phone-lite .portfolio-img-dark {
  height: clamp(205px, 62vw, 300px)!important;
}
body.phone-lite .portfolio-triptych .portfolio-img {
  height: clamp(136px, 41vw, 210px)!important;
}
body.phone-lite .portfolio-finale-vertical .portfolio-img {
  height: 285px!important;
}
body.phone-lite .portfolio-finale-wide .portfolio-img {
  height: 285px!important;
}
body.phone-lite .portfolio-word {
  display: block!important;
  position: absolute!important;
  left: 0!important;
  right: 0!important;
  width: 100%!important;
  overflow: hidden!important;
  bottom: 22px!important;
  height: 60px!important;
  line-height: 1.2!important;
  transform: none!important;
  opacity: .25!important;
}
body.phone-lite .portfolio-word-group {
  display: flex!important;
  flex: 0 0 auto!important;
  gap: 30px!important;
  padding-right: 30px!important;
}
body.phone-lite .portfolio-word span {
  display: block!important;
  white-space: nowrap!important;
  font-size: clamp(40px, 12vw, 56px)!important;
  line-height: 1.15!important;
}
body.phone-lite .quiz-section {
  padding: 48px 0 56px!important;
}
body.phone-lite .quiz-shell {
  width: calc(100% - 22px)!important;
  max-width: 560px!important;
}
body.phone-lite .quiz-head {
  width: 100%!important;
  margin-bottom: 24px!important;
}
body.phone-lite .quiz-head h2 {
  font-size: clamp(27px,7.7vw,33px)!important;
  line-height: 1.04!important;
}
body.phone-lite .quiz-card {
  min-height: 0!important;
  border-radius: 18px!important;
}
body.phone-lite .quiz-card-inner {
  padding: 20px 14px 18px!important;
}
body.phone-lite .quiz-question {
  font-size: 19px!important;
  line-height: 1.16!important;
}
body.phone-lite .quiz-options-gifts {
  align-items: stretch!important;
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
  gap: 10px!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift:nth-child(1) {
  display: grid!important;
  grid-template-columns: 1fr!important;
  min-width: 0!important;
  overflow: hidden!important;
  padding: 7px 7px 10px!important;
  grid-template-rows: min(35vw, 156px) auto!important;
  align-items: stretch!important;
  height: 100%!important;
  align-self: stretch!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift:nth-child(2) {
  display: grid!important;
  grid-template-columns: 1fr!important;
  min-width: 0!important;
  overflow: hidden!important;
  padding: 7px 7px 10px!important;
  grid-template-rows: min(35vw, 156px) auto!important;
  align-items: stretch!important;
  height: 100%!important;
  align-self: stretch!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift:nth-child(3) {
  grid-column: 1/-1!important;
  display: grid!important;
  align-items: center!important;
  grid-template-columns: 88px minmax(0,1fr)!important;
  grid-template-rows: 88px!important;
}
body.phone-lite .quiz-options-gifts .quiz-option-image {
  width: 100%!important;
  height: min(35vw, 156px)!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift:nth-child(3) .quiz-option-image {
  width: 88px!important;
  height: 88px!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift>span {
  min-width: 0!important;
  white-space: normal!important;
  overflow-wrap: normal!important;
  word-break: normal!important;
  text-align: center!important;
}
body.phone-lite .quiz-options-gifts .quiz-gift:nth-child(3)>span {
  text-align: left!important;
  padding: 0 12px!important;
}
body.phone-lite .quiz-options-list .quiz-option {
  min-height: 58px!important;
  padding: 13px 43px 13px 48px!important;
  font-size: 14px!important;
  line-height: 1.45!important;
}
body.phone-lite .quiz-footer {
  padding: 12px 14px 15px!important;
}
body.phone-lite .quiz-gift > span {
  font-size: 14px!important;
  line-height: 1.35!important;
  padding: 12px 2px 4px!important;
  min-height: 0!important;
  white-space: normal!important;
  overflow-wrap: anywhere!important;
}
body.phone-lite .quiz-input {
  font-size: 16px!important;
  min-width: 0!important;
  width: 100%!important;
  height: 52px!important;
}
body.phone-lite .quiz-submit {
  min-height: 48px!important;
  font-size: 14px!important;
}
body.phone-lite .quiz-next {
  min-height: 48px!important;
  font-size: 12px!important;
}
body.phone-lite .quiz-consent {
  font-size: 12px!important;
  line-height: 1.5!important;
}
body.phone-lite .benefits-section {
  min-height: 0!important;
  overflow: hidden!important;
  padding: 48px 0 48px!important;
}
body.phone-lite .benefits-shell {
  width: calc(100% - 28px)!important;
}
body.phone-lite .benefits-title {
  width: 100%!important;
  padding-right: 48px!important;
  margin: 0 0 24px!important;
}
body.phone-lite .benefits-title h2 {
  font-size: clamp(42px,11.6vw,50px)!important;
}
body.phone-lite .benefits-timeline {
  width: 100%!important;
  padding-left: 25px!important;
}
body.phone-lite .benefits-line {
  left: 6px!important;
}
body.phone-lite .benefit-dot {
  left: -24px!important;
}
body.phone-lite .benefit-card {
  min-height: 0!important;
  margin-bottom: 12px!important;
  padding: 21px 19px!important;
  opacity: calc(.075 + var(--card-p) * .925)!important;
  transform: translateY(calc((1 - var(--card-p)) * 14px)) scale(calc(.997 + var(--card-p) * .003))!important;
}
body.phone-lite .benefit-card h3 {
  font-size: 20px!important;
}
body.phone-lite .benefit-card p {
  font-size: 16px!important;
  line-height: 1.5!important;
}
body.phone-lite .benefits-ambient-word {
  display: block!important;
  font-size: 105px!important;
  opacity: .055!important;
}
body.phone-lite .benefits-title-stamp {
  display: block!important;
}
body.phone-lite .benefits-side-doodle {
  display: block!important;
}
body.phone-lite .contract-ref {
  min-height: 0!important;
  overflow: hidden!important;
  padding: 42px 0 76px!important;
}
body.phone-lite .contract-ref-shell {
  width: calc(100% - 30px)!important;
  min-height: 0!important;
  display: grid!important;
  grid-template-columns: 1fr!important;
  gap: 14px!important;
}
body.phone-lite .contract-ref-visual {
  padding: 0!important;
  transform: none!important;
  justify-content: center!important;
  overflow: visible!important;
}
body.phone-lite .contract-ref-art {
  width: min(330px,92vw)!important;
  max-width: 100%!important;
}
body.phone-lite .contract-ref-copy {
  padding: 6px 0 0!important;
  transform: none!important;
  text-align: center!important;
}
body.phone-lite .contract-ref-copy h2 {
  line-height: .9!important;
  font-size: clamp(34px, 10vw, 47px)!important;
}
body.phone-lite .contract-copy-kicker {
  justify-content: center!important;
}
body.phone-lite .contract-copy-sign {
  justify-content: center!important;
}
body.phone-lite .contract-visual-note {
  display: block!important;
  transform: scale(.72)!important;
  transform-origin: center!important;
}
body.phone-lite .cost-section {
  position: relative!important;
  overflow: hidden!important;
  padding: 44px 0 36px!important;
}
body.phone-lite .cost-scene {
  height: auto!important;
  min-height: 0!important;
}
body.phone-lite .cost-stage {
  position: relative!important;
  top: auto!important;
  width: 100%!important;
  height: auto!important;
  min-height: 0!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  padding: 0 14px 0!important;
  overflow: visible!important;
}
body.phone-lite .cost-title {
  position: relative!important;
  top: auto!important;
  left: auto!important;
  transform: none!important;
  margin: 0 auto 18px!important;
}
body.phone-lite .cost-title h2 {
  font-size: clamp(38px, 11.3vw, 48px)!important;
}
body.phone-lite .cost-content-row {
  position: relative!important;
  width: 100%!important;
  max-width: 336px!important;
  min-height: 0!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  margin: 0 auto!important;
  padding: 0!important;
}
body.phone-lite .cost-card {
  position: relative!important;
  z-index: 5!important;
  min-height: 0!important;
  margin: 0 auto!important;
  border-radius: 18px!important;
  width: 100%!important;
  max-width: 332px!important;
  transform: none!important;
}
body.phone-lite .cost-card-copy {
  padding: 20px 18px 18px!important;
}
body.phone-lite .cost-card li {
  font-size: 14px!important;
  line-height: 1.38!important;
  margin-bottom: 6px!important;
}
body.phone-lite .cost-button {
  width: 100%!important;
  min-width: 0!important;
  min-height: 40px!important;
  height: 40px!important;
  margin-top: 16px!important;
  font-size: 10px!important;
  padding: 0 16px!important;
}
body.phone-lite .cost-small {
  padding: 0!important;
  text-align: center!important;
  white-space: normal!important;
  font-size: 11px!important;
  line-height: 1.35!important;
  padding-right: 0!important;
  margin-top: 10px!important;
}
body.phone-lite .cost-pug {
  left: auto!important;
  top: auto!important;
  pointer-events: none!important;
  position: relative!important;
  max-width: none!important;
  align-self: flex-end!important;
  z-index: 4!important;
  width: clamp(118px, 32vw, 136px)!important;
  right: auto!important;
  bottom: auto!important;
  margin: -4px 2px 0 0!important;
  transform: none!important;
}
body.phone-lite .cost-pug img {
  width: 100%!important;
  height: auto!important;
}
body.phone-lite .cost-treat {
  display: block!important;
  visibility: visible!important;
  z-index: 12!important;
  pointer-events: none!important;
  width: 24px!important;
}
body.phone-lite .reviews-carousel-section {
  overflow: hidden!important;
  padding: 44px 0 48px!important;
}
body.phone-lite .reviews-carousel-head {
  width: calc(100% - 28px)!important;
}
body.phone-lite .reviews-head-copy h2 {
  font-size: clamp(34px, 10.6vw, 48px)!important;
}
body.phone-lite .reviews-viewport {
  overflow: hidden!important;
  overflow-x: auto!important;
  overflow-y: hidden!important;
  scroll-snap-type: x mandatory!important;
  scroll-padding-left: 14px!important;
  scrollbar-width: none!important;
  overscroll-behavior-x: contain!important;
  -webkit-overflow-scrolling: touch!important;
}
body.phone-lite .reviews-track {
  padding-left: 15px!important;
  gap: 12px!important;
  padding: 0 14px!important;
  transform: none!important;
}
body.phone-lite .review-slide {
  margin-top: 0!important;
  width: calc((100vw - 26px) / 1.18)!important;
  flex-basis: calc((100vw - 26px) / 1.18)!important;
  transform: none!important;
  scroll-snap-align: start!important;
  scroll-snap-stop: always!important;
}
body.phone-lite .review-slide:nth-child(even) {
  margin-top: 0!important;
  width: calc((100vw - 26px) / 1.18)!important;
  flex-basis: calc((100vw - 26px) / 1.18)!important;
  transform: none!important;
  scroll-snap-align: start!important;
  scroll-snap-stop: always!important;
}
body.phone-lite .review-slide-inner {
  height: 100%!important;
  min-height: 0!important;
  padding: 24px 20px!important;
}
body.phone-lite .review-slide p {
  font-size: 16px!important;
  line-height: 1.5!important;
}
body.phone-lite .reviews-viewport::-webkit-scrollbar {
  display: none!important;
}
body.phone-lite .reviews-arrow {
  width: 44px!important;
  height: 44px!important;
}
body.phone-lite .faq-section {
  padding: 44px 0 48px!important;
}
body.phone-lite .faq-shell {
  width: calc(100% - 28px)!important;
  gap: 30px!important;
}
body.phone-lite .faq-title-block {
  position: relative!important;
  top: auto!important;
  padding-top: 0!important;
}
body.phone-lite .faq-title-block h2 {
  font-size: clamp(43px,11.7vw,50px)!important;
}
body.phone-lite .faq-item {
  border-radius: 28px!important;
}
body.phone-lite .faq-question {
  line-height: 1.22!important;
  min-height: 64px!important;
  font-size: 16px!important;
  padding: 15px 18px 15px 44px!important;
  gap: 12px!important;
}
body.phone-lite .faq-answer-inner {
  font-size: 16px!important;
  line-height: 1.5!important;
  padding-left: 48px!important;
  padding-right: 18px!important;
}
body.phone-lite .faq-item::before {
  left: 16px!important;
  top: 25px!important;
  font-size: 11px!important;
}
body.phone-lite .faq-plus {
  flex-shrink: 0!important;
}
body.phone-lite .contact-final {
  min-height: 0!important;
  overflow: hidden!important;
  padding: 48px 0 24px!important;
}
body.phone-lite .contact-final-inner {
  width: 100%!important;
  max-width: none!important;
  padding: 0 18px!important;
}
body.phone-lite .contact-final-inner h2 {
  max-width: 330px!important;
  margin: 0 auto 34px!important;
  font-size: clamp(25px,7vw,30px)!important;
  line-height: 1.16!important;
  text-align: center!important;
}
body.phone-lite .contact-phone-wrap {
  width: 100%!important;
  display: flex!important;
  justify-content: center!important;
}
body.phone-lite .contact-phone {
  margin: 0 auto!important;
  padding: 7px!important;
  border-width: 2px!important;
  border-radius: 45px!important;
  width: min(290px, calc(100vw - 32px))!important;
  height: 460px!important;
}
body.phone-lite .contact-phone-screen {
  border-radius: 37px!important;
}
body.phone-lite .contact-profile {
  padding-top: 49px!important;
}
body.phone-lite .contact-avatar {
  width: 58px!important;
  height: 58px!important;
  font-size: 21px!important;
}
body.phone-lite .contact-actions {
  display: grid!important;
  grid-template-columns: repeat(4,1fr)!important;
  gap: 5px!important;
  margin: 22px 10px 0!important;
}
body.phone-lite .contact-actions .contact-action {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  width: 100%!important;
  min-width: 0!important;
  max-width: none!important;
  padding: 0!important;
  margin: 0!important;
  background: transparent!important;
  background-image: none!important;
  border: none!important;
  box-shadow: none!important;
}
body.phone-lite .contact-actions .contact-call {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  width: 100%!important;
  min-width: 0!important;
  max-width: none!important;
  padding: 0!important;
  margin: 0!important;
  background: transparent!important;
  background-image: none!important;
  border: none!important;
  box-shadow: none!important;
}
body.phone-lite .contact-actions .contact-wa {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  width: 100%!important;
  min-width: 0!important;
  max-width: none!important;
  padding: 0!important;
  margin: 0!important;
  background: transparent!important;
  background-image: none!important;
  border: none!important;
  box-shadow: none!important;
}
body.phone-lite .contact-actions .contact-tg {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  width: 100%!important;
  min-width: 0!important;
  max-width: none!important;
  padding: 0!important;
  margin: 0!important;
  background: transparent!important;
  background-image: none!important;
  border: none!important;
  box-shadow: none!important;
}
body.phone-lite .contact-actions .contact-mail {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  width: 100%!important;
  min-width: 0!important;
  max-width: none!important;
  padding: 0!important;
  margin: 0!important;
  background: transparent!important;
  background-image: none!important;
  border: none!important;
  box-shadow: none!important;
}
body.phone-lite .contact-action-icon {
  width: 44px!important;
  height: 44px!important;
  min-width: 44px!important;
  min-height: 44px!important;
  margin: 0 auto 6px!important;
  border-radius: 12px!important;
}
body.phone-lite .contact-action span:last-child {
  width: 100%!important;
  line-height: 1.15!important;
  text-align: center!important;
  font-size: 10px!important;
  max-width: none!important;
  min-height: 18px!important;
}
body.phone-lite .contact-message {
  margin: 24px 12px 0!important;
  padding: 11px 13px 12px!important;
}
body.phone-lite .contact-home-indicator {
  bottom: 8px!important;
  width: 90px!important;
}
body.phone-lite .contact-final-caption {
  max-width: 300px!important;
  text-align: center!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 10px!important;
  margin: 24px auto 32px!important;
  font-size: 14px!important;
  line-height: 1.5!important;
  overflow-wrap: anywhere!important;
  color: rgba(23,23,23,.72)!important;
}
body.phone-lite .contact-caption-divider {
  display: none!important;
}
body.phone-lite .contact-final-caption a {
  color: inherit!important;
  text-decoration: none!important;
}
body.phone-lite .site-footer {
  padding: 22px 20px max(22px, env(safe-area-inset-bottom))!important;
  gap: 12px!important;
}
body.phone-lite .site-footer-legal {
  display: flex!important;
  flex-direction: column!important;
  gap: 12px!important;
  margin-top: 8px!important;
  font-size: 12px!important;
  line-height: 1.5!important;
}

body.phone-lite .site-footer-legal a {
  font-size: 12px!important;
  line-height: 1.5!important;
  min-height: 44px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
}
body.phone-lite .contact-number {
  font-size: 12px!important;
}
body.phone-lite .contact-message p {
  font-size: 12px!important;
  line-height: 1.45!important;
}
body.phone-lite .contact-message > span {
  font-size: 10px!important;
}
body.phone-lite .entry-consent.entry-consent--banner {
  right: max(8px, env(safe-area-inset-right))!important;
  bottom: max(8px, env(safe-area-inset-bottom))!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card {
  width: min(272px, calc(100vw - 16px))!important;
  padding: 12px!important;
  border-radius: 13px!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card p {
  font-size: 11px!important;
  line-height: 1.4!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-actions {
  margin-top: 8px!important;
  gap: 8px!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-accept {
  min-height: 40px!important;
  font-size: 11px!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-decline {
  min-height: 40px!important;
  font-size: 11px!important;
}
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-close {
  width: 32px!important;
  height: 32px!important;
  top: 0!important;
  right: 0!important;
}
body.phone-lite .entry-consent.entry-consent--banner[hidden] {
  display: none!important;
}
body.phone-lite .flow-bridge {
  --bridge-p: 0;
  height: 36px!important;
}
@keyframes mobilePortraitBreath{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-5px,0) scale(1.012)}
}

@media (prefers-reduced-motion: reduce) {
  body.phone-lite .about-pattern-track,
  body.phone-lite .portfolio-word-track,
  body.phone-lite .team-marquee-track,
  body.phone-lite.hero-opened .hero .portrait img { animation: none!important; }
}
body.phone-lite .motion-paused .team-marquee-track,
body.phone-lite .motion-paused .portfolio-word-track,
body.phone-lite.hero-opened .hero.motion-paused .portrait img {
  animation-play-state: paused!important;
}
body.phone-lite .contact-final-caption{
  margin:12px auto 14px!important;
  gap:3px!important;
  font-size:9px!important;
  line-height:1.25!important;
}

body.phone-lite .site-footer{
  min-height:0!important;
  padding:9px 12px max(9px,env(safe-area-inset-bottom))!important;
  gap:4px!important;
  font-size:7.5px!important;
  line-height:1.2!important;
}

body.phone-lite .site-footer strong{
  font-size:9px!important;
  line-height:1.15!important;
}

body.phone-lite .site-footer > span{
  font-size:7.5px!important;
  line-height:1.2!important;
}

body.phone-lite .site-footer-legal{
  flex-direction:row!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:3px 10px!important;
  margin-top:2px!important;
}

body.phone-lite .site-footer-legal a{
  min-height:0!important;
  display:inline!important;
  font-size:7px!important;
  line-height:1.2!important;
  padding:0!important;
}
body.phone-lite .entry-consent.entry-consent--banner{
  left:max(8px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  top:auto!important;
  width:auto!important;
  padding:0!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card{
  width:min(238px,calc(100vw - 16px))!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:9px 9px 8px!important;
  border-radius:12px!important;
  overflow:visible!important;
  background:rgba(20,20,24,.78)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card h2{
  max-width:none!important;
  margin:0 20px 3px 0!important;
  font-size:9px!important;
  line-height:1.1!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card p{
  font-size:8px!important;
  line-height:1.28!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-actions{
  grid-template-columns:1fr auto!important;
  gap:5px!important;
  margin-top:6px!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-accept,
body.phone-lite .entry-consent.entry-consent--banner .entry-consent-decline{
  width:auto!important;
  min-height:28px!important;
  height:28px!important;
  padding:0 8px!important;
  font-size:7.8px!important;
  line-height:1!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-decline{
  min-width:48px!important;
}

body.phone-lite .entry-consent.entry-consent--banner .entry-consent-close{
  top:4px!important;
  right:4px!important;
  width:18px!important;
  height:18px!important;
  font-size:12px!important;
}
body.phone-lite .calc,
body.phone-lite .calc.is-mobile-context-hidden{
  display:grid!important;
  position:fixed!important;
  z-index:90000!important;
  right:max(10px,env(safe-area-inset-right))!important;
  left:auto!important;
  bottom:calc(74px + env(safe-area-inset-bottom))!important;
  width:60px!important;
  height:60px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  border-radius:50%!important;
  font-size:6.3px!important;
  line-height:1.06!important;
  box-shadow:0 10px 22px rgba(72,34,45,.20)!important;
  animation:mobileCalcFloatV41 3.2s ease-in-out infinite!important;
}

body.phone-lite .calc i{
  display:block!important;
  opacity:.58!important;
  border-width:1px!important;
  animation:mobileCalcRingV41 2.2s ease-out infinite!important;
}

@keyframes mobileCalcFloatV41{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}

@keyframes mobileCalcRingV41{
  0%{transform:scale(.98);opacity:.55}
  80%,100%{transform:scale(1.28);opacity:0}
}

@media(max-width:360px){
  body.phone-lite .calc,
  body.phone-lite .calc.is-mobile-context-hidden{
    width:56px!important;
    height:56px!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    font-size:6px!important;
  }

  body.phone-lite .entry-consent.entry-consent--banner .entry-consent-card{
    width:min(224px,calc(100vw - 16px))!important;
  }
}

body.phone-lite .opening-screen{
  display:none!important;
}

body.phone-lite.ios-launch-active{
  overflow:hidden!important;
  touch-action:none!important;
}

body.phone-lite .ios-launch{
  position:fixed;
  inset:0;
  z-index:2147483000;
  overflow:hidden;
  pointer-events:none;
  background:#151421;
  opacity:1;
}

body.phone-lite .ios-launch-bg{
  position:absolute;
  inset:-9%;
  background:
    radial-gradient(circle at 22% 76%,rgba(79,122,180,.65),transparent 23%),
    radial-gradient(circle at 75% 82%,rgba(61,111,124,.55),transparent 22%),
    radial-gradient(circle at 48% 10%,rgba(84,58,120,.7),transparent 35%),
    linear-gradient(180deg,#171425 0%,#262243 62%,#14203f 100%);
  filter:blur(18px) saturate(.92);
  transform:scale(1.06);
}

body.phone-lite .ios-launch-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(12,12,18,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body.phone-lite .ios-launch-app-label{
  position:absolute;
  z-index:6;
  top:max(22px,calc(env(safe-area-inset-top) + 8px));
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.92);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600;
  white-space:nowrap;
  opacity:1;
  transition:opacity .8s ease,transform 1.35s cubic-bezier(.22,.72,.12,1);
}

body.phone-lite .ios-launch-app-dot{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:7px;
  background:linear-gradient(145deg,#fff,#e6e8ee);
  color:#d62d55;
  box-shadow:0 2px 8px rgba(0,0,0,.24);
  font-size:10px!important;
}

body.phone-lite .ios-launch-side{
  position:absolute;
  z-index:2;
  top:16.5svh;
  width:46vw;
  height:68svh;
  border-radius:24px;
  overflow:hidden;
  opacity:.72;
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  transition:
    transform 1.52s cubic-bezier(.22,.72,.12,1),
    opacity 1.05s ease;
}

body.phone-lite .ios-launch-side-left{
  left:-35vw;
  background:linear-gradient(160deg,#24255c,#18205f);
}

body.phone-lite .ios-launch-side-right{
  right:-36vw;
  background:#09090c;
}

body.phone-lite .ios-launch-side-bar{
  position:absolute;
  left:14px;
  top:46px;
  width:18px;
  height:42%;
  border-radius:9px;
  background:rgba(255,255,255,.18);
}

body.phone-lite .ios-launch-side-black{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#07070a,#15151a);
}

body.phone-lite .ios-launch-side-lines{
  position:absolute;
  inset:72px 22px auto;
  height:45%;
  opacity:.35;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.7) 0 7px,
      transparent 7px 27px
    );
  border-radius:8px;
}

body.phone-lite .ios-launch-card{
  --launch-start-scale:.73;
  position:absolute;
  z-index:5;
  left:50%;
  top:51%;
  width:92vw;
  height:76svh;
  max-width:404px;
  max-height:760px;
  overflow:hidden;
  border-radius:26px;
  background:#48222D;
  box-shadow:0 22px 55px rgba(0,0,0,.42);
  transform:
    translate(-50%,-50%)
    scale(var(--launch-start-scale));
  transform-origin:50% 50%;
  will-change:transform,border-radius,box-shadow;
  transition:
    transform 1.62s cubic-bezier(.22,.72,.12,1),
    border-radius 1.42s cubic-bezier(.22,.72,.12,1),
    box-shadow 1.18s ease;
}

body.phone-lite .ios-launch-preview{
  position:absolute;
  inset:0 0 52px;
  overflow:hidden;
  background:#48222D;
}

body.phone-lite .ios-launch-hero-clone{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100svh!important;
  min-height:620px!important;
  transform:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

body.phone-lite .ios-launch-hero-clone .canvas{
  height:100%!important;
}

body.phone-lite .ios-launch-hero-clone .title,
body.phone-lite .ios-launch-hero-clone .subtitle,
body.phone-lite .ios-launch-hero-clone .portrait,
body.phone-lite .ios-launch-hero-clone .arrow{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body.phone-lite .ios-launch-hero-clone .portrait{
  transform:translateX(-50%)!important;
}

body.phone-lite .ios-launch-browser{
  position:absolute;
  z-index:10;
  left:0;
  right:0;
  bottom:0;
  height:52px;
  display:grid;
  grid-template-columns:38px 1fr 42px;
  align-items:center;
  gap:5px;
  padding:0 8px;
  background:rgba(52,50,52,.96);
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
}

body.phone-lite .ios-launch-address{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:rgba(117,115,117,.75);
  color:rgba(255,255,255,.95);
  white-space:nowrap;
}

body.phone-lite .ios-launch-browser-back,
body.phone-lite .ios-launch-browser-menu{
  display:grid;
  place-items:center;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:25px!important;
  color:rgba(255,255,255,.95);
}

body.phone-lite .ios-launch-browser-menu{
  font-size:12px!important;
  letter-spacing:1px;
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-card{
  width:100vw;
  height:100svh;
  max-width:none;
  max-height:none;
  border-radius:0;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transform:translate(-50%,-50%) scale(1);
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-preview{
  inset:0;
  transition:inset 1.48s cubic-bezier(.22,.72,.12,1);
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-browser{
  transform:translateY(110%);
  opacity:0;
  transition:
    transform 1.35s cubic-bezier(.22,.72,.12,1),
    opacity .34s ease 1.00s;
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-side-left{
  transform:translateX(-42vw) scale(.92);
  opacity:0;
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-side-right{
  transform:translateX(42vw) scale(.92);
  opacity:0;
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-app-label{
  transform:translate(-50%,-18px);
  opacity:0;
}

body.phone-lite .ios-launch.ios-launch-finish{
  opacity:0;
  transition:opacity .08s linear;
}

@media(max-width:360px){
  body.phone-lite .ios-launch-card{
    width:94vw;
    height:74svh;
  }
}

@media(prefers-reduced-motion:reduce){
  body.phone-lite .ios-launch{
    display:none!important;
  }
}


/* =====================================================================
   iOS OPENING PERFORMANCE V47
   Same visual concept, less GPU-heavy on iPhone Safari/Yandex.
   ===================================================================== */
body.phone-lite .ios-launch-bg{
  filter:none!important;
  transform:scale(1.02)!important;
}

body.phone-lite .ios-launch-bg:after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(12,12,18,.24)!important;
}

body.phone-lite .ios-launch-card{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  contain:layout paint!important;
}

body.phone-lite .ios-launch-preview,
body.phone-lite .ios-launch-side{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}

body.phone-lite .ios-launch-app-label{
  transition-duration:.72s,1.28s!important;
}

body.phone-lite .ios-launch.ios-launch-run .ios-launch-card{
  transition:
    transform 1.55s cubic-bezier(.22,.72,.12,1),
    border-radius 1.38s cubic-bezier(.22,.72,.12,1),
    box-shadow 1.05s ease!important;
}

/* MOBILE ORIGINAL BRANDED OPENING V49 */
body.phone-lite .opening-screen{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1200!important;
  overflow:hidden!important;
  pointer-events:none!important;
  visibility:visible;
}
body.phone-lite .opening-half{background:var(--m-paper)!important;}
body.phone-lite .opening-brand{
  width:calc(100% - 40px)!important;
  max-width:350px!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;
}
body.phone-lite .opening-brand strong{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  font-size:clamp(32px,9.6vw,42px)!important;
  line-height:.92!important;
  letter-spacing:-.035em!important;
}
body.phone-lite .opening-brand span{
  display:block!important;
  width:100%!important;
  margin-top:14px!important;
  font-size:clamp(10px,3vw,12.5px)!important;
  line-height:1.28!important;
  letter-spacing:.025em!important;
  white-space:normal!important;
}
body.phone-lite.hero-ready .opening-half-top{transform:translateY(-101.5%)!important;}
body.phone-lite.hero-ready .opening-half-bottom{transform:translateY(101.5%)!important;}
body.phone-lite.hero-ready .opening-brand{
  opacity:0!important;
  transform:translate(-50%,-54%)!important;
}
body.phone-lite.hero-opened .opening-screen{visibility:hidden!important;}
body.phone-lite .ios-launch{display:none!important;}


/* =====================================================================
   MOBILE BRANDED INTRO TIMING FIX V50
   Fixes the intro disappearing almost immediately on phones.
   ===================================================================== */
body.phone-lite .opening-half{
  transition:transform 1.45s cubic-bezier(.76,0,.24,1) 0s!important;
}

body.phone-lite .opening-brand{
  transition:
    opacity .42s ease .08s,
    transform .58s cubic-bezier(.22,.61,.36,1) .04s!important;
}

body.phone-lite:not(.hero-ready) .opening-brand{
  opacity:1!important;
  visibility:visible!important;
}

body.phone-lite:not(.hero-ready) .opening-half-top,
body.phone-lite:not(.hero-ready) .opening-half-bottom{
  transform:translateY(0)!important;
}

/* Keep the real Hero visually underneath until the paper starts opening. */
body.phone-lite:not(.hero-ready) .hero .title,
body.phone-lite:not(.hero-ready) .hero .subtitle,
body.phone-lite:not(.hero-ready) .hero .portrait,
body.phone-lite:not(.hero-ready) .hero .arrow{
  opacity:0!important;
}

/* Once opening starts, reveal the real Hero smoothly underneath. */
body.phone-lite.hero-ready .hero .title,
body.phone-lite.hero-ready .hero .subtitle,
body.phone-lite.hero-ready .hero .portrait,
body.phone-lite.hero-ready .hero .arrow{
  opacity:1!important;
}


/* =====================================================================
   COST L-PATH V51 — MOBILE
   Reference composition: narrow card left/center, Muksik at far right.
   ===================================================================== */
body.phone-lite .cost-stage{
  padding-left:12px!important;
  padding-right:8px!important;
  overflow:hidden!important;
}

body.phone-lite .cost-content-row{
  width:100%!important;
  max-width:360px!important;
  align-items:stretch!important;
  margin:0 auto!important;
}

body.phone-lite .cost-card{
  width:min(276px,76vw)!important;
  max-width:276px!important;
  align-self:flex-start!important;
  margin-left:4px!important;
  margin-right:auto!important;
}

body.phone-lite .cost-card-copy{
  padding:18px 16px 16px!important;
}

body.phone-lite .cost-card-label{
  font-size:8.5px!important;
  margin-bottom:11px!important;
}

body.phone-lite .cost-card li{
  font-size:12.6px!important;
  line-height:1.34!important;
  margin-bottom:5px!important;
  padding-left:15px!important;
}

body.phone-lite .cost-card li:before{
  width:4px!important;
  height:4px!important;
}

body.phone-lite .cost-button{
  height:38px!important;
  min-height:38px!important;
  margin-top:13px!important;
  font-size:9px!important;
}

body.phone-lite .cost-small{
  font-size:9.5px!important;
  margin-top:8px!important;
}

body.phone-lite .cost-pug{
  width:clamp(126px,35vw,146px)!important;
  align-self:flex-end!important;
  margin:-2px -18px -18px 0!important;
}

body.phone-lite .cost-treat{
  width:22px!important;
  z-index:14!important;
}


/* ========================================================
   COST TREAT SIZE / SPEED V52 — MOBILE
   Slightly larger treat.
   ======================================================== */
body.phone-lite .cost-treat{
  width:26px!important;
}


/* COST TREAT FINAL POLISH V55 */
body.phone-lite .cost-treat{
  width:40px!important;
}