:root{--okc-orange:var(--accent,#f2620f);--okc-orange-dark:var(--accent-dark,#c94e08);--okc-orange-soft:var(--accent-soft,#fff1e8);--okc-ink:var(--ink,#0b0f14);--okc-ink-2:#1b2430;--okc-surface:#fbfaf7;--okc-surface-soft:#f2f3f5;--okc-card:#fff;--okc-border:var(--line,#eceff3);--okc-text:var(--ink,#0b0f14);--okc-text-2:var(--mut,#6b7480);--okc-success:var(--ok,#0e9f6e);--okc-warning:var(--warn,#c77700);--okc-radius:14px;--okc-radius-sm:10px;--okc-shadow:0 1px 2px rgba(11,15,20,.04),0 6px 20px rgba(11,15,20,.06);--okc-shadow-hover:0 6px 24px rgba(11,15,20,.1);--okc-max:1120px;--mo-fast:180ms;--mo-normal:300ms;--mo-slow:450ms;--mo-ease:cubic-bezier(.22,.61,.36,1);--mo-ease-out:cubic-bezier(.16,1,.3,1);--mo-stagger:60ms}.okc-wrap{max-width:var(--okc-max);margin:0 auto;padding:0 16px;box-sizing:border-box}.okc-scope{color:var(--okc-text)}.okc-eyebrow,.okc-scope a{color:var(--okc-orange-dark)}.okc-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.okc-pattern{position:relative;overflow:hidden}.okc-pattern:before{inset:0;background-image:linear-gradient(rgba(27,36,48,.045) 1px,transparent 0),linear-gradient(90deg,rgba(27,36,48,.045) 1px,transparent 0);background-size:44px 44px,44px 44px;mask-image:radial-gradient(120% 90% at 80% 10%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 80% 10%,#000 30%,transparent 78%)}.okc-pattern:after,.okc-pattern:before{content:"";position:absolute;z-index:0;pointer-events:none}.okc-pattern:after{width:520px;height:520px;right:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(242,98,15,.16) 0,rgba(242,98,15,.06) 42%,transparent 70%)}.okc-rings{position:absolute;right:-60px;bottom:-90px;width:360px;height:360px;z-index:0;pointer-events:none;opacity:.5}.okc-rings circle{fill:none;stroke:rgba(27,36,48,.1)}.okc-hero{position:relative;border:1px solid var(--okc-border);border-radius:20px;background:radial-gradient(90% 120% at 85% -10%,rgba(242,98,15,.1),transparent 60%),linear-gradient(180deg,#fff 0,var(--okc-surface) 100%);padding:40px 34px;margin:12px 0 26px;box-sizing:border-box;overflow:hidden}.okc-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .9fr;grid-gap:24px;gap:24px;align-items:center}.okc-hero h1{font-size:clamp(26px,3.4vw,40px);line-height:1.1;letter-spacing:-.02em;margin:10px 0 8px;color:var(--okc-ink);font-weight:800}.okc-hero p.okc-lead{color:var(--okc-text-2);font-size:15.5px;line-height:1.6;margin:0 0 20px;max-width:46ch}.okc-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.okc-hero-art{position:relative;min-height:170px;display:flex;align-items:center;justify-content:center}.okc-hero-art svg{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 14px 24px rgba(11,15,20,.14))}.okc-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;border-radius:12px;padding:12px 20px;min-height:44px;box-sizing:border-box;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform var(--mo-fast) var(--mo-ease),box-shadow var(--mo-fast) var(--mo-ease),background var(--mo-fast) var(--mo-ease),border-color var(--mo-fast) var(--mo-ease)}.okc-btn-primary{background:var(--okc-orange);color:#fff;box-shadow:0 2px 10px rgba(242,98,15,.28)}.okc-btn-primary:hover{background:var(--okc-orange-dark);box-shadow:0 6px 18px rgba(242,98,15,.34);transform:translateY(-2px)}.okc-btn-ghost{background:#fff;color:var(--okc-ink);border-color:var(--okc-border)}.okc-btn-ghost:hover{border-color:#cfd4dc;box-shadow:var(--okc-shadow);transform:translateY(-2px)}.okc-btn:focus-visible{outline:2px solid var(--okc-orange);outline-offset:2px}.okc-btn .okc-arrow{transition:transform var(--mo-fast) var(--mo-ease)}.okc-btn:hover .okc-arrow{transform:translateX(3px)}.okc-search{display:flex;gap:8px;margin-top:4px;max-width:460px}.okc-search input{flex:1 1;min-width:0;border:1px solid var(--okc-border);border-radius:12px;padding:12px 14px;font-size:14.5px;background:#fff;color:var(--okc-ink);transition:border-color var(--mo-fast) var(--mo-ease),box-shadow var(--mo-fast) var(--mo-ease)}.okc-search input:focus{outline:none;border-color:var(--okc-orange);box-shadow:0 0 0 3px rgba(242,98,15,.14)}.okc-crumb{font-size:13px;color:var(--okc-text-2);margin:14px 0}.okc-crumb a{color:var(--okc-ink);text-decoration:none;font-weight:600}.okc-crumb a:hover{color:var(--okc-orange-dark)}.okc-crumb .sep{color:#c3c8d0;margin:0 6px}.okc-h2{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--okc-ink);margin:4px 0 2px}.okc-sub{color:var(--okc-text-2);font-size:13.5px;margin:0 0 14px}.okc-grid{display:grid;grid-gap:14px;gap:14px}.okc-grid-brand{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.okc-grid-series{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.okc-bcard,.okc-scard{position:relative;display:block;border:1px solid var(--okc-border);border-radius:var(--okc-radius);background:var(--okc-card);padding:16px 16px 15px;text-decoration:none;color:var(--okc-ink);box-shadow:var(--okc-shadow);overflow:hidden;box-sizing:border-box;transition:transform var(--mo-fast) var(--mo-ease),box-shadow var(--mo-fast) var(--mo-ease),border-color var(--mo-fast) var(--mo-ease)}.okc-bcard:before,.okc-scard:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--okc-orange);transform:scaleY(0);transform-origin:top;transition:transform var(--mo-normal) var(--mo-ease)}.okc-bcard:hover,.okc-scard:hover{transform:translateY(-3px);box-shadow:var(--okc-shadow-hover);border-color:#dfe3e9}.okc-bcard:hover:before,.okc-scard:hover:before{transform:scaleY(1)}.okc-bcard:focus-visible,.okc-scard:focus-visible{outline:2px solid var(--okc-orange);outline-offset:2px}.okc-bcard-name{font-weight:700;font-size:16px;letter-spacing:-.01em;overflow-wrap:anywhere}.okc-bcard-meta{font-size:12.5px;color:var(--okc-text-2);margin-top:4px}.okc-bcard-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.okc-arrow-ico{color:var(--okc-orange);transition:transform var(--mo-fast) var(--mo-ease);flex:0 0 auto}.okc-bcard:hover .okc-arrow-ico,.okc-scard:hover .okc-arrow-ico{transform:translateX(4px)}.okc-scard-title{font-weight:700;font-size:16.5px;color:var(--okc-ink)}.okc-scard-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--okc-orange-dark)}.okc-scard-badges{margin-top:10px}.okc-mini{font-size:11.5px;font-weight:600;color:var(--okc-ink-2);background:var(--okc-surface-soft);border-radius:999px;padding:4px 9px}.okc-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:8px;gap:8px}.okc-chip{display:flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;border:1px solid var(--okc-border);border-radius:11px;background:#fff;color:var(--okc-ink);font-weight:600;text-decoration:none;padding:10px 8px;transition:background var(--mo-fast) var(--mo-ease),border-color var(--mo-fast) var(--mo-ease),color var(--mo-fast) var(--mo-ease),transform var(--mo-fast) var(--mo-ease)}.okc-chip:hover{border-color:var(--okc-orange);color:var(--okc-orange-dark);transform:translateY(-1px)}.okc-chip:focus-visible{outline:2px solid var(--okc-orange);outline-offset:2px}.okc-chip.is-active,.okc-chip[aria-current=true]{background:var(--okc-orange);border-color:var(--okc-orange);color:#fff}.okc-price{border:1px solid var(--okc-border);border-radius:var(--okc-radius-sm);background:#fff;padding:14px}.okc-price .l{font-size:12px;color:var(--okc-text-2)}.okc-price .v{font-weight:800;font-size:18px;color:var(--okc-ink);letter-spacing:-.01em}.okc-price .s{font-size:12px;color:var(--okc-text-2);margin-top:2px}.okc-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px}.okc-badge-ok{background:var(--ok-soft,#e7f6ee);color:var(--okc-success)}.okc-badge-warn{background:var(--warn-soft,#fbf1dc);color:var(--okc-warning)}.okc-badge-ink{background:#eef1f5;color:var(--okc-ink-2)}.okc-empty{border:1px dashed var(--okc-border);border-radius:var(--okc-radius);background:var(--okc-surface);padding:34px 20px;text-align:center;color:var(--okc-text-2)}.okc-empty svg{color:#c3c8d0;margin-bottom:8px}.okc-empty b{color:var(--okc-ink);display:block;margin-bottom:4px;font-size:15px}@keyframes okcFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes okcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes okcShimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes okcScaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.okc-hero-inner>*{animation:okcFadeUp var(--mo-slow) var(--mo-ease-out) both}.okc-hero-inner>:nth-child(2){animation-delay:90ms}.okc-reveal{opacity:0;transform:translateY(14px);transition:opacity var(--mo-normal) var(--mo-ease-out),transform var(--mo-normal) var(--mo-ease-out);will-change:opacity,transform}.okc-reveal.is-in{opacity:1;transform:none}.okc-reveal-stagger>*{opacity:0;transform:translateY(12px);transition:opacity var(--mo-normal) var(--mo-ease-out),transform var(--mo-normal) var(--mo-ease-out)}.okc-reveal-stagger.is-in>*{opacity:1;transform:none}.okc-reveal-stagger.is-in>:first-child{transition-delay:0ms}.okc-reveal-stagger.is-in>:nth-child(2){transition-delay:calc(var(--mo-stagger)*1)}.okc-reveal-stagger.is-in>:nth-child(3){transition-delay:calc(var(--mo-stagger)*2)}.okc-reveal-stagger.is-in>:nth-child(4){transition-delay:calc(var(--mo-stagger)*3)}.okc-reveal-stagger.is-in>:nth-child(5){transition-delay:calc(var(--mo-stagger)*4)}.okc-reveal-stagger.is-in>:nth-child(6){transition-delay:calc(var(--mo-stagger)*5)}.okc-reveal-stagger.is-in>:nth-child(7){transition-delay:calc(var(--mo-stagger)*6)}.okc-reveal-stagger.is-in>:nth-child(8){transition-delay:calc(var(--mo-stagger)*7)}.okc-reveal-stagger.is-in>:nth-child(n+9){transition-delay:calc(var(--mo-stagger)*8)}.okc-skel{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:840px 100%;animation:okcShimmer 1.25s linear infinite;border-radius:10px}.okc-imgzoom{overflow:hidden}.okc-imgzoom img,.okc-imgzoom>*{transition:transform var(--mo-slow) var(--mo-ease-out)}.okc-imgzoom:hover img,.okc-imgzoom:hover>*{transform:scale(1.015)}@media (max-width:820px){.okc-hero{padding:26px 18px;border-radius:16px}.okc-hero-inner{grid-template-columns:1fr;gap:14px}.okc-hero-art{display:none}.okc-hero:after,.okc-pattern:after{opacity:.6}.okc-grid-series{grid-template-columns:1fr}}@media (max-width:480px){.okc-hero h1{font-size:24px}.okc-btn{width:100%;justify-content:center}.okc-hero-cta{gap:8px}}@media (prefers-reduced-motion:reduce){*,.okc-hero-inner>*,.okc-reveal,.okc-reveal-stagger>*{animation:none!important;transition:none!important}.okc-reveal,.okc-reveal-stagger>*{opacity:1!important;transform:none!important}html{scroll-behavior:auto!important}}.okc-filterbar{margin:2px 0 16px}.okc-filterchips{margin-top:10px}.okc-filterchip{cursor:pointer;background:var(--okc-surface,#fff)}.okc-filterchip.is-active{background:var(--okc-navy,#12233b);color:#fff;border-color:var(--okc-navy,#12233b)}.okc-chip-has{font-weight:700;border-color:var(--okc-orange,#e6791f)}.okc-chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--okc-orange,#e6791f);margin-left:6px;vertical-align:middle}.okc-scard-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.okc-yearlegend{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 10px;font-size:12px;color:var(--okc-text-2,#586274)}.okc-yl-item{display:inline-flex;align-items:center;gap:6px}.okc-yl-dot{width:8px;height:8px;border-radius:50%;background:var(--okc-orange,#e6791f);display:inline-block}.okc-yl-plain{width:12px;height:2px;background:#c5ccd6;display:inline-block;border-radius:2px}.okc-cattabs{gap:8px}.okc-cattab{cursor:pointer;text-decoration:none}.okc-cattab.is-active{background:var(--okc-navy,#12233b);color:#fff;border-color:var(--okc-navy,#12233b)}.okc-mini-cat{background:#fff5e6;color:#9a6410;border:1px solid #f2ddb0}.okc-chip-gen{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 5px;border-radius:6px;background:var(--okc-navy,#12233b);color:#fff;vertical-align:middle}.okc-chip-range{background:#f4f6f9;color:#6b7688;border-style:dashed}.okv-gbadge{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:#eef1f6;color:#41506b;vertical-align:middle}.okv-modelline{font-size:11.5px;font-weight:700;letter-spacing:.2px;color:var(--okc-navy,#12233b);text-transform:uppercase;margin-bottom:2px}.okc-motorlist{display:flex;flex-direction:column;border:1px solid var(--okc-border,#e3e7ee);border-radius:12px;overflow:hidden;background:#fff}.okc-motorrow{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:#141414;border-bottom:1px solid #eef1f5;transition:background .12s}.okc-motorrow:last-child{border-bottom:none}.okc-motorrow:hover{background:#f6f8fb}.okc-motorname{font-weight:700;font-size:15.5px;letter-spacing:.2px}.okc-motorcount{margin-left:auto;font-size:13px;color:#5b6472;background:#f1f4f8;padding:3px 10px;border-radius:20px}.okc-motorchev{color:#b3bcc9;font-size:20px;line-height:1;margin-left:4px}.okc-backlink{display:inline-block;font-size:13.5px;color:#0a63c9;text-decoration:none;margin:2px 0}.okc-backlink:hover{text-decoration:underline}@media(max-width:480px){.okc-motorname{font-size:14.5px}.okc-motorrow{padding:13px 14px}}.okv-card-sup{background:var(--okc-surface,#fafbfc);border:1px dashed var(--okc-border,#dfe3ea);border-radius:12px;padding:12px 14px}.okv-card-sup .okv-modelline{font-size:11.5px;font-weight:700;color:#6b7688;text-transform:uppercase;letter-spacing:.3px}.okv-card-sup .okv-name{font-size:15px;font-weight:600;margin:2px 0 4px;color:#2a2f38}.okv-card-sup .okv-spec{font-size:12px;color:#8a94a3}