.input-draft{padding:12px 18px;background:#fff2ce;border-radius:12px;color:#725711;font-size:14px}.input-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:center;padding:24px 0 56px}.input-hero h1{font-size:clamp(30px,3.9vw,48px)}.input-hero .lead{font-size:19px}.input-example{font-size:clamp(23px,3vw,34px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.input-example span{color:#6e8d7f;padding:0 8px}.input-hero figure{margin:0;text-align:center;min-width:0}.input-hero img{display:block;width:min(100%,320px);height:auto;margin:auto;border-radius:28px;box-shadow:0 22px 50px #183a2b24}.input-hero figcaption{margin-top:20px;font-size:14px;color:#536659}.input-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid #d5dfd6;padding:32px 0}.input-steps .number{font-size:13px;letter-spacing:.12em;color:#5d806d}.input-steps h2{font-size:23px;margin-top:10px}.input-movie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;padding:40px 0}.input-movie video{display:block;width:min(100%,300px);aspect-ratio:886/1920;margin:auto;border-radius:24px;background:#f0f0f4}.input-movie h2{margin-top:12px}@media(max-width:700px){.input-hero,.input-movie{grid-template-columns:minmax(0,1fr);gap:32px}.input-hero{padding:16px 0 36px}.input-hero h1{font-size:32px}.input-hero img{width:min(100%,280px)}.input-steps{grid-template-columns:minmax(0,1fr);gap:8px}.input-steps h2{margin-top:8px}.input-movie{padding:24px 0}.input-example{font-size:27px}.input-movie video{width:min(100%,280px)}}