.bar{display:flex;align-items:center;gap:20px;padding:12px 24px;background:var(--card);border-bottom:1px solid var(--border)}.logo{font-weight:700;font-size:16px}.link{text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:24px}.small{font-size:13px}.hero{text-align:center;padding:64px 24px 40px}.hero h1{font-size:38px}.sub{font-size:17px;margin:12px 0 28px}.sample{max-width:580px;margin:40px auto 0;padding:16px 20px;text-align:left;display:flex;gap:14px;align-items:center}.sample[hidden]{display:none}.play.big{width:44px;height:44px;font-size:15px}.sample-title{font-weight:600}.track{height:4px;background:var(--muted);border-radius:2px;margin-top:8px;overflow:hidden}.fill{width:0;height:4px;background:var(--primary);border-radius:2px;transition:width .2s linear}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:20px}.step p{margin:4px 0 0}.num{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}.ill{min-height:84px;border-radius:8px;background:var(--muted);margin-top:12px;padding:10px;font-size:12px}.who{margin-top:16px;padding:20px;display:flex;gap:32px;flex-wrap:wrap}.faq-title{font-size:20px;margin:32px 0 12px}.faq details{padding:14px 18px;border-top:1px solid var(--border)}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;list-style:none;display:flex}.faq summary:after{content:"＋";margin-left:auto;color:var(--muted-foreground)}.faq details[open] summary:after{content:"－"}.faq summary::-webkit-details-marker{display:none}.faq p{margin:8px 0 0}.foot{text-align:center;font-size:12px;margin:40px 0 8px}@media(max-width:640px){.bar{padding:10px 16px;gap:12px}.bar .link{display:none}.hero{padding:40px 16px 24px}.hero h1{font-size:26px}.sub{font-size:15px}.wrap{padding:16px}.steps{grid-template-columns:1fr}}