.hoh-skate-designer{--hoh-orange:#f26a21;--hoh-dark:#090909;--hoh-card:#151515;--hoh-line:#2a2a2a;font-family:inherit;color:#fff;background:#080808;border-radius:24px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.hoh-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:44px;background:radial-gradient(circle at 80% 0%,rgba(242,106,33,.45),transparent 35%),linear-gradient(135deg,#070707,#181818)}
.eyebrow{color:var(--hoh-orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hoh-hero h1{font-size:clamp(34px,5vw,68px);line-height:.95;margin:0 0 18px;text-transform:uppercase}.lead{font-size:18px;color:#ddd;max-width:720px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badges span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.06);font-size:13px}
.skate-preview{min-height:280px;display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}.skate-body{position:relative;height:150px;background:#101010;border:3px solid #555;border-radius:80px 40px 28px 80px;display:flex;align-items:center;justify-content:center;font-size:42px;letter-spacing:.12em;overflow:hidden}.skate-body .accent{position:absolute;inset:0 auto 0 0;width:36%;background:#000;clip-path:polygon(0 0,100% 0,72% 100%,0 100%);opacity:.95}.skate-body strong{position:relative;z-index:1}.holder{height:36px;width:72%;margin:0 auto;background:#eee;border-radius:0 0 24px 24px}.steel{height:16px;width:82%;margin:0 auto;border-bottom:5px solid #bbb;border-radius:0 0 80% 80%}
.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:24px}.builder-panel,.summary-card{background:#111;border:1px solid var(--hoh-line);border-radius:18px;padding:18px}.builder-step{border:1px solid #2b2b2b;border-radius:16px;padding:18px;margin:0 0 16px;background:#151515}.builder-step legend{font-size:22px;font-weight:900;text-transform:uppercase;padding:0 10px}.builder-step legend span{display:block;color:var(--hoh-orange);font-size:12px;letter-spacing:.1em}.help{color:#aaa}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.option-card{display:block;border:1px solid #333;border-radius:14px;padding:14px;background:#1b1b1b;cursor:pointer;transition:.18s transform,.18s border-color}.option-card:hover{transform:translateY(-2px);border-color:var(--hoh-orange)}.option-card input{float:right}.option-card:has(input:checked){border-color:var(--hoh-orange);box-shadow:0 0 0 2px rgba(242,106,33,.25)}.option-card strong{display:block;margin:8px 0 4px}.option-card em{color:var(--hoh-orange);font-style:normal;font-weight:800}.option-card small{display:block;color:#aaa;line-height:1.35}.swatch{display:inline-block;width:34px;height:34px;border-radius:50%;border:1px solid #555;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.customer-box{display:grid;gap:10px;margin-top:20px;border-top:1px solid #2b2b2b;padding-top:18px}.customer-box input,.customer-box textarea{width:100%;border-radius:10px;border:1px solid #333;background:#080808;color:#fff;padding:12px}.customer-box button,.copy-build{border:0;border-radius:12px;background:var(--hoh-orange);color:#111;font-weight:900;padding:13px 18px;text-transform:uppercase;cursor:pointer}.summary-card{position:sticky;top:24px;align-self:start}.summary-card h2{margin-top:0;text-transform:uppercase}.summary-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #292929}.summary-row small{display:block;color:#bbb;margin-top:3px}.summary-row em{font-style:normal;color:#ddd}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin:20px 0}.price-row strong{font-size:28px;color:var(--hoh-orange)}.fine-print,.form-message{color:#aaa;font-size:13px;line-height:1.4}
@media(max-width:900px){.hoh-hero,.builder-grid{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.hoh-hero{padding:28px}.builder-grid{padding:14px}}