/* Selective cyan / pink accents and a more comfortable reading scale. */
:root {
  --accent-cyan: #25f4ee;
  --accent-pink: #fe2c55;
  --accent-teal: #006d69;
  --accent-rose: #b9163c;
  --graphite: #16171c;
  --ink: #222733;
  --muted: #5b6576;
}

body { font-size: 17px; }
.btn, .btn-lg, .nav-cta, .nav-link { font-size: 15px; }
.nav-link { padding-inline: 10px; }
.navbar-brand { margin-right: 22px; }
.panel-access {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  margin-right: 19px;
  white-space: nowrap;
}
.panel-access .icon { width: 16px; height: 16px; }
.panel-access:hover { color: var(--accent-rose); }
.nav-cta { padding: 12px 15px; }
.btn-primary {
  --bs-btn-bg: var(--graphite);
  --bs-btn-border-color: var(--graphite);
  --bs-btn-hover-bg: #303139;
  --bs-btn-hover-border-color: #303139;
  --bs-btn-active-bg: #303139;
  --bs-btn-active-border-color: #303139;
  box-shadow: 3px 3px 0 var(--accent-cyan);
}
.btn-outline-primary {
  --bs-btn-color: var(--ink);
  --bs-btn-border-color: #cbd1d9;
  --bs-btn-hover-bg: var(--graphite);
  --bs-btn-hover-border-color: var(--graphite);
  --bs-btn-active-bg: var(--graphite);
  --bs-btn-active-border-color: var(--graphite);
}
.hero {
  background: radial-gradient(ellipse at 84% 18%, #25f4ee18, transparent 49%),
    radial-gradient(ellipse at 60% 95%, #fe2c5510, transparent 46%), #f8f9fc;
}
.eyebrow-pill { font-size: 13px; color: var(--accent-teal); background: #e7fcfa; border-color: #b9e9e6; }
.eyebrow-pill .live-dot { background: var(--accent-teal); box-shadow: 0 0 0 3px #006d6910; }
.hero h1 { font-size: clamp(46px, 4.25vw, 61px); }
.hero h1 > span {
  color: var(--graphite);
  text-shadow: 2px 2px 0 #25f4ee85, -1px -1px 0 #fe2c5538;
  white-space: normal;
}
.hero-description { font-size: 18px; line-height: 1.8; max-width: 510px; }
.hero .btn-lg { font-size: 15px; padding: 16px 19px; }
.hero-reassurance { font-size: 12px; gap: 12px 18px; color: #586779; }
.motion-toggle { font-size: 12px; color: #596777; padding-block: 10px; }
.play-circle { border-color: #b1b8c6; }
.scene-orbit { border-color: #6dded953; }
.orbit-two { border-color: #fe2c5527; }
.scene-label { font-size: 10px; color: #566776; }
.product-scene { height: 590px; }
.dashboard-preview { border-top: 3px solid var(--accent-cyan); }
.preview-topbar { background: #f9fafb; }
.preview-user { background: #ffe7ed; color: var(--accent-rose); font-size: 10px; }
.tiny-text, .date-chip { font-size: 9px; }
.preview-metrics span { font-size: 10px; }
.preview-metrics small { font-size: 9px; }
.preview-list-title { font-size: 11px; }
.preview-list-title > span { font-size: 9px; }
.preview-case b { font-size: 10px; }
.preview-case small { font-size: 9px; }
.preview-case .status { font-size: 8px; padding-inline: 5px; }
.chat-header b { font-size: 13px; }
.chat-header small { font-size: 9px; }
.chat-message { font-size: 11px; }
.chat-message small { font-size: 8px; }
.chat-summary b, .chat-confirm { font-size: 10px; }
.chat-summary > span { font-size: 9px; }
.chat-day { font-size: 8px; }
.floating-confirmation { bottom: 95px; }
.floating-confirmation b { font-size: 12px; }
.floating-confirmation div > span { font-size: 10px; color: #5e7176; }
.illustration-caption { font-size: 12px; color: #596c7b; bottom: 0; }
.trust-strip .col-6 { font-size: 13px; line-height: 1.6; }
.trust-strip .icon { color: var(--accent-teal); }
.eyebrow, .benefits-section .eyebrow { font-size: 12px; letter-spacing: 1.35px; }
.section-heading > p, .section-description, .benefits-section .section-description,
.faq-section .section-description { font-size: 17px; }
.section-heading h2, h2, .benefits-section h2 { font-size: clamp(32px, 3.2vw, 44px); }
.workflow-card h3, .benefit-card h3 { font-size: 22px; line-height: 1.4; }
.workflow-card p, .benefit-card p { font-size: 15px; line-height: 1.8; }
.step-note, .feature-tag { font-size: 12px; color: #5c697a; }
.step-note { align-items: flex-start; }
.step-note::before { margin-top: 8px; flex-shrink: 0; background: var(--accent-rose); }
.step-number { color: #c6d2de; }
.workflow-card:nth-child(1) { border-radius: 15px; }
.feature-icon.violet { color: var(--accent-rose); background: #ffe9ef; }
.feature-icon.blue { color: var(--accent-teal); background: #e0faf7; }
.feature-tag { padding: 6px 9px; }
.text-button, .workflow-link .text-button, .benefits-section .text-button,
.pricing-help .text-button, .faq-contact .text-button { font-size: 15px; }
.human-note p { font-size: 14px; }
.human-note { max-width: 425px; }
.pricing-context { font-size: 13px; flex-wrap: wrap; margin-bottom: 60px; }
.plan-card { padding: 26px 21px 22px; border-radius: 14px; }
.plan-top h3 { font-size: 22px; }
.plan-top p { font-size: 15px; min-height: 81px; }
.plan-price { font-size: 48px; }
.plan-price > span { font-size: 19px; }
.plan-price small { font-size: 14px; color: #626e7c; }
.custom-price { font-size: 31px; min-height: 60px; padding-top: 13px; }
.plan-volume { font-size: 13px; min-height: 42px; color: #596c7e; }
.plan-card .btn { font-size: 14px; white-space: normal; min-height: 66px; padding-inline: 12px; line-height: 1.5; }
.includes-title { font-size: 14px; }
.plan-features li { font-size: 14px; }
.plan-footnote { font-size: 12px; color: #687586; }
.featured {
  border: 2px solid var(--accent-pink);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 25px 20px 21px;
  background: linear-gradient(180deg, #fff0f4, white 44%);
  box-shadow: 6px 7px 0 #25f4ee38, 0 15px 35px #16171c0a;
}
.recommended {
  height: 35px;
  top: -35px;
  padding: 9px 5px;
  font-size: 12px;
  letter-spacing: .15px;
  background: var(--graphite);
  color: white;
  border-top: 3px solid var(--accent-pink);
  border-radius: 12px 12px 0 0;
}
.recommended .icon { color: var(--accent-cyan); }
.featured .plan-symbol { color: var(--accent-rose); }
.featured .btn-primary { box-shadow: 3px 3px 0 var(--accent-pink); }
[data-motion="on"] .featured.is-tilting { border-color: var(--accent-pink); box-shadow: 6px 7px 0 #25f4ee38, 0 22px 40px #16171c12; }
.pricing-note { font-size: 12px; color: #657284; }
.pricing-help { font-size: 15px; }
.faq-section h2 { font-size: 36px; }
.faq-contact b { font-size: 16px; }
.faq-section .accordion-button { font-size: 17px; }
.accordion-body { font-size: 15px; }
.closing-card {
  background: radial-gradient(ellipse at 100% 100%, #25f4ee16, transparent 55%),
    radial-gradient(ellipse at 0 0, #fe2c551c, transparent 55%), var(--graphite);
  border-top: 3px solid var(--accent-pink);
  box-shadow: 0 5px 0 #25f4ee42;
}
.closing-card .eyebrow { color: var(--accent-cyan); font-size: 12px; }
.closing-card h2 { font-size: 36px; }
.closing-card p { font-size: 16px; color: #d0d2da; }
.closing-card .btn-light { font-size: 15px; color: #15171d; background: var(--accent-cyan); border-color: var(--accent-cyan); white-space: normal; padding: 16px 19px; }
.closing-caption { font-size: 12px; color: #c8cbd4; line-height: 1.7; }
.footer-main { flex-wrap: wrap; gap: 20px; }
.footer-main p { font-size: 13px; color: #687484; }
.footer-main nav { gap: 17px; flex-wrap: wrap; }
.footer-main nav a { font-size: 14px; }
.footer-bottom { font-size: 12px; color: #697484; gap: 15px; }
.modal-header .eyebrow, .contact-modal .eyebrow { font-size: 12px; }
.demo-disclaimer, .contact-note { font-size: 12px; color: #637181; }
.demo-progress button { font-size: 14px; }
.demo-progress button span { font-size: 12px; flex-shrink: 0; }
.demo-stage > p, .demo-ai, .demo-bubble, .contact-modal .modal-body > p { font-size: 16px; }
.demo-record dl { font-size: 14px; }
.demo-record .status { font-size: 12px; white-space: normal; }
.demo-record dt { color: #607185; }
.form-label, .contact-availability { font-size: 14px; }
.form-select { font-size: 16px; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-brand img { width: 145px; }
  .navbar-brand { margin-right: 10px; }
  .nav-link { font-size: 14px; padding-inline: 7px; }
  .panel-access { margin-right: 13px; }
  .nav-cta { font-size: 14px; padding-inline: 12px; }
  .hero .btn-lg { padding-inline: 14px; font-size: 14px; }
}
@media (max-width: 1199.98px) {
  .plan-top p { min-height: 54px; }
  .plan-volume { min-height: 21px; }
  .plan-card .btn { min-height: 49px; }
}
@media (max-width: 991.98px) {
  .navbar-collapse { max-height: calc(100dvh - 80px); overflow-y: auto; }
  .panel-access { display: flex; width: fit-content; margin: 12px 0 8px; font-size: 15px; padding-block: 10px; }
  .nav-link { font-size: 16px; padding-inline: 0; }
  .nav-cta { font-size: 15px; }
  .hero h1 { font-size: 59px; }
  .hero-description { max-width: 580px; }
  .hero h1 > span { white-space: normal; }
  .product-scene { height: 590px; }
  .floating-confirmation { bottom: 65px; }
  .illustration-caption { bottom: -5px; }
  .workflow-card { padding: 22px 18px; }
  .workflow-card h3 { font-size: 20px; }
  .trust-strip .col-6 { padding-left: 20px; }
  .section-description { max-width: 590px; }
  .closing-card h2 { font-size: 34px; }
  .footer-main nav { gap: 18px 25px; }
}
@media (max-width: 575.98px) {
  .hero h1 { font-size: clamp(37px, 9.7vw, 53px); letter-spacing: -1.6px; }
  .hero h1 > span { font-size: .91em; }
  .hero-description { font-size: 17px; line-height: 1.8; }
  .eyebrow-pill { font-size: 12px; line-height: 1.5; text-align: left; padding: 9px 11px; }
  .hero .btn-lg { font-size: 15px; padding: 14px 18px; }
  .hero-reassurance { font-size: 12px; gap: 8px; }
  .product-scene { height: 600px; margin-bottom: -208px; }
  .floating-confirmation { bottom: 58px; }
  .illustration-caption { bottom: 1px; left: 42px; font-size: 17px; }
  .trust-strip .col-6 { font-size: 12px; padding-left: 12px; align-items: flex-start; gap: 8px; }
  .trust-strip .icon { margin-top: 2px; }
  .eyebrow, .benefits-section .eyebrow { font-size: 12px; letter-spacing: 1px; line-height: 1.7; }
  .section-heading h2, h2, .benefits-section h2, .faq-section h2 { font-size: 31px; }
  .section-heading > p { max-width: 100%; font-size: 16px; }
  .workflow-card { padding: 24px; }
  .workflow-card h3, .benefit-card h3 { font-size: 22px; }
  .benefits-section .section-description { font-size: 17px; }
  .pricing-context { font-size: 13px; max-width: 100%; margin-bottom: 25px; }
  .pricing-grid > .col-md-6:nth-child(2) { margin-top: 58px; }
  .plan-card, .featured { padding: 25px; }
  .plan-top h3 { font-size: 24px; padding-right: 26px; overflow-wrap: anywhere; }
  .plan-top p { font-size: 15px; max-width: 100%; min-height: 0; }
  .plan-card .btn { font-size: 15px; min-height: 51px; }
  .plan-features li { font-size: 15px; }
  .plan-price { font-size: 48px; }
  .custom-price { font-size: 34px; }
  .plan-volume { font-size: 14px; }
  .includes-title { font-size: 14px; }
  .plan-footnote { font-size: 12px; }
  .recommended { font-size: 12px; }
  .faq-section .accordion-button { font-size: 16px; }
  .accordion-body { font-size: 15px; }
  .closing-card { padding: 29px 23px; }
  .closing-card .eyebrow { font-size: 12px; }
  .closing-card h2 { font-size: 31px; }
  .closing-card .btn-light { font-size: 15px; padding-inline: 13px; }
  .closing-caption { font-size: 12px; }
  .footer-main p { font-size: 13px; }
  .footer-bottom { font-size: 12px; }
  .modal-footer .btn { font-size: 14px; padding: 11px 12px; }
  .modal-footer { gap: 8px; }
  .modal-footer > * { max-width: 100%; margin: 0; }
  .demo-progress { gap: 6px; }
  .demo-progress button { font-size: 12px; flex-direction: column; gap: 6px; padding: 10px 4px; }
  .demo-stage { padding: 15px; }
  .demo-stage > p, .demo-ai, .demo-bubble, .contact-modal .modal-body > p { font-size: 15px; }
  .demo-record dl { grid-template-columns: 1fr; gap: 5px; }
  .demo-record dd { margin-bottom: 10px; overflow-wrap: anywhere; }
  .demo-finish h3 { font-size: 19px; }
}
@media (max-width: 359.98px) {
  .product-scene { margin-bottom: -263px; }
  .hero .btn-lg { width: 100%; }
  .hero-reassurance { font-size: 12px; }
  .plan-card, .featured { padding: 23px 20px; }
  .plan-top h3 { font-size: 23px; }
  .recommended { letter-spacing: .3px; }
  .footer-main nav { gap: 16px; }
}

/* Keep supporting text readable on the public page. */
.step-number { color: #68788b; }
.pricing-context, .enterprise .plan-footnote, .accordion-body { color: #536377; }

.footer-legal{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover,.footer-legal a:focus-visible{text-decoration:underline}