:root{--bg:#0E2038;--bg-raise:#142B47;--text:#E9ECEF;--text-dim:#d6d6d6;--text-faint:#bdc0c3;--accent:#2E6FBE;--accent-soft:#5C93D6;--line:#24384F}li{list-style:none}.top-header{height:80px;display:flex;align-items:center;padding:0 20px;z-index:100}.toggle-btn{background:none;border:none;color:#0e2038;font-size:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background 0.2s ease}.toggle-btn:hover{background-color:rgba(255,255,255,0.1)}.header-wrap{margin-left:16px;height:65px}.header-wrap img{height:60px;width:auto}.side-menu{position:fixed;top:0;left:0;width:50%;height:100%;background-color:#f5f5f5;z-index:200;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:4px 0 25px rgba(0,0,0,0.5)}.side-menu.active{transform:translateX(0)}.side-menu-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.1);margin-top:55px}.menu-title{font-size:1.1rem;font-weight:700;color:#eee)}.close-btn{background:none;border:none;color:#252424;font-size:30px;cursor:pointer;border-radius:50%;width:41px;height:41px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.close-btn:hover{color:#0e2038;background-color:rgba(255,255,255,0.1)}.nav-list{list-style:none;padding:20px 0}.nav-item a{display:flex;align-items:center;padding:14px 24px;color:#101010;text-decoration:none;font-weight:500;font-size:20px;transition:all 0.2s ease}.nav-item a:hover{color:#0e2038;background-color:rgb(18 68 167 / 38%);border-left:4px solid var(--accent-color)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:150;opacity:0;visibility:hidden;transition:all 0.3s ease}.backdrop.active{opacity:1;visibility:visible}.category-tabs{display:flex;gap:12px;margin-bottom:30px}.showcase-container{position:relative;width:100%;border-radius:16px;padding:15px;box-shadow:0 20px 40px rgba(0,0,0,0.4)}.image-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;justify-content:center;margin:0 auto}.category-img{width:auto;height:100%;object-fit:cover;display:block;opacity:0.9;transition:opacity 0.3s ease;justify-self:center;border-radius:12px}.hotspot{position:absolute;width:24px;height:24px;background:rgb(1 72 188);border-radius:50%;border:2px solid #ffffff;cursor:pointer;transform:translate(-50%,-50%);transition:transform 0.3s ease}.hotspot::after{content:'';position:absolute;top:-6px;left:-6px;width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(0.8);opacity:1}100%{transform:scale(1.6);opacity:0}}.part-tooltip{position:absolute;bottom:35px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(15,23,42,0.95);border:1px solid var(--accent);padding:10px 14px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 10px 20px rgba(0,0,0,0.5)}.part-title{font-weight:700;color:var(--accent);font-size:0.9rem}.part-desc{font-size:0.75rem;color:var(--text-muted)}.hotspot:hover{transform:translate(-50%,-50%) scale(1.2)}.hotspot:hover .part-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.site-footer{background:var(--bg);color:var(--text-dim);padding:4rem 1.5rem 0}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:grid;gap:3rem;padding-bottom:3rem;grid-template-columns:1fr}.footer-brand{max-width:360px}.wordmark{font-family:'Fraunces',serif;font-weight:600;font-size:1.6rem;color:var(--text);letter-spacing:-0.01em;margin:0 0 0.85rem}.brand-tagline{font-size:0.925rem;line-height:1.6;color:var(--text-dim);margin:0 0 1.75rem}.signup-form{display:flex;border-bottom:1px solid var(--line);padding-bottom:0.6rem;max-width:320px}.signup-form input{flex:1;background:transparent;border:none;color:var(--text);font-family:'Inter',sans-serif;font-size:0.9rem;padding:0.3rem 0;outline:none}.signup-form input::placeholder{color:var(--text-faint)}.signup-form button{background:none;border:none;color:var(--accent);font-family:'Inter',sans-serif;font-weight:500;font-size:0.9rem;cursor:pointer;padding:0.3rem 0 0.3rem 0.75rem;transition:color 0.15s ease}.signup-form button:hover,.signup-form button:focus-visible{color:var(--accent-soft)}.signup-note{font-size:0.78rem;color:var(--text-faint);margin-top:0.6rem}.showcase-section{padding:3rem 1.5rem;max-width:1200px;margin:0 auto}.tabs-wrapper{display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}.tab-btn{background:var(--card-bg);color:#f1eeee;border:1px solid #f1eeee;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all 0.3s ease;font-size:15px}.tab-btn:hover,.tab-btn.active{background:#ffffff;color:#034367;border-color:var(--accent)}.slider-container{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.slides-wrapper{display:flex;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1)}.slide-item{min-width:100%;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width:900px){.slide-item{grid-template-columns:1.2fr 1fr}}.image-spot-container{position:relative;background:#081220;border-radius:6px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:320px;border:1px solid var(--line)}.image-spot-container img{max-width:100%;max-height:260px;object-fit:contain}.hotspot{position:absolute;width:18px;height:18px;background:var(--accent-soft);border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 12px var(--accent-soft);z-index:10}.hotspot::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--accent-soft);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(0.8);opacity:1}100%{transform:scale(1.8);opacity:0}}.hotspot-tooltip{position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(10px);background:#06111E;color:#fff;padding:0.6rem 0.8rem;border-radius:6px;border:1px solid var(--accent-soft);font-size:0.75rem;font-weight:500;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,0.6);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.25s ease;z-index:20}.hotspot-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--accent-soft) transparent transparent transparent}.hotspot:hover .hotspot-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.parts-list{display:flex;flex-direction:column;gap:0.85rem}.part-box{display:flex;align-items:center;gap:1rem;background:var(--bg-raise);border:1px solid var(--line);padding:0.75rem 1rem;border-radius:6px;transition:all 0.3s ease}.part-box.highlight{border-color:var(--accent-soft);background:rgba(46,111,190,0.25);transform:translateX(5px)}.part-thumb{width:50px;height:50px;background:#fff;border-radius:4px;object-fit:contain;padding:4px}.parts-list h3{font-size:22px;color:#fefefe;font-weight:500}.part-info h4{font-size:0.9rem;color:var(--text)}.part-info p{font-size:0.75rem;color:var(--text-dim)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(14,32,56,0.8);border:1px solid var(--line);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.nav-arrow:hover{background:var(--accent)}.prev-arrow{left:15px}.next-arrow{right:15px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group h3{font-size:24px;font-weight:600;color:var(--text);margin:0 0 1rem}.link-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.7rem}.link-group a{color:var(--text-dim);text-decoration:none;font-size:0.9rem;transition:color 0.15s ease}.link-group a:hover,.link-group a:focus-visible{color:var(--accent-soft)}.link-group summary{cursor:default;list-style:none}.link-group summary::-webkit-details-marker{display:none}.link-group .accordion-icon{display:none}.footer-bottom{border-top:1px solid var(--line);padding:1.5rem 0 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.legal-links{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.legal-links a{color:var(--text-faint);text-decoration:none;font-size:0.82rem}.legal-links a:hover,.legal-links a:focus-visible{color:var(--text-dim)}.copyright{font-size:0.82rem;color:var(--text-faint);margin:0;order:3;width:100%}.social-links{display:flex;gap:0.9rem;list-style:none;margin:0;padding:0}.social-links a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--text-dim);transition:border-color 0.15s ease,color 0.15s ease}.social-links a:hover,.social-links a:focus-visible{border-color:var(--accent);color:var(--accent-soft)}.social-links svg{width:15px;height:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}@media (min-width:640px){footer.site-footer{padding:4.5rem 2rem 0}.footer-bottom{flex-wrap:nowrap}.copyright{order:0;width:auto}}@media (min-width:900px){.footer-top{grid-template-columns:minmax(260px,340px) 1fr;gap:4rem}}@media (max-width:639px){.footer-links{grid-template-columns:1fr;gap:0}.link-group{border-bottom:1px solid var(--line)}.link-group:first-child{border-top:1px solid var(--line)}.link-group summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0}.link-group h3{margin:0}.link-group .accordion-icon{display:block;width:10px;height:10px;border-right:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);transform:rotate(45deg);transition:transform 0.2s ease;flex-shrink:0}.link-group[open] .accordion-icon{transform:rotate(-135deg)}.link-group ul{padding:0 0 1.1rem;gap:0.85rem}}