.dashcam-signature{background-color:#000;color:#fff;overflow:hidden}.dashcam-signature .page-width{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.dashcam-signature .page-width{padding-left:3rem;padding-right:3rem}}.dashcam-signature__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media screen and (min-width:990px){.dashcam-signature__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3rem 2rem;align-items:center}}@media screen and (min-width:1200px){.dashcam-signature__grid{gap:3.5rem 2.5rem}}.dashcam-signature__visual{position:relative;width:100%;max-width:42rem;margin:0 auto}@media screen and (min-width:990px){.dashcam-signature__visual{max-width:none;margin:0;min-height:44rem}}.dashcam-signature__phone{position:relative;z-index:2;width:100%;max-width:34rem;margin:0 auto}@media screen and (min-width:990px){.dashcam-signature__phone{max-width:38rem;margin:0}}.dashcam-signature__phone-img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .6s cubic-bezier(.22,1,.36,1)}.dashcam-signature__visual:hover .dashcam-signature__phone-img{transform:translateY(-.4rem) scale(1.01)}.dashcam-signature__connector{display:none;position:absolute;z-index:3;width:auto;height:auto;max-width:none;pointer-events:none;object-fit:contain;transition:opacity .4s ease,transform .4s ease}@media screen and (min-width:990px){.dashcam-signature__connector{display:block;top:var(--sig-connector-top, 42%);left:var(--sig-connector-left, 72%);width:var(--sig-connector-width, 22rem);max-width:38%;transform:translateY(-50%)}.dashcam-signature__visual:hover .dashcam-signature__connector{transform:translateY(calc(-50% - .2rem)) translate(.3rem)}}.dashcam-signature__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;min-width:0}@media screen and (min-width:750px){.dashcam-signature__content{gap:2rem}}.dashcam-signature__badge{display:inline-block;margin:0;padding:.55rem 1.2rem;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#000;background:var(--dashcam-accent, #ccff00);border:.1rem solid var(--dashcam-accent, #ccff00);border-radius:.25rem;line-height:1.3;transition:transform .35s ease,box-shadow .35s ease}@media screen and (min-width:750px){.dashcam-signature__badge{font-size:1rem;padding:.65rem 1.4rem}}.dashcam-signature__content:hover .dashcam-signature__badge{transform:scale(1.03);box-shadow:0 0 2rem #ccff0059}.dashcam-signature__heading{margin:0;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;max-width:54rem}.dashcam-signature__heading-line{display:block}.dashcam-signature__heading-line--accent{text-transform:uppercase;color:var(--dashcam-accent, #ccff00)}.dashcam-signature__list{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.dashcam-signature__list{gap:1.2rem}}.dashcam-signature__card{display:flex;align-items:flex-start;gap:1.2rem;width:100%;padding:1.4rem;border:.1rem solid rgba(255,255,255,.12);border-radius:.4rem;background:#ffffff05;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}@media screen and (min-width:750px){.dashcam-signature__card{padding:1.6rem;gap:1.4rem}}.dashcam-signature__card:first-child{border-color:#ccff0059;background:#ccff000a}.dashcam-signature__card:hover{transform:translate(.4rem);border-color:var(--dashcam-accent, #ccff00);background:#ccff000f;box-shadow:0 0 2.4rem #ccff0014}.dashcam-signature__card-link{display:flex;align-items:flex-start;gap:1.2rem;width:100%;text-decoration:none;color:inherit}@media screen and (min-width:750px){.dashcam-signature__card-link{gap:1.4rem}}.dashcam-signature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;color:#fff;transition:transform .35s ease,color .35s ease,filter .35s ease}@media screen and (min-width:750px){.dashcam-signature__icon{width:3.2rem;height:3.2rem}}.dashcam-signature__svg{display:block;width:100%;height:100%}.dashcam-signature__card:hover .dashcam-signature__icon{transform:scale(1.08);color:var(--dashcam-accent, #ccff00);filter:drop-shadow(0 0 .8rem rgba(204,255,0,.35))}.dashcam-signature__copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.dashcam-signature__title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3;color:#fff;transition:color .3s ease}@media screen and (min-width:750px){.dashcam-signature__title{font-size:1.35rem}}.dashcam-signature__card:hover .dashcam-signature__title{color:var(--dashcam-accent, #ccff00)}.dashcam-signature__text{margin:0;font-size:1.05rem;font-weight:400;line-height:1.55;color:#ffffffad;transition:color .3s ease}@media screen and (min-width:750px){.dashcam-signature__text{font-size:1.1rem}}.dashcam-signature__card:hover .dashcam-signature__text{color:#ffffffd9}@media screen and (max-width:989px){.dashcam-signature__connector--mobile{display:block;position:relative;left:auto;top:auto;transform:none;width:100%;max-width:20rem;margin:-.8rem auto .4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-dashcam-signature-features.css.map */
