/* Budmet website — extracted from the single-file build. Layout is authored as inline
   styles on the elements; this file holds resets, fonts, animations and interactive states. */
html,body{margin:0;padding:0;scroll-behavior:smooth}
body{background:#fff;font-family:Manrope,'Noto Sans JP',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#0E0B1E}
h1,h2,h3{font-family:Poppins,'Noto Sans JP',Manrope,system-ui,sans-serif;margin:0}
html[data-lang="ja"] h1,html[data-lang="ja"] h2,html[data-lang="ja"] h3{letter-spacing:-.02em}
html[data-lang="ja"] [data-lang-only="en"]{display:none !important}
html:not([data-lang="ja"]) [data-lang-only="ja"]{display:none !important}
a{color:#5F48D6;text-decoration:none}
a:hover{color:#4a37b5}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
@keyframes rvIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
[data-rv].rv-in{animation:rvIn .7s cubic-bezier(.22,.7,.25,1) both}
.qrwrap:hover .qrpop{opacity:1;visibility:visible;transform:translateY(0)}
.fcard{transition:transform .3s cubic-bezier(.22,.7,.25,1)}
.fcard:hover{transform:translateY(-6px)}
.btn{transition:transform .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.ctaBlack{transition:background .2s ease,transform .2s ease}
.ctaBlack:hover{background:#E8618C !important;transform:translateY(-2px)}
.ctaBlack:active{background:#D14E79 !important;transform:translateY(0)}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marq-track{display:flex;width:max-content;animation:marq 42s linear infinite}
.marq-wrap:hover .marq-track{animation-play-state:paused}


html,body{margin:0;padding:0;scroll-behavior:smooth}
body{background:#fff;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#221D38}
a{color:#5F48D6;text-decoration:none}
a:hover{color:#4a37b5}
.btn{transition:transform .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.fcard{transition:transform .35s cubic-bezier(.22,.7,.25,1),box-shadow .35s ease}
.fcard:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(70,52,150,.12)}
input,textarea,select{font-family:Manrope,system-ui,sans-serif}
input:focus,textarea:focus,select:focus{outline:none;border-color:#5F48D6}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
html,body{margin:0;padding:0;scroll-behavior:smooth}
body{background:#fff;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#221D38}
a{color:#5F48D6;text-decoration:none}
a:hover{color:#4a37b5}
.btn{transition:transform .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
h2[id]{scroll-margin-top:90px}
html,body{margin:0;padding:0;scroll-behavior:smooth}
body{background:#fff;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#221D38}
a{color:#5F48D6;text-decoration:none}
a:hover{color:#4a37b5}
.btn{transition:transform .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
h2[id]{scroll-margin-top:90px}

/* language visibility (was inline in the single-file build) */
html[data-lang="ja"] [data-lang-only="en"]{display:none !important}
html:not([data-lang="ja"]) [data-lang-only="ja"]{display:none !important}

/* responsive: keep long legal pages readable and avoid horizontal overflow */
img{max-width:100%}
@media (max-width: 900px){
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-template-columns:1.3fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:.9fr 1.1fr"],
  [style*="grid-template-columns:1.1fr .9fr"],
  [style*="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"],
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
}
@media (max-width: 760px){
  [data-lang-only="en"][src*="hero-people"]{position:static !important;width:100% !important;margin-top:24px}
  [style*="min-height:560px"]{min-height:auto !important}
  [style*="height:560px"]{height:auto !important}
}

/* subpage headers (support / privacy / terms) wrap instead of overflowing on phones */
@media (max-width: 760px){
  [style*="flex:1;display:flex;align-items:center;gap:26px"]{flex-wrap:wrap !important;gap:8px 16px !important;min-width:0 !important}
  header, [style*="position:sticky"] > div{flex-wrap:wrap !important}
  [style*="padding:16px 32px"]{padding:12px 18px !important}
  [style*="padding:0 32px"]{padding-left:18px !important;padding-right:18px !important}
  [style*="padding:24px 32px"]{padding-left:18px !important;padding-right:18px !important}
}

/* legal pages: TOC sidebar stacks above the text on phones/tablets */
@media (max-width: 860px){
  [style*="grid-template-columns:250px 1fr"]{grid-template-columns:1fr !important;gap:24px !important}
  [style*="position:sticky;top:96px"]{position:static !important}
}

/* support page: form and card grids stack on phones */
@media (max-width: 860px){
  [style*="grid-template-columns:1.15fr .85fr"]{grid-template-columns:1fr !important;gap:22px !important}
}
@media (max-width: 640px){
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
}