:root{
  --hp-orange:#F26A1F;
  --hp-orange-soft:#FFB347;
  --hp-cream:#FFF6EC;
  --hp-ink:#1F2937;
  --hp-gray:#9CA3AF;
  --hp-gray-bg:#F5F5F5;
}
html{scroll-behavior:smooth;}
body{
  font-family:'Noto Sans JP', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color:var(--hp-ink);
  background:#fff;
}
.btn-primary{
  background:var(--hp-orange);
  color:#fff;
  font-weight:700;
  border-radius:9999px;
  padding:.85rem 1.4rem;
  display:inline-flex;align-items:center;gap:.5rem;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow:0 6px 14px rgba(242,106,31,.25);
}
.btn-primary:hover{background:#d8581a;transform:translateY(-1px);}
.btn-ghost{
  background:#fff;color:var(--hp-orange);
  border:2px solid var(--hp-orange);
  font-weight:700;border-radius:9999px;
  padding:.75rem 1.3rem;display:inline-flex;align-items:center;gap:.5rem;
}
.btn-ghost:hover{background:var(--hp-cream);}
.section-title{
  font-weight:900;letter-spacing:.02em;color:var(--hp-ink);
}
.eyebrow{
  color:var(--hp-orange);font-weight:800;letter-spacing:.18em;font-size:.78rem;
}
.card{background:#fff;border:1px solid #eee;border-radius:18px;}
.bg-cream{background:var(--hp-cream);}
.text-hp{color:var(--hp-orange);}
.bg-hp{background:var(--hp-orange);}
.ring-hp:focus-visible{outline:3px solid var(--hp-orange);outline-offset:2px;}
.stripe{
  background:repeating-linear-gradient(45deg,var(--hp-orange),var(--hp-orange) 14px,#d8581a 14px,#d8581a 28px);
}
.fixed-cta{
  position:fixed;left:0;right:0;bottom:0;
  background:#fff;border-top:1px solid #eee;
  z-index:50;padding:.5rem .75rem;
  box-shadow:0 -8px 20px rgba(0,0,0,.06);
}
@media (min-width:768px){.fixed-cta{display:none;}}
.fade-in{animation:fadeIn .6s ease both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}