/* Product-led layout with the original Whatmelon dragon identity. */
header{height:78px}nav{gap:34px}.hero{min-height:650px}.hero-copy{padding-top:30px}.hero-dragon-character{position:absolute;right:3%;top:7%;font-family:'KaiTi','STKaiti','Noto Serif CJK SC',serif;font-weight:900;font-size:clamp(220px,33vw,520px);line-height:1;z-index:2;color:transparent;-webkit-text-stroke:1px #ff425a55;pointer-events:none;opacity:.65}.hero-art.ip-hero{z-index:1}.hero-shade{z-index:2}.hero-copy,.hero-bottom{z-index:3}.hero-bottom>span:first-child{color:#dedade}.ribbon{background:#ed2643;color:#fff;border:0;padding:18px 4%}.ribbon span:nth-child(even){color:#fff;font-family:'KaiTi','STKaiti',serif;font-size:28px}
.collection{background:#f4f4f6;color:#141418;padding-top:90px}.collection .eyebrow{color:#b91530}.collection .section-head>p{color:#64646d}.collection h2{font-weight:700}.filters{justify-content:center;border-color:#d7d7dc;padding-bottom:20px;gap:32px}.filters button{color:#64646d;border:0;border-bottom:2px solid transparent;background:none;border-radius:0;font-size:13px;padding:12px 2px}.filters button.active{background:none;color:#16161b;border-color:#e92945}.product-grid{gap:22px}.product{grid-column:1/-1;display:grid;grid-template-columns:43% 57%;background:#fff;min-height:430px;position:relative;overflow:hidden}.product-image{grid-column:2;grid-row:1;border:0;height:460px;background:#fff}.product-info{grid-column:1;grid-row:1;flex-direction:column;align-items:start;justify-content:center;padding:64px 15%;position:relative;z-index:1}.product-info h3{font-size:clamp(42px,5vw,78px);letter-spacing:-2.8px;white-space:nowrap;margin-bottom:18px}.product-info p{font-size:16px;color:#74747e;max-width:230px}.product-info .round{margin-top:36px;color:#17171b;border-color:#c7c7cd;width:50px;height:50px}.product-info .round:hover{background:#ee2846;color:#fff;border-color:#ee2846}.mouse .product-image img{padding:20px 55px 20px 0}.product-tag{top:30px;left:auto;inset-inline-end:30px;inset-inline-start:auto;font-size:10px;color:#777}.product.keyboard{background:#111115;color:#fff;grid-template-columns:57% 43%}.keyboard .product-image{grid-column:1;background:#09090b}.keyboard .product-info{grid-column:2}.keyboard .product-image img{object-fit:contain}.keyboard .product-info p{color:#b6b2be}.keyboard .product-info .round{color:#fff;border-color:#57535e}.keyboard .product-tag{inset-inline-start:30px;inset-inline-end:auto}.category-tile,.category-tile.alternate{background:#e9e9ed;border:0;color:#16161b;padding:40px;min-height:275px}.category-tile h3{font-size:36px}.category-tile p{color:#686873}.category-tile .text-link{color:#2a2a30;border-color:#a7a7b0}.category-tile:after{border-color:#ef244335}.story{background:#121216;gap:10%;padding-top:110px;padding-bottom:110px}.story-visual{box-shadow:none;padding:0;border:0}.story .seal{font-family:'KaiTi','STKaiti',serif;font-size:68px;padding:15px 22px;bottom:18px;right:15px}.story .seal small{font-family:Arial,sans-serif}.story h2{font-size:clamp(35px,4vw,60px);line-height:1.08}.partners{background:#18181e}.support{display:block;background:#f2f2f4;color:#1c1c22}.support>div:first-child{text-align:center}.support .eyebrow{color:#bc1631}.support h2{font-weight:700;margin-bottom:25px}.support-library{max-width:1080px;margin:0 auto}.library-intro{text-align:center;color:#70707a;font-size:14px;margin-bottom:32px}.search-label{max-width:650px;margin:0 auto 20px}.search-label>span{font-size:12px;color:#5e5e69}.search-label input{background:#fff;border:1px solid #d4d4dc;color:#15151b;font-size:16px;padding:17px 20px;border-radius:5px}.support-filters{display:flex;justify-content:center;gap:35px;margin:25px 0 35px}.support-filters button{border:0;background:none;padding:12px 2px;color:#767681;border-bottom:2px solid transparent;font-size:14px}.support-filters button.active{color:#17171b;border-color:#e72b46}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.manual-card{background:white;display:flex;align-items:center;gap:24px;padding:25px;min-width:0}.manual-card img{width:42%;height:160px;object-fit:contain}.manual-card h3{font-size:26px;font-weight:700;margin-bottom:15px}.manual-category{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#7b7b86;margin-bottom:8px}.resource-label{font-size:12px;color:#696974;margin:0 0 9px}.resource-status{display:inline-block;font-size:10px;padding:6px 9px;background:#f5e9ec;color:#a41931}.support .faqs{max-width:1080px;margin:55px auto 0;border-top:1px solid #d6d6dc;padding-top:30px}.support .faqs details{border-color:#d6d6dc}.support .faqs p{color:#62626e}#support-empty{text-align:center;padding:45px;color:#6e6e78}.manual-card[hidden]{display:none}.support .faqs summary:hover{color:#b61c35}
@media(max-width:1050px){nav{gap:16px}.product-info{padding:40px 11%}.product-image{height:380px}.product{min-height:380px}.manual-card{gap:14px;padding:20px}.manual-card h3{font-size:22px}}
@media(max-width:760px){header{height:72px}nav{background:#111115}.hero{min-height:790px}.hero-dragon-character{font-size:240px;top:20px;right:0;opacity:.6}.ribbon{padding:14px 5%}.collection{padding-top:60px}.filters{gap:18px;justify-content:flex-start}.filters button{font-size:11px}.product,.product.keyboard{grid-template-columns:1fr;min-height:0}.product-info,.keyboard .product-info{grid-column:1;grid-row:1;padding:33px 28px 16px;flex-direction:row;align-items:center;gap:12px}.product-info h3{font-size:44px;letter-spacing:-2px;margin-bottom:10px}.product-info p{font-size:13px}.product-info .round{margin-top:0;width:42px;height:42px;flex-shrink:0}.product-image,.keyboard .product-image{grid-column:1;grid-row:2;height:300px}.mouse .product-image img{padding:0 28px 15px}.product-tag{display:none}.category-tile,.category-tile.alternate{min-height:240px;padding:28px}.story{padding-top:65px;padding-bottom:65px}.manual-grid{grid-template-columns:1fr}.manual-card{padding:23px}.manual-card img{height:135px}.manual-card h3{font-size:25px}.support>div:first-child{text-align:start}.library-intro{text-align:start}.support-filters{gap:24px}.hero-dragon-character{max-width:100%;overflow:hidden}.story .seal{font-size:52px}.ribbon span:nth-child(even){font-size:22px}}