:root{font-family:Arial,Helvetica,sans-serif;color:#242437;background:#f8f8fc;line-height:1.6;--purple:#7354dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:#5739b7;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #7354dd;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:12px;z-index:5}.skip:focus{top:15px}header{padding:20px max(24px,calc((100vw - 1160px)/2));background:#242437;display:flex;align-items:center;justify-content:space-between;gap:25px}header a{color:white}header nav{display:flex;align-items:center;gap:24px}.brand img{display:block;width:210px;height:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #ded9ec;border-radius:14px;background:white;color:#242437;font-weight:700;text-decoration:none}.primary{background:var(--purple);color:white;border-color:var(--purple)}main{max-width:1160px;margin:auto;padding:0 24px}section{margin:64px 0;scroll-margin-top:24px}.hero{max-width:820px;margin:64px 0 40px}.eyebrow{font-size:12px;color:#7354dd;font-weight:700;letter-spacing:2px}h1{font-size:clamp(38px,5.5vw,64px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px}h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.7px;margin:14px 0 24px}h3{font-size:20px;line-height:1.35;margin:12px 0}p{color:#666579;margin:12px 0 22px}.hero p{font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap}.contents{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background:#eeebfa;border-radius:18px}.contents a{padding:6px 10px;font-weight:700}.cards,.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cards article,.steps li{padding:28px;border:1px solid #e3e0ed;border-radius:20px;background:white}.steps{list-style:none;counter-reset:steps;padding:0}.steps li{counter-increment:steps}.steps li:before{content:counter(steps);display:grid;place-items:center;width:38px;height:38px;background:#eeebfa;color:#7354dd;border-radius:12px;font-weight:700}.number{font-weight:700;font-size:13px;color:var(--purple)}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:#eeebfa;padding:32px;border-radius:24px}.panel p:last-child{margin-bottom:0}details{padding:20px 24px;border:1px solid #e3e0ed;border-radius:16px;background:white;margin:12px 0}summary{font-weight:700;cursor:pointer;min-height:28px}details p{margin-bottom:0}.small{font-size:14px}footer{max-width:1160px;margin:auto;padding:25px 24px 40px;display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #e3e0ed;font-size:14px}footer span{margin-right:auto}@media(max-width:650px){header{padding:18px 20px;flex-wrap:wrap}.brand img{width:185px}header nav{gap:16px;font-size:14px}main{padding:0 20px}.hero{margin-top:40px}.cards,.steps,.three{grid-template-columns:1fr}.cards article,.steps li{padding:22px}.panel{padding:22px}section{margin:45px 0}.contents{gap:4px;padding:12px}footer{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#232333;border-radius:16px}video:focus-visible{outline:3px solid #7354dd;outline-offset:4px}