/* The light palette extends the homepage layout; saved navy pages keep theirs. */
.light-theme {
  --blue: #456bb1;
  --ink: #27364b;
  --muted: #59677c;
  --line: #d6dfec;
  --bg: #f7f7fb;
  color: var(--ink);
  background: var(--bg);
  position: relative;
  isolation: isolate;
  color-scheme: light;
}
.light-theme .site-ambient {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}
.light-theme .ambient-shape {
  position: absolute;
  display: block;
  pointer-events: none;
  animation: yw-ambient-drift 34s ease-in-out infinite alternate;
}
.light-theme .ambient-orb {
  width: 280px;
  height: 280px;
  top: 8%;
  right: 12%;
  border-radius: 50%;
  background: radial-gradient(
    circle at 40% 38%,
    #bfd4f06b,
    #d4e3f424 65%,
    transparent 75%
  );
}
.light-theme .ambient-ring {
  width: 190px;
  height: 190px;
  top: 23%;
  left: -42px;
  border: 2px solid #87a3d136;
  border-radius: 50%;
  animation-duration: 29s;
  animation-delay: -13s;
}
.light-theme .ambient-square {
  width: 84px;
  height: 84px;
  right: 6%;
  top: 69%;
  border: 2px solid #a7b9de48;
  border-radius: 25px;
  animation: yw-ambient-turn 38s ease-in-out infinite alternate;
  animation-delay: -16s;
}
.light-theme .ambient-halo {
  width: 320px;
  height: 320px;
  left: 24%;
  bottom: -70px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    #d5cdec57,
    #ddd8f11f 62%,
    transparent 73%
  );
  animation-duration: 41s;
  animation-delay: -19s;
}
.light-theme .ambient-peach {
  width: 190px;
  height: 190px;
  top: 48%;
  left: 45%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    #f0d7c747,
    #f2e3d51f 58%,
    transparent 73%
  );
  animation-duration: 37s;
  animation-delay: -9s;
}
.light-theme > main,
.light-theme > footer {
  position: relative;
  z-index: 1;
}
.light-theme .site-header {
  background: #f7f7fbd9;
  border-bottom: 1px solid #dfe5ef80;
  z-index: 4;
}
.light-theme .logo,
.light-theme footer .logo {
  color: var(--ink);
}
.light-theme nav .links {
  color: #53637a;
}
.light-theme .button,
.light-theme button {
  color: #fff;
  background: var(--blue);
  box-shadow: 0 4px 12px #456bb112;
}
.light-theme .button:hover,
.light-theme button:hover {
  background: #345995;
  box-shadow: 0 8px 20px #456bb123;
}
.light-theme .button.secondary {
  background: #ffffff7a;
  border-color: #aebed6;
  color: #354c72;
  box-shadow: none;
}
.light-theme .button.secondary:hover {
  background: #eaf0fc;
  border-color: #7799cd;
}
.light-theme .skip-link {
  color: #fff;
}
.light-theme .hero {
  background: transparent;
  color: var(--ink);
  padding-top: 44px;
  padding-bottom: 35px;
}
.light-theme .hero h1 {
  color: var(--blue);
}
.light-theme .hero h1 span:first-child {
  color: var(--ink);
}
.light-theme .hero .hero-description {
  color: #53627a;
}
.light-theme .eyebrow {
  color: #526e9f;
}
.light-theme .kiwi-pill {
  color: #4a6289;
  background: #fff9;
  border-color: #c6d4e8;
}
.light-theme .trust {
  color: #566a88;
}
.light-theme .hero-art {
  background-image: url("computer-hero-light.webp?v=4.3.0");
  -webkit-mask-image: none;
  mask-image: none;
}
.light-theme .hero-check {
  color: #5277b5;
  background: #f8fbffed;
  border: 1px solid #aabfde;
  box-shadow: 0 5px 22px #456bb120;
  animation: yw-light-check 6s ease-in-out infinite;
  font-size: 26px;
}
.light-theme .hero-visual .preview-caption {
  color: #66768e;
}
.light-theme .process-section {
  background: #edf2faad;
  border-color: #d4dfee;
}
.light-theme .step-number {
  color: var(--blue);
  background: #f9fbff;
  border-color: #a6bada;
}
.light-theme .process-section p,
.light-theme .centered p {
  color: #607088;
}
.light-theme .plan {
  --card-text: #27364b;
  --card-muted: #596a82;
  --card-line: #d3dfed;
  background: #ffffffde;
  border-color: #d7e0ed;
  border-radius: 18px;
  box-shadow: 0 10px 30px #3a527b08;
}
.light-theme .plan:hover {
  box-shadow: 0 16px 38px #3a527b12;
}
.light-theme .plan.popular {
  --card-text: #253a58;
  --card-muted: #526987;
  --card-line: #becfe6;
  background: #e7effd;
  border-color: #b8cdeb;
  box-shadow: 0 12px 35px #6283bc12;
}
.light-theme .plan .tag {
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
}
.light-theme .plan .price {
  gap: 6px;
}
.light-theme .plan.popular button {
  color: #fff;
  background: var(--blue);
}
.light-theme .plan.popular button:hover {
  background: #345995;
}
.light-theme .plan-extra,
.light-theme .plan-terms,
.light-theme .plan-terms p,
.light-theme .plan-terms summary {
  color: #5b6d86;
}
.light-theme .plan-extra > summary {
  color: #4569aa;
}
.light-theme .full-plan-grid {
  background: #ffffffd9;
  border-color: #d2deee;
}
.light-theme .full-plan-grid h3 {
  color: var(--ink);
}
.light-theme .full-plan-grid p,
.light-theme .full-plan-grid li {
  color: #56677f;
}
.light-theme .full-plan-grid li::marker {
  color: #6687bd;
}
.light-theme .plan-terms {
  border-color: #ccd8e780;
}
.light-theme .blended-about {
  background: #f3f4f9;
  border-color: #dce3ef;
}
.light-theme .blended-about::after {
  background:
    linear-gradient(
      90deg,
      #f3f4f900 0%,
      #f3f4f900 27%,
      #f3f4f969 43%,
      #f3f4f9ee 59%,
      #f3f4f9 69%
    ),
    linear-gradient(
      0deg,
      #f3f4f980,
      transparent 24%,
      transparent 88%,
      #f3f4f922
    );
}
.light-theme .about-copy h2 {
  color: var(--ink);
}
.light-theme .about-copy .about-lead {
  color: #4d6080;
}
.light-theme .about-copy p {
  color: #52627a;
}
.light-theme .transfer {
  color: var(--ink);
  background: #ffffffc9;
  border-color: #d6e0ef;
  border-radius: 18px;
}
.light-theme .transfer p,
.light-theme .transfer form .transfer-note {
  color: #596b84;
}
.light-theme .transfer-request summary {
  color: #4569aa;
}
.light-theme .transfer form,
.light-theme #contact .card {
  background: #ffffffeb;
  border-color: #d0dcec;
  border-radius: 16px;
  box-shadow: 0 12px 34px #3b55790a;
}
.light-theme label,
.light-theme .transfer label {
  color: #465a77;
}
.light-theme input,
.light-theme textarea,
.light-theme select {
  color: var(--ink);
  background: #f9fbff;
  border-color: #bacbe1;
}
.light-theme input::placeholder,
.light-theme textarea::placeholder {
  color: #6f7f94;
}
.light-theme input:focus,
.light-theme textarea:focus,
.light-theme select:focus {
  outline-color: #6389c8;
}
.light-theme #contact .contact-copy p,
.light-theme .checkout-note {
  color: #586b85;
}
.light-theme .email-link {
  color: #4569aa;
}
.light-theme .notice {
  color: #2b507f;
  background: #eaf2fe;
  border-color: #b4cbe9;
}
.light-theme .notice.error {
  color: #922f42;
  background: #fff1f3;
  border-color: #e5b4bf;
}
.light-theme footer {
  color: #61738d;
  background: #f0f3f9c9;
  border-color: #d5dfed;
}
.light-theme footer .footer-admin {
  color: #61738d;
}
.light-theme footer a:hover {
  color: #3e64a8;
}
.light-theme dialog {
  color: var(--ink);
  background: #fcfdff;
  border-color: #cad7e9;
  box-shadow: 0 28px 110px #243b6459;
}
.light-theme dialog::backdrop {
  background: #25395470;
  backdrop-filter: none;
}
.light-theme dialog .close {
  color: #455e85;
  background: transparent;
}
.light-theme .signup-consent input {
  accent-color: var(--blue);
}
.light-theme a:focus-visible,
.light-theme button:focus-visible,
.light-theme summary:focus-visible {
  outline-color: #6389c8;
}
@keyframes yw-ambient-drift {
  from {
    transform: translate3d(-22px, -26px, 0);
  }
  to {
    transform: translate3d(42px, 44px, 0);
  }
}
@keyframes yw-ambient-turn {
  from {
    transform: translate3d(12px, -25px, 0) rotate(12deg);
  }
  to {
    transform: translate3d(-32px, 33px, 0) rotate(62deg);
  }
}
@keyframes yw-light-check {
  0%,
  100% {
    box-shadow: 0 5px 20px #456bb11a;
  }
  50% {
    box-shadow: 0 6px 28px #456bb133;
  }
}
@media (max-width: 900px) {
  .light-theme .full-plan-grid article + article {
    border-color: #d4dfed;
  }
  .light-theme .blended-about::after {
    background: linear-gradient(
      90deg,
      #f3f4f900 0%,
      #f3f4f91a 24%,
      #f3f4f9ed 44%,
      #f3f4f9 57%
    );
  }
}
@media (max-width: 650px) {
  .light-theme nav {
    border-color: #d6e0ec;
  }
  .light-theme nav .links {
    color: #566b89;
  }
  .light-theme .hero {
    padding-top: 34px;
    padding-bottom: 20px;
  }
  .light-theme .hero-check {
    font-size: 21px;
  }
  .light-theme .ambient-orb {
    width: 210px;
    height: 210px;
    right: -40px;
    top: 14%;
  }
  .light-theme .ambient-ring {
    width: 135px;
    height: 135px;
  }
  .light-theme .ambient-square,
  .light-theme .ambient-peach {
    display: none;
  }
  .light-theme .ambient-halo {
    left: -100px;
    bottom: 8%;
    width: 250px;
    height: 250px;
  }
  .light-theme .blended-about .about-art::after {
    background: linear-gradient(0deg, #f3f4f9 0%, #f3f4f9a6 20%, #f3f4f900 48%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .light-theme .ambient-shape,
  .light-theme .hero-check {
    animation: none !important;
  }
}