* { margin:0; padding:0; box-sizing:border-box; }
  body { font-family: -apple-system, "Segoe UI", Inter, Helvetica, Arial, sans-serif; color:#17191c; background:#fff; line-height:1.55; }
  .wrap { max-width:1200px; margin:0 auto; padding:0 24px; }
  /* topbar */
  .topbar { background:#0f1113; color:#a7aeb6; font-size:12.5px; }
  .topbar .wrap { display:flex; justify-content:space-between; align-items:center; padding-top:8px; padding-bottom:8px; }
  .topbar a { color:#e8ebee; text-decoration:none; }
  .topbar .langs a { margin-left:14px; color:#a7aeb6; }
  /* header */
  header.site { background:#fff; border-bottom:1px solid #e8eaed; position:sticky; top:0; z-index:50; }
  header.site .wrap { display:flex; align-items:center; gap:34px; padding-top:13px; padding-bottom:13px; }
  .logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
  .logo-mark { width:34px; height:34px; background:#f5b800; color:#141414; font-weight:800; font-size:19px; display:flex; align-items:center; justify-content:center; border-radius:4px; }
  .logo-word { font-weight:800; letter-spacing:3px; font-size:17px; color:#141414; }
  nav.main { display:flex; gap:24px; margin-left:auto; }
  nav.main a { text-decoration:none; color:#33373d; font-size:14px; font-weight:600; letter-spacing:.4px; }
  nav.main a:hover { color:#b98a00; }
  .btn { display:inline-block; background:#f5b800; color:#141414; text-decoration:none; font-weight:700; font-size:14.5px; padding:12px 24px; border-radius:6px; border:1px solid #f5b800; }
  .btn:hover { background:#e0a800; border-color:#e0a800; }
  .btn.ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }
  .btn.ghost:hover { border-color:#fff; background:rgba(255,255,255,.08); }
  /* hero */
  .hero { position:relative; background:#0f1113; color:#fff; overflow:hidden; }
  .hero-bg { position:absolute; inset:0; background:radial-gradient(1100px 480px at 72% 18%, rgba(245,184,0,.14), transparent 62%), #0f1113; }
  .hero-shade { position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,12,14,.92) 0%, rgba(10,12,14,.55) 55%, rgba(10,12,14,.15) 100%); }
  .hero .wrap { position:relative; padding-top:96px; padding-bottom:96px; max-width:1200px; }
  .hero-kicker { display:inline-block; background:#f5b800; color:#141414; font-size:12px; font-weight:800; letter-spacing:2px; padding:6px 12px; border-radius:3px; margin-bottom:20px; }
  .hero h1 { font-size:52px; line-height:1.08; letter-spacing:-1px; font-weight:800; max-width:640px; margin-bottom:18px; }
  .hero h1 .y { color:#f5b800; }
  .hero p.lead { color:#d4d9de; font-size:17px; max-width:560px; margin-bottom:32px; }
  .hero-ctas { display:flex; gap:14px; flex-wrap:wrap; }
  .hero-meta { position:relative; display:flex; gap:28px; margin-top:44px; }
  .hero-meta div b { display:block; font-size:22px; color:#f5b800; }
  .hero-meta div span { font-size:12.5px; color:#a7aeb6; }
  /* trust strip */
  .trust { background:#f5b800; }
  .trust .wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding-top:20px; padding-bottom:20px; }
  .trust-item { display:flex; gap:10px; align-items:center; }
  .trust-item .tick { width:26px; height:26px; background:#141414; color:#f5b800; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex-shrink:0; }
  .trust-item b { display:block; font-size:13.5px; color:#141414; }
  .trust-item span { font-size:12px; color:#3d3d3d; }
  /* sections */
  section.block { padding-top:68px; padding-bottom:68px; }
  section.block.alt { background:#f6f7f8; }
  .sec-head { max-width:760px; margin-bottom:38px; }
  .sec-kicker { color:#b98a00; font-size:12.5px; font-weight:800; letter-spacing:2.5px; margin-bottom:12px; }
  .sec-head h2 { font-size:34px; letter-spacing:-.5px; margin-bottom:10px; font-weight:800; }
  .sec-head p { color:#5c636b; font-size:16px; }
  .group-title { font-size:13px; font-weight:800; letter-spacing:2px; color:#141414; margin:40px 0 18px; padding-left:12px; border-left:4px solid #f5b800; }
  .group-title:first-of-type { margin-top:0; }
  .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .card { border:1px solid #e4e7ea; border-radius:10px; overflow:hidden; background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s, border-color .2s; }
  .card:hover { border-color:#f5b800; box-shadow:0 10px 30px rgba(20,23,27,.1); }
  .card-photo { height:190px; background:#e9ebee center/cover no-repeat; }
  .card-specband { height:96px; background:linear-gradient(135deg,#1c1f23,#2c3138); display:flex; align-items:flex-end; padding:14px 18px; }
  .card-specband span { color:#f5b800; font-size:12px; font-weight:800; letter-spacing:2px; }
  .card-body { padding:20px 20px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
  .card-body h3 { font-size:18px; font-weight:800; }
  .card-body p.desc { font-size:13.5px; color:#5c636b; }
  .specs { list-style:none; margin:8px 0 4px; border-top:1px solid #eef0f2; }
  .specs li { display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:7px 0; border-bottom:1px solid #eef0f2; }
  .specs li span:first-child { color:#5c636b; }
  .specs li span:last-child { font-weight:700; text-align:right; }
  .card-foot { margin-top:auto; padding-top:14px; }
  .btn-inquiry { display:block; text-align:center; background:#141414; color:#fff; text-decoration:none; font-weight:700; font-size:14px; padding:11px; border-radius:6px; }
  .btn-inquiry:hover { background:#f5b800; color:#141414; }
  .btn-inquiry.yellow { background:#f5b800; color:#141414; }
  .btn-inquiry.yellow:hover { background:#e0a800; }
  /* feature band */
  .features { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  .feature { background:#fff; border:1px solid #e4e7ea; border-radius:10px; padding:28px 24px; }
  .feature .fnum { font-size:12px; font-weight:800; letter-spacing:2px; color:#b98a00; margin-bottom:12px; }
  .feature h3 { font-size:16.5px; margin-bottom:8px; font-weight:800; }
  .feature p { font-size:13.5px; color:#5c636b; }
  /* dealer band */
  .dealers { background:#0f1113; color:#fff; }
  .dealers .wrap { display:grid; grid-template-columns:1fr 1fr; gap:56px; padding-top:72px; padding-bottom:72px; align-items:center; }
  .dealers h2 { font-size:32px; letter-spacing:-.5px; margin-bottom:14px; font-weight:800; }
  .dealers h2 .y { color:#f5b800; }
  .dealers p { color:#b9c0c7; margin-bottom:24px; font-size:15.5px; }
  .dealers ul { list-style:none; display:grid; gap:14px; margin-bottom:28px; }
  .dealers li { display:flex; gap:12px; font-size:14.5px; color:#dfe3e8; }
  .dealers li b { color:#f5b800; }
  .dealer-photo { border-radius:12px; height:340px; background:linear-gradient(135deg,#1c1f23,#2c3138); border:1px solid #2a2e33; display:flex; align-items:flex-end; padding:22px; }
  .dealer-photo span { color:#f5b800; font-size:12px; font-weight:800; letter-spacing:2px; }
  /* faq */
  .faq { max-width:820px; }
  .faq-item { border:1px solid #e4e7ea; border-radius:8px; margin-bottom:12px; background:#fff; }
  .faq-q { padding:18px 22px; font-weight:700; font-size:15.5px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
  .faq-q span:last-child { color:#b98a00; font-size:20px; }
  .faq-a { padding:0 22px 20px; font-size:14px; color:#5c636b; display:none; }
  .faq-item.open .faq-a { display:block; }
  /* quote form */
  .quote { background:#0f1113; color:#fff; }
  .quote .wrap { padding-top:72px; padding-bottom:72px; display:grid; grid-template-columns:1fr 1fr; gap:56px; }
  .quote h2 { font-size:32px; font-weight:800; letter-spacing:-.5px; margin-bottom:14px; }
  .quote h2 .y { color:#f5b800; }
  .quote p { color:#b9c0c7; font-size:15px; margin-bottom:8px; }
  .quote ul { list-style:none; margin-top:18px; display:grid; gap:10px; }
  .quote ul li { color:#dfe3e8; font-size:14px; display:flex; gap:10px; }
  .quote ul li::before { content:"✓"; color:#f5b800; font-weight:800; }
  form.qf { background:#fff; border-radius:12px; padding:30px; color:#17191c; }
  form.qf h3 { font-size:18px; margin-bottom:18px; font-weight:800; }
  .frow { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
  .frow.full { grid-template-columns:1fr; }
  form.qf label { display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; color:#3c4148; }
  form.qf input, form.qf select, form.qf textarea { width:100%; border:1px solid #d7dbe0; border-radius:6px; padding:11px 12px; font-size:14px; font-family:inherit; }
  form.qf textarea { min-height:96px; resize:vertical; }
  form.qf .btn { width:100%; text-align:center; margin-top:6px; cursor:pointer; }
  .form-note { font-size:12px; color:#8b939c; margin-top:10px; text-align:center; }
  /* footer */
  footer { background:#0a0c0e; color:#9aa2ab; font-size:13.5px; }
  footer .wrap { padding-top:52px; padding-bottom:32px; }
  .foot-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:36px; }
  .foot-grid h4 { color:#fff; font-size:12.5px; letter-spacing:2px; margin-bottom:14px; }
  .foot-grid a { display:block; color:#9aa2ab; text-decoration:none; margin-bottom:9px; }
  .foot-grid a:hover { color:#f5b800; }
  .foot-bottom { border-top:1px solid #23262c; padding-top:20px; display:flex; justify-content:space-between; font-size:12.5px; color:#6d757e; }
  @media (max-width:900px) {
    .cards, .features { grid-template-columns:1fr 1fr; }
    .dealers .wrap, .quote .wrap { grid-template-columns:1fr; }
    .hero h1 { font-size:38px; }
    nav.main { display:none; }
    .trust .wrap { grid-template-columns:1fr 1fr; }
    .foot-grid { grid-template-columns:1fr 1fr; }
    header.site .wrap { gap:16px; }
    .nav-toggle { display:block; margin-left:auto; background:#fff; border:1px solid #d7dbe0; border-radius:6px; font-size:20px; line-height:1; padding:8px 12px; cursor:pointer; color:#141414; }
  }
  @media (min-width:901px) {
    .nav-toggle, .mobile-nav { display:none !important; }
  }
  @media (max-width:560px) {
    .cards, .features, .trust .wrap, .foot-grid { grid-template-columns:1fr; }
    .frow { grid-template-columns:1fr; }
    .hero-meta { flex-wrap:wrap; gap:18px; }
    .foot-bottom { flex-direction:column; gap:6px; }
    .topbar .wrap { flex-wrap:wrap; row-gap:2px; }
    header.site .btn { display:none; }
  }
  .mobile-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1px solid #e8eaed; z-index:60; padding:6px 24px 14px; box-shadow:0 18px 30px rgba(20,23,27,.12); }
  header.site.open .mobile-nav { display:block; }
  .mobile-nav a { display:block; padding:12px 0; border-bottom:1px solid #f0f1f3; text-decoration:none; color:#33373d; font-weight:600; font-size:14px; letter-spacing:.4px; }
  .mobile-nav a:last-child { border-bottom:none; }

/* product detail */
.breadcrumb { font-size:13px; color:#8b939c; margin-bottom:22px; }
.breadcrumb a { color:#5c636b; text-decoration:none; }
.breadcrumb a:hover { color:#b98a00; }
.pdetail { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.pdetail-visual { border-radius:12px; overflow:hidden; border:1px solid #e4e7ea; }
.pdetail-visual .card-photo { height:340px; }
.pdetail-visual .card-specband { height:120px; }
.pdetail-info h1 { font-size:36px; font-weight:800; letter-spacing:-.5px; margin-bottom:10px; }
.pdetail-info .tag { display:inline-block; background:#f5b800; color:#141414; font-size:11.5px; font-weight:800; letter-spacing:1.5px; padding:5px 10px; border-radius:3px; margin-bottom:14px; }
.pdetail-info p.lead { color:#5c636b; font-size:15.5px; margin-bottom:20px; }
.pdetail-ctas { display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; }
.confirm { background:#f6f7f8; border-radius:12px; padding:36px; margin-top:48px; }
.confirm h3 { font-size:20px; font-weight:800; margin-bottom:14px; }
.confirm ul { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.confirm li { font-size:14px; color:#3c4148; display:flex; gap:10px; }
.confirm li::before { content:"✓"; color:#b98a00; font-weight:800; }
.related { margin-top:56px; }
@media (max-width:900px){ .pdetail{grid-template-columns:1fr;} .confirm ul{grid-template-columns:1fr;} }