/* us-company-dissolution.css -- styles used only on us-company-dissolution.html.
   Generated by tools/split-css.js from the original style.css. */


.dissolution-page-shell {
  background:
    radial-gradient(circle at 73% 9%, rgba(0, 151, 255, .22), transparent 25rem),
    radial-gradient(circle at 7% 51%, rgba(0, 170, 255, .12), transparent 22rem),
    linear-gradient(180deg, rgba(1, 7, 22, .4), rgba(1, 7, 22, .88));
}

.dissolution-hero {
  position: relative;
  min-height: 404px;
  padding: 32px 0 17px;
  display: grid;
  grid-template-columns: minmax(320px, 380px) minmax(390px, 1fr) 184px;
  gap: 13px;
  align-items: center;
}

.dissolution-copy h1 {
  margin: 9px 0 12px;
  max-width: 390px;
  font-size: clamp(45px, 4.2vw, 56px);
  line-height: .98;
  font-weight: 900;
}

.dissolution-copy h1 span {
  color: var(--cyan);
}

.dissolution-copy .hero-subtitle {
  max-width: 360px;
  margin-bottom: 20px;
  color: #eef6ff;
  font-size: 14px;
  line-height: 1.62;
}

.dissolution-proof-grid,
.dissolution-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 19px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.dissolution-proof-grid span,
.dissolution-check-grid li {
  position: relative;
  padding-left: 23px;
}

.dissolution-proof-grid span::before,
.dissolution-check-grid li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #00d8ff, #0a74ff);
  box-shadow: 0 0 14px rgba(0, 203, 255, .35);
  font-size: 11px;
  font-weight: 900;
}

.dissolution-hero .btn-large {
  min-height: 43px;
  min-width: 154px;
  font-size: 13px;
}

.dissolution-hero-art {
  min-height: 352px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.dissolution-hero-art img {
  width: 106%;
  max-width: none;
  height: auto;
  margin-left: -8px;
  object-fit: contain;
  filter: drop-shadow(0 22px 45px rgba(0, 0, 0, .22));
}

.dissolution-side-benefits {
  display: grid;
  gap: 9px;
}

.dissolution-side-benefits article,
.dissolution-faq,
.dissolution-cta {
  border: 1px solid rgba(34, 148, 255, .5);
  background:
    linear-gradient(145deg, rgba(4, 31, 76, .84), rgba(3, 10, 32, .88)),
    rgba(6, 19, 50, .78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 19px 45px rgba(0, 0, 0, .25), 0 0 38px rgba(0, 132, 255, .12);
}

.dissolution-side-benefits article {
  min-height: 70px;
  padding: 12px 11px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
}

.dissolution-side-benefits span,
.dissolution-included-grid span,
.dissolution-why span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--cyan);
  border: 1px solid rgba(0, 203, 255, .65);
  border-radius: 9px;
  background: rgba(0, 169, 255, .08);
}

.dissolution-side-benefits b,
.dissolution-side-benefits small {
  display: block;
}

.dissolution-side-benefits b {
  font-size: 12px;
}

.dissolution-side-benefits small {
  margin-top: 4px;
  color: #d1def7;
  font-size: 9px;
  line-height: 1.35;
}

.dissolution-overview {
  min-height: 234px;
  padding: 24px 47px;
  display: grid;
  grid-template-columns: 405px 1fr;
  gap: 60px;
  align-items: center;
}

.dissolution-overview-visual {
  min-height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dissolution-overview-visual img {
  width: 374px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 32px rgba(0, 89, 255, .16));
}

.dissolution-overview h2,
.dissolution-section h2,
.dissolution-process h2,
.dissolution-before h2,
.dissolution-bottom-grid h2,
.dissolution-testimonials h2,
.dissolution-faq h2 {
  margin: 0;
  font-size: 25px;
  line-height: 1.15;
  font-weight: 900;
}

.dissolution-overview p {
  margin: 18px 0 18px;
  max-width: 505px;
  color: #e4eeff;
  font-size: 13px;
  line-height: 1.65;
}

.dissolution-section {
  margin-top: 17px;
}

.dissolution-section > h2,
.dissolution-testimonials > h2 {
  margin-bottom: 14px;
  text-align: center;
}

.dissolution-included-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.dissolution-included-grid article {
  min-height: 100px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
}

.dissolution-included-grid span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 132, 255, .12);
  font-size: 28px;
}

.dissolution-included-grid .text-icon {
  font-size: 17px;
  font-weight: 900;
}

.dissolution-included-grid h3 {
  margin: 0 0 6px;
  font-size: 15px;
}

.dissolution-included-grid p {
  margin: 0;
  color: #d8e6ff;
  font-size: 11px;
  line-height: 1.45;
}

.dissolution-process {
  margin-top: 14px;
  min-height: 188px;
  padding: 24px 42px;
}

.dissolution-process h2 {
  text-align: center;
  margin-bottom: 22px;
}

.dissolution-process > div {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.dissolution-process > div::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 19px;
  border-top: 1px dashed rgba(0, 214, 255, .62);
}

.dissolution-process article {
  position: relative;
  z-index: 1;
  text-align: center;
}

.dissolution-process b {
  width: 40px;
  height: 40px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #0ac9ff, #135bff);
  font-size: 17px;
}

.dissolution-process svg {
  width: 34px;
  height: 34px;
  color: var(--cyan);
}

.dissolution-process h3 {
  margin: 10px 0 7px;
  font-size: 13px;
  line-height: 1.15;
}

.dissolution-process p {
  margin: 0;
  color: #d6e3fb;
  font-size: 10px;
  line-height: 1.45;
}

.dissolution-before {
  margin-top: 12px;
  min-height: 238px;
  padding: 26px 30px;
  display: grid;
  grid-template-columns: 1fr 430px;
  align-items: center;
  overflow: hidden;
}

.dissolution-before .ra-check-list {
  margin-top: 18px;
  font-size: 13px;
  line-height: 2.05;
}

.dissolution-before img {
  width: 430px;
  max-width: 100%;
  filter: drop-shadow(0 18px 35px rgba(0, 86, 255, .2));
}

.dissolution-bottom-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 270px 1fr;
  gap: 12px;
}

.dissolution-bottom-grid > article {
  min-height: 306px;
  padding: 23px 26px;
}

.dissolution-why {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  text-align: center;
}

.dissolution-why h2 {
  grid-column: 1 / -1;
  text-align: left;
}

.dissolution-why span {
  width: 50px;
  height: 50px;
  margin: 10px auto 11px;
  border: 0;
  border-radius: 50%;
  font-size: 34px;
  background: rgba(0, 132, 255, .14);
}

.dissolution-why b {
  display: block;
  min-height: 34px;
  font-size: 13px;
}

.dissolution-why p {
  margin: 8px 0 0;
  color: #d5e2fb;
  font-size: 9px;
  line-height: 1.45;
}

.dissolution-price {
  text-align: center;
}

.dissolution-price h2 {
  font-size: 20px;
}

.dissolution-price p,
.dissolution-price span {
  display: block;
  margin: 11px 0 0;
  color: #d6e3fb;
  font-size: 14px;
}

.dissolution-price p {
  color: #00ffc6;
  font-weight: 800;
}

.dissolution-price div {
  margin: 2px 0;
  font-size: 53px;
  line-height: .98;
  font-weight: 800;
}

.dissolution-price .ra-check-list {
  margin: 18px auto 16px;
  width: max-content;
  max-width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 1.8;
}

.dissolution-risk > div {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.dissolution-risk section {
  min-height: 190px;
  padding: 17px 18px;
  border-radius: 8px;
  border: 1px solid rgba(38, 191, 141, .5);
  background: linear-gradient(145deg, rgba(0, 123, 83, .14), rgba(5, 18, 43, .82));
}

.dissolution-risk section.bad {
  border-color: rgba(255, 76, 76, .5);
  background: linear-gradient(145deg, rgba(160, 37, 51, .18), rgba(5, 18, 43, .82));
}

.dissolution-risk h3 {
  margin: 0 0 17px;
  color: #00ffc6;
  text-align: center;
  font-size: 14px;
}

.dissolution-risk .bad h3 {
  color: #ff736b;
}

.dissolution-risk ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 2.1;
}

.dissolution-risk li {
  position: relative;
  padding-left: 23px;
}

.dissolution-risk li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #16d97e;
  font-size: 9px;
  font-weight: 900;
}

.dissolution-risk .bad li::before {
  content: "\00d7";
  background: #ff4f4a;
}

.dissolution-testimonials {
  margin-top: 15px;
}

.dissolution-final-grid {
  display: grid;
  grid-template-columns: 390px 1fr;
  gap: 14px;
  margin-top: 17px;
}

.dissolution-faq {
  padding: 24px 25px;
  border-radius: 8px;
}

.dissolution-faq h2 {
  margin-bottom: 16px;
  font-size: 21px;
}

.dissolution-faq details {
  border-top: 1px solid rgba(111, 151, 212, .22);
}

.dissolution-faq details:last-child {
  border-bottom: 1px solid rgba(111, 151, 212, .22);
}

.dissolution-faq summary {
  position: relative;
  min-height: 33px;
  display: flex;
  align-items: center;
  padding-right: 28px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  list-style: none;
}

.dissolution-faq summary::-webkit-details-marker {
  display: none;
}

.dissolution-faq summary::after {
  content: "+";
  position: absolute;
  right: 7px;
  color: #fff;
  font-size: 19px;
}

.dissolution-faq details[open] summary::after {
  content: "-";
}

.dissolution-faq p {
  margin: 0 0 12px;
  color: #cfdcf5;
  font-size: 12px;
  line-height: 1.55;
}

body .dissolution-cta {
  width: auto;
  min-height: 210px;
  margin: 0;
  padding: 38px 260px 30px 31px;
  border-radius: 8px;
  display: block;
  position: relative;
  overflow: hidden;
}

body .dissolution-cta::before,
body .dissolution-cta::after {
  display: none;
}

body .dissolution-cta h2 {
  max-width: 430px;
  font-size: 30px;
  line-height: 1.12;
}

body .dissolution-cta p {
  max-width: 380px;
  margin: 15px 0 22px;
  color: #e8f2ff;
  font-size: 14px;
}

body .dissolution-cta .cta-actions {
  justify-content: flex-start;
}

.dissolution-cta > img {
  position: absolute;
  right: 25px;
  bottom: 11px;
  width: 230px;
  height: auto;
  filter: drop-shadow(0 17px 30px rgba(0, 76, 255, .18));
}

@media (max-width: 980px) {
  .dissolution-hero,
  .dissolution-overview,
  .dissolution-before,
  .dissolution-final-grid {
    grid-template-columns: 1fr;
  }
  .dissolution-side-benefits,
  .dissolution-included-grid,
  .dissolution-bottom-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dissolution-price {
    grid-column: 1 / -1;
  }
  .dissolution-process > div {
    grid-template-columns: repeat(2, 1fr);
  }
  .dissolution-process > div::before {
    display: none;
  }
}

@media (max-width: 620px) {
  .dissolution-copy h1 {
    font-size: 41px;
  }
  .dissolution-proof-grid,
  .dissolution-check-grid,
  .dissolution-side-benefits,
  .dissolution-included-grid,
  .dissolution-process > div,
  .dissolution-bottom-grid,
  .dissolution-risk > div {
    grid-template-columns: 1fr;
  }
  .dissolution-overview,
  .dissolution-process,
  .dissolution-before,
  .dissolution-bottom-grid > article {
    padding: 22px 18px;
  }
  .dissolution-why {
    grid-template-columns: repeat(2, 1fr);
  }
  /* The source image is a perfect square (304x304), so at the desktop
     width (230px) it renders 230px tall -- taller than the 205px of
     bottom padding this section reserved for it, which pushed its top
     edge up into the "Free Consultation" button. Sized and reserved
     space here so the image sits fully below the text/buttons with a
     clean gap on every phone width. */
  body .dissolution-cta {
    min-height: 0;
    padding: 28px 20px 236px;
    text-align: center;
  }
  body .dissolution-cta .cta-actions {
    justify-content: center;
  }
  .dissolution-cta > img {
    left: 50%;
    right: auto;
    bottom: 16px;
    width: 200px;
    transform: translateX(-50%);
  }
}


/* Client testimonial marquee (matches homepage index.html) */
.testimonial-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.testimonial-track {
  display: flex;
  width: max-content;
  gap: 16px;
  animation: testimonial-scroll 48s linear infinite;
}

.testimonial-marquee:hover .testimonial-track,
.testimonial-marquee:focus-within .testimonial-track {
  animation-play-state: paused;
}

@keyframes testimonial-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.marquee-card {
  flex: 0 0 340px;
  width: 340px;
  min-height: 190px;
  padding: 20px 24px;
}

.marquee-card .avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

.marquee-card p {
  font-size: 14px;
  line-height: 1.55;
}

.marquee-card .stars {
  font-size: 20px;
}

.marquee-card .person strong {
  font-size: 14px;
}

@media (prefers-reduced-motion: reduce) {
  .testimonial-track {
    animation: none;
  }
}

@media (max-width: 620px) {
  .marquee-card {
    flex-basis: 285px;
    width: 285px;
    padding: 18px 20px;
  }
}

/* Desktop hero: two columns (copy + image). The old third 184px column
   was always empty, which left the image floating mid-row with a gap on
   its right and squeezed the copy into a 4-line heading. Image now ends
   at the container edge. */
@media (min-width: 981px) {
  .dissolution-hero {
    grid-template-columns: minmax(340px, 470px) minmax(0, 1fr);
    column-gap: 48px;
  }

  .dissolution-copy h1 {
    max-width: 470px;
  }

  .dissolution-hero-art {
    justify-content: flex-end;
  }

  .dissolution-hero-art img {
    width: 100%;
    max-width: 760px;
    margin-left: 0;
  }
}