@font-face{font-family:system-fallback;src:local("Segoe UI")}:root{--bg:#f4f1eb;--surface:#fffdf9;--surface-2:#f0ece5;--text:#201d19;--muted:#736d64;--line:#ded7cd;--accent:#c84f2f;--accent-dark:#9f3820;--dark:#26221d;--success:#2f7a4d;--shadow:0 14px 35px rgba(38,34,29,.12);--radius:22px;--ease:cubic-bezier(.22,.9,.25,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{background:#d9d4cb}body{margin:0;font-family:Inter,system-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:active{transform:scale(.97)}img,svg{max-width:100%;display:block}.app,.gate{width:min(100%,520px);margin:0 auto;min-height:100vh;background:radial-gradient(circle at 90% 0%,rgba(200,79,47,.11),transparent 28%),linear-gradient(180deg,#f8f5ef,#f2eee7);position:relative;overflow-x:hidden}.app{padding-bottom:34px}.app-enter{animation:rise .4s var(--ease)}@media(min-width:521px){body{padding:24px 0}.app,.gate{border-radius:28px;min-height:calc(100vh - 48px);box-shadow:0 24px 70px #0000002e}.sheet{bottom:24px;border-radius:28px;max-height:88vh}}.gate{display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:100%;max-width:380px;text-align:center;animation:rise .5s var(--ease)}.gate-mark{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#2b2621,#26221d);color:#f3c476;box-shadow:var(--shadow)}.gate-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800;margin:0 0 6px}.gate-title{margin:0;font-size:28px;letter-spacing:-.03em}.gate-text{color:var(--muted);font-size:15px;line-height:1.5;margin:12px 0 26px}.gate-form{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 9px 22px #26221d0f}.gate-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.gate-input{width:100%;border:1.5px solid var(--line);background:var(--surface-2);border-radius:14px;padding:15px 16px;font-size:20px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--text);transition:border-color .2s,background .2s}.gate-input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.gate-form.error .gate-input{border-color:#c0392b;animation:shake .35s var(--ease)}.gate-error{display:none;color:#a83226;font-size:13px;margin:10px 2px 0;line-height:1.4}.gate-form.error .gate-error{display:block}.gate-submit{margin-top:16px}.gate-hint{margin-top:16px;color:var(--muted);font-size:12.5px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--bg);z-index:100;color:var(--muted);font-size:14px;font-weight:600}.loading.show{display:flex}.loading-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding:22px 18px 16px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:8px}h1{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.04em;max-width:420px}.subtitle{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.45}.tracking{margin:16px 18px 6px;background:var(--dark);color:#fff;border-radius:18px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow)}.tracking small{display:block;color:#cfc8bf;font-size:11px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.12em}.tracking strong{font-size:15px;letter-spacing:.04em}.tracking-btn{border:0;color:#fff;background:#3b352e;padding:10px 14px;border-radius:12px;font-weight:700;white-space:nowrap;transition:background .2s}.tracking-btn:active{background:#4a4238}.section{padding:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-head span{color:var(--muted);font-size:13px}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumb{aspect-ratio:1;border-radius:14px;border:0;overflow:hidden;padding:0;background:#d9d1c6;position:relative;box-shadow:inset 0 0 0 1px #0000000a;transition:transform .15s var(--ease)}.thumb:active{transform:scale(.94)}.thumb svg,.car-image svg,.hero-photo svg{width:100%;height:100%;display:block}.cards{display:grid;gap:14px}.car-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 9px 22px #26221d12;text-align:left;padding:0;width:100%;color:inherit;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.car-card:active{transform:scale(.985);box-shadow:0 5px 14px #26221d17}.car-image{aspect-ratio:16/9;background:#d8d0c5}.car-body{padding:15px;display:grid;gap:10px}.car-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.car-title{margin:0;font-size:19px;letter-spacing:-.025em}.car-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.pill{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#efe6df;color:var(--accent-dark);font-size:11px;font-weight:800;white-space:nowrap}.car-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;align-items:center}.car-footer strong{color:var(--accent-dark);font-weight:800}.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 9px 22px #26221d0f}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);margin-bottom:8px}.summary-total{display:flex;justify-content:space-between;align-items:end;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.summary-total span{color:var(--muted);font-size:13px}.summary-total strong{font-size:28px;letter-spacing:-.04em}.foot-note{text-align:center;color:var(--muted);font-size:12.5px;padding:10px 18px 0}.btn{width:100%;border:0;border-radius:15px;padding:15px 16px;font-weight:800;font-size:15px;transition:background .15s,transform .1s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 18px #c84f2f3d}.btn-primary:active{background:var(--accent-dark)}.btn-secondary{background:var(--surface-2);color:var(--text)}.summary .btn-primary{margin-top:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1815128c;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:40}.overlay.show{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:0;width:min(100%,520px);max-height:92vh;transform:translate(-50%,105%);background:var(--surface);border-radius:28px 28px 0 0;box-shadow:0 -18px 50px #00000040;z-index:50;transition:transform .38s var(--ease);overflow:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sheet.show{transform:translate(-50%)}.sheet-grab{width:46px;height:5px;border-radius:999px;background:#c9c0b5;margin:10px auto 4px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 18px 14px;position:sticky;top:0;background:#fffdf9f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;border-bottom:1px solid rgba(222,215,205,.75)}.sheet-head h3{margin:0;font-size:22px;letter-spacing:-.03em}.sheet-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.close{width:38px;height:38px;border-radius:50%;border:0;background:var(--surface-2);font-size:20px}.sheet-content{padding:18px}.sheet-section{margin-bottom:22px}.sheet-section h4{margin:0 0 9px;font-size:16px}.copy{margin:0;font-size:15px;line-height:1.6;color:#38332d}.note-box{padding:14px;border-radius:16px;background:#f6eadf;border:1px solid #ead7c8}.price-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.price-row{padding:12px 13px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:14px}.price-row:last-child{border-bottom:0}.price-row.total{background:var(--surface-2);font-weight:800}.nav-actions{display:grid;gap:10px;margin-top:18px}.pay-sheet .amount{text-align:center;margin:8px 0 18px}.pay-sheet .amount span{display:block;color:var(--muted);font-size:13px}.pay-sheet .amount strong{display:block;font-size:34px;letter-spacing:-.05em;margin-top:3px}.qr-area{margin-top:18px;animation:rise .3s var(--ease)}.qr-wrap{width:230px;height:230px;margin:0 auto 18px;padding:14px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.qr{width:100%;height:100%;background:linear-gradient(90deg,#111 12px,transparent 12px) 0 0/26px 26px,linear-gradient(#111 12px,transparent 12px) 0 0/26px 26px,linear-gradient(90deg,transparent 13px,#111 13px 20px,transparent 20px) 0 0/31px 31px,linear-gradient(transparent 13px,#111 13px 20px,transparent 20px) 0 0/31px 31px,#fff;image-rendering:pixelated;border:10px solid #fff}.qr-caption{text-align:center;color:var(--muted)}.pix-code{background:var(--surface-2);border-radius:14px;padding:12px;color:var(--muted);font-size:12px;word-break:break-all;margin:12px 0}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:11px 14px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:80;font-weight:700;font-size:13px;white-space:nowrap;max-width:calc(100% - 40px);white-space:normal;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0d0b;z-index:90;display:none;color:#fff}.viewer.show{display:block}.viewer-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:18px;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}.viewer-close{border:0;background:#ffffff26;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px}.viewer-stage{height:100%;display:grid;place-items:center;padding:70px 16px 80px}.viewer-stage svg{width:100%;max-height:100%;border-radius:18px;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.viewer-nav{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:10px}.viewer-nav button{border:0;border-radius:999px;padding:12px 20px;background:#ffffff29;color:#fff;font-weight:800;font-size:16px}.viewer-nav button:active{background:#ffffff47}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}