:root { --red: #EF233C; --red-hover: #d41e34; --red-soft: #ef4444;  --red-tint: #fef2f2;  --dark: #1f2937; --text: #333; --muted: #555; --border: #e0e0e0; --font-head: 'Archivo', sans-serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 16px; scroll-behavior: smooth; }  body { font-family: var(--font-body); color: var(--text); background: #fff; line-height: 1.6; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; } h1, h2, h3 { font-family: var(--font-head); line-height: 1.2; } .section-title { font-size: 2rem; font-weight: 700; color: var(--dark); text-align: center; margin-bottom: 1rem; } .section-title.light { color: #fff; } .eyebrow { text-align: center; color: var(--red); font-weight: 600; letter-spacing: .5px; margin-bottom: .25rem; }  .btn { display: inline-block; padding: .65rem 1.5rem; border-radius: 6px; font-weight: 600; font-size: .95rem; text-decoration: none; transition: background .3s ease, color .3s ease, transform .2s ease; cursor: pointer; border: 2px solid transparent; } .btn-red { background: var(--red); color: #fff; } .btn-red:hover { background: var(--red-hover); transform: translateY(-2px); } .btn-white { background: #fff; color: var(--red); } .btn-white:hover { background: var(--red-tint); transform: translateY(-2px); } .btn-outline { background: transparent; color: var(--red); border-color: var(--red); } .btn-outline:hover { background: var(--red); color: #fff; }  .grow { transition: transform .3s ease, box-shadow .3s ease; } .grow:hover { transform: scale(1.05); box-shadow: 0 8px 24px rgba(0,0,0,.1); }  .ico { width: 1em; height: 1em; flex-shrink: 0; vertical-align: -.125em; } .ico.red { color: var(--red); }  .site-header { position: sticky; top: 0; z-index: 1000; background: #fff; transition: box-shadow .3s ease; } .site-header.scrolled { box-shadow: 0 2px 12px rgba(0,0,0,.08); } .header-inner { max-width: 1440px; margin: 0 auto; padding: .75rem 0 .75rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; } .logo-img { width: 205px; height: auto; flex-shrink: 0; }  .menu-navigation { display: flex; flex-wrap: nowrap;  justify-content: center; gap: 1.4rem; list-style: none; white-space: nowrap; } .menu-button { position: relative; padding: .25rem 0; font-weight: 600; font-size: .95rem; color: var(--dark); text-decoration: none; transition: color .3s ease; } .menu-button::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--red-soft); transition: width .3s ease; } .menu-button:hover, .menu-button.active { color: var(--red-soft); } .menu-button:hover::after, .menu-button.active::after { width: 100%; }  .header-contact { position: absolute;  right: 0; top: 0; bottom: 0;  display: flex; flex-direction: column; justify-content: center; background: var(--red); color: #fff; padding: 0 1.25rem 0 2.2rem; clip-path: polygon(1.8rem 0, 100% 0, 100% 100%, 0 100%);  font-size: .82rem; line-height: 1.5; text-align: left; } .header-contact .hc-ico { width: .9em; height: .9em; margin-right: .45rem; vertical-align: -.08em; fill: currentColor; }  @media (min-width: 1351px) { .header-inner { padding-right: 300px; } } .header-contact a { color: #fff; text-decoration: none; display: block; font-weight: 600; } .header-contact a:hover { text-decoration: underline; } @media (max-width: 1350px) { .header-contact { display: none; }  }  .hamburger { display: none; flex-direction: column; background: none; border: none; cursor: pointer; padding: .5rem; z-index: 1001; } .hamburger span { width: 25px; height: 3px; background: var(--dark); margin: 3px 0; border-radius: 2px; transition: all .3s ease; }  .mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 999; opacity: 0; transition: opacity .3s ease; } .mobile-overlay.open { opacity: 1; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 85%; max-width: 400px; height: 100vh; height: 100dvh; background: var(--red-tint); z-index: 1002; transition: right .3s ease; display: flex; flex-direction: column; padding: 1.25rem; overflow-y: auto; } .mobile-menu.open { right: 0; } .mobile-menu-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .mobile-menu-title { font-weight: 700; color: var(--red); font-family: var(--font-head); } .mobile-close { background: none; border: none; font-size: 1.4rem; cursor: pointer; color: var(--dark); padding: .25rem .5rem; } .mobile-links { list-style: none; } .mobile-links a { display: block; padding: .9rem .5rem; font-weight: 600; color: var(--dark); text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.06); transition: color .3s ease, padding-left .3s ease; } .mobile-links a:hover { color: var(--red-soft); padding-left: .9rem; } .mobile-menu-footer { margin-top: auto; padding-top: 2rem; text-align: center; } .mm-q { font-weight: 700; color: var(--dark); } .mm-sub { font-size: .9rem; color: var(--muted); } .mm-phone { display: inline-block; margin-top: .4rem; font-weight: 700; font-size: 1.15rem; color: var(--red); text-decoration: none; }  .hero { position: relative; overflow: hidden; background: var(--red);  color: #fff; text-align: center; padding: 6.5rem 1rem; display: flex; justify-content: center; } .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .hero-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); z-index: 1; } .hero-panel { position: relative; z-index: 2; max-width: 850px; width: 100%; } .hero-logo { margin: 0 auto 1.5rem; width: 520px; max-width: 90vw; height: auto; } .hero-info { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; margin-bottom: .9rem; font-size: .9rem; } .hero-info .ico { color: var(--red); } .hero-info li { display: flex; align-items: center; gap: .5rem; } .hero-info a { color: #fff; text-decoration: none; } .hero-info a:hover { text-decoration: underline; } .hero h1 { font-family: var(--font-body); font-size: 1.1rem; font-weight: 500; letter-spacing: .01em; max-width: 800px; margin: 0 auto; }  .text-slider { background: var(--red); padding: 15px 20px; position: relative; overflow: hidden; font-family: var(--font-head); } .slider-wrapper { display: flex; align-items: flex-start; justify-content: space-between; position: relative; max-width: 1100px; margin: 0 auto; } .nav-btn { background: none; border: none; color: #fff; font-size: 50px; cursor: pointer; padding: 5px 10px; transition: opacity .3s ease; flex-shrink: 0; height: 26px; display: flex; align-items: center; } .nav-btn:hover { opacity: .7; } .slider-content { flex: 1; text-align: center; margin: 0 15px; } .slide { display: none; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.3; animation: fadeIn .4s ease-in-out; } .slide.active { display: block; } .dots-container { display: flex; justify-content: center; gap: 6px; margin-top: 8px; } .dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; transition: all .3s ease; border: none; padding: 0; } .dot.active { background: #fff; } .dot:hover { background: rgba(255,255,255,.8); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }  .curve-divider { line-height: 0; background: #fff; } .curve-divider svg { width: 100%; height: 70px; display: block; }  .services { max-width: 1200px; margin: 0 auto; padding: 3rem 1rem 4rem; } .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 1.5rem; margin-top: 2rem; max-width: 1000px; margin-left: auto; margin-right: auto; }  .card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem 1.75rem; text-align: left; display: grid; grid-template-columns: 56px 1fr; grid-template-rows: auto auto auto; column-gap: 1.1rem; row-gap: .35rem; align-items: start; } .card h2, .card h3 { font-size: 1.2rem; font-weight: 700; color: var(--dark); align-self: center; } .card p { font-size: .92rem; color: var(--muted); grid-column: 2; } .card .btn { grid-column: 2; justify-self: start; margin-top: .4rem; } .card-icon { grid-row: 1 / span 3; width: 56px; height: 56px; display: flex; align-items: flex-start; justify-content: center; color: var(--red); } .card-icon svg { width: 54px; height: 54px; } .card-wide { margin-top: 1.5rem; max-width: 820px; margin-left: auto; margin-right: auto; }  .impact { background: var(--red); padding: 4rem 1rem; } .impact-intro { color: #fff; text-align: center; max-width: 750px; margin: 0 auto; } .impact-grid { max-width: 900px; margin: 2rem auto 0; } .impact .card { border: none; } .card-simple { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .75rem; padding: 2rem 1.5rem; } .card-simple .btn { margin-top: .25rem; }  .faq-section { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .faq-cols { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: start; } .faq-left .section-title { text-align: left; } .faq-actions { display: flex; gap: 1rem; margin: 1.25rem 0; flex-wrap: wrap; } .faq-art { max-width: 380px; margin-top: 1.5rem; } .contact-list { list-style: none; margin-top: 1rem; } .contact-list li { display: flex; align-items: center; gap: .6rem; padding: .35rem 0; font-size: .95rem; } .contact-list a { color: var(--text); text-decoration: none; } .contact-list a:hover { color: var(--red); } .faq-container { max-width: 800px; margin: 10px auto; padding: 10px; } .faq-item { border: 1px solid var(--border); border-radius: 8px; margin-bottom: 10px; overflow: hidden; transition: all .3s ease; width: 100%; } .faq-item:hover { border-color: var(--red-soft); box-shadow: 0 2px 8px rgba(239, 68, 68, .1); } .faq-question { padding: 20px; background: #fff; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; color: var(--text); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all .3s ease; font-family: inherit; white-space: normal; word-break: break-word; gap: .5rem; } .faq-question:hover { background: var(--red-tint); color: var(--red-soft); } .faq-question.active { background: var(--red-soft); color: #fff; } .faq-arrow { font-size: 1.5rem; color: var(--red-soft); transition: all .3s ease; flex-shrink: 0; } .faq-question:hover .faq-arrow { transform: scale(1.1); } .faq-question.active .faq-arrow { color: #fff; transform: rotate(45deg); } .faq-answer { padding: 0 20px; background: #f8f9fa; max-height: 0; overflow: hidden; transition: all .3s ease; } .faq-answer.active { max-height: 300px; padding: 20px; background: var(--red-tint); } .faq-answer p { color: var(--muted); line-height: 1.6; } .faq-answer a { color: var(--red-soft); text-decoration: none; font-weight: 500; } .faq-answer a:hover { color: #dc2626; text-decoration: underline; }  .why { background: var(--red-tint); padding: 4rem 1rem; } .why-intro { max-width: 800px; margin: 0 auto 2rem; text-align: center; } .check-grid { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .75rem 2rem; max-width: 700px; margin: 0 auto; font-weight: 500; } .check-grid li { display: flex; align-items: center; gap: .6rem; } .check-grid li::before { content: ''; width: 18px; height: 18px; flex-shrink: 0; background: var(--red);  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center / contain no-repeat; } .counters { display: flex; flex-wrap: wrap; justify-content: center; gap: 3rem; margin-top: 3rem; text-align: center; } .counter-number { display: block; font-family: var(--font-head); font-size: 3rem; font-weight: 700; color: var(--red); } .counter-title { font-weight: 600; color: var(--dark); max-width: 200px; display: inline-block; }  .reviews { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .reviews-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 2rem; } .rev-biz { font-weight: 700; font-size: 1.15rem; color: var(--dark); } .rev-score { font-size: 1.4rem; font-weight: 700; color: var(--dark); } .rev-count { color: var(--muted); font-size: .9rem; } .stars { color: #fbbc04; letter-spacing: 2px; } .reviews-track { display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1rem; -webkit-overflow-scrolling: touch; } .reviews-track::-webkit-scrollbar { height: 8px; } .reviews-track::-webkit-scrollbar-thumb { background: var(--red); border-radius: 4px; } .reviews-track::-webkit-scrollbar-track { background: var(--red-tint); border-radius: 4px; } .review-card { flex: 0 0 340px; scroll-snap-align: start; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; transition: box-shadow .3s ease; } .review-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); } .review-top { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; } .avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--red); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .rev-name { font-weight: 600; color: var(--dark); } .rev-time { font-size: .8rem; color: var(--muted); } .rev-text { font-size: .9rem; color: var(--muted); margin-top: .5rem; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }  .cta { background: var(--red-tint); padding: 4rem 1rem; } .cta-cols { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: center; } .cta .section-title { text-align: left; } .cta-img { width: 100%; }  .site-footer { background: var(--dark); color: #d1d5db; padding: 3.5rem 1rem 0; } .footer-cols { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2.5rem; } .site-footer h2 { color: #fff; font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem; } .site-footer ul { list-style: none; } .site-footer li { padding: .25rem 0; font-size: .95rem; } .site-footer a { color: #d1d5db; text-decoration: none; transition: color .3s ease; } .site-footer a:hover { color: var(--red-soft); } .site-footer p { font-size: .95rem; } .footer-bottom { border-top: 1px solid rgba(255,255,255,.1); margin-top: 2.5rem; padding: 1.25rem 0; text-align: center; font-size: .85rem; color: #9ca3af; }  .tire-track { position: absolute; top: 0; left: 0; width: 100%; z-index: 4;  pointer-events: none; display: none; overflow: hidden; } .tire-track svg { display: block; width: 100%; } .tire-track .stamp { opacity: 0; transition: opacity .25s ease; fill: #1a1a1a; } .tire-track .stamp.on { opacity: .13; } @media (min-width: 1024px) { .tire-track { display: block; } }  [data-parallax] { will-change: transform; }  @media (max-width: 900px) { .faq-cols, .cta-cols { grid-template-columns: 1fr; } .faq-art { margin: 1.5rem auto 0; } .cta-img { max-width: 450px; margin: 0 auto; } } @media (max-width: 768px) { .main-nav { display: none; } .hamburger { display: flex; } .mobile-overlay.open { display: block; } .logo-img { width: 190px; } .text-slider { padding: 12px 15px; } .slide { font-size: 14px; } .nav-btn { font-size: 20px; padding: 5px; } .slider-content { margin: 0 10px; } .section-title { font-size: 1.6rem; } .card { grid-template-columns: 44px 1fr; padding: 1.25rem 1.1rem; } .card-icon svg { width: 38px; height: 38px; } .card-grid { grid-template-columns: 1fr; } .hero-logo { width: 300px; } .counters { gap: 2rem; } .counter-number { font-size: 2.4rem; } .review-card { flex-basis: 290px; } }  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }    .page-hero { position: relative; overflow: hidden; background: var(--dark); color: #fff; padding: 5rem 1.5rem; display: flex; justify-content: center; align-items: center; min-height: 480px; } .page-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;  z-index: 0; } .page-hero .hero-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); z-index: 1; } .hero-grid { position: relative; z-index: 2; max-width: 1150px; width: 100%; display: grid; grid-template-columns: 1fr 1.15fr; gap: 3rem; align-items: center; }  .hero-title-col { text-align: center; } .hero-icon { width: 72px; height: 72px; color: #fff; margin-bottom: 1rem; } .hero-title-col h1 { font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 700; line-height: 1.15; text-shadow: 0 2px 12px rgba(0,0,0,.4); } .hero-btn { margin-top: 1.5rem; }  .hero-check-col h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 700; color: var(--red-soft); margin-bottom: 1rem; text-shadow: 0 2px 10px rgba(0,0,0,.5); } .hero-checklist { list-style: none; } .hero-checklist li { position: relative; padding: .4rem 0 .4rem 2rem; font-size: 1.05rem; font-weight: 500; text-shadow: 0 1px 8px rgba(0,0,0,.5); } .hero-checklist li::before { content: ''; position: absolute; left: 0; top: .78rem; width: 18px; height: 18px; background: var(--red-soft); -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center / contain no-repeat; }  .card { position: relative; } .card-badge { position: absolute; top: -12px; right: 16px; background: var(--red); color: #fff; font-family: var(--font-head); font-size: .72rem; font-weight: 700; letter-spacing: 1px; padding: .3rem .7rem; border-radius: 999px; } .card-price { grid-column: 2; font-family: var(--font-head); font-weight: 700; font-size: 1.35rem; color: var(--red); } .card-price small { font-size: .8rem; font-weight: 500; color: var(--muted); }  .steps-section { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .steps-intro { max-width: 750px; margin: 0 auto 2.25rem; text-align: center; color: var(--muted); } .steps-list { list-style: none; counter-reset: step; max-width: 760px; margin: 0 auto; display: grid; gap: .9rem; } .steps-list > li { counter-increment: step; display: grid; grid-template-columns: 44px 1fr; gap: 1rem; align-items: start; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.1rem 1.25rem; transition: border-color .3s ease, box-shadow .3s ease; } .steps-list > li:hover { border-color: var(--red-soft); box-shadow: 0 4px 14px rgba(239,35,60,.08); } .steps-list > li::before { content: counter(step); width: 40px; height: 40px; border-radius: 50%; background: var(--red); color: #fff; font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; } .steps-list > li a { color: var(--red); text-decoration: underline; font-weight: 500; } .steps-list > li a:hover { color: var(--red-hover); }  .info-panels { max-width: 760px; margin: 2rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.25rem; } .info-panel { background: var(--red-tint); border-radius: 12px; padding: 1.5rem 1.5rem; } .info-panel h3 { font-size: 1.05rem; font-weight: 700; color: var(--dark); margin-bottom: .6rem; display: flex; align-items: center; gap: .5rem; } .info-panel ul { list-style: none; } .info-panel li { padding: .25rem 0 .25rem 1.25rem; position: relative; font-size: .95rem; color: var(--muted); } .info-panel li::before { content: ''; position: absolute; left: 0; top: .72rem; width: 8px; height: 8px; border-radius: 50%; background: var(--dark); } .info-panel li ul { margin-top: .2rem; } .info-panel li li { padding-left: 1.1rem; } .info-panel li li::before { width: 6px; height: 6px; top: .78rem; left: .1rem; background: var(--dark); }  .features { background: var(--red-tint); padding: 4rem 1rem; } .feature-grid { max-width: 1150px; margin: 2rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; } .feature-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: .75rem; } .feature-card img { width: 96px; height: 96px; } .feature-card h3 { font-size: 1.2rem; font-weight: 700; color: var(--dark); } .feature-card p { font-size: .92rem; color: var(--muted); }  .contact-section { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .contact-sub { text-align: center; color: var(--muted); margin-bottom: 2rem; } .contact-form { max-width: 720px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; } .form-field { display: flex; flex-direction: column; gap: .35rem; } .form-field.full { grid-column: 1 / -1; } .form-field label { font-weight: 600; font-size: .9rem; color: var(--dark); } .form-field .req { color: var(--red); } .form-field input, .form-field select, .form-field textarea { font-family: var(--font-body); font-size: .95rem; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 8px; padding: .7rem .85rem; transition: border-color .3s ease, box-shadow .3s ease; width: 100%; } .form-field textarea { resize: vertical; min-height: 140px; } .form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: none; border-color: var(--red); box-shadow: 0 0 0 3px rgba(239, 35, 60, .12); } .form-check { display: flex; align-items: flex-start; gap: .6rem; font-size: .9rem; color: var(--muted); } .form-check input { width: 18px; height: 18px; margin-top: .15rem; accent-color: var(--red); flex-shrink: 0; } .form-check b { color: var(--dark); } .char-count { font-size: .8rem; color: var(--muted); text-align: right; } .form-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .form-note { grid-column: 1 / -1; display: none; background: var(--red-tint); border: 1px solid var(--red-soft); color: var(--dark); border-radius: 8px; padding: .8rem 1rem; font-size: .92rem; } .form-note.show { display: block; }  .hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }  @media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; gap: 2rem; text-align: center; } .hero-check-col h2 { text-align: center; } .hero-checklist { display: inline-block; text-align: left; } } @media (max-width: 700px) { .contact-form { grid-template-columns: 1fr; } .page-hero { padding: 3rem 1rem; min-height: 0; } .hero-icon { width: 56px; height: 56px; } .steps-list > li { grid-template-columns: 36px 1fr; padding: 1rem; } .steps-list > li::before { width: 34px; height: 34px; font-size: 1rem; } .feature-card img { width: 80px; height: 80px; } }  .pvi-hero .hero-panel { max-width: 860px; text-align: center; position: relative; z-index: 2; } .pvi-hero { min-height: 420px; } .pvi-hero h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; line-height: 1.2; text-shadow: 0 2px 12px rgba(0,0,0,.4); } .pvi-hero .hero-sub { margin-top: 1rem; font-size: 1.02rem; line-height: 1.7; color: rgba(255,255,255,.94); text-shadow: 0 1px 8px rgba(0,0,0,.5); }  .pvi-compare { max-width: 1150px; margin: 0 auto; padding: 4rem 1rem; } .pvi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.75rem; margin-top: 2rem; align-items: start; } .pvi-card { background: #fff; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; transition: border-color .3s ease, box-shadow .3s ease; } .pvi-card:hover { border-color: var(--red-soft); box-shadow: 0 8px 24px rgba(239,35,60,.08); } .pvi-card-head { background: var(--red); color: #fff; padding: 1.25rem 1.5rem; text-align: center; } .pvi-card-head h2 { font-size: 1.3rem; font-weight: 700; } .pvi-card-body { padding: 1.5rem; } .pvi-card-body > p { font-size: .95rem; color: var(--muted); line-height: 1.65; margin-bottom: 1.25rem; }  .pvi-list { list-style: none; margin-bottom: 1.25rem; } .pvi-list h3 { font-size: .95rem; font-weight: 700; color: var(--dark); margin-bottom: .5rem; display: flex; align-items: center; gap: .45rem; } .pvi-list li { position: relative; padding: .4rem 0 .4rem 1.6rem; font-size: .93rem; color: var(--muted); line-height: 1.55; } .pvi-list li + li { border-top: 1px solid var(--border); } .pvi-list li::before { content: ''; position: absolute; left: 0; top: .72rem; width: 15px; height: 15px; background: var(--red); -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>') center/contain no-repeat; } .pvi-list.cons li::before { background: var(--dark); width: 13px; height: 13px; top: .78rem; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>') center/contain no-repeat; }  .pvi-elig { background: var(--red-tint); border-radius: 10px; padding: 1.1rem 1.25rem; margin-bottom: 1.25rem; } .pvi-elig h3 { font-size: .95rem; font-weight: 700; color: var(--dark); margin-bottom: .5rem; } .pvi-elig li { position: relative; padding: .3rem 0 .3rem 1.2rem; font-size: .9rem; color: var(--muted); list-style: none; } .pvi-elig li::before { content: ''; position: absolute; left: 0; top: .68rem; width: 7px; height: 7px; border-radius: 50%; background: var(--red); } .pvi-card .btn { width: 100%; text-align: center; }  .pvi-cta { background: var(--red-tint); padding: 3.5rem 1rem; text-align: center; } .pvi-cta p { max-width: 640px; margin: .75rem auto 1.5rem; color: var(--muted); } .pvi-list ul { list-style: none; }   .resources { background: var(--red-tint); padding: 4rem 1rem; } .resource-grid { max-width: 1150px; margin: 2rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; } .resource-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem 1.4rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .6rem; text-decoration: none; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .resource-card:hover, .resource-card:focus-visible { transform: translateY(-4px); border-color: var(--red-soft); box-shadow: 0 8px 22px rgba(239, 35, 60, .10); } .resource-card .ico { width: 40px; height: 40px; color: var(--red); margin-bottom: .25rem; } .resource-card h3 { font-size: 1.05rem; font-weight: 700; color: var(--dark); } .resource-card p { font-size: .88rem; color: var(--muted); line-height: 1.55; } .resource-card .resource-action { margin-top: auto; padding-top: .6rem; font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--red); display: inline-flex; align-items: center; gap: .35rem; } .resource-card:hover .resource-action { color: var(--red-hover); } .resource-card .resource-action::after { content: '\2192'; transition: transform .3s ease; } .resource-card:hover .resource-action::after { transform: translateX(4px); } .res-hero { background: var(--red-tint); padding: 4rem 1rem 3rem; text-align: center; } .res-hero h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); font-weight: 700; color: var(--dark); } .res-hero p { max-width: 640px; margin: .85rem auto 0; color: var(--muted); line-height: 1.65; } .res-section { max-width: 1200px; margin: 0 auto; padding: 3.5rem 1rem 4.5rem; } .res-section .resource-grid { margin-top: 0; } .back-home-row { margin-top: 1.5rem; display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }  .steps-list > li { counter-increment: step; display: grid; grid-template-columns: 44px 1fr; gap: 1rem; align-items: start; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.1rem 1.25rem; transition: border-color .3s ease, box-shadow .3s ease; } .steps-list > li:hover { border-color: var(--red-soft); box-shadow: 0 4px 14px rgba(239,35,60,.08); } .steps-list > li::before { content: counter(step); width: 40px; height: 40px; border-radius: 50%; background: var(--red); color: #fff; font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; } .steps-list > li a { color: var(--red); text-decoration: underline; font-weight: 500; } .steps-list > li a:hover { color: var(--red-hover); } @media (max-width: 700px) { .contact-form { grid-template-columns: 1fr; } .page-hero { padding: 3rem 1rem; min-height: 0; } .hero-icon { width: 56px; height: 56px; } .steps-list > li { grid-template-columns: 36px 1fr; padding: 1rem; } .steps-list > li::before { width: 34px; height: 34px; font-size: 1rem; } .feature-card img { width: 80px; height: 80px; } }   .compare-cta { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1rem; transition: border-color .3s ease, box-shadow .3s ease; } .compare-cta:hover { border-color: var(--red-soft); box-shadow: 0 6px 18px rgba(239, 35, 60, .08); } .compare-cta h3 { font-size: 1.05rem; font-weight: 700; color: var(--dark); }  .step-sub { list-style: none; margin-top: .6rem; display: grid; gap: .35rem; } .step-sub li { position: relative; padding-left: 1.15rem; font-size: .92rem; color: var(--muted); } .step-sub li::before { content: ''; position: absolute; left: 0; top: .55rem; width: 7px; height: 7px; border-radius: 50%; background: var(--dark); }  .steps-tagline { text-align: center; font-family: var(--font-head); font-weight: 700; font-size: 1.05rem; letter-spacing: .5px; color: var(--red); margin: -1rem 0 2.25rem; }  .compare-cta-wide { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; justify-content: space-between; text-align: left; padding: 1.4rem 1.75rem; } @media (max-width: 700px) { .compare-cta-wide { flex-direction: column; text-align: center; justify-content: center; } }  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }  .dl-hero { max-width: 1200px; margin: 0 auto; padding: 4rem 1.5rem 3rem; display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: center; } .dl-hero h1 { font-size: clamp(2rem, 4.5vw, 2.9rem); font-weight: 700; color: var(--dark); line-height: 1.15; margin-bottom: 1rem; } .dl-hero p { color: var(--muted); font-size: 1.02rem; line-height: 1.7; } .dl-hero .hero-cta { margin-top: 1.75rem; } .dl-hero-img { width: 100%; max-width: 480px; height: auto; justify-self: center; }  .pricing { background: var(--red-tint); padding: 4rem 1rem; text-align: center; } .tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: 2rem; } .tab-btn { font-family: var(--font-head); font-size: .95rem; font-weight: 600; color: var(--dark); background: #fff; border: 1px solid var(--border); border-radius: 999px; padding: .6rem 1.4rem; cursor: pointer; transition: all .3s ease; } .tab-btn:hover { border-color: var(--red-soft); color: var(--red); } .tab-btn[aria-selected="true"] { background: var(--red); border-color: var(--red); color: #fff; } .tab-panel[hidden] { display: none; } .tab-note { max-width: 720px; margin: 1.75rem auto 0; font-size: .9rem; color: var(--muted); } .pricing-grid { max-width: 1150px; margin: 1.75rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.25rem; } .price-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem 1.25rem; display: flex; flex-direction: column; align-items: center; gap: .5rem; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .price-card:hover { transform: translateY(-4px); border-color: var(--red-soft); box-shadow: 0 8px 22px rgba(239, 35, 60, .10); } .price-card h3 { font-size: 1.1rem; font-weight: 700; color: var(--dark); } .price-card .price-desc { font-size: .9rem; color: var(--muted); } .price-card .price { margin-top: auto; font-family: var(--font-head); font-weight: 700; font-size: 2rem; color: var(--red); } .pricing-cta { margin-top: 2.25rem; }  .mini-prices { max-width: 720px; margin: 2rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; } .mini-price { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 1rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-weight: 600; color: var(--dark); font-size: .95rem; text-align: left; } .mini-price .price { font-family: var(--font-head); font-weight: 700; font-size: 1.3rem; color: var(--red); white-space: nowrap; }  .benefits { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .benefit-grid { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2.5rem 2rem; text-align: center; } .benefit .benefit-icon { width: 56px; height: 56px; color: var(--red); margin: 0 auto 1rem; display: block; } .benefit h3 { font-size: 1.15rem; font-weight: 700; color: var(--red); margin-bottom: .6rem; } .benefit p { font-size: .93rem; color: var(--muted); line-height: 1.65; max-width: 340px; margin: 0 auto; }  @media (max-width: 900px) { .dl-hero { grid-template-columns: 1fr; gap: 2rem; text-align: center; padding-top: 3rem; } .dl-hero-img { max-width: 340px; order: -1; } }  .mini-price { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .mini-price:hover { transform: translateY(-4px); border-color: var(--red-soft); box-shadow: 0 8px 22px rgba(239, 35, 60, .10); }  @keyframes panelFloatUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .tab-panel:not([hidden]) { animation: panelFloatUp .45s cubic-bezier(.22, .8, .36, 1) both; }  .tab-panel:not([hidden]) .price-card { animation: panelFloatUp .45s cubic-bezier(.22, .8, .36, 1) backwards; } .tab-panel:not([hidden]) .price-card:nth-child(1) { animation-delay: .05s; } .tab-panel:not([hidden]) .price-card:nth-child(2) { animation-delay: .12s; } .tab-panel:not([hidden]) .price-card:nth-child(3) { animation-delay: .19s; } .tab-panel:not([hidden]) .price-card:nth-child(4) { animation-delay: .26s; } @media (prefers-reduced-motion: reduce) { .tab-panel:not([hidden]), .tab-panel:not([hidden]) .price-card { animation: none; } .mini-price:hover { transform: none; } }   .rt-hero { max-width: 1200px; margin: 0 auto; padding: 4rem 1.5rem 3rem; display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: center; } .rt-hero h1 { font-size: clamp(2rem, 4.5vw, 2.9rem); font-weight: 700; color: var(--dark); line-height: 1.15; margin-bottom: 1rem; } .rt-hero p { color: var(--muted); font-size: 1.02rem; line-height: 1.7; } .rt-hero-img { width: 100%; max-width: 520px; height: auto; justify-self: center; } .pricing-note { margin-top: 1.75rem; font-size: clamp(1.05rem, 2.2vw, 1.3rem); font-weight: 700; color: var(--dark); } .pricing-note a { color: var(--red); text-decoration: none; } .pricing-note a:hover { color: var(--red-hover); text-decoration: underline; }  .requirements { max-width: 1200px; margin: 0 auto; padding: 4rem 1rem; } .req-grid { margin-top: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem; align-items: start; } .req-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .req-card-head { display: flex; align-items: center; gap: .75rem; padding: 1.15rem 1.4rem; background: var(--red-tint); border-bottom: 1px solid var(--border); } .req-card-head .ico { width: 22px; height: 22px; color: var(--red); flex-shrink: 0; } .req-card-head h3 { font-size: 1.08rem; font-weight: 700; color: var(--dark); } .req-card ul { list-style: none; padding: 1.15rem 1.4rem 1.4rem; } .req-card li { position: relative; padding: .45rem 0 .45rem 1.35rem; font-size: .95rem; line-height: 1.55; color: var(--muted); } .req-card li + li { border-top: 1px solid var(--border); } .req-card li::before { content: ''; position: absolute; left: 0; top: .95rem; width: 8px; height: 8px; border-radius: 50%; background: var(--dark); }  .req-note { margin: .35rem 1.4rem 1.4rem; background: var(--red-tint); border-left: 3px solid var(--red); border-radius: 0 8px 8px 0; padding: .8rem 1rem; font-size: .92rem; font-weight: 600; color: var(--dark); } .req-note.top { margin: 1.15rem 1.4rem .35rem; }  @media (max-width: 900px) { .rt-hero { grid-template-columns: 1fr; gap: 2rem; text-align: center; padding-top: 3rem; } .rt-hero-img { max-width: 380px; order: -1; } }  .pricing-asterisk { max-width: 720px; margin: 1.25rem auto 0; font-size: .85rem; color: var(--muted); } .pricing-asterisk em { font-style: italic; }  .req-card li a { color: var(--red); text-decoration: underline; font-weight: 500; } .req-card li a:hover { color: var(--red-hover); }  .receiving { max-width: 1200px; margin: 0 auto; padding: 0 1rem 4rem; } .receiving-grid { max-width: 900px; margin: 2rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; } .rec-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem 1.6rem; transition: border-color .3s ease, box-shadow .3s ease; } .rec-card:hover { border-color: var(--red-soft); box-shadow: 0 6px 18px rgba(239, 35, 60, .08); } .rec-head { display: flex; align-items: center; gap: .7rem; margin-bottom: .75rem; } .rec-head .ico { width: 22px; height: 22px; color: var(--red); flex-shrink: 0; } .rec-head h3 { font-size: 1.1rem; font-weight: 700; color: var(--dark); } .rec-card p { font-size: .95rem; color: var(--muted); line-height: 1.65; }  .why-us { background: var(--red-tint); padding: 4rem 1rem; text-align: center; }  .price-card { position: relative; }  .pricing > .pricing-grid { margin-top: 2rem; }  .tab-panel .pricing-grid { margin-top: 1.75rem; }   .nf-form-content { max-width: 640px; } .nf-form-content .nf-field-container { margin-bottom: 1.25rem; } .nf-form-content .nf-field-label label { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: .95rem; color: #1a1a1a;  } .nf-form-content .ninja-forms-req-symbol { color: #EF233C; }  .nf-form-content .ninja-forms-field { width: 100%; padding: .75rem 1rem; border: 1px solid #d0d0d0; border-radius: 8px; font-family: 'Inter', sans-serif; font-size: 1rem; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; } .nf-form-content .ninja-forms-field:focus { border-color: #EF233C; outline: none; box-shadow: 0 0 0 3px rgba(239,35,60,.18); }  .nf-form-content input[type=button] { background: #EF233C; color: #fff; border: none; border-radius: 8px; padding: .75rem 2rem; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 1rem; cursor: pointer; transition: background .15s ease; } .nf-form-content input[type=button]:hover { background: #d01e34; }  .nf-form-content .nf-error-msg, .nf-form-content .ninja-forms-req-symbol { color: #EF233C; } .nf-form-content .nf-error .ninja-forms-field { border-color: #EF233C; }  .flatpickr-calendar { font-family: 'Inter', sans-serif; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 10px 30px rgba(31, 41, 55, .12); } .flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { border-top-color: #fff; }  .flatpickr-months, .flatpickr-month { background: #fff; border-radius: 8px 8px 0 0; } .flatpickr-current-month, .flatpickr-current-month input.cur-year, .flatpickr-monthDropdown-months { font-family: 'Archivo', sans-serif; font-weight: 600; color: #1f2937; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { fill: #1f2937; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #EF233C; }  .flatpickr-weekdays { background: #fff; } span.flatpickr-weekday { color: #555; font-weight: 600; font-size: .78rem; }  .flatpickr-day { color: #333; border-radius: 6px; transition: background .15s ease, color .15s ease, border-color .15s ease; } .flatpickr-day:hover { background: #fef2f2; border-color: #fef2f2; color: #EF233C; } .flatpickr-day.today { border-color: #EF233C; font-weight: 600; } .flatpickr-day.today:hover { background: #fef2f2; color: #EF233C; } .flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.endRange { background: #EF233C; border-color: #EF233C; color: #fff; font-weight: 600; } .flatpickr-day.inRange { background: #fef2f2; border-color: #fef2f2; color: #EF233C; box-shadow: -5px 0 0 #fef2f2, 5px 0 0 #fef2f2; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #c4c4c4; } .flatpickr-day.flatpickr-disabled:hover { background: transparent; border-color: transparent; color: #c4c4c4; }  .flatpickr-time input { color: #1f2937; font-weight: 600; } .flatpickr-time input:hover, .flatpickr-time input:focus { background: #fef2f2; } .flatpickr-time .flatpickr-am-pm { color: #1f2937; font-weight: 600; } .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus { background: #fef2f2; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #EF233C; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #EF233C; }