:root{--ink:#10151c;--navy:#162a42;--paper:#f6f7f5;--card:#fff;--line:#dce2e5;--muted:#64727d;--lime:#cfff35;--blue:#1379d4;--orange:#f15a3b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:70px;padding:0 clamp(18px,5vw,88px);background:rgba(16,21,28,.98);color:#fff;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:-.035em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lime);color:var(--ink);font:500 11px 'DM Mono',monospace;letter-spacing:-.11em;transform:rotate(-6deg)}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:#b9c5cf;font-size:13px;font-weight:700;transition:color .2s}.topbar nav a:hover{color:var(--lime)}.topbar-cta,.lime-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;border-radius:9px;transition:transform .2s,box-shadow .2s}.topbar-cta:hover,.lime-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(207,255,53,.2)}.catalog-header{min-height:270px;padding:clamp(42px,5vw,68px) clamp(18px,6vw,96px);background:radial-gradient(circle at 78% 20%,#214b70 0,transparent 28%),var(--navy);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.intro-copy{max-width:650px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#cdd9e2;font:500 11px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow span{width:26px;height:1px;background:var(--lime)}.catalog-header h1,.advisor h2{margin:0;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(40px,5.4vw,75px);line-height:.96;letter-spacing:-.075em}.catalog-header em{font-style:normal;color:var(--lime)}.catalog-header p:not(.eyebrow){max-width:560px;margin:15px 0 0;color:#c9d4dd;font-size:15px;line-height:1.65}.intro-summary{min-width:230px;padding:23px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}.intro-summary strong{font:700 48px/1 'Space Grotesk',sans-serif;color:var(--lime);letter-spacing:-.09em}.intro-summary span{font-size:12px;line-height:1.35;color:#d7e0e5}.summary-brands{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;margin-top:10px;border-top:1px solid rgba(255,255,255,.15)}.summary-brands b{padding:4px 7px;border-radius:5px;background:rgba(255,255,255,.12);font:10px 'DM Mono',monospace}.catalog-app{max-width:1440px;margin:auto;padding:30px clamp(18px,6vw,96px) 60px}.brand-tabs,.type-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.brand-tabs::-webkit-scrollbar,.type-tabs::-webkit-scrollbar{display:none}.brand-tab,.type-tab{border:1px solid var(--line);background:var(--card);color:#596873;cursor:pointer;white-space:nowrap;transition:.2s}.brand-tab{padding:12px 17px;border-radius:10px;font-weight:800;font-size:13px}.brand-tab:hover{border-color:#aab8c0}.brand-tab.active{border-color:var(--ink);background:var(--ink);color:var(--white);box-shadow:0 4px 12px rgba(16,21,28,.14)}.brand-tab[data-brand="Kenton"].active{box-shadow:inset 0 -3px var(--lime)}.brand-tab[data-brand="Yamaha"].active{box-shadow:inset 0 -3px #df3438}.brand-tab[data-brand="Voge"].active{box-shadow:inset 0 -3px #d5a545}.brand-tab[data-brand="TVS"].active{box-shadow:inset 0 -3px #428ef0}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:31px 0 17px;border-bottom:1px solid var(--line)}.catalog-kicker{margin:0 0 5px;color:var(--blue);font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.catalog-toolbar h2{margin:0;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(28px,3.7vw,46px);letter-spacing:-.07em}.catalog-count{padding:8px 11px;border-radius:999px;background:#e8eef2;color:#425260;font-size:12px;font-weight:700;white-space:nowrap}.type-tabs{padding:16px 0}.type-tab{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.type-tab.active{background:#dbeeff;color:#075fae;border-color:#80b7e9}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{display:flex;flex-direction:column;min-width:0;border:1px solid transparent;border-radius:15px;padding:0;background:var(--card);text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 1px 1px rgba(16,21,28,.03);animation:card-in .42s both;animation-delay:calc(var(--card-index) * 35ms);transition:transform .24s,box-shadow .24s,border-color .24s}.product-card:hover{transform:translateY(-5px);border-color:#c5d3dc;box-shadow:0 16px 30px rgba(24,46,61,.12)}.product-card img{width:100%;aspect-ratio:1.28;object-fit:contain;background:linear-gradient(145deg,#fff 0%,#f1f5f7 100%);transition:transform .35s}.product-card:hover img{transform:scale(1.045)}.product-info{padding:14px 15px 16px}.product-meta{display:flex;justify-content:space-between;gap:7px;margin-bottom:8px;color:var(--blue);font:10px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.product-meta span:last-child{color:#7c8991;overflow:hidden;text-overflow:ellipsis}.product-card h3{min-height:40px;margin:0;color:#1c2730;font-size:14px;line-height:1.32;letter-spacing:-.035em}.product-color{display:flex;align-items:center;gap:7px;margin:10px 0 0;color:#66747d;font-size:11px}.product-color::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}.card-open{display:flex;justify-content:space-between;margin-top:14px;padding-top:11px;border-top:1px solid #edf0f1;color:var(--ink);font-size:12px;font-weight:800}.card-open i{font-style:normal;color:var(--blue);transition:transform .2s}.product-card:hover .card-open i{transform:translate(2px,-2px)}.pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:32px 0 0}.page-numbers{display:flex;gap:5px}.page-number,.page-arrow{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#40505b;cursor:pointer;font-size:12px;font-weight:800;transition:.2s}.page-number:hover,.page-arrow:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}.page-number.active{border-color:var(--blue);background:var(--blue);color:#fff}.page-arrow:disabled{opacity:.36;cursor:not-allowed}.catalog-note{margin:22px 0 0;color:var(--muted);font-size:11px;text-align:center}.advisor{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:1440px;margin:0 auto 36px;padding:34px clamp(20px,6vw,96px);background:linear-gradient(105deg,#f05a3c,#ed703f);color:var(--white)}.advisor .eyebrow{margin-bottom:8px;color:#ffe5db}.advisor .eyebrow span{background:#fff}.advisor h2{font-size:clamp(28px,3vw,42px)}.advisor p:not(.eyebrow){margin:8px 0 0;font-size:13px;line-height:1.6}.advisor .lime-button{flex:0 0 auto}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px clamp(18px,6vw,96px);background:#10151c;color:#b6c1c8;font-size:12px}footer a{color:var(--lime);font-weight:800}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:5;display:flex;align-items:center;gap:8px;padding:13px 15px;background:#29c66c;border-radius:999px;color:#072313;box-shadow:0 10px 30px rgba(0,0,0,.24);font-size:12px;font-weight:800;transition:transform .2s}.floating-wa:hover{transform:translateY(-3px)}.product-dialog{width:min(1120px,calc(100% - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.36)}.product-dialog::backdrop{background:rgba(6,12,19,.76);backdrop-filter:blur(4px)}.dialog-close{position:fixed;z-index:3;right:max(20px,calc((100vw - 1120px)/2 + 12px));top:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:var(--white);cursor:pointer;font-size:26px}.detail-top{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);background:var(--white)}.detail-gallery{min-height:520px;padding:34px;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbfd,#fff)}.detail-gallery img{width:100%;height:100%;max-height:510px;object-fit:contain}.detail-copy{padding:clamp(30px,5vw,58px);display:flex;flex-direction:column;align-items:flex-start}.detail-brand{margin:0 0 13px;color:var(--blue);font:11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.detail-copy h2{margin:0;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(28px,3.4vw,46px);line-height:1.02;letter-spacing:-.065em}.detail-type{margin:14px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.color-box{margin:25px 0 20px;padding:14px 15px;width:100%;border:1px solid #e2e9ed;border-radius:10px;background:#f8fafb;font-size:13px}.color-box b{display:block;margin-bottom:5px;font-size:10px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.detail-description{margin:0 0 24px;color:#4c5c66;font-size:14px;line-height:1.68}.detail-copy .lime-button{margin-top:auto}.detail-specs{padding:clamp(30px,5vw,58px);background:var(--paper)}.detail-specs-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-specs h3{margin:0;font-family:'Space Grotesk',Manrope,sans-serif;font-size:31px;letter-spacing:-.055em}.detail-specs p{margin:0;color:var(--muted);font-size:12px}.spec-table{margin:0;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:minmax(160px,.42fr) 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.spec-row dt{font-weight:800}.spec-row dd{margin:0;color:#55636c}.empty-state{grid-column:1/-1;padding:70px 0;text-align:center;color:var(--muted)}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.product-grid{grid-template-columns:repeat(3,1fr)}.detail-top{grid-template-columns:1fr}.detail-gallery{min-height:390px}.detail-gallery img{max-height:420px}}@media(max-width:700px){.topbar{height:64px;padding:0 16px;gap:14px}.topbar nav{display:none}.brand>span:last-child{font-size:13px}.topbar-cta{margin-left:auto;padding:10px 11px;font-size:11px}.topbar-cta span{display:none}.catalog-header{min-height:0;padding:35px 20px 30px;align-items:stretch;flex-direction:column;gap:22px}.catalog-header h1{font-size:42px}.catalog-header p:not(.eyebrow){font-size:13px}.intro-summary{min-width:0;padding:15px 16px;grid-template-columns:auto 1fr}.intro-summary strong{font-size:40px}.summary-brands{padding-top:10px;margin-top:6px}.catalog-app{padding:22px 14px 45px}.brand-tabs{margin-inline:-2px}.brand-tab{padding:10px 14px;font-size:12px}.catalog-toolbar{padding:25px 2px 14px;align-items:start;flex-direction:column;gap:9px}.catalog-toolbar h2{font-size:31px}.catalog-count{font-size:11px}.type-tabs{padding:13px 2px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:12px}.product-info{padding:11px 11px 12px}.product-card h3{min-height:50px;font-size:12.5px}.product-meta{font-size:9px}.product-color{font-size:10px}.card-open{margin-top:11px;padding-top:9px;font-size:11px}.pagination{margin-top:24px}.advisor{margin-bottom:0;padding:31px 20px;align-items:flex-start;flex-direction:column;gap:19px}.advisor h2{font-size:32px}.advisor p:not(.eyebrow){font-size:12px}.advisor .lime-button{width:100%}.detail-gallery{min-height:300px;padding:23px}.detail-copy,.detail-specs{padding:31px 21px}.spec-row{grid-template-columns:1fr;gap:4px}.dialog-close{right:12px;top:12px}.floating-wa span{display:none}.floating-wa{width:48px;height:48px;justify-content:center;padding:0}footer{align-items:flex-start;flex-direction:column;padding:26px 20px 46px}.catalog-note{padding-inline:6px}.page-number{width:32px;height:34px}.page-arrow{width:34px;height:34px}}@media(max-width:370px){.product-grid{grid-template-columns:1fr}.page-number{width:29px}}