:root { --ink:#10233d; --muted:#617289; --line:#dbe4ee; --paper:#fff; --soft:#f2f6fa; --brand:#1f6fe5; --accent:#f3a81b; --deep:#07192e; --success:#16845f; --danger:#c54655; --radius:24px; color-scheme:light; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); }
body[data-brand="wholesale"] { --brand:#1273da; --accent:#ffb51b; --deep:#081a2d; --soft:#eef4f9; }
body[data-brand="store"] { --brand:#356b57; --accent:#d87850; --deep:#1b2823; --soft:#f4f1eb; --line:#dddcd4; }
body[data-brand="parts"] { --brand:#e56b25; --accent:#62a7e8; --deep:#101923; --soft:#f1f3f5; --line:#d9e0e7; }
body[data-brand="cars"] { --brand:#1d5d7d; --accent:#d9aa62; --deep:#101a20; --soft:#f3f1ed; --line:#dcdedc; }
body[data-brand="people"] { --brand:#6254d9; --accent:#58c7a8; --deep:#15162b; --soft:#f4f3fb; --line:#dedcf0; }
button,input { font:inherit; }
a { color:inherit; }
img { max-width:100%; display:block; }
h1,h2,h3,p { margin-top:0; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:10px 14px; border-radius:8px; background:#fff; color:#142b49; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.shell { width:min(1380px,calc(100% - 48px)); margin-inline:auto; }
.site-header { position:absolute; z-index:20; top:0; right:0; left:0; min-height:86px; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.14); color:#fff; }
.nav-wrap { display:flex; align-items:center; gap:30px; }
.wordmark { display:flex; align-items:center; gap:12px; color:#fff; font-weight:900; text-decoration:none; }
.wordmark__mark { width:43px; height:43px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.34); border-radius:13px; background:rgba(255,255,255,.1); font-size:.72rem; letter-spacing:.06em; }
img.wordmark__mark { display: block; object-fit: contain; padding: 0; border: 0; border-radius: 0; background: transparent; flex-shrink: 0; }
.wordmark small { display:block; margin-top:2px; color:rgba(255,255,255,.58); font-size:.52rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.site-nav { margin-left:auto; display:flex; align-items:center; gap:25px; }
.site-nav a { color:rgba(255,255,255,.78); font-size:.78rem; font-weight:750; text-decoration:none; }
.site-nav a:hover,.site-nav a:focus-visible { color:#fff; }
.menu-toggle { display:none; width:43px; height:43px; border:1px solid rgba(255,255,255,.28); border-radius:12px; background:rgba(255,255,255,.08); color:#fff; }
.button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:13px; background:var(--brand); color:#fff; font-size:.78rem; font-weight:850; text-decoration:none; cursor:pointer; }
.button--small { min-height:41px; padding-inline:15px; }
.button--light { border-color:#cfdbe8; background:#fff; color:#244668; }
.button--ghost { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); color:#fff; }
.hero { position:relative; min-height:790px; display:flex; align-items:center; overflow:hidden; background:var(--deep); color:#fff; }
.hero__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(5,18,34,.98) 0%,rgba(5,18,34,.86) 37%,rgba(5,18,34,.18) 72%,rgba(5,18,34,.08)); }
body[data-brand="store"] .hero::after { background:linear-gradient(90deg,rgba(27,40,35,.96) 0%,rgba(27,40,35,.79) 40%,rgba(27,40,35,.15) 72%); }
body[data-brand="parts"] .hero::after { background:linear-gradient(90deg,rgba(12,20,29,.98) 0%,rgba(12,20,29,.85) 39%,rgba(12,20,29,.12) 76%); }
body[data-brand="cars"] .hero::after { background:linear-gradient(90deg,rgba(12,22,28,.97) 0%,rgba(12,22,28,.82) 39%,rgba(12,22,28,.1) 76%); }
.hero__content { position:relative; z-index:2; max-width:680px; padding:160px 0 95px; }
.kicker { margin-bottom:18px; color:#76b5ff; font-size:.68rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
body[data-brand="store"] .kicker { color:#e8a383; }
.hero h1 { margin-bottom:25px; font-size:clamp(3.3rem,7.3vw,7.4rem); line-height:.89; letter-spacing:-.075em; }
.hero h1 em { color:var(--accent); font-family:Georgia,serif; font-weight:500; }
.hero__lead { max-width:610px; color:#c5d3e1; font-size:1.1rem; line-height:1.7; }
.hero__actions { margin-top:32px; display:flex; flex-wrap:wrap; gap:11px; }
.hero__metrics { margin:52px 0 0; padding:25px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; border-top:1px solid rgba(255,255,255,.17); }
.hero__metrics div { display:grid; gap:4px; }.hero__metrics dt { color:#fff; font-size:1.35rem; font-weight:900; }.hero__metrics dd { margin:0; color:#829bb4; font-size:.6rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.section { padding:120px 0; }
.section--soft { background:var(--soft); }.section--deep { background:var(--deep); color:#fff; }
.section-head { max-width:950px; margin-bottom:52px; }.section-head--split { max-width:none; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; align-items:end; }
.section-head h2 { margin-bottom:20px; font-size:clamp(2.5rem,5.3vw,5.4rem); line-height:.96; letter-spacing:-.06em; }.section-head p:last-child { margin-bottom:0; color:var(--muted); font-size:1.04rem; line-height:1.7; }.section--deep .section-head p:last-child { color:#9fb1c5; }
.category-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.category-strip article { min-height:170px; padding:25px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#fff; }
.category-strip span { color:var(--brand); font-size:1.55rem; }.category-strip h3 { margin:25px 0 6px; font-size:1rem; }.category-strip p { margin:0; color:var(--muted); font-size:.78rem; line-height:1.5; }
.catalog-toolbar { margin-bottom:18px; display:grid; grid-template-columns:1fr auto; gap:14px; }.catalog-search { min-height:52px; padding:0 18px; border:1px solid #cbd8e6; border-radius:14px; background:#fff; color:var(--ink); }.filter-chips { display:flex; flex-wrap:wrap; gap:8px; }.filter-chip { padding:0 14px; border:1px solid #cbd8e6; border-radius:12px; background:#fff; color:#53687e; font-size:.7rem; font-weight:800; cursor:pointer; }.filter-chip.is-active { border-color:var(--brand); background:var(--brand); color:#fff; }
.catalog-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.75fr); gap:20px; align-items:start; }
.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.product-card { min-width:0; min-height:315px; padding:22px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 15px 35px rgba(21,50,83,.06); }
.product-card[hidden] { display:none; }.product-card__visual { height:105px; padding:18px; display:flex; align-items:flex-end; justify-content:space-between; border-radius:15px; background:linear-gradient(135deg,#e7f1fc,#f7fbff); color:#175a9f; }.product-card__visual span { font-size:2rem; }.product-card__visual small { font-size:.55rem; font-weight:900; letter-spacing:.1em; }
body[data-brand="store"] .product-card__visual { background:linear-gradient(135deg,#e4ebe2,#faf5ed); color:#356b57; }
.product-card__code { margin:17px 0 6px; color:#7c8da0; font-size:.58rem; font-weight:850; letter-spacing:.09em; }.product-card h3 { margin-bottom:8px; font-size:1.02rem; }.product-card p { color:var(--muted); font-size:.76rem; line-height:1.5; }.product-card__foot { margin-top:auto; display:flex; align-items:end; justify-content:space-between; gap:10px; }.product-card__foot strong { font-size:1.16rem; }.product-card__foot span { display:block; margin-top:4px; color:var(--success); font-size:.6rem; font-weight:800; }.detail-button { min-height:38px; padding:0 12px; border:1px solid #bcd0e5; border-radius:10px; background:#f7faff; color:#285b96; font-size:.66rem; font-weight:850; cursor:pointer; }
.product-detail { position:sticky; top:24px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 24px 55px rgba(17,45,77,.12); }.product-detail__head { padding:24px; background:var(--deep); color:#fff; }.product-detail__head small { color:#7fb6f3; font-size:.58rem; font-weight:900; letter-spacing:.11em; }.product-detail__head h3 { margin:7px 0 4px; font-size:1.45rem; }.product-detail__head p { margin:0; color:#a6b8cb; font-size:.72rem; }.product-panel { padding:24px; }.product-panel[hidden] { display:none; }.stock-line { margin-bottom:20px; display:grid; grid-template-columns:1fr 1fr; gap:9px; }.stock-line div { padding:12px; border-radius:12px; background:#eef5fb; }.stock-line span { display:block; color:#718398; font-size:.56rem; font-weight:800; text-transform:uppercase; }.stock-line strong { margin-top:4px; display:block; font-size:.8rem; }.spec-table { width:100%; border-collapse:collapse; font-size:.7rem; }.spec-table th,.spec-table td { padding:10px 0; border-bottom:1px solid #e6edf4; text-align:left; }.spec-table th { color:#78899d; font-weight:650; }.spec-table td { text-align:right; font-weight:800; }.price-tiers { margin:20px 0; padding:14px; border-radius:13px; background:#f5f8fb; }.price-tiers div { padding:5px 0; display:flex; justify-content:space-between; color:#62748a; font-size:.66rem; }.price-tiers strong { color:#173b65; }.detail-actions { display:grid; grid-template-columns:1fr auto; gap:9px; }.quantity { min-height:45px; display:grid; place-items:center; border:1px solid #cbd8e6; border-radius:11px; color:#566b83; font-size:.72rem; font-weight:800; }
.workflow { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.workflow article { position:relative; padding:24px 20px; border:1px solid var(--line); border-radius:18px; background:#fff; }.workflow article:not(:last-child)::after { position:absolute; top:37px; right:-10px; z-index:2; content:"→"; color:var(--brand); font-weight:900; }.workflow span { color:var(--brand); font-size:.62rem; font-weight:900; }.workflow h3 { margin:16px 0 7px; font-size:.92rem; }.workflow p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.48; }
.app-showcase { overflow:hidden; border:1px solid rgba(180,208,239,.18); border-radius:28px; background:#edf3f9; color:var(--ink); box-shadow:0 38px 90px rgba(0,7,20,.3); }.app-showcase__top { min-height:78px; padding:15px 20px; display:flex; align-items:center; gap:18px; border-bottom:1px solid #ccd9e7; background:#fff; }.app-showcase__logo { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--brand); color:#fff; font-size:.65rem; font-weight:900; }.app-showcase__top div { display:grid; gap:3px; }.app-showcase__top small { color:#798ba0; font-size:.57rem; }.app-showcase__top nav { margin-left:auto; display:flex; gap:7px; }.app-tab { min-height:39px; padding:0 13px; border:1px solid #ccd9e7; border-radius:10px; background:#f6f9fc; color:#61748c; font-size:.66rem; font-weight:850; cursor:pointer; }.app-tab.is-active { border-color:var(--brand); background:var(--brand); color:#fff; }
.app-panel[hidden] { display:none; }.counter-layout { min-height:680px; display:grid; grid-template-columns:190px 1fr 350px; }.app-sidebar { padding:18px 12px; border-right:1px solid #cddae7; background:#0d2948; color:#fff; }.app-sidebar strong { padding:10px; display:block; font-size:.64rem; letter-spacing:.08em; }.app-sidebar span { margin:5px 0; padding:11px 10px; display:block; border-radius:9px; color:#8eabc9; font-size:.66rem; font-weight:750; }.app-sidebar .active { background:rgba(96,164,247,.17); color:#fff; }.counter-main { min-width:0; padding:20px; }.app-title { margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:15px; }.app-title h3 { margin:0; font-size:1.2rem; }.status-pill { padding:7px 10px; border-radius:99px; background:#dff4ec; color:#187556; font-size:.58rem; font-weight:900; }.customer-bar { margin-bottom:14px; padding:14px; display:flex; align-items:center; gap:11px; border:1px solid #d5e0eb; border-radius:13px; background:#fff; }.customer-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#e4eefb; color:#2768b5; font-size:.65rem; font-weight:900; }.customer-bar div { display:grid; gap:3px; }.customer-bar small { color:#7d8da1; font-size:.58rem; }.counter-search { width:100%; min-height:45px; margin-bottom:14px; padding:0 14px; border:1px solid #cbd8e5; border-radius:11px; }.quick-items { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.quick-item { min-height:125px; padding:14px; display:flex; flex-direction:column; border:1px solid #d4e0ec; border-radius:13px; background:#fff; }.quick-item span { color:var(--brand); font-size:.58rem; font-weight:900; }.quick-item strong { margin:10px 0 4px; font-size:.72rem; }.quick-item small { margin-top:auto; color:#61748a; font-size:.6rem; }.quick-item button { margin-top:9px; min-height:30px; border:0; border-radius:8px; background:#e7f0fc; color:#2e69ad; font-size:.58rem; font-weight:850; cursor:pointer; }.order-pane { padding:20px; border-left:1px solid #cddae7; background:#fff; }.order-pane h3 { margin-bottom:5px; }.order-pane > p { color:#7a8ca0; font-size:.65rem; }.order-line { padding:13px 0; display:grid; grid-template-columns:1fr auto; gap:4px; border-bottom:1px solid #e3eaf1; }.order-line strong { font-size:.72rem; }.order-line span { font-size:.7rem; font-weight:850; }.order-line small { color:#7d8da0; font-size:.56rem; }.order-total { margin-top:18px; padding-top:16px; display:flex; justify-content:space-between; border-top:2px solid #d7e1eb; }.order-total strong { font-size:1.1rem; }.order-meta { margin:18px 0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.order-meta div { padding:10px; border-radius:10px; background:#f1f5f9; }.order-meta span { display:block; color:#8291a3; font-size:.52rem; text-transform:uppercase; }.order-meta strong { font-size:.65rem; }.order-button { width:100%; min-height:48px; border:0; border-radius:12px; background:var(--brand); color:#fff; font-weight:850; cursor:pointer; }.cart-count { display:inline-grid; min-width:20px; height:20px; place-items:center; border-radius:99px; background:var(--accent); color:#172c42; font-size:.57rem; font-weight:900; }
.portal-layout { min-height:680px; padding:20px; display:grid; grid-template-columns:1.25fr .75fr; gap:14px; }.portal-column { display:grid; align-content:start; gap:14px; }.portal-card { padding:18px; border:1px solid #d3dfea; border-radius:16px; background:#fff; }.portal-card__head { margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; }.portal-card__head h3 { margin:0; font-size:.86rem; }.portal-card__head span { color:var(--brand); font-size:.58rem; font-weight:850; }.task-row { padding:12px 0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; border-top:1px solid #e4ebf2; }.task-check { width:27px; height:27px; border:1px solid #bfd0e1; border-radius:8px; background:#fff; color:transparent; cursor:pointer; }.task-check.is-done { border-color:var(--success); background:var(--success); color:#fff; }.task-row strong { display:block; font-size:.7rem; }.task-row small { color:#7f90a3; font-size:.57rem; }.task-row > span { color:#61758d; font-size:.6rem; font-weight:850; }.kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.kpi { padding:14px; border-radius:12px; background:#eef4fa; }.kpi span { display:block; color:#74879c; font-size:.52rem; text-transform:uppercase; }.kpi strong { margin-top:5px; display:block; font-size:1rem; }.timeline-item { position:relative; padding:5px 0 17px 20px; border-left:1px solid #d5e1ec; }.timeline-item::before { position:absolute; top:6px; left:-4px; width:7px; height:7px; content:""; border-radius:50%; background:var(--brand); }.timeline-item strong { display:block; font-size:.68rem; }.timeline-item small { color:#7b8da1; font-size:.57rem; }
.demo-toast { min-height:20px; margin:10px 0 0; color:var(--success); font-size:.63rem; font-weight:800; text-align:center; }
.platform-callout { padding:85px 0; background:var(--deep); color:#fff; }.platform-callout__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:7vw; align-items:center; }.platform-callout h2 { margin-bottom:22px; font-size:clamp(2.5rem,5vw,5rem); line-height:.97; letter-spacing:-.06em; }.platform-callout p { color:#9eb1c6; line-height:1.7; }.platform-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.platform-list span { padding:15px; border:1px solid rgba(175,204,237,.16); border-radius:13px; background:rgba(255,255,255,.04); color:#dbe7f4; font-size:.7rem; font-weight:750; }
.showcase-footer { min-height:170px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#718399; font-size:.72rem; }.showcase-footer nav { display:flex; gap:18px; }.showcase-footer a { text-decoration:none; }
.hub-hero { padding:155px 0 95px; background:linear-gradient(145deg,#07192e,#123b68); color:#fff; }.hub-hero h1 { max-width:970px; margin-bottom:24px; font-size:clamp(3.2rem,7vw,7rem); line-height:.9; letter-spacing:-.07em; }.hub-hero p { max-width:700px; color:#b7c8da; font-size:1.08rem; line-height:1.7; }.hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.hub-card { min-height:610px; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:#fff; box-shadow:0 25px 55px rgba(15,45,77,.1); }.hub-card__media { height:300px; overflow:hidden; }.hub-card__media img { width:100%; height:100%; object-fit:cover; }.hub-card__copy { padding:30px; }.hub-card__copy small { color:var(--brand); font-size:.62rem; font-weight:900; letter-spacing:.13em; }.hub-card h2 { margin:12px 0; font-size:2rem; letter-spacing:-.04em; }.hub-card p { color:var(--muted); line-height:1.6; }.hub-card ul { padding:16px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:9px; border-top:1px solid var(--line); list-style:none; }.hub-card li { color:#53677e; font-size:.7rem; font-weight:750; }.hub-card .button { margin-top:20px; }
.hub-card__media--people { padding:26px; display:grid; place-items:center; background:radial-gradient(circle at 75% 20%,#7267e6,transparent 38%),linear-gradient(145deg,#171831,#292d5d); }.hub-people-ui { width:min(100%,520px); padding:15px; border-radius:15px; background:#f7f7fb; box-shadow:0 22px 45px rgba(0,0,0,.28); }.hub-people-ui header { margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; font-size:.62rem; font-weight:900; }.hub-people-ui header span { padding:5px 7px; border-radius:99px; background:#e4f5ef; color:#24745e; font-size:.48rem; }.hub-people-ui div { margin-top:6px; padding:8px 9px; display:grid; grid-template-columns:70px 1fr auto; gap:8px; border:1px solid #e2e3ed; border-radius:8px; background:#fff; color:#657087; font-size:.5rem; }.hub-people-ui strong { color:#27354d; font-size:.55rem; }.hub-people-ui em { color:#6254d9; font-style:normal; font-weight:850; }
.beauty-link { margin-top:20px; padding:30px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-radius:22px; background:#efe7f2; }.beauty-link h2 { margin-bottom:8px; }.beauty-link p { margin:0; color:#6d6074; }
.vehicle-lookup { overflow:hidden; display:grid; grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr); border:1px solid var(--line); border-radius:27px; background:#fff; box-shadow:0 28px 70px rgba(16,35,56,.11); }
.vehicle-lookup__control { padding:34px; background:var(--deep); color:#fff; }.vehicle-lookup__control h3 { margin:10px 0 12px; font-size:1.7rem; }.vehicle-lookup__control > p { color:#9db0c1; font-size:.8rem; line-height:1.6; }
.plate-label { margin:28px 0 7px; display:block; color:#99aabd; font-size:.58rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.plate-row { display:grid; grid-template-columns:1fr auto; gap:9px; }.plate-input { min-width:0; min-height:65px; padding:0 16px; border:3px solid #f5bd1f; border-radius:10px; background:#ffd829; color:#17212b; font-size:1.45rem; font-weight:950; letter-spacing:.08em; text-align:center; text-transform:uppercase; }.lookup-status { min-height:22px; margin-top:11px; color:#8ed9bd; font-size:.65rem; font-weight:800; }
.source-note { margin-top:24px; padding:14px; border:1px solid rgba(170,200,232,.16); border-radius:12px; color:#8ea3b8; font-size:.63rem; line-height:1.55; }.source-note strong { color:#d7e5f3; }
.vehicle-profile { padding:30px; }.vehicle-profile__top { margin-bottom:20px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.vehicle-profile__top small { color:var(--brand); font-size:.58rem; font-weight:900; letter-spacing:.1em; }.vehicle-profile__top h3 { margin:7px 0 4px; font-size:1.45rem; }.vehicle-profile__top p { margin:0; color:var(--muted); font-size:.7rem; }.source-badge { flex:none; padding:8px 11px; border-radius:99px; background:#e5f4ed; color:#18765a; font-size:.57rem; font-weight:900; }
.vehicle-data-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.vehicle-data-grid div { min-width:0; padding:13px; border:1px solid #e1e7ed; border-radius:12px; background:#f7f9fb; }.vehicle-data-grid span { display:block; color:#7e8c9b; font-size:.52rem; font-weight:750; text-transform:uppercase; }.vehicle-data-grid strong { margin-top:5px; display:block; overflow:hidden; color:#183651; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.fitment-path { margin-top:20px; padding:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; border-radius:15px; background:#edf4fa; }.fitment-path div { position:relative; padding:8px; color:#62778c; font-size:.57rem; line-height:1.4; }.fitment-path div:not(:last-child)::after { position:absolute; top:12px; right:-2px; content:"→"; color:var(--brand); font-weight:900; }.fitment-path strong { display:block; margin-bottom:3px; color:#173e61; font-size:.63rem; }
.stock-sync { padding:24px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }.stock-sync h3 { margin:0 0 5px; font-size:1.05rem; }.stock-sync p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.5; }.stock-sync__actions { display:flex; align-items:center; gap:12px; }.sync-state { color:var(--success); font-size:.6rem; font-weight:850; }
.vehicle-card .product-card__visual { height:138px; align-items:center; background:linear-gradient(145deg,#dfe8eb,#f9faf9); }.vehicle-card .product-card__visual span { font-size:2.7rem; }.vehicle-card__metrics { margin:5px 0 16px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.vehicle-card__metrics span { padding:7px; border-radius:7px; background:#f2f5f6; color:#61707a; font-size:.52rem; font-weight:750; text-align:center; }
.provenance-grid { margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.provenance-grid article { padding:18px; border:1px solid var(--line); border-radius:14px; background:#fff; }.provenance-grid small { color:var(--brand); font-size:.56rem; font-weight:900; letter-spacing:.08em; }.provenance-grid h3 { margin:8px 0 6px; font-size:.82rem; }.provenance-grid p { margin:0; color:var(--muted); font-size:.66rem; line-height:1.5; }
.people-hero { padding:145px 0 72px; overflow:hidden; background:radial-gradient(circle at 78% 18%,rgba(98,84,217,.5),transparent 32%),linear-gradient(145deg,#131529,#222750); color:#fff; }.people-hero__grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:5vw; align-items:center; }.people-hero h1 { margin-bottom:24px; font-size:clamp(3.3rem,6.8vw,6.7rem); line-height:.9; letter-spacing:-.07em; }.people-hero h1 em { color:#78dbc0; font-family:Georgia,serif; font-weight:500; }.people-hero__lead { max-width:620px; color:#c4c7dd; font-size:1.03rem; line-height:1.7; }.people-hero .kicker { color:#9189ff; }
.people-preview { overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:25px; background:#f6f7fb; color:var(--ink); box-shadow:0 35px 85px rgba(0,0,0,.32); transform:rotate(1deg); }.people-preview__top { padding:15px 18px; display:flex; align-items:center; gap:11px; border-bottom:1px solid #e1e3ec; background:#fff; }.people-preview__top strong { font-size:.76rem; }.people-preview__top span { margin-left:auto; padding:7px 10px; border-radius:99px; background:#e5f5ef; color:#21755d; font-size:.55rem; font-weight:900; }.people-preview__body { padding:17px; display:grid; grid-template-columns:1.2fr .8fr; gap:11px; }.preview-card { padding:15px; border:1px solid #e0e3ed; border-radius:14px; background:#fff; }.preview-card h3 { margin-bottom:11px; font-size:.76rem; }.preview-schedule { display:grid; grid-template-columns:45px 1fr; gap:7px; align-items:center; font-size:.56rem; }.preview-schedule span { color:#8790a2; }.preview-schedule strong { padding:8px 9px; border-radius:8px; background:#eceafd; color:#5046b8; }.preview-goal { height:7px; margin:9px 0; overflow:hidden; border-radius:99px; background:#e7e9ef; }.preview-goal::after { width:72%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--brand),var(--accent)); content:""; }.preview-doc { padding:8px 0; display:flex; justify-content:space-between; border-top:1px solid #eceef3; color:#606b80; font-size:.55rem; }.preview-doc strong { color:#293750; }
.people-modules { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.people-module { min-height:210px; padding:24px; border:1px solid var(--line); border-radius:19px; background:#fff; }.people-module__icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:#eceafd; color:var(--brand); font-size:.72rem; font-weight:950; }.people-module small { margin-top:25px; display:block; color:var(--brand); font-size:.55rem; font-weight:900; letter-spacing:.09em; }.people-module h3 { margin:7px 0; font-size:1rem; }.people-module p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.55; }
.people-dashboard { min-height:730px; display:grid; grid-template-columns:190px minmax(0,1fr); }.people-dashboard__main { min-width:0; padding:20px; }.people-greeting { margin-bottom:15px; display:flex; justify-content:space-between; gap:15px; }.people-greeting h3 { margin:0 0 4px; font-size:1.2rem; }.people-greeting p { margin:0; color:#76869a; font-size:.65rem; }.people-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:12px; }.people-stack { display:grid; align-content:start; gap:12px; }.shift-row { padding:11px 0; display:grid; grid-template-columns:54px 1fr auto; gap:10px; align-items:center; border-top:1px solid #e7ebf1; }.shift-date { color:var(--brand); font-size:.58rem; font-weight:900; }.shift-row strong { display:block; font-size:.7rem; }.shift-row small { color:#8290a1; font-size:.56rem; }.shift-hours { color:#44576f; font-size:.62rem; font-weight:850; }.balance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.balance-grid div { padding:12px; border-radius:10px; background:#f1f2f8; }.balance-grid span { display:block; color:#81899a; font-size:.5rem; text-transform:uppercase; }.balance-grid strong { margin-top:4px; display:block; font-size:.84rem; }.goal-item { padding:10px 0; border-top:1px solid #e7ebf1; }.goal-item__top { display:flex; justify-content:space-between; gap:10px; font-size:.63rem; }.goal-item__top strong { font-size:.68rem; }.goal-bar { height:7px; margin-top:7px; overflow:hidden; border-radius:99px; background:#e7e8ef; }.goal-bar span { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--brand),var(--accent)); }.document-row { padding:11px 0; display:grid; grid-template-columns:1fr auto; gap:9px; border-top:1px solid #e7ebf1; }.document-row strong { display:block; font-size:.68rem; }.document-row small { color:#8290a2; font-size:.55rem; }.document-row button,.approval-row button { align-self:center; min-height:30px; padding:0 10px; border:1px solid #d2d6e6; border-radius:8px; background:#f8f8fc; color:#5149af; font-size:.55rem; font-weight:850; cursor:pointer; }.notice-card { padding:14px; border-radius:12px; background:#eceafd; }.notice-card strong { display:block; font-size:.72rem; }.notice-card p { margin:5px 0 0; color:#6b6891; font-size:.58rem; line-height:1.45; }
.approval-row { padding:12px 0; display:grid; grid-template-columns:1fr auto; gap:10px; border-top:1px solid #e6eaf0; }.approval-row strong { display:block; font-size:.68rem; }.approval-row small { color:#7d8da0; font-size:.55rem; }.approval-row button:disabled { border-color:#b8dfd3; background:#e4f5ef; color:#23755f; cursor:default; }
.workshop-dashboard { min-height:720px; display:grid; grid-template-columns:180px minmax(0,1fr); }.workshop-main { min-width:0; padding:20px; }.workshop-toolbar { margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }.workshop-toolbar__date { display:flex; align-items:center; gap:9px; }.workshop-toolbar button { min-height:34px; padding:0 11px; border:1px solid #cad6e2; border-radius:9px; background:#fff; color:#315a7c; font-size:.6rem; font-weight:850; cursor:pointer; }.workshop-toolbar strong { font-size:.8rem; }.workshop-toolbar span { color:#75869a; font-size:.58rem; }.workshop-board { overflow-x:auto; border:1px solid #d3dee8; border-radius:15px; background:#fff; }.workshop-head,.workshop-timeline { min-width:860px; display:grid; grid-template-columns:64px repeat(4,1fr); }.workshop-head { border-bottom:1px solid #dce5ed; background:#f6f8fa; }.workshop-head div { padding:12px; border-left:1px solid #e0e7ee; }.workshop-head div:first-child { border-left:0; }.workshop-head strong { display:block; font-size:.65rem; }.workshop-head small { color:#8190a0; font-size:.52rem; }.workshop-hours { display:grid; grid-template-rows:repeat(9,70px); background:#f8fafb; }.workshop-hours span { padding:7px; border-bottom:1px solid #e2e8ee; color:#8391a0; font-size:.52rem; text-align:right; }.workshop-lane { min-height:630px; padding:7px; display:grid; grid-template-rows:repeat(9,70px); border-left:1px solid #e1e8ee; background:repeating-linear-gradient(to bottom,#fff 0,#fff 69px,#e5eaf0 70px); }.workshop-job { min-width:0; margin:2px; padding:10px; overflow:hidden; border-left:4px solid var(--brand); border-radius:9px; background:#eaf2f7; box-shadow:0 4px 10px rgba(22,55,79,.08); }.workshop-job strong { display:block; overflow:hidden; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }.workshop-job small { display:block; margin-top:3px; color:#64778a; font-size:.52rem; line-height:1.35; }.workshop-job span { margin-bottom:5px; display:block; color:#315e7a; font-size:.5rem; font-weight:900; }.workshop-job--maintenance { border-color:#3a8ac1; background:#e6f1f8; }.workshop-job--repair { border-color:#df7442; background:#fbece4; }.workshop-job--apk { border-color:#5ba57d; background:#e7f4ed; }.workshop-job--delivery { border-color:#9a72cf; background:#f0eafa; }.workshop-summary { margin-top:12px; display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.workshop-summary div { padding:13px; border:1px solid #d8e1e9; border-radius:11px; background:#fff; }.workshop-summary span { display:block; color:#7e8c9b; font-size:.5rem; text-transform:uppercase; }.workshop-summary strong { margin-top:4px; display:block; font-size:.78rem; }
.leave-dialog { width:min(580px,calc(100% - 28px)); padding:0; border:0; border-radius:22px; color:var(--ink); box-shadow:0 35px 90px rgba(0,0,0,.35); }.leave-dialog::backdrop { background:rgba(12,16,32,.7); }.leave-dialog__head { padding:22px 24px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); }.leave-dialog__head h2 { margin:0; font-size:1.25rem; }.leave-dialog__head button { border:0; background:transparent; font-size:1.2rem; cursor:pointer; }.leave-dialog__body { padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }.leave-dialog label { display:grid; gap:6px; color:#607087; font-size:.62rem; font-weight:750; }.leave-dialog input,.leave-dialog select,.leave-dialog textarea { width:100%; padding:11px; border:1px solid #cbd3e1; border-radius:9px; background:#fff; font:inherit; }.leave-dialog textarea { min-height:85px; resize:vertical; }.leave-dialog__wide { grid-column:1/-1; }.leave-dialog__foot { padding:17px 24px; display:flex; justify-content:flex-end; gap:9px; border-top:1px solid var(--line); background:#f8f8fb; }
.reveal { opacity:1; transform:none; }.js .reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }.js .reveal.in-view { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.001ms!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }.reveal { opacity:1!important; transform:none!important; } }
@media (max-width:1100px) { .site-nav { display:none; position:absolute; top:70px; right:24px; padding:18px; flex-direction:column; align-items:stretch; border-radius:15px; background:#0b243f; }.site-nav.is-open { display:flex; }.menu-toggle { margin-left:auto; display:block; }.category-strip { grid-template-columns:1fr 1fr; }.catalog-layout { grid-template-columns:1fr; }.product-detail { position:static; }.counter-layout { grid-template-columns:150px 1fr; }.order-pane { grid-column:1/-1; border-top:1px solid #cddae7; border-left:0; }.portal-layout { grid-template-columns:1fr; }.workflow { grid-template-columns:1fr 1fr; }.workflow article::after { display:none; }.hub-grid { grid-template-columns:1fr; }.hub-card { min-height:auto; }.vehicle-lookup { grid-template-columns:1fr; }.people-hero__grid { grid-template-columns:1fr; }.people-preview { transform:none; }.people-dashboard { grid-template-columns:150px minmax(0,1fr); }.people-grid { grid-template-columns:1fr; }.workshop-dashboard { grid-template-columns:150px minmax(0,1fr); } }
@media (max-width:720px) { .shell { width:min(100% - 28px,1380px); }.site-header { min-height:70px; }.header-cta { display:none; }.hero { min-height:720px; }.hero::after,body[data-brand="store"] .hero::after,body[data-brand="parts"] .hero::after,body[data-brand="cars"] .hero::after { background:linear-gradient(90deg,rgba(5,18,34,.96),rgba(5,18,34,.58)); }.hero__content { padding:125px 0 60px; }.hero h1 { font-size:clamp(3.2rem,16vw,5rem); }.hero__metrics { grid-template-columns:1fr; gap:13px; }.hero__metrics div { grid-template-columns:70px 1fr; align-items:center; }.section { padding:78px 0; }.section-head--split { grid-template-columns:1fr; gap:16px; }.section-head h2 { font-size:clamp(2.4rem,12vw,3.5rem); }.category-strip,.product-grid,.platform-list,.provenance-grid,.people-modules { grid-template-columns:1fr; }.catalog-toolbar { grid-template-columns:1fr; }.filter-chip { min-height:37px; }.counter-layout { display:block; }.app-sidebar { display:none; }.quick-items { grid-template-columns:1fr 1fr; }.order-pane { border-top:1px solid #cddae7; }.app-showcase__top { align-items:flex-start; flex-wrap:wrap; }.app-showcase__top nav { width:100%; margin-left:0; }.app-tab { flex:1; }.portal-layout { padding:12px; }.kpi-row { grid-template-columns:1fr; }.workflow { grid-template-columns:1fr; }.platform-callout__grid { grid-template-columns:1fr; }.hub-hero { padding-top:125px; }.hub-card__media { height:230px; }.hub-card ul { grid-template-columns:1fr; }.beauty-link,.showcase-footer,.stock-sync { align-items:flex-start; grid-template-columns:1fr; flex-direction:column; }.showcase-footer nav { flex-wrap:wrap; }.vehicle-lookup__control,.vehicle-profile { padding:22px; }.plate-row { grid-template-columns:1fr; }.vehicle-data-grid { grid-template-columns:1fr 1fr; }.fitment-path { grid-template-columns:1fr 1fr; }.fitment-path div::after { display:none; }.stock-sync__actions { align-items:flex-start; flex-direction:column; }.people-hero { padding-top:120px; }.people-hero h1 { font-size:clamp(3rem,15vw,4.6rem); }.people-preview__body,.people-dashboard { display:block; }.people-preview__body .preview-card + .preview-card { margin-top:10px; }.people-dashboard .app-sidebar { display:none; }.people-dashboard__main { padding:12px; }.people-greeting { display:block; }.people-greeting .button { margin-top:12px; }.balance-grid { grid-template-columns:1fr 1fr; }.leave-dialog__body { grid-template-columns:1fr; }.leave-dialog__wide { grid-column:auto; }.workshop-dashboard { display:block; }.workshop-dashboard .app-sidebar { display:none; }.workshop-main { padding:12px; }.workshop-toolbar { align-items:flex-start; flex-direction:column; }.workshop-summary { grid-template-columns:1fr 1fr; } }