/* Drivequo v5 — restrained, readable automotive product UI. */
:root{--dq5-green:#3c3c3c;--dq5-dark:#262626;--dq5-soft:#f2f2f2;--dq5-tint:#eeeeee;--dq5-border:#e1e1e1;--dq5-text:#323232}
body{background:#f8f8f8}
.site-header{height:74px;position:sticky;top:0;background:rgba(250,251,248,.96);backdrop-filter:blur(16px);box-shadow:0 1px 0 #e9e9e9}
.nav-wrap{gap:14px}.desktop-nav{gap:17px}.nav-item{font-size:13px;white-space:nowrap}.nav-item.selected{color:#484848;border-bottom-color:#999999}
.nav-actions{gap:12px}.dq5-account-nav{display:flex;align-items:center;justify-content:center;border:1px solid #d7d7d7;background:#ffffff;border-radius:10px;padding:10px 13px;min-height:42px;white-space:nowrap;font-size:13px;font-weight:750}
.dq5-account-nav:hover{border-color:#575757}.reading-toggle{flex-shrink:0}.saved-nav{font-size:12px}
.dq5-home{padding:44px 0 104px}.dq5-home-top{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
.dq5-eyebrow{color:#747474;font-size:11px;letter-spacing:.14em;font-weight:800;line-height:1.5;margin:0 0 10px}
.dq5-home-top h1{font-size:clamp(37px,4vw,57px);letter-spacing:-.047em;margin:0 0 10px;line-height:1.09;max-width:630px}
.dq5-home-top p:not(.dq5-eyebrow){font-size:16px;max-width:660px;margin:0;line-height:1.6}
.dq5-home-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:end}.dq5-count{background:#eaeaea;color:#404040;border-radius:99px;padding:3px 7px;margin-left:5px}
.dq5-dashboard-personal{margin-bottom:45px}
.dq5-feature-card{display:grid;grid-template-columns:minmax(240px,.93fr) 1.35fr;background:#ffffff;border:1px solid #e5e5e5;border-radius:21px;overflow:hidden;box-shadow:0 14px 32px rgba(26,50,34,.04)}
.dq5-feature-photo{background:#ededed;min-height:290px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dq5-feature-photo img{width:100%;height:100%;object-fit:cover;max-height:395px}
.dq5-feature-content{padding:30px 33px;display:flex;flex-direction:column;justify-content:center}.dq5-feature-content h2{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:2px 0 7px}.dq5-feature-content>p{margin:0 0 22px;font-size:13px}
.dq5-feature-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px;border-block:1px solid #ececec;padding:17px 0}
.dq5-feature-stats div{display:grid;gap:5px}.dq5-feature-stats small{color:#7c7c7c;font-size:11px;font-weight:650}.dq5-feature-stats strong{font-size:clamp(17px,1.7vw,24px);line-height:1.2;letter-spacing:-.025em;white-space:nowrap}
.dq5-feature-empty{display:grid;grid-template-columns:180px 1fr;gap:35px;background:#323232;color:#ffffff;padding:38px 44px;border-radius:21px;min-height:253px;align-items:center;overflow:hidden}
.dq5-feature-empty h2{font-size:clamp(27px,3vw,40px);margin:0 0 10px;color:#ffffff}.dq5-feature-empty p{color:#d4d4d4;max-width:570px;font-size:15px;line-height:1.7;margin:0 0 21px}.dq5-feature-empty .dq5-eyebrow{color:#c7c7c7}
.dq5-feature-empty .btn-dark{background:#e5e5e5;color:#313131}.dq5-feature-empty .btn-outline{background:transparent;color:#ffffff;border-color:#969696}.dq5-feature-icon{background:#505050;color:#e9e9e9;font-size:84px;border-radius:25px;height:155px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}
.dq5-section-heading{margin-bottom:17px}.dq5-section-heading h2,.dq5-mini-head h2{font-size:clamp(24px,2.4vw,31px);margin:0;letter-spacing:-.04em}
.dq5-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:39px}
.dq5-action-card{display:flex;flex-direction:column;padding:23px 22px;background:#ffffff;border:1px solid #e5e5e5;border-radius:17px;min-height:242px;transition:border-color .16s,transform .16s,box-shadow .16s}
.dq5-action-card:hover{transform:translateY(-3px);border-color:#aaaaaa;box-shadow:0 14px 32px rgba(25,55,35,.065)}.dq5-action-number{font-size:11px;color:#9f9f9f;letter-spacing:.1em;font-weight:800}.dq5-action-glyph{background:#f2f2f2;color:#535353;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:24px;font-weight:600;margin:12px 0 19px}
.dq5-action-card h3{font-size:19px;letter-spacing:-.03em;line-height:1.25;margin:0 0 7px}.dq5-action-card p{font-size:13px;line-height:1.6;margin:0 0 15px}.dq5-card-link{font-size:12px;font-weight:800;color:#585858;margin-top:auto}
.dq5-home-bottom{display:grid;grid-template-columns:1.14fr .86fr;gap:17px;margin-bottom:25px}.dq5-surface{background:#ffffff;border:1px solid #e2e2e2;border-radius:18px;padding:27px}.dq5-mini-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dq5-mini-head a,.dq5-text-link{font-size:13px;color:#5c5c5c;font-weight:750;text-decoration:underline;text-underline-offset:4px}.dq5-muted{font-size:14px;line-height:1.65;color:#7e7e7e;margin:0 0 13px}.dq5-recent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:750}.dq5-recent-row:last-child{border-bottom:none}.dq5-recent-row small{font-weight:500;color:#7f7f7f}.dq5-recent-row>span:last-child{color:#656565;white-space:nowrap;font-size:12px}.dq5-progress-line{height:9px;background:#ededed;border-radius:99px;overflow:hidden;margin:12px 0 14px}.dq5-progress-line div{height:100%;border-radius:inherit;background:#828282;transition:width .2s}.dq5-home-bottom strong{font-size:14px}.dq5-goal{border-top:1px solid #ececec;padding-top:15px;margin:18px 0 0;font-size:13px}
.dq5-footnote{font-size:12px;color:#858585;line-height:1.7}.dq5-footnote a{text-decoration:underline}
.dq5-subpage{padding:43px 0 115px}.dq5-pagehead{margin-bottom:28px}.dq5-pagehead h1{font-size:clamp(37px,4.2vw,55px);margin:0 0 12px;letter-spacing:-.047em}.dq5-pagehead>p:not(.dq5-eyebrow){font-size:16px;max-width:760px;line-height:1.65;margin:0}
.dq5-two-column{display:grid;grid-template-columns:minmax(0,1.47fr) minmax(275px,.75fr);align-items:start;gap:18px}.dq5-side-help{background:#efefef;border:1px solid #dbdbdb;padding:28px;border-radius:18px;position:sticky;top:95px}.dq5-side-help h2{font-size:28px;margin:0 0 13px;line-height:1.2}.dq5-side-help p{font-size:14px;line-height:1.7}.dq5-side-help .btn{margin-top:7px}.dq5-side-help h3{font-size:19px}.dq5-side-divider{height:1px;background:#dbdbdb;margin:28px 0 22px}
.dq5-check-progress{background:#343434;color:#ffffff;padding:29px;border-radius:18px;display:grid;grid-template-columns:1fr 160px;gap:15px;align-items:center;margin-bottom:23px}.dq5-check-progress .dq5-eyebrow{color:#d1d1d1}.dq5-check-progress h2{color:#ffffff;font-size:26px;margin:0 0 7px}.dq5-check-progress p{color:#dedede;margin:0;font-size:13px}.dq5-check-progress .dq5-progress-line{margin:0;background:#5d5d5d}.dq5-check-progress .dq5-progress-line div{background:#d5d5d5}
.dq5-task-group{background:#ffffff;border:1px solid #e2e2e2;border-radius:17px;padding:23px 26px;margin-bottom:16px}.dq5-task-head{display:flex;align-items:center;gap:12px;margin-bottom:9px}.dq5-task-head>span{color:#757575;background:#f3f3f3;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.dq5-task-head h3{font-size:21px;margin:0}.dq5-task{display:flex;align-items:flex-start;gap:15px;padding:17px 0;border-top:1px solid #f0f0f0;cursor:pointer}.dq5-task input{width:21px;height:21px;flex-shrink:0;accent-color:#686868;margin:3px 0 0}.dq5-task span{display:grid;gap:4px}.dq5-task strong{font-size:14px}.dq5-task small{font-size:12px;line-height:1.65;color:#757575}.dq5-task:has(input:checked) strong{text-decoration:line-through;color:#929292}
.dq5-reminder-row{border-top:1px solid #f0f0f0;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.dq5-reminder-row>label{display:flex;align-items:start;gap:11px}.dq5-reminder-row input{width:19px;height:19px;accent-color:#686868;margin:3px 0 0}.dq5-reminder-row span{display:grid;gap:4px}.dq5-reminder-row strong{font-size:14px}.dq5-reminder-row small{font-size:12px;color:#878787}.dq5-reminder-row.done strong{text-decoration:line-through;color:#959595}.dq5-reminder-row .text-button{font-size:12px}.dq5-reminder-row .dq5-inline-actions{flex-shrink:0}
.dq5-inline-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dq5-empty{background:#f6f6f6;border:1px dashed #cbcbcb;border-radius:14px;padding:32px;text-align:center}.dq5-empty h2,.dq5-empty h3{font-size:22px;margin:0 0 8px}.dq5-empty p{font-size:14px;margin:0 0 15px}
.dq5-account-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:20px;align-items:start}.dq5-account-layout>.dq5-surface{padding:35px}.dq5-why-account{padding:34px;background:#363636;border-radius:18px;color:#ffffff;position:sticky;top:95px}.dq5-why-account>.dq5-eyebrow{color:#cccccc}.dq5-why-account h2{font-size:31px;line-height:1.24;margin:0 0 23px;color:#ffffff}.dq5-why-row{border-top:1px solid #595959;padding:19px 0;display:flex;gap:15px}.dq5-why-row>span{font-size:13px;color:#c7c7c7;font-weight:800}.dq5-why-row strong{font-size:16px}.dq5-why-row p{font-size:13px;color:#d3d3d3;margin:5px 0 0;line-height:1.6}.dq5-why-account .dq5-footnote{color:#c9c9c9;margin:16px 0 0}.dq5-auth-box h2,.dq5-auth-success h2{font-size:31px;margin:0 0 10px}.dq5-auth-box>p,.dq5-auth-success p{font-size:14px;line-height:1.75}.dq5-auth-box .field{margin-top:22px;display:block}.dq5-auth-box .btn-large{width:100%;margin-top:17px}.dq5-auth-box .dq5-text-link{display:block;margin-top:20px;text-align:center}.dq5-provider-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dq5-provider-buttons .btn{min-height:50px}.dq5-divider{margin:24px 0;display:flex;align-items:center;gap:10px;color:#8e8e8e;font-size:11px;font-weight:700}.dq5-divider:before,.dq5-divider:after{content:'';height:1px;background:#e8e8e8;flex:1}.dq5-setup-note{background:#f4f4f4;border:1px solid #e0e0e0;padding:18px;border-radius:13px;margin:21px 0 15px}.dq5-setup-note strong{font-size:14px}.dq5-setup-note p{font-size:13px;line-height:1.7;margin:7px 0 0}.dq5-auth-success{padding-bottom:7px}.dq5-sync{font-size:13px;color:#676767;font-weight:650}.dq5-profile-form{margin-top:24px}.dq5-profile-form h3{font-size:22px}.dq5-profile-form .field-grid{margin:20px 0}.dq5-data-tools{border-top:1px solid #e7e7e7;margin-top:23px;padding-top:22px}.dq5-data-tools h3{font-size:20px}.dq5-data-tools p{font-size:13px;line-height:1.7}.dq5-data-tools .btn{font-size:12px}.btn.danger{color:#9d4436;border-color:#cfcfcf}
.dq5-photo-setup{display:grid;grid-template-columns:155px 1fr;gap:21px;padding:18px;background:#f6f6f6;border:1px solid #e5e5e5;border-radius:13px;margin:0 0 23px;align-items:center}.dq5-photo-preview{background:#e7e7e7;border-radius:12px;height:125px;overflow:hidden}.dq5-photo-preview img{width:100%;height:100%;object-fit:cover}.dq5-photo-controls strong{font-size:14px}.dq5-photo-controls>p{font-size:12px;line-height:1.5;margin:6px 0 13px}.dq5-photo-controls>.text-button{margin-left:8px}.dq5-file-button{cursor:pointer}.dq5-file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dq5-photo-controls .input-hint{margin:7px 0 0}.dq5-car-photo{width:83px;height:71px;border-radius:10px;overflow:hidden;background:#ebebeb;display:flex;align-items:center;justify-content:center}.dq5-car-photo img{height:100%;width:100%;object-fit:cover}
.dq5-share-builder,.dq5-share-readonly{max-width:860px;margin:auto}.dq5-share-builder h2,.dq5-share-readonly h2{font-size:clamp(25px,3vw,37px);margin:0 0 10px}.dq5-share-builder>p:not(.dq5-eyebrow),.dq5-share-readonly>p:not(.dq5-eyebrow){font-size:14px;line-height:1.75;max-width:700px}.dq5-share-builder .field{display:block;max-width:490px;margin:24px 0 19px}.dq5-switch{display:flex;gap:12px;align-items:center;margin:0 0 24px;font-size:14px;cursor:pointer}.dq5-switch input{width:19px;height:19px;accent-color:#686868}.dq5-share-generated{margin-top:22px;padding:20px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:13px}.dq5-share-generated .field{max-width:none;margin:0 0 15px}.dq5-share-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.dq5-share-side{padding:25px;border:1px solid #e3e3e3;border-radius:15px}.dq5-share-side:nth-child(2){background:#f7f7f7}.dq5-share-side>span{color:#7b7b7b;font-size:11px;font-weight:800;letter-spacing:.1em}.dq5-share-side h3{font-size:22px;margin:10px 0 15px}.dq5-share-side>strong{font-size:37px;display:block;margin-bottom:22px;letter-spacing:-.05em}.dq5-share-side>strong small{font-size:15px;color:#828282;letter-spacing:0}.dq5-share-side dl{margin:0}.dq5-share-side dl div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e9e9e9;padding:12px 0;font-size:13px}.dq5-share-side dt{color:#7f7f7f}.dq5-share-side dd{font-weight:750;margin:0}
@media(max-width:1200px){.desktop-nav{gap:10px}.nav-item{font-size:12px}.saved-nav{display:none}}
@media(max-width:1000px){.dq5-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dq5-action-card{min-height:215px}.dq5-feature-card{grid-template-columns:.8fr 1.2fr}.dq5-feature-stats{gap:7px}.dq5-feature-content{padding:22px}.dq5-home-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.app-bottom-nav{grid-template-columns:repeat(5,1fr)}.app-bottom-nav a{font-size:10px}.site-header{height:68px}.dq5-home{padding:32px 0 100px}.dq5-subpage{padding:33px 0 95px}.dq5-account-layout,.dq5-two-column{grid-template-columns:1fr}.dq5-why-account,.dq5-side-help{position:static}.dq5-feature-card{grid-template-columns:1fr}.dq5-feature-photo{min-height:220px;max-height:270px}.dq5-feature-photo img{max-height:270px}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.dq5-home-top{align-items:stretch;flex-direction:column;gap:19px}.dq5-home-actions{justify-content:start}.dq5-home-top h1{font-size:39px}.dq5-home-top p:not(.dq5-eyebrow){font-size:15px}.dq5-home-actions .btn{flex:1}.dq5-feature-empty{grid-template-columns:1fr;padding:25px 23px;gap:15px}.dq5-feature-icon{width:60px;height:60px;font-size:37px;border-radius:14px}.dq5-feature-empty h2{font-size:27px}.dq5-feature-content{padding:23px}.dq5-feature-stats{grid-template-columns:repeat(2,1fr);gap:12px}.dq5-feature-stats strong{font-size:19px}.dq5-feature-card .dq5-inline-actions .btn{flex:1 1 140px}.dq5-section-heading h2{font-size:27px}.dq5-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.dq5-action-card{min-height:229px;padding:17px 14px;border-radius:14px}.dq5-action-card h3{font-size:17px}.dq5-action-card p{font-size:12px}.dq5-action-glyph{width:43px;height:43px;margin:10px 0 15px}.dq5-home-bottom{grid-template-columns:1fr}.dq5-surface{padding:21px}.dq5-pagehead h1{font-size:38px}.dq5-pagehead>p:not(.dq5-eyebrow){font-size:15px}.dq5-account-layout>.dq5-surface{padding:22px}.dq5-why-account{padding:24px}.dq5-why-account h2{font-size:26px}.dq5-check-progress{grid-template-columns:1fr;padding:23px}.dq5-check-progress .dq5-progress-line{margin-top:8px}.dq5-task-group{padding:18px}.dq5-reminder-row{align-items:flex-start;flex-direction:column}.dq5-reminder-row .dq5-inline-actions{margin-left:30px}.dq5-photo-setup{grid-template-columns:1fr}.dq5-photo-preview{height:170px;max-width:310px}.dq5-photo-preview img{object-fit:cover}.dq5-car-photo{width:60px;height:60px}.dq5-share-two{grid-template-columns:1fr}.dq5-share-side{padding:20px}.dq5-profile-form .field-grid{grid-template-columns:1fr}.dq5-provider-buttons{grid-template-columns:1fr}.dq5-account-nav{padding:9px 11px}.dq5-home-bottom .dq5-mini-head{align-items:start}.garage-vehicle{grid-template-columns:60px minmax(0,1fr)}.dq5-car-photo{width:59px;height:61px}.footer{padding-bottom:82px}}
@media(max-width:375px){.dq5-action-grid{grid-template-columns:1fr}.dq5-action-card{min-height:160px}.dq5-action-glyph{margin:7px 0}.dq5-home-actions{flex-direction:column}.dq5-home-top h1{font-size:34px}.dq5-share-side>strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.dq5-action-card{transition:none}}

.dq5-guest-settings{border-top:1px solid #eaeaea;margin-top:25px;padding-top:20px}.dq5-privacy-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.7fr);gap:22px;align-items:start}.dq5-legal h2{font-size:23px;margin:28px 0 10px}.dq5-legal h2:first-child{margin-top:0}.dq5-legal p{font-size:14px;line-height:1.86}.dq5-legal p+p{margin-top:12px}@media(max-width:850px){.dq5-privacy-layout{grid-template-columns:1fr}}