html {
  scroll-behavior: smooth;
}

#hero,
#about,
#services,
#pricing {
  scroll-margin-top: 88px;
}

:root {
  --operitai-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  font-family: var(--operitai-sans);
}

body p,
body a,
body button,
body li,
body span,
body strong,
body small,
body em,
body div,
body input,
body textarea {
  line-height: 1.72;
  font-family: var(--operitai-sans);
}

body *:not([class^="ri-"]):not([class*=" ri-"]) {
  font-family: var(--operitai-sans) !important;
}

[class^="ri-"],
[class*=" ri-"] {
  font-family: "remixicon" !important;
}

.font-serif,
.font-mono,
h1,
h2,
h3,
h4,
h5,
h6,
.operitai-plan-price {
  font-family: var(--operitai-sans) !important;
}

.text-\[9px\],
.text-\[10px\],
.text-\[11px\],
.text-\[12px\],
.text-\[13px\],
.text-\[13\.5px\],
.text-xs {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

.text-sm,
.text-\[14px\] {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.operitai-lite-hidden {
  display: none !important;
}

.operitai-brand-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.16);
}

header nav a,
header a[data-operitai-download] {
  min-height: 36px;
}

.operitai-download-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 9999;
  max-width: min(520px, calc(100vw - 32px));
  padding: 13px 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: white;
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 18px 60px rgba(15, 23, 42, 0.22);
  font-size: 14px;
  line-height: 1.6;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.operitai-download-toast.is-showing {
  opacity: 1;
  transform: translate(-50%, 0);
}

.operitai-lite-hero .operitai-hero-soft {
  color: #2563eb;
}

.operitai-lite-hero [data-reveal] p:first-child {
  letter-spacing: 0.2em !important;
}

.operitai-lite-hero button span:first-child {
  background: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(10px);
}

.operitai-lite-hero button:hover span:first-child {
  border-color: #2563eb;
  background: #2563eb;
}

.operitai-hero-download {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: auto;
  height: auto;
  min-height: 58px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #0f172a !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.operitai-download-circle,
.operitai-hero-download span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
  box-shadow: 0 18px 48px rgba(37, 99, 235, 0.24);
  backdrop-filter: blur(10px);
}

.operitai-download-circle i,
.operitai-hero-download span:first-child i {
  color: #fff;
  font-size: 22px;
}

.operitai-download-label {
  display: inline-flex;
  align-items: center;
  color: #0f172a !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  line-height: 1 !important;
}

.operitai-lite-hero .absolute.top-0.left-0,
.operitai-lite-hero .absolute.bottom-0.right-0 {
  display: none !important;
}

.operitai-lite-about {
  background:
    radial-gradient(circle at 82% 14%, rgba(244, 114, 182, 0.09), transparent 28%),
    linear-gradient(180deg, rgba(250, 250, 255, 0.95), rgba(255, 255, 255, 0.98));
}

.operitai-lite-about h4,
.operitai-lite-services h4,
.operitai-lite-pricing h4 {
  letter-spacing: -0.035em !important;
}

.operitai-lite-about [data-reveal] p.text-\[15px\] {
  max-width: 560px !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.operitai-lite-about [data-reveal-stagger] {
  gap: 12px !important;
}

.operitai-lite-about [data-reveal-stagger] .stagger-child {
  min-height: 88px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(191, 219, 254, 0.72);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 248, 255, 0.84));
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.05);
}

.operitai-lite-about [data-reveal-stagger] .stagger-child div:first-child {
  color: #0f172a;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.1;
}

.operitai-lite-about [data-reveal-stagger] .stagger-child div:last-child {
  margin-top: 6px;
  color: #64748b;
  font-size: 14px !important;
  line-height: 1.55;
}

.operitai-about-visual {
  position: relative;
  max-width: 560px;
  margin-left: auto;
  padding: 22px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.82), transparent 26%),
    linear-gradient(180deg, rgba(240, 246, 255, 0.95), rgba(255, 255, 255, 0.82));
  border: 1px solid rgba(191, 219, 254, 0.72);
  box-shadow: 0 24px 64px rgba(37, 99, 235, 0.08);
  overflow: hidden;
}

.operitai-about-visual::before,
.operitai-about-visual::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(244, 114, 182, 0.14);
  filter: blur(2px);
  animation: operitai-float 8s ease-in-out infinite;
}

.operitai-about-visual::before {
  width: 128px;
  height: 128px;
  right: -34px;
  top: -34px;
  animation-delay: -2s;
}

.operitai-about-visual::after {
  width: 92px;
  height: 92px;
  left: -20px;
  bottom: 14px;
  background: rgba(59, 130, 246, 0.15);
  animation-delay: -4s;
}

.operitai-about-screen {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px);
}

.operitai-about-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 6px 12px;
  border-radius: 999px;
  color: #1d4ed8;
  background: rgba(219, 234, 254, 0.8);
  font-size: 14px;
  font-weight: 600;
}

.operitai-about-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.14);
}

.operitai-about-bubble {
  max-width: 82%;
  padding: 13px 15px;
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.7;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
  animation: operitai-float 7s ease-in-out infinite;
}

.operitai-about-bubble.is-user {
  margin-left: auto;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  border-bottom-right-radius: 8px;
}

.operitai-about-bubble.is-ai {
  color: #0f172a;
  background: #fff;
  border: 1px solid rgba(191, 219, 254, 0.8);
  border-bottom-left-radius: 8px;
}

.operitai-about-bubble.soft {
  max-width: 72%;
  margin-top: 2px;
  color: #475569;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.9), rgba(255, 255, 255, 0.92));
  animation-delay: -1.6s;
}

.operitai-about-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.operitai-about-chip-row span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  border: 1px solid rgba(191, 219, 254, 0.88);
  color: #1d4ed8;
  background: rgba(255, 255, 255, 0.88);
  font-size: 14px;
}

.operitai-lite-services {
  background:
    radial-gradient(circle at 16% 18%, rgba(59, 130, 246, 0.07), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 249, 255, 0.92));
}

.operitai-lite-services article {
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1), opacity 300ms ease;
}

.operitai-lite-services article:hover {
  transform: translateY(-8px);
}

.operitai-feature-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 18px 16px;
  border-radius: 24px;
  border: 1px solid rgba(191, 219, 254, 0.78);
  background:
    radial-gradient(circle at 86% 16%, rgba(59, 130, 246, 0.07), transparent 26%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 36px rgba(37, 99, 235, 0.05);
}

.operitai-lite-services .operitai-feature-card:nth-child(2n) {
  background:
    radial-gradient(circle at 86% 16%, rgba(244, 114, 182, 0.07), transparent 26%),
    rgba(255, 255, 255, 0.9);
}

.operitai-lite-services .operitai-feature-card:nth-child(3n) {
  background:
    radial-gradient(circle at 86% 16%, rgba(168, 85, 247, 0.07), transparent 26%),
    rgba(255, 255, 255, 0.9);
}

.operitai-lite-services .operitai-feature-card:nth-child(4n) {
  background:
    radial-gradient(circle at 86% 16%, rgba(14, 165, 233, 0.07), transparent 26%),
    rgba(255, 255, 255, 0.9);
}

.operitai-feature-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  color: #1d4ed8;
  background: rgba(219, 234, 254, 0.8);
  font-size: 14px;
  font-weight: 700;
}

.operitai-feature-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
}

.operitai-feature-card h5 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.operitai-feature-card p {
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.72;
}

.operitai-lite-pricing {
  color: #0f172a;
  background:
    radial-gradient(circle at 74% 18%, rgba(96, 165, 250, 0.16), transparent 24%),
    radial-gradient(circle at 22% 76%, rgba(244, 114, 182, 0.1), transparent 28%),
    #fff !important;
}

.operitai-lite-pricing::before,
.operitai-lite-pricing::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  animation: operitai-float 10s ease-in-out infinite;
}

.operitai-lite-pricing::before {
  width: 220px;
  height: 220px;
  top: 80px;
  right: 48px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.16), rgba(37, 99, 235, 0));
}

.operitai-lite-pricing::after {
  width: 160px;
  height: 160px;
  bottom: 120px;
  left: 32px;
  background: radial-gradient(circle, rgba(244, 114, 182, 0.12), rgba(244, 114, 182, 0));
  animation-delay: -4s;
}

.operitai-lite-pricing [data-reveal-stagger] {
  align-items: stretch !important;
}

.operitai-lite-pricing article {
  display: flex;
  min-height: 330px;
  flex-direction: column;
  color: #0f172a;
  border-color: rgba(191, 219, 254, 0.9) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.05);
}

.operitai-lite-pricing article.is-featured {
  color: #fff;
  border-color: rgba(147, 197, 253, 0.95) !important;
  background:
    linear-gradient(145deg, rgba(37, 99, 235, 0.9), rgba(15, 23, 42, 0.92)),
    rgba(15, 23, 42, 0.9) !important;
  box-shadow: 0 28px 90px rgba(37, 99, 235, 0.3);
}

.operitai-lite-pricing article.is-selected {
  border-color: rgba(244, 114, 182, 0.9) !important;
  box-shadow: 0 28px 90px rgba(244, 114, 182, 0.2);
}

.operitai-original-number {
  display: none !important;
}

.operitai-plan-price {
  display: block;
  margin: 8px 0 16px;
  color: #0f172a;
  font-family: var(--operitai-sans) !important;
  font-size: clamp(48px, 4.4vw, 66px);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.operitai-plan-price small {
  margin-right: 3px;
  font-family: var(--operitai-sans) !important;
  font-size: 18px;
  letter-spacing: 0;
}

.operitai-plan-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: auto;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  font-size: 14px;
  font-weight: 700;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.operitai-plan-cta:hover {
  color: #fff;
  background: linear-gradient(135deg, #1d4ed8, #4338ca);
  transform: translateY(-2px);
}

.operitai-lite-pricing article.is-featured .operitai-plan-cta {
  background: linear-gradient(135deg, #ec4899, #a855f7);
}

.operitai-lite-footer {
  padding-top: 84px !important;
}

.operitai-footer-feedback {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(191, 219, 254, 0.62);
}

.operitai-footer-feedback-label {
  color: #4f46e5;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.operitai-footer-feedback a {
  color: #0f172a;
  font-size: 15px;
  font-weight: 600;
}

.operitai-footer-feedback-mail {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.6;
}

.operitai-footer-feedback-mail a {
  color: #0f172a;
  font-size: 15px;
  font-weight: 600;
}

.operitai-lite-footer ul a {
  color: #334155;
  font-size: 14px;
  line-height: 1.7;
}

.operitai-lite-footer ul a:hover {
  color: #2563eb;
}

@media (max-width: 920px) {
  .operitai-lite-services article:hover {
    transform: none;
  }
}

@media (max-width: 640px) {
  header > div {
    height: 62px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .operitai-brand-icon {
    width: 30px;
    height: 30px;
  }

  .operitai-lite-hero {
    padding-top: 70px !important;
  }

  .operitai-lite-hero > div {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .operitai-lite-hero h1 {
    font-size: 3rem !important;
  }

  .operitai-lite-hero [data-reveal] {
    left: 28px !important;
    right: 28px !important;
    max-width: none !important;
  }

  .operitai-lite-hero [data-reveal] p.font-serif {
    font-size: 2rem !important;
    line-height: 1.22 !important;
  }

  .operitai-lite-about [data-reveal-stagger] {
    grid-template-columns: 1fr !important;
  }

  .operitai-lite-services {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .operitai-lite-services [data-reveal-stagger] {
    gap: 14px !important;
  }

  .operitai-lite-services article {
    padding: 18px !important;
  }

  .operitai-lite-pricing article {
    min-height: 286px;
  }

  .operitai-plan-price {
    font-size: 58px;
  }

  .operitai-hero-download {
    width: auto;
    height: auto;
    min-height: 52px;
  }

  .operitai-download-circle,
  .operitai-hero-download span:first-child {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }
}

@keyframes operitai-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
}

/* Final product-card and Apple-font overrides */
.operitai-lite-pricing {
  color: #0f172a !important;
  background:
    radial-gradient(circle at 72% 12%, rgba(59, 130, 246, 0.12), transparent 24%),
    radial-gradient(circle at 12% 88%, rgba(236, 72, 153, 0.08), transparent 26%),
    linear-gradient(180deg, #ffffff, #f9f7ff 52%, #ffffff) !important;
}

.operitai-lite-pricing h4,
.operitai-lite-pricing h4 a {
  color: #0f172a !important;
  text-shadow: none !important;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.1;
}

@media (min-width: 641px) {
  .operitai-lite-pricing h4,
  .operitai-lite-pricing h4 a {
    white-space: nowrap;
  }
}

.operitai-lite-pricing [data-reveal] p {
  color: #4f46e5 !important;
}

.operitai-lite-pricing article {
  position: relative;
  display: flex;
  min-height: 322px;
  overflow: hidden;
  color: #0f172a !important;
  border-color: rgba(191, 219, 254, 0.9) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
}

.operitai-lite-pricing article h5 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.operitai-lite-pricing article p {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.operitai-lite-pricing article.is-featured {
  color: #0f172a !important;
  border-color: rgba(244, 114, 182, 0.24) !important;
  background:
    linear-gradient(145deg, rgba(255, 247, 251, 0.98), rgba(247, 240, 255, 0.98) 52%, rgba(255, 250, 253, 0.98)),
    rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 26px 72px rgba(244, 114, 182, 0.12);
}

.operitai-lite-pricing article.is-featured h5,
.operitai-lite-pricing article.is-featured p,
.operitai-lite-pricing article.is-featured .operitai-plan-price,
.operitai-lite-pricing article.is-featured .operitai-plan-period,
.operitai-lite-pricing article.is-featured .operitai-plan-points li {
  color: #0f172a !important;
}

.operitai-lite-pricing article.is-featured h5 {
  font-size: 19px !important;
}

.operitai-lite-pricing article.is-featured p {
  font-size: 15px !important;
  line-height: 1.76 !important;
}

.operitai-lite-pricing article.is-featured .operitai-plan-period {
  color: #a21caf !important;
  background: rgba(255, 255, 255, 0.82);
}

.operitai-lite-pricing article.is-featured .operitai-plan-price {
  color: #0f172a !important;
}

.operitai-plan-period {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 14px;
  padding: 6px 11px;
  border-radius: 999px;
  color: #2563eb !important;
  background: rgba(219, 234, 254, 0.88);
  font-size: 13px;
  font-weight: 800;
}

.operitai-plan-tag {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(135deg, #ec4899, #a855f7);
  box-shadow: 0 12px 26px rgba(236, 72, 153, 0.18);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  overflow: hidden;
}

.operitai-plan-tag::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -55%;
  width: 36%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  transform: skewX(-18deg);
  animation: operitai-tag-glint 3.8s ease-in-out infinite;
}

.operitai-plan-points {
  display: grid;
  gap: 7px;
  margin: 16px 0 18px;
  color: #334155;
  font-size: 14px;
  line-height: 1.65;
}

.operitai-plan-points li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #334155;
}

.operitai-plan-points li::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.operitai-lite-pricing article.is-featured .operitai-plan-points li::before {
  background: #fff;
}

.operitai-lite-pricing article.has-shine::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  padding: 1px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--operitai-holo-angle, 0deg),
    rgba(244, 114, 182, 0.18),
    rgba(236, 72, 153, 0.62),
    rgba(255, 255, 255, 0.9),
    rgba(168, 85, 247, 0.64),
    rgba(244, 114, 182, 0.18)
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: operitai-holo-border 5.8s linear infinite;
}

.operitai-lite-pricing article.has-shine::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(circle at var(--operitai-holo-x, 18%) 0%, rgba(255, 255, 255, 0.18), transparent 30%),
    radial-gradient(circle at calc(100% - var(--operitai-holo-x, 18%)) 100%, rgba(244, 114, 182, 0.1), transparent 34%);
  opacity: 0.7;
  animation: operitai-holo-breathe 6.4s ease-in-out infinite;
}

.operitai-lite-pricing article.has-shine > :not(.operitai-plan-tag) {
  position: relative;
  z-index: 1;
}

@property --operitai-holo-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@property --operitai-holo-x {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 18%;
}

@keyframes operitai-holo-border {
  to {
    --operitai-holo-angle: 360deg;
  }
}

@keyframes operitai-holo-breathe {
  0%,
  100% {
    --operitai-holo-x: 16%;
    opacity: 0.5;
  }
  50% {
    --operitai-holo-x: 84%;
    opacity: 0.82;
  }
}

@keyframes operitai-tag-glint {
  0%,
  42% {
    left: -55%;
    opacity: 0;
  }
  52% {
    opacity: 0.9;
  }
  68%,
  100% {
    left: 118%;
    opacity: 0;
  }
}

/* Fix pricing badge overlap */
.operitai-lite-pricing article {
  padding-top: 34px !important;
}

.operitai-lite-pricing article.has-shine {
  padding-top: 54px !important;
}

.operitai-plan-tag {
  top: 16px !important;
  right: 18px !important;
  left: auto !important;
  max-width: max-content;
  line-height: 1 !important;
  transform: none !important;
}

.operitai-plan-period {
  position: static !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.2 !important;
}

.operitai-lite-pricing article.has-shine .operitai-plan-period {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  .operitai-lite-pricing article {
    padding-top: 30px !important;
  }

  .operitai-lite-pricing article.has-shine {
    padding-top: 58px !important;
  }

  .operitai-plan-tag {
    top: 16px !important;
    right: 16px !important;
  }
}

/* Keep recommended badges out of normal flow */
.operitai-lite-pricing article.has-shine > .operitai-plan-tag {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  left: auto !important;
  z-index: 4 !important;
}

.operitai-lite-pricing article.has-shine > .operitai-plan-period {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  .operitai-lite-pricing article.has-shine > .operitai-plan-tag {
    top: 16px !important;
    right: 16px !important;
  }
}