/* SPA Form — aggregated inline styles from original HTML pages */

/* === CSS Reset === */
h1,h2,h3,h4,h5,h6,ul,ol,p{margin:0;padding:0}
a{text-decoration:none;color:inherit}
body{margin:0;padding:0}
[hidden]{display:none}
button{padding:0;margin:0;cursor:pointer}
*,*:after,*:before{box-sizing:border-box}

/* === Card container === */
._4e78b3{align-items:center;background:var(--surface-color-primary);border:1px solid var(--border-color-secondary);border-radius:var(--radius-large);box-shadow:0 0 4px #0000000a,0 8px 16px #00000014;display:flex;flex-direction:column;margin:auto;max-width:1280px;min-height:calc(100vh - 112px);overflow:hidden;padding:16px;position:relative;width:100%}
._4e78b3>div{min-width:100%}
@media screen and (min-width:768px){._4e78b3{min-height:calc(100vh - 168px);padding:80px 80px 64px}}

/* === Center/flex containers === */
._be0bd3{align-items:center;display:flex;flex-direction:column;min-width:100%;text-align:center}

/* === Header/topbar === */
._6e74f8{align-items:center;background:var(--topbar-bg-primary);box-shadow:0 0 6px #00000005,0 2px 4px #00000014;display:flex;height:64px;justify-content:left;padding:4px 32px;position:relative}
._6e74f8 a{margin:0 auto;user-select:none}
._a17452{max-height:var(--maxLogoHeight,100%);max-width:var(--maxLogoWidth,200px);object-fit:scale-down}
._7f8621{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
@media screen and (min-width:768px){._6e74f8{height:88px;padding:28px 32px}._a17452{max-width:var(--maxLogoWidth,300px)}}

/* === Buttons base === */
._135e6b{align-items:center;border:none;border-radius:var(--button-size-desktop-radius);display:inline-flex;font-size:var(--button-size-mobile-font-size);font-weight:var(--button-size-mobile-font-weight,600);justify-content:center;line-height:var(--button-size-mobile-font-lineheight);padding:var(--button-size-mobile-padding-v,10px) var(--button-size-mobile-padding-h,16px);transition:background-color .2s}
@media screen and (min-width:768px){._135e6b._d5127d{font-size:var(--button-size-desktop-font-size);font-weight:var(--button-size-desktop-font-weight);line-height:var(--button-size-desktop-font-lineheight);padding:var(--button-size-desktop-padding-v) var(--button-size-desktop-padding-h)}}

/* Primary button */
._28214d{background:var(--button-primary-color-bg-default);border-bottom:var(--button-primary-border-width-bottom,0) solid var(--button-primary-color-border-hover);border-left:var(--button-primary-border-width-left,0) solid var(--button-primary-color-border-hover);border-right:var(--button-primary-border-width-right,0) solid var(--button-primary-color-border-hover);border-top:var(--button-primary-border-width-top,0) solid var(--button-primary-color-border-hover);color:var(--button-primary-color-label-default)}
._28214d:hover{background:var(--button-primary-color-bg-hover)}
._28214d:active{background:var(--button-primary-color-bg-pressed)}
._28214d:disabled{opacity:.5;cursor:not-allowed}

/* Secondary button */
._9a5a75{background:var(--button-secondary-color-bg-default);color:var(--button-secondary-label-color-default)}
._9a5a75:hover{background:var(--button-secondary-color-bg-hover)}

/* Link button */
._a1ee76{background:transparent;color:var(--link-default)}
._a1ee76:hover{color:var(--text-link-hover)}

/* Ghost button (used for radio selectors) */
._9ffd8b{background:var(--ghost-button-color-bg-default);border:1px solid var(--ghost-button-color-border-default);color:var(--ghost-button-color-label-default)}
._9ffd8b:hover{background:var(--ghost-button-color-bg-hover)}
._9ffd8b:active{background:var(--ghost-button-color-bg-pressed)}

/* === Radio/Toggle button items === */
._966489{background:var(--ghost-button-color-bg-default);border:1px solid var(--ghost-button-color-border-default);border-radius:var(--ghost-button-size-desktop-radius,8px);color:var(--ghost-button-color-label-default);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}
._966489:hover{background:var(--ghost-button-color-bg-hover);border-color:var(--ghost-button-color-border-hover)}
._966489[data-state="on"]{background:var(--ghost-button-color-bg-pressed);border-color:var(--ghost-button-color-border-pressed,var(--ghost-button-color-bg-pressed))}

._50c570{font-size:18px;line-height:28px;padding:12px 24px}

/* Vehicle make image radio grid */
._9e0e7d{flex-direction:column;padding:16px 8px}
._f1b65f img{max-height:48px;max-width:48px;object-fit:scale-down;margin-bottom:8px}
._3301a0{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:600px;margin:0 auto}
@media screen and (max-width:767px){._3301a0{grid-template-columns:repeat(3,1fr)}}

/* Year buttons grid */
._76a275{display:grid;gap:8px;width:100%;max-width:600px;margin:0 auto}
._e2910c{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
.year-btn{font-size:14px;line-height:20px;padding:8px 4px}
.year-btn.selected{background:var(--ghost-button-color-bg-pressed);border-color:var(--ghost-button-color-border-pressed,var(--ghost-button-color-bg-pressed))}

/* Model buttons */
._8f4019{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;width:100%;max-width:600px;margin:0 auto}

/* 1-column radio group (Primary Use, Mileage, Coverage, Ownership) */
._d00e49{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
._cc1dc5{flex-direction:column;align-items:center;max-width:400px;margin:0 auto}
._cc1dc5 ._966489{width:100%}

/* Toggle groups (Yes/No, Add Vehicle) */
._53f3e1{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}

/* === Input fields === */
._f0d35b{background:var(--input-color-bg-default);border:1px solid var(--input-color-border-default);border-radius:var(--input-size-desktop-radius,8px);color:var(--text-color-primary);font-size:var(--input-size-mobile-value-font-size,14px);font-weight:var(--input-size-mobile-value-font-weight,400);outline:none;padding:var(--input-size-mobile-padding-v,12px) var(--input-size-mobile-padding-h,16px);transition:background-color .2s}
._f0d35b::placeholder{color:var(--text-color-disabled)}
._f0d35b:hover{background:var(--input-color-bg-hover);border:1px solid var(--input-color-border-hover)}
._f0d35b:active,._f0d35b:focus{background:var(--input-color-bg-active);border:1px solid var(--input-color-border-active)}
._3fcf58{font-size:var(--input-size-desktop-value-font-size);padding:var(--input-size-desktop-padding-v) var(--input-size-desktop-padding-h)}
@media screen and (min-width:768px){._f0d35b._7d064b{font-size:var(--input-size-desktop-value-font-size);padding:var(--input-size-desktop-padding-v) var(--input-size-desktop-padding-h)}}

/* === Labels === */
._73d9bd{align-self:flex-start;color:var(--text-color-primary);font-size:var(--input-size-mobile-label-font-size,14px);font-weight:var(--input-size-mobile-label-font-weight,600);line-height:var(--input-size-mobile-label-font-lineheight,18px);text-align:left;width:100%;display:block;margin-bottom:4px}
@media screen and (min-width:768px){._73d9bd{font-size:var(--input-size-desktop-label-font-size);font-weight:var(--input-size-desktop-label-font-weight)}}

/* === Form field container === */
._2a4600{display:flex;flex-direction:column;text-align:left}

/* === Footer === */
._0454c7{background:var(--background-secondary);padding:32px 16px;text-align:center}
._0454c7 ul{list-style:none;padding:0}
._0454c7 li:not(:first-child){margin-top:8px}
._0454c7 a{color:var(--link-default);font-size:14px;line-height:16px;text-decoration:none}
._0454c7 hr{border:1px solid var(--border-color-secondary);border-top:none;margin:16px 0}
._209013{width:100%}
@media only screen and (min-width:768px){._0454c7{padding:40px 32px}._0454c7 hr{margin:40px 0}._0454c7 a{font-size:16px;line-height:18px}._0454c7 li:not(:first-child){margin-top:16px}._209013{margin:auto;max-width:1280px}}
@media only screen and (min-width:1280px){._0454c7{padding:80px 32px}._0454c7 li:not(:first-child){margin-top:0}._1d285a{display:flex;gap:8px;justify-content:space-between}}
#footer-extra-text{color:var(--text-color-primary);font-size:var(--text-p3-size,10px);font-weight:var(--text-p3-weight,400);line-height:var(--text-p3-line-height,14px);margin-bottom:10px;padding-left:5px;padding-right:5px;text-align:center}

/* === Vehicle list (Add Another Vehicle) === */
.vehicle-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface-color-primary);border:1px solid var(--border-color-secondary);border-radius:8px;padding:12px 16px;margin-top:12px;max-width:400px;width:100%}
.vehicle-item span{font-weight:600}
.btn-delete{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center}
.btn-delete:hover{color:var(--text-color-error,#e53e3e)}
#vehicleList{margin-top:24px;display:flex;flex-direction:column;align-items:center;width:100%}

/* === Other Make select === */
._ca4e2f._855ea4{display:inline-flex;align-items:center;cursor:pointer}

/* === TCPA text === */
.tcpa-text a{color:var(--link-default);text-decoration:underline}

/* === Progress bar === */
.arp-progress-wrap{width:100%;padding:24px 16px 8px;position:relative;z-index:1}
.arp-progress-track{position:relative;width:100%;height:4px;background:var(--border-color-secondary,#e5e7eb);border-radius:2px}
.arp-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--button-primary-color-bg-default,#3b82f6);border-radius:2px;transition:width .4s ease-out}
.arp-progress-badge{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--button-primary-color-bg-default,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(59,130,246,.35);transition:left .4s ease-out;z-index:2}
@media screen and (min-width:768px){.arp-progress-wrap{padding:32px 80px 16px}.arp-progress-badge{width:48px;height:48px;font-size:13px}}

/* === Trust badge === */
.arp-trust-badge{font-size:15px;font-weight:600;text-align:center;margin:8px 0 4px;color:var(--text-color-primary)}
.arp-trust-state{color:var(--button-primary-color-bg-default,#3b82f6)}
.arp-trust-amount{color:#8b5cf6;font-weight:700}
@media screen and (min-width:768px){.arp-trust-badge{font-size:18px;margin:12px 0 8px}}

/* === Birth step grids (mobile) === */
.arp-birth-grid{display:grid;gap:8px;width:100%;max-width:400px;margin:0 auto}
.arp-birth-grid-3{grid-template-columns:repeat(3,1fr)}
.arp-birth-grid-4{grid-template-columns:repeat(4,1fr)}
.arp-birth-grid button{min-height:48px;font-size:16px;font-weight:600;border:1px solid var(--border-color-secondary,#e5e7eb);border-radius:var(--radius-medium,8px);background:var(--surface-color-primary,#fff);color:var(--text-color-primary);cursor:pointer;transition:background .15s,border-color .15s}
.arp-birth-grid button:active{transform:scale(.96)}
.arp-birth-grid button[data-state="on"]{background:var(--button-primary-color-bg-default,#3b82f6);color:var(--button-primary-color-label-default,#fff);border-color:var(--button-primary-color-bg-default,#3b82f6)}

/* === Mobile optimizations === */
@media screen and (max-width:767px){
  ._4e78b3{padding:8px 8px 24px;min-height:auto;border:none;box-shadow:none;background:transparent;overflow:visible}
  .main{padding:0 0 16px!important}
  .center-page{padding:0 8px!important}
  ._be0bd3{animation:arp-fadeIn .3s ease-out}
  ._2ce9ce{font-size:22px!important;line-height:1.3!important}
  ._093eeb{font-size:14px!important}
  ._966489._50c570{min-height:52px;font-size:16px;padding:14px 20px}
  ._9e0e7d{padding:12px 6px}
  ._f1b65f img{max-height:40px;max-width:40px}
  .year-btn{min-height:44px;font-size:15px;padding:10px 4px}
  ._f0d35b{font-size:16px!important;padding:14px 16px!important}
  ._135e6b._28214d._d5127d{width:100%;font-size:17px;padding:16px 24px}
  ._73d9bd{font-size:14px!important}
  ._6e74f8{height:56px;padding:4px 16px}
  ._a17452{max-width:160px!important;max-height:40px!important}
  ._0454c7{padding:24px 12px}
  #footer-extra-text{font-size:9px!important}
  ._8f4019{grid-template-columns:repeat(2,1fr)!important;max-width:100%!important;gap:8px!important}
}

/* Step entrance animation */
@keyframes arp-fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Touch-friendly active state */
._966489:active{transform:scale(.97);transition:transform .1s ease}
._135e6b._28214d:active:not(:disabled){transform:scale(.98);transition:transform .1s ease}

/* === Spinner === */
@keyframes arp-spin{to{transform:rotate(360deg)}}