.vin-assistant{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr);gap:20px 34px;margin:0 0 26px;padding:22px 24px;background:var(--ink);color:white;border-left:5px solid var(--rust);box-shadow:0 8px 24px rgba(18,17,15,.12)}
.vin-copy h2{margin:3px 0 5px;font-size:24px;color:white}.vin-copy p{margin:0;color:#c8c5bf;font-size:14px}.vin-kicker{color:#f2a27e;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vin-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:800}.vin-form__row{display:flex;gap:8px}.vin-form input{min-width:0;flex:1;height:44px;border:1px solid #625e57;border-radius:4px;background:#fff;color:var(--ink);padding:0 12px;font:700 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase}.vin-form small{display:block;margin-top:6px;color:#aaa59e;font-size:12px}.vin-form .btn{white-space:nowrap}
.vin-mode{display:flex;width:max-content;gap:3px;margin:0 0 10px;padding:3px;border:1px solid #625e57;border-radius:7px;background:#302e2a}.vin-mode button{min-height:32px;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#c8c5bf;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer}.vin-mode button:hover{color:#fff}.vin-mode button:focus-visible{outline:2px solid #f2a27e;outline-offset:2px}.vin-mode button.is-active{background:#fff;color:var(--ink)}
.vin-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding-top:18px;border-top:1px solid #4b4842}.vin-result[hidden]{display:none}.vin-result span,.vin-result small{display:block}.vin-result small{margin-top:5px;color:#c8c5bf;line-height:1.45}.vin-result strong{display:block;font-size:18px}.vin-match{padding-left:18px;border-left:1px solid #4b4842}.vin-match>strong{margin:8px 0 0;font-size:28px}.vin-match p{margin:8px 0 12px;color:#dedbd5;font-size:13px}.vin-confidence{width:max-content;padding:4px 7px;border-radius:3px;background:#246044;color:#dff8e9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.vin-confidence.medium,.vin-confidence.low{background:#734619;color:#ffe8c8}.vin-result.has-error{grid-template-columns:1fr;color:#ffd8cf}.vin-result.has-error small{color:#f1b9ad}.vin-result.is-loading{grid-template-columns:auto 1fr;align-items:center}.vin-spinner{width:28px;height:28px;border:3px solid #645f57;border-top-color:var(--rust);border-radius:50%;animation:vin-spin .8s linear infinite}.vin-alternatives{display:flex;flex-wrap:wrap;gap:7px}.vin-alternative{border:1px solid #6c675f;background:#302e2a;color:white;border-radius:4px;padding:7px 9px;text-align:left}.vin-alternative b,.vin-alternative span{display:block}.vin-alternative span{color:#bcb7af;font-size:11px}@keyframes vin-spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.vin-assistant{grid-template-columns:1fr}.vin-result{grid-column:1;}.vin-form__row{flex-wrap:wrap}.vin-form input{flex-basis:230px}.vin-form .btn{flex:1}.vin-result{grid-template-columns:1fr}.vin-match{padding:16px 0 0;border-left:0;border-top:1px solid #4b4842}}
@media(max-width:620px){.vin-assistant{margin:0 -16px 20px;padding:18px 16px}.vin-form input,.vin-form .btn{flex-basis:100%}}
@media print{.vin-assistant{display:none}}

/* Стартовый экран: одно центральное действие без открытой карточки коробки. */
#workspace.vin-home{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 68px);display:flex;justify-content:center;align-items:flex-start;padding-top:clamp(72px,13vh,150px);background:#fff}
.vin-home-makers{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity .25s ease}
.maker-mark{position:absolute;width:64px;height:auto;overflow:visible;color:#746e65;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.18;animation:maker-drift 7s ease-in-out infinite alternate}
.maker-audi{width:100px;left:7%;top:22%;animation-delay:-2s}.maker-mercedes{width:56px;right:13%;top:15%;animation-delay:-4s}.maker-toyota{width:72px;left:30%;top:8%;animation-delay:-1s}.maker-vw{width:58px;right:7%;top:44%;animation-delay:-3.5s}.maker-bmw{width:58px;left:13%;top:67%;animation-delay:-5s}.maker-honda{width:66px;right:24%;bottom:12%;animation-delay:-2.5s}.maker-ford{width:90px;right:7%;top:76%;animation-delay:-.5s}.maker-hyundai{width:68px;left:3%;top:47%;animation-delay:-4.5s}.maker-ford text{fill:currentColor;stroke:none;font:bold italic 21px Georgia,serif}
@keyframes maker-drift{from{transform:translate3d(0,5px,0) rotate(-4deg)}to{transform:translate3d(0,-8px,0) rotate(3deg)}}
.vin-home .vin-assistant{position:relative;z-index:1;display:block;width:min(880px,100%);margin:0 auto;padding:0;background:transparent;color:var(--ink);border:0;box-shadow:none;text-align:center}
.vin-home .vin-copy h1,.vin-home .vin-copy h2{margin:0;font-size:42px;line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.vin-home .vin-copy p{max-width:620px;margin:14px auto 30px;color:var(--secondary);font-size:17px}
.vin-home .vin-form{width:min(760px,100%);margin:0 auto;text-align:left}
.vin-home .vin-form>label{position:absolute;left:-10000px}
.vin-home .vin-mode{margin:0 auto 12px;border-color:var(--line);background:var(--bg)}
.vin-home .vin-mode button{color:var(--secondary)}.vin-home .vin-mode button:hover{color:var(--ink)}.vin-home .vin-mode button.is-active{background:var(--ink);color:#fff}
.vin-home .vin-form__row{gap:10px;padding:7px;border:1px solid var(--strong);border-radius:12px;background:#fff;box-shadow:0 4px 8px rgba(18,17,15,.1)}
.vin-home .vin-form input{height:52px;border:0;padding:0 15px;font-size:17px;letter-spacing:.035em;outline:0}
.vin-home .vin-form .btn{min-width:142px;border-radius:7px;font-size:15px;font-weight:700}
.vin-home .vin-form>small{margin:9px 8px 0;color:var(--secondary)}
.vin-home .vin-result{margin-top:28px;padding:22px;text-align:left;background:var(--ink);color:#fff;border:0;border-radius:10px}
.vin-home .vin-result.is-demo{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:24px}
.vin-demo-badge{padding:5px 8px;border-radius:4px;background:#734619;color:#ffe8c8;font-size:12px;font-weight:750}
.vin-result .vin-demo-note{margin-top:14px;color:#bdb8af}
.vin-error-action{margin-top:16px}.vin-form #vin-access-note{font-size:13px}
.vin-history{width:min(760px,100%);margin:48px auto 0;text-align:left}
.vin-history[hidden],#workspace:not(.vin-home) .vin-history{display:none}
.vin-home:has(.vin-result:not([hidden])) .vin-home-makers{opacity:.45}
.vin-home .vin-history{position:relative;z-index:1}
.vin-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.vin-history-head h2{margin:0;font-size:15px;color:var(--secondary);font-weight:650}
.vin-history-clear{border:0;background:transparent;color:var(--secondary);padding:6px 0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.vin-history-clear:hover{color:var(--rust)}
.vin-history-list{border-top:1px solid var(--line)}
.vin-history-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
.vin-history-item:hover{background:var(--bg)}
.vin-history-item span,.vin-history-item small{display:block}
.vin-history-item strong{font:700 15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}
.vin-history-item small{margin-top:3px;color:var(--secondary);font-size:13px}
.vin-history-meta{flex-shrink:0;text-align:right}.vin-history-meta b{color:var(--rust);font-size:14px}
@media(max-width:760px){.vin-home .vin-result.is-demo{grid-template-columns:1fr}.maker-toyota,.maker-hyundai,.maker-honda,.maker-ford{display:none}.maker-audi{left:3%;top:8%}.maker-mercedes{right:4%;top:10%}.maker-vw{right:3%;top:70%}.maker-bmw{left:4%;top:73%}}
@media(max-width:620px){#workspace.vin-home{padding:56px 18px 40px}.vin-home .vin-assistant{margin:0;padding:0}.vin-home .vin-copy h1{font-size:34px}.vin-home .vin-copy p{font-size:15px;margin-bottom:24px}.vin-home .vin-form__row{padding:6px;flex-wrap:wrap;border-radius:10px}.vin-home .vin-form input,.vin-home .vin-form .btn{flex-basis:100%}.vin-home .vin-form .btn{height:46px}.vin-history{margin-top:38px}.vin-history-item{align-items:flex-start}.vin-history-meta{max-width:115px}.maker-mark{width:42px;opacity:.12}.maker-audi{width:72px}.maker-mercedes{width:40px}.maker-vw,.maker-bmw{width:42px}}
@media(prefers-reduced-motion:reduce){.vin-spinner,.maker-mark{animation:none}}
