html[data-design-system=porcelain-graphite]{--bg:#f1ede5;--surface:#fbfaf7;--surface-quiet:#f4f0e8;--text:#2b2925;--muted:#5e5b54;--line:#d6cec2;--accent:#38624c;--accent-soft:#e7eee8;--shadow:0 20px 54px #211f1c17;--radius-lg:14px;--radius-md:10px;--mcp-color-text:#2b2925;--mcp-color-muted:#5e5b54;--mcp-color-border:#d6cec2;--mcp-color-surface:#fbfaf7;--mcp-color-surface-muted:#f4f0e8;--mcp-radius-xs:6px;--mcp-radius-sm:9px;--mcp-radius-md:14px;--mcp-shadow-sm:0 6px 20px #211f1c0e;--mcp-shadow-md:0 20px 48px #211f1c1b}html[data-design-system=porcelain-graphite] body{background:radial-gradient(circle at 8% 0,#38624c0e,#0000 26rem),#f1ede5}html[data-design-system=porcelain-graphite] ::selection{color:#211f1c;background:#dce5dc}html[data-design-system=porcelain-graphite] :where(a,button,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:3px solid #38624c42}html[data-design-system=porcelain-graphite] .mcp-card,html[data-design-system=porcelain-graphite] .section-card{border-color:var(--line);color:var(--text);background:linear-gradient(155deg,#fdfcf9 0%,#f8f5ef 100%);border-radius:14px;box-shadow:inset 0 1px #ffffffd1,0 8px 26px #211f1c0e}html[data-design-system=porcelain-graphite] .mcp-card--muted,html[data-design-system=porcelain-graphite] .subsection-card{border-color:color-mix(in srgb, var(--line) 82%, #fff 18%);background:color-mix(in srgb, var(--surface-quiet) 86%, var(--surface) 14%);box-shadow:none;border-radius:11px}html[data-design-system=porcelain-graphite] :where(.mcp-card,.section-card,.subsection-card)>:first-child{margin-top:0}html[data-design-system=porcelain-graphite] .section-title,html[data-design-system=porcelain-graphite] .mcp-card__title{color:var(--text);letter-spacing:-.018em;font-weight:760}html[data-design-system=porcelain-graphite] .section-subtitle,html[data-design-system=porcelain-graphite] .mcp-card__description{color:var(--mcp-color-muted);line-height:1.55}html[data-design-system=porcelain-graphite] :where(.badge,.mcp-badge){color:#55534d;letter-spacing:.065em;text-transform:uppercase;background:#efebe3;border-color:#d5cec2;font-size:.7rem;font-weight:760}html[data-design-system=porcelain-graphite] .mcp-badge--success{color:#4f684d;background:#e8efe7;border-color:#cbd9cb}html[data-design-system=porcelain-graphite] :where(.mcp-input,.mcp-textarea,.mcp-select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){color:var(--text);background:var(--surface);border-color:#d4cdc2;border-radius:9px;box-shadow:inset 0 1px 2px #211f1c09}html[data-design-system=porcelain-graphite] :where(.mcp-input,.mcp-textarea,.mcp-select,input,textarea,select):focus{border-color:color-mix(in srgb, var(--accent) 48%, var(--line) 52%)}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only){border:1px solid var(--line);width:100%;min-height:3rem;color:var(--mcp-color-muted);background:var(--surface);cursor:pointer;font:inherit;border-radius:10px;padding:.3rem;font-size:.84rem;box-shadow:inset 0 1px 2px #211f1c09}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only)::file-selector-button{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line) 72%);min-height:2.3rem;color:var(--accent);background:var(--accent-soft);cursor:pointer;font:inherit;border-radius:8px;margin-right:.75rem;padding:.5rem .85rem;font-size:.78rem;font-weight:760;transition:transform .14s,border-color .16s,background-color .16s,box-shadow .16s;box-shadow:0 2px 8px #211f1c0d}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only)::-webkit-file-upload-button{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line) 72%);min-height:2.3rem;color:var(--accent);background:var(--accent-soft);cursor:pointer;font:inherit;border-radius:8px;margin-right:.75rem;padding:.5rem .85rem;font-size:.78rem;font-weight:760;transition:transform .14s,border-color .16s,background-color .16s,box-shadow .16s;box-shadow:0 2px 8px #211f1c0d}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only):hover::file-selector-button{border-color:color-mix(in srgb, var(--accent) 48%, var(--line) 52%);background:color-mix(in srgb, var(--accent-soft) 82%, var(--surface) 18%);transform:translateY(-1px);box-shadow:0 5px 12px #211f1c14}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only):hover::-webkit-file-upload-button{border-color:color-mix(in srgb, var(--accent) 48%, var(--line) 52%);background:color-mix(in srgb, var(--accent-soft) 82%, var(--surface) 18%);transform:translateY(-1px);box-shadow:0 5px 12px #211f1c14}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent 72%);outline-offset:3px}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only):disabled{cursor:not-allowed;opacity:.62}html[data-design-system=porcelain-graphite] input[type=file]:not(.screen-reader-only):disabled::file-selector-button{cursor:not-allowed;opacity:.62}html[data-design-system=porcelain-graphite] .vehicle-profile-upload-field{width:min(100%,42rem)}html[data-design-system=porcelain-graphite] .vehicle-profile-form>.vehicle-profile-save-button{justify-self:start;width:auto;min-width:9.5rem}html[data-design-system=porcelain-graphite] .mcp-button{border-radius:9px}html[data-design-system=porcelain-graphite] .mcp-button--primary{box-shadow:0 10px 24px #38624c2b}html[data-design-system=porcelain-graphite] :where(.mcp-button--secondary,.button-chip,.button-small){color:var(--text);background:var(--surface);border-color:#d4cdc2;box-shadow:0 2px 8px #211f1c0a}html[data-design-system=porcelain-graphite] :where(.mcp-button,.button-chip,.nav-link){transition:transform .14s,border-color .16s,background-color .16s,box-shadow .16s}html[data-design-system=porcelain-graphite] :where(.mcp-button,.button-chip):hover:not(:disabled){transform:translateY(-1px)}html[data-design-system=porcelain-graphite] .app-bg{background:radial-gradient(circle at 10% 0,#38624c12,#0000 28rem),linear-gradient(#f6f2eb 0%,#ece7df 100%)}html[data-design-system=porcelain-graphite] .app-shell{background:#f8f5ef;border-color:#d7d0c6;border-radius:24px;max-width:74rem;box-shadow:0 28px 74px #211f1c1b}html[data-design-system=porcelain-graphite] .app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf7e6;border-color:#ded7cc}html[data-design-system=porcelain-graphite] .app-main{gap:1.25rem;padding:clamp(1rem,2.5vw,2rem)}html[data-design-system=porcelain-graphite] body:has(.landing-product-page) .app-bg{padding:0}html[data-design-system=porcelain-graphite] body:has(.landing-product-page) .app-shell{max-width:none;box-shadow:none;border:0;border-radius:0}html[data-design-system=porcelain-graphite] body:has(.landing-product-page) .app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141612a8;border-color:#0000}html[data-design-system=porcelain-graphite] body:has(.landing-product-page) .app-main{padding:0 1.5rem 1.5rem}html[data-design-system=porcelain-graphite] .auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(21rem,.9fr);gap:1.25rem}html[data-design-system=porcelain-graphite] .auth-copy-panel{background:radial-gradient(circle at 82% 14%,#38624c24,#0000 18rem),linear-gradient(145deg,#f6f1e8 0%,#e9e2d6 100%);align-content:center;min-height:28rem;padding:clamp(1.5rem,4vw,3rem);overflow:hidden}html[data-design-system=porcelain-graphite] .auth-copy-content{width:min(100%,31rem)}html[data-design-system=porcelain-graphite] .auth-copy-title{max-width:12ch;color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:760;line-height:.98}html[data-design-system=porcelain-graphite] .auth-copy-description{color:var(--mcp-color-muted);max-width:42rem;margin:.9rem 0 0}html[data-design-system=porcelain-graphite] .auth-form-card{background:#fbfaf7;padding:clamp(1.25rem,3vw,2rem)}html[data-design-system=porcelain-graphite] body:has(.auth-shell,.auth-shell-onboarding) .theme-icon-toggle{color:var(--mcp-color-muted)}html[data-design-system=porcelain-graphite] body:has(.auth-shell,.auth-shell-onboarding) .theme-icon-toggle:hover{color:var(--accent);background:#38624c14}html[data-design-system=porcelain-graphite] .social-login-unavailable{color:#b42318;font-weight:650}html[data-design-system=porcelain-graphite] :where(.onboarding-shell,.onboarding-stage,.onboarding-pane){background:linear-gradient(155deg,#fdfcf9 0%,#f3eee6 100%);border-color:#d8d0c5}html[data-design-system=porcelain-graphite] .product-workspace{background:linear-gradient(#413e3806 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#413e3806 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#faf8f4 0%,#f1ede6 100%)}html[data-design-system=porcelain-graphite] .product-main{align-content:start;gap:1.15rem}html[data-design-system=porcelain-graphite] .page-header-block{border-bottom:1px solid #ddd6cc;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.55rem .15rem .75rem;display:flex;position:relative}html[data-design-system=porcelain-graphite] :where(.page-header-copy,.mcp-page-header__copy){gap:.42rem;display:grid}html[data-design-system=porcelain-graphite] :where(.page-eyebrow,.mcp-page-header__eyebrow){color:var(--mcp-color-muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:760}html[data-design-system=porcelain-graphite] :where(.page-header-actions,.mcp-page-header__actions){flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}html[data-design-system=porcelain-graphite] .page-header-meta{min-height:2rem;color:var(--mcp-color-muted);background:var(--surface-quiet);border:1px solid #d4cdc2;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.72rem;font-weight:720;display:inline-flex}html[data-design-system=porcelain-graphite] .focused-page-layout{gap:1.15rem;width:min(100%,52rem);display:grid}html[data-design-system=porcelain-graphite] .profile-settings-card,html[data-design-system=porcelain-graphite] .contact-page-section{padding:clamp(1.1rem,2.5vw,1.6rem)}html[data-design-system=porcelain-graphite] .contact-page-section{width:100%}html[data-design-system=porcelain-graphite] .contact-page-grid{grid-template-columns:minmax(0,1.35fr) minmax(13.5rem,.65fr);gap:1rem;margin-top:1rem;display:grid}html[data-design-system=porcelain-graphite] .contact-form-card{margin:0}html[data-design-system=porcelain-graphite] .public-info-page{border-radius:18px;width:min(100%,58rem);margin-inline:auto;display:grid;overflow:hidden}html[data-design-system=porcelain-graphite] .public-info-header{background:radial-gradient(circle at 88% 8%,#38624c1f,#0000 18rem),linear-gradient(145deg,#f8f4ed 0%,#ebe5dc 100%);border-bottom:1px solid #d9d2c7;gap:.7rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid}html[data-design-system=porcelain-graphite] .public-info-header h1{max-width:18ch;color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1}html[data-design-system=porcelain-graphite] .public-info-header p{max-width:62ch;color:var(--mcp-color-muted);margin:0;line-height:1.6}html[data-design-system=porcelain-graphite] .public-info-content{gap:.85rem;padding:clamp(1.1rem,3vw,1.75rem);display:grid}html[data-design-system=porcelain-graphite] .public-info-section{box-shadow:none;background:#f7f3ec;border-radius:11px;padding:1.1rem}html[data-design-system=porcelain-graphite] .public-info-section h2{color:var(--text);letter-spacing:-.012em;margin:0;font-size:1rem}html[data-design-system=porcelain-graphite] .public-info-section p{color:var(--mcp-color-muted);margin:.55rem 0 0;line-height:1.62}html[data-design-system=porcelain-graphite] :where(.page-title,.mcp-page-header__title){color:var(--mcp-color-text);letter-spacing:-.035em;font-size:clamp(1.75rem,3.4vw,2.55rem);font-weight:760;line-height:1.02}html[data-design-system=porcelain-graphite] :where(.page-subtitle,.mcp-page-header__description){max-width:72ch;color:var(--mcp-color-muted);margin-top:.5rem;font-size:.94rem;line-height:1.55}html[data-design-system=porcelain-graphite] .collapsible-summary,html[data-design-system=porcelain-graphite] .maintenance-toggle-summary{border-radius:9px}html[data-design-system=porcelain-graphite] .collapsible-summary:before{color:var(--accent)}html[data-design-system=porcelain-graphite] :where(.collapsible-summary,.maintenance-toggle-summary):hover{background:#f0ece4}html[data-design-system=porcelain-graphite] :where(.kv-row,.uploaded-doc-row,.service-history-row,.upcoming-item){background:#fffefac2;border-color:#ddd6cc;border-radius:10px}html[data-design-system=porcelain-graphite] .vehicle-list{gap:.85rem}html[data-design-system=porcelain-graphite] .vehicle-card{background:radial-gradient(circle at 92% 8%,#38624c13,#0000 11rem),#fbfaf7;border-color:#d8d1c6;border-radius:14px;box-shadow:0 8px 22px #211f1c0d}html[data-design-system=porcelain-graphite] .vehicle-image-wrap{background:#eee9e1;border-radius:10px}html[data-design-system=porcelain-graphite] .diy-hero-card{background:radial-gradient(circle at 90% 15%,#38624c1f,#0000 18rem),linear-gradient(140deg,#f8f4ed 0%,#eae5dc 100%)}html[data-design-system=porcelain-graphite] .diy-coming-soon-card{background:radial-gradient(circle at 82% 18%,#38624c1c,#0000 19rem),linear-gradient(145deg,#fbfaf7 0%,#f0ece4 100%);border-color:#d8d1c6;box-shadow:0 18px 42px #211f1c14}html[data-design-system=porcelain-graphite] .diy-coming-soon-visual{background:linear-gradient(150deg,#edf1e9 0%,#dedfd7 100%);border-color:#d5cec3;box-shadow:inset 0 1px #ffffffb8,0 16px 38px #211f1c17}html[data-design-system=porcelain-graphite] :where(.diy-article-card,.diy-compact-card,.diy-resource-list li){background:#fbfaf7;border-color:#dad3c8;border-radius:11px}html[data-design-system=porcelain-graphite] .profile-avatar-preview{background:var(--surface-quiet);border-color:#d0c8bc;box-shadow:0 10px 24px #211f1c14}html[data-design-system=porcelain-graphite] .contact-email-block{background:#f2eee7;border-color:#d9d2c7;border-radius:11px;align-content:start;margin:0;padding:1.1rem;display:grid}html[data-design-system=porcelain-graphite] .contact-email-list{gap:1rem;margin-top:1rem;display:grid}html[data-design-system=porcelain-graphite] .contact-email-list li{gap:.2rem;display:grid}html[data-design-system=porcelain-graphite] .contact-email-list :where(a,span){overflow-wrap:anywhere;color:var(--mcp-color-muted)}html[data-design-system=porcelain-graphite] .landing-product-page{color:var(--text)}html[data-design-system=porcelain-graphite] :where(.lp-feature-card,.lp-choice-card,.lp-privacy-card){background:linear-gradient(155deg,#fdfcf9fa,#f3efe7fa);border-color:#d7d0c5;border-radius:16px;box-shadow:0 16px 42px #211f1c13}html[data-design-system=porcelain-graphite] :where(.lp-reveal-frame,.lp-reveal-panel,.lp-story-ui){border-color:#d2cbc0;box-shadow:0 24px 58px #211f1c1f}html[data-design-system=porcelain-graphite] .lp-reveal-side{background:linear-gradient(#f7f2e8 0%,#ece4d6 100%)}html[data-design-system=porcelain-graphite] .lp-reveal-main{background:#f7f4ee}html[data-design-system=porcelain-graphite] :where(.lp-section-head h2,.lp-privacy-head h2){color:var(--text);letter-spacing:-.035em}html[data-design-system=porcelain-graphite][data-resolved-theme=dark]{--bg:#181916;--surface:#252622;--surface-quiet:#20211e;--text:#f1eee7;--muted:#c2beb4;--line:#43453f;--accent:#9bb5a0;--accent-soft:#2e3931;--mcp-color-text:#f1eee7;--mcp-color-muted:#c2beb4;--mcp-color-border:#43453f;--mcp-color-surface:#252622;--mcp-color-surface-muted:#20211e;--mcp-color-state-danger:#e49a92;--mcp-color-state-success-strong:#b5d0aa}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .mcp-button--danger{color:var(--surface-quiet)}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] body,html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .app-bg{background:#181916}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.app-shell,.app-header,.mcp-card,.section-card,.subsection-card,.vehicle-card,.diy-article-card){color:var(--text);box-shadow:none;background:#252622;border-color:#43453f}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.product-workspace,.app-main){background:#1d1e1b}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.page-title,.section-title,.mcp-card__title),html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.auth-copy-title,.public-info-header h1,.public-info-section h2){color:#f1eee7}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .social-login-unavailable{color:#ff9b8d}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.public-info-header,.public-info-section){background:#20211e;border-color:#43453f}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.kv-row,.uploaded-doc-row,.contact-email-block,.diy-resource-list li){background:#20211e;border-color:#41433d}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .diy-coming-soon-card{box-shadow:none;background:radial-gradient(circle at 82% 18%,#9bb5a01f,#0000 19rem),linear-gradient(145deg,#252622 0%,#20211e 100%);border-color:#43453f}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .diy-coming-soon-visual{background:linear-gradient(150deg,#29322b 0%,#20231f 100%);border-color:#4a4d46;box-shadow:inset 0 1px #ffffff0a}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] body:not(:has(.landing-product-page)) :where(.activation-step-item,.activation-step-item-complete){background:0 0;border-color:#0000}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] .activation-step-copy strong{color:#f1eee7}html[data-design-system=porcelain-graphite][data-resolved-theme=dark] :where(.activation-step-copy p,.activation-inline-step p){color:#b8b6ae}@media (max-width:900px){html[data-design-system=porcelain-graphite] .app-bg{padding:0}html[data-design-system=porcelain-graphite] .app-shell{border:0;border-radius:0;min-height:100vh}html[data-design-system=porcelain-graphite] .auth-shell{grid-template-columns:1fr}html[data-design-system=porcelain-graphite] .auth-copy-panel{min-height:12rem}html[data-design-system=porcelain-graphite] .contact-page-grid{grid-template-columns:1fr}}@media (max-width:640px){html[data-design-system=porcelain-graphite] .product-main{gap:.9rem}html[data-design-system=porcelain-graphite] .page-title{font-size:clamp(1.65rem,8vw,2.15rem)}html[data-design-system=porcelain-graphite] .page-header-block{flex-direction:column;align-items:flex-start}html[data-design-system=porcelain-graphite] :where(.section-card,.mcp-card){border-radius:12px}html[data-design-system=porcelain-graphite] .vehicle-profile-upload-field{width:100%}html[data-design-system=porcelain-graphite] .vehicle-profile-form>.vehicle-profile-save-button{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){html[data-design-system=porcelain-graphite] :where(.mcp-button,.button-chip,.nav-link){transition:none}}html[data-resolved-theme=dark] .brand-lockup .app-logo{background:#f6f1e7;border-radius:8px}.app-bg:has(.landing-product-page) .brand-lockup .app-logo{background:#f6f1e7;border-radius:8px}html[data-design-system=porcelain-graphite] input::placeholder,html[data-design-system=porcelain-graphite] textarea::placeholder,html[data-design-system=porcelain-graphite] .field input::placeholder,html[data-design-system=porcelain-graphite] .field textarea::placeholder,html[data-design-system=porcelain-graphite] .field input.glovebox-title-input::placeholder{color:var(--mcp-color-muted);opacity:1}