.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--accent);
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 0.9rem 1.8rem;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.3;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--motion), color var(--motion), box-shadow var(--motion), transform 0.2s ease;
}
.btn:hover { text-decoration: none; transform: translateY(-2px); }
.btn--primary { background: var(--ember); color: var(--on-ember); }
.btn--primary:hover { background: var(--ember-soft); color: var(--on-ember); box-shadow: 0 12px 28px rgba(249, 115, 22, 0.28); }
.btn--ghost {
  background: transparent;
  color: var(--text-primary);
  border: 2px solid var(--line-strong);
  padding: calc(0.9rem - 2px) calc(1.8rem - 2px);
}
.btn--ghost:hover { background: rgba(148, 163, 184, 0.1); color: var(--text-primary); }
.btn--wide { width: 100%; padding: 1.05rem 1.8rem; font-size: 1.05rem; }


.plate {
  border: 2px solid var(--line);
  border-radius: var(--radius-card);
  padding: 1.75rem 6%;
  background: var(--bg-elevated);
  transition: border-color var(--motion), transform var(--motion), box-shadow var(--motion);
}
.plate:hover { border-color: var(--accent); transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.plate__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: var(--gap-s);
  border: 2px solid var(--ember);
  color: var(--ember);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
}
.plate__title { margin-bottom: 0.55rem; }
.plate__text { margin-bottom: 0; }


.get-started {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background:
    radial-gradient(ellipse 58% 68% at 76% 26%, rgba(249, 115, 22, 0.22), transparent 70%),
    radial-gradient(ellipse 52% 62% at 10% 82%, rgba(59, 130, 246, 0.16), transparent 70%),
    linear-gradient(165deg, #0a1020 0%, #101b33 52%, #0a1020 100%);
}
.get-started::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(148, 163, 184, 0.16) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.55;
  pointer-events: none;
}
.get-started::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("/static/images/hero-ember-haze.png");
  background-size: cover;
  background-position: 30% 100%;
  opacity: 0.5;
  pointer-events: none;
}
.get-started__shell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--gap-xl);
}
.get-started__stage {
  position: relative;
  width: 56%;
  padding: 0 3.4rem 3.2rem;
}
.get-started__slides { display: grid; }
.get-started__slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px);
  transition: opacity 0.7s ease, transform 0.7s ease, visibility 0.7s;
}
.get-started__eyebrow {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ember-soft);
  margin-bottom: 0.7rem;
}
.get-started__title { margin-bottom: 1rem; }
.get-started__text { font-size: 1.12rem; color: var(--text-secondary); margin-bottom: 1.4rem; }
.get-started__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--gap-s); margin-bottom: 1.4rem; }
.get-started__price-now {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--ember);
  line-height: 1;
}
.get-started__price-old { font-size: 1.15rem; color: var(--text-muted); text-decoration: line-through; }
.get-started__price-note { font-size: 0.92rem; color: var(--text-muted); width: 100%; margin: 0; }
.get-started__actions { margin-bottom: 0; }
.get-started__arrow {
  position: absolute;
  top: 42%;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid var(--line-strong);
  border-radius: 0;
  color: var(--text-primary);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color var(--motion), color var(--motion);
}
.get-started__arrow:hover { border-color: var(--ember); color: var(--ember); }
.get-started__arrow--prev { left: 0; }
.get-started__arrow--next { right: 0; }
.get-started__dots {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
}
.get-started__dot {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.get-started__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background: var(--line-strong);
  transition: background-color var(--motion);
}
.get-started__visual { width: 40%; }
.get-started__frame {
  border: 1px solid var(--line-strong);
  padding: 0.55rem;
  background: rgba(11, 18, 32, 0.55);
}
.get-started__photo { width: 100%; height: auto; }
.get-started__badges { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--gap-xs); }
.get-started__badge {
  margin: 0;
  padding: 0.42rem 0.85rem;
  border: 1px solid var(--line);
  font-size: 0.82rem;
  color: var(--text-secondary);
  background: rgba(22, 32, 58, 0.6);
}


.learn-more__steps { display: flex; flex-wrap: wrap; gap: var(--gap-l); margin: 0; padding: 0; list-style: none; }
.learn-more__step { flex: 1 1 44%; margin: 0; padding-left: 5%; border-left: 3px solid var(--ember); }
.learn-more__step-title { margin-bottom: 0.45rem; }
.learn-more__step-text { margin-bottom: 0; }


.what-you-gain__grid { display: flex; flex-wrap: wrap; gap: var(--gap-m); }
.what-you-gain__cell { flex: 1 1 30%; min-width: 240px; display: flex; }
.what-you-gain__cell > .plate { width: 100%; }


.explore-services__layout { display: flex; flex-wrap: wrap; gap: var(--gap-xl); align-items: flex-start; }
.explore-services__visual { width: 34%; min-width: 240px; }
.explore-services__frame { border: 1px solid var(--line); padding: 0.5rem; background: var(--bg-elevated); }
.explore-services__photo { width: 100%; height: auto; }
.explore-services__body { flex: 1 1 52%; }
.explore-services__list { list-style: none; margin: 0 0 var(--gap-m); padding: 0; }
.explore-services__row { margin: 0; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.explore-services__row:last-child { border-bottom: none; }
.explore-services__row-name { display: block; font-weight: 600; color: var(--text-primary); margin-bottom: 0.2rem; }
.explore-services__row-role { display: block; color: var(--text-secondary); font-size: 0.97rem; }
.explore-services__facts { display: flex; flex-wrap: wrap; gap: var(--gap-m); margin: 0; padding: 0; list-style: none; }
.explore-services__fact {
  margin: 0;
  padding: 0.75rem 4%;
  flex: 1 1 40%;
  background: var(--bg-tertiary);
  border-left: 3px solid var(--accent);
  font-size: 0.95rem;
  color: var(--text-secondary);
}


.learn-cancellation__grid { display: flex; flex-wrap: wrap; gap: var(--gap-m); }
.learn-cancellation__cell { flex: 1 1 44%; min-width: 260px; display: flex; }
.learn-cancellation__cell > .plate { width: 100%; }


.see-how__steps { display: flex; flex-wrap: wrap; gap: var(--gap-l); margin: 0; padding: 0; list-style: none; }
.see-how__step { flex: 1 1 28%; min-width: 230px; margin: 0; }
.see-how__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: var(--gap-s);
  background: var(--ember);
  color: var(--on-ember);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
}
.see-how__step-title { margin-bottom: 0.45rem; }
.see-how__step-text { margin-bottom: 0; }
.see-how__note { margin-top: var(--gap-l); margin-bottom: 0; font-size: 0.95rem; color: var(--text-muted); }


.connect { background: var(--bg-tertiary); }
.connect__layout { display: flex; flex-wrap: wrap; gap: var(--gap-xl); align-items: flex-start; }
.connect__side { width: 38%; min-width: 260px; }
.connect__main { flex: 1 1 48%; }
.connect__flow { list-style: none; margin: 0 0 var(--gap-l); padding: 0; }
.connect__flow-step { margin: 0 0 var(--gap-s); padding-left: 5%; border-left: 3px solid var(--accent); color: var(--text-secondary); }
.connect__flow-step:last-child { margin-bottom: 0; }
.connect__frame { border: 1px solid var(--line); padding: 0.5rem; background: var(--bg-elevated); margin-bottom: var(--gap-m); }
.connect__photo { width: 100%; height: auto; }
.connect__price { display: flex; align-items: baseline; gap: var(--gap-s); flex-wrap: wrap; margin-bottom: var(--gap-m); }
.connect__price-now { font-family: 'Playfair Display', Georgia, serif; font-size: 2rem; font-weight: 800; color: var(--ember); line-height: 1; }
.connect__price-old { font-size: 1.05rem; color: var(--text-muted); text-decoration: line-through; }

.order-form { background: var(--bg-secondary); border: 2px solid var(--line); padding: 1.9rem 6%; }
.order-form__title { margin-bottom: 0.6rem; }
.order-form__intro { margin-bottom: var(--gap-m); }
.order-form__group { margin-bottom: var(--gap-m); }
.order-form__label { display: block; font-weight: 600; font-size: 0.92rem; color: var(--text-primary); margin-bottom: 0.35rem; }
.order-form__input {
  width: 100%;
  padding: 0.85rem 4%;
  background: var(--bg-primary);
  border: 2px solid var(--line);
  border-radius: 0;
  color: var(--text-primary);
  transition: border-color var(--motion);
}
.order-form__input:focus { border-color: var(--ember); outline: none; }
.order-form__hint { display: block; margin-top: 0.3rem; font-size: 0.85rem; color: var(--text-muted); }
.order-form__check { display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: var(--gap-m); }
.order-form__check input { margin-top: 0.35rem; width: 18px; height: 18px; accent-color: var(--ember); flex: 0 0 auto; }
.order-form__check label { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.55; }
.order-form__error {
  margin-bottom: var(--gap-m);
  padding: 0.8rem 4%;
  border-left: 3px solid #ef4444;
  background: rgba(239, 68, 68, 0.1);
  color: #fca5a5;
  font-size: 0.93rem;
}
.order-form__note { margin: var(--gap-s) 0 0; font-size: 0.86rem; color: var(--text-muted); }
.order-form__done {
  padding: 1.5rem 6%;
  border: 2px solid var(--ember);
  background: rgba(249, 115, 22, 0.08);
}
.order-form__done-title { margin-bottom: 0.6rem; }


.seller-card { border: 1px solid var(--line-strong); padding: 1.1rem 5%; background: rgba(11, 18, 32, 0.5); }
.seller-card--panel { background: transparent; border: none; padding: 0; }
.seller-card__title { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ember); margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; }
.seller-card__name { display: block; font-weight: 600; color: var(--text-primary); margin-bottom: 0.15rem; }
.seller-card__line { display: block; font-size: 0.92rem; color: var(--text-secondary); line-height: 1.6; overflow-wrap: anywhere; }
.seller-card__line a { color: var(--text-secondary); }
.seller-card__line a:hover { color: var(--ember); }


.get-answers__list { display: block; }
.faq-card {
  background: var(--bg-elevated);
  border-radius: var(--radius-float);
  padding: 1.5rem 5%;
  box-shadow: var(--shadow-float);
  margin-bottom: 1rem;
  max-width: 86%;
}
.faq-card:nth-child(even) { margin-left: auto; margin-right: 0; }
.faq-card:nth-child(odd) { margin-right: auto; margin-left: 0; }
.faq-card__q { margin-bottom: 0.5rem; }
.faq-card__a { margin-bottom: 0; }


.site-foot__panel-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.2rem; color: var(--text-primary); margin: 0 0 0.4rem; }
.site-foot__line { margin: 0; font-size: 0.95rem; color: var(--text-secondary); }
.site-foot__line a { color: var(--text-primary); }
.site-foot__phone { font-family: 'Playfair Display', Georgia, serif; font-size: 1.45rem; font-weight: 700; color: var(--ember); text-decoration: none; }
.site-foot__phone:hover { color: var(--ember-soft); text-decoration: none; }
.site-foot__col-title { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ember); margin-bottom: 0.7rem; font-family: inherit; font-weight: 600; }
.site-foot__links { list-style: none; margin: 0; padding: 0; }
.site-foot__link-item { margin: 0 0 0.4rem; }
.site-foot__link { color: var(--text-secondary); font-size: 0.94rem; text-decoration: none; }
.site-foot__link:hover { color: var(--ember); text-decoration: none; }
.site-foot__logo { height: 2rem; width: auto; align-self: flex-start; margin-bottom: var(--gap-s); }
.site-foot__note { margin: 0; font-size: 0.86rem; color: var(--text-muted); max-width: 68%; }
.site-foot__copy { margin: 0; font-size: 0.86rem; color: var(--text-muted); }


.doc { background: var(--bg-secondary); }
.doc__title { margin-bottom: 0.6rem; }
.doc__meta { font-size: 0.88rem; color: var(--text-muted); margin-bottom: var(--gap-l); }
.doc__body { max-width: 82%; }
.doc__body h2 { font-size: 1.5rem; margin-top: var(--gap-l); }
.doc__body h3 { font-size: 1.15rem; margin-top: var(--gap-m); }
.doc__fields { list-style: none; margin: 0 0 var(--gap-l); padding: 0; border-top: 1px solid var(--line); }
.doc__field { margin: 0; padding: 0.85rem 0; border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: var(--gap-s); }
.doc__field-key { width: 32%; min-width: 160px; font-weight: 600; color: var(--text-primary); font-size: 0.95rem; }
.doc__field-val { flex: 1 1 55%; color: var(--text-secondary); font-size: 0.95rem; overflow-wrap: anywhere; }
.doc__callout { padding: 1.2rem 5%; border-left: 3px solid var(--ember); background: var(--bg-tertiary); }
.doc__callout p:last-child { margin-bottom: 0; }
.doc__back { display: inline-block; margin-top: var(--gap-l); font-weight: 600; }


@keyframes emberPageIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes emberSlideIn {
  from { opacity: 0; transform: translateX(-4%); }
  to { opacity: 1; transform: translateX(0); }
}
.page-transition { animation: emberPageIn 0.5s ease both; }
.page-transition--slide { animation: emberSlideIn 0.5s ease both; }


@media (max-width: 1024px) {
  .get-started__shell { gap: var(--gap-l); }
  .get-started__stage { width: 54%; padding: 0 3rem 3rem; }
  .get-started__visual { width: 42%; }
  .get-started__price-now { font-size: 2rem; }
  .explore-services__visual { width: 40%; }
  .connect__side { width: 42%; }
  .faq-card { max-width: 94%; }
  .doc__body { max-width: 100%; }
  .site-foot__note { max-width: 100%; }
}

@media (max-width: 768px) {
  .get-started { min-height: 0; padding-top: 2.2rem; padding-bottom: 2.4rem; }
  .get-started__shell { flex-direction: column; align-items: stretch; }
  .get-started__stage { width: 100%; padding: 0 0 3.4rem; order: 2; }
  .get-started__visual { width: 100%; order: 1; margin-bottom: var(--gap-m); }
  .get-started__arrow { top: auto; bottom: 0; }
  .get-started__arrow--prev { left: 0; }
  .get-started__arrow--next { left: 3.4rem; right: auto; }
  .get-started__dots { left: auto; right: 0; transform: none; bottom: 0; }
  .get-started__price-now { font-size: 1.9rem; }
  .learn-more__step { flex: 1 1 100%; }
  .what-you-gain__cell,
  .learn-cancellation__cell,
  .see-how__step { flex: 1 1 100%; min-width: 0; }
  .explore-services__layout { gap: var(--gap-l); }
  .explore-services__visual { width: 100%; min-width: 0; }
  .explore-services__fact { flex: 1 1 100%; }
  .connect__layout { gap: var(--gap-l); }
  .connect__side { width: 100%; min-width: 0; }
  .order-form { padding: 1.4rem 6%; }
  .faq-card { max-width: 100%; padding: 1.2rem 6%; }
  .plate { padding: 1.4rem 7%; }
}


.footer__bottom { width: 100%; }
.footer__bottom .cc-footer-link { color: var(--text-muted); font-size: 0.86rem; text-decoration: underline; }
.footer__bottom .cc-footer-link:hover { color: var(--ember); }


.learn-more { background-image: linear-gradient(180deg, rgba(249, 115, 22, 0.06), transparent 42%); }
.what-you-gain { background-image: linear-gradient(180deg, rgba(59, 130, 246, 0.06), transparent 42%); }
.explore-services { background-image: linear-gradient(180deg, rgba(252, 211, 77, 0.05), transparent 42%); }
.learn-cancellation { background-image: linear-gradient(180deg, rgba(59, 130, 246, 0.05), transparent 42%); }
.see-how { background-image: linear-gradient(180deg, rgba(249, 115, 22, 0.05), transparent 42%); }
.get-answers { background-image: linear-gradient(180deg, rgba(148, 163, 184, 0.07), transparent 42%); }
.masthead__mega-col { min-width: 0; }
.masthead__veil { cursor: pointer; }