@font-face{font-family:"BookHalo Text";src:url('/fonts/lp-three-step-026-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+30ED,U+2161;}
@font-face{font-family:"BookHalo Text";src:url('/fonts/lp-three-step-026-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+30ED,U+2161;}
/* Japanese draft: one continuous sequence of compact steps. */
.steps-preview{padding:64px 0 44px;}
.steps-preview .section-heading{margin-bottom:22px;}
.steps-preview .section-heading h2{margin:0;}
.steps-preview-grid{position:relative;display:grid;grid-template-columns:1fr;list-style:none;max-width:1000px;margin:0 auto;padding:0;}
.steps-preview-grid::before{content:"";position:absolute;left:19px;top:140px;bottom:140px;width:1px;background:linear-gradient(#d8cbb4,#b5bfb6,#d8cbb4);}
.steps-preview-grid>li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:44px;padding:24px 0 24px 76px;min-width:0;}
.steps-preview-number{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:39px;height:39px;border:1px solid #d6c7a8;border-radius:50%;background:#f8faf8;color:#8c754d;font-family:"BookHalo Editorial",serif;font-size:15px;letter-spacing:.02em;z-index:1;}
.steps-preview-film{position:relative;aspect-ratio:16/10;background:#fff;border:1px solid #d9e1df;border-radius:13px;overflow:hidden;box-shadow:0 3px 8px #223d4f06,0 12px 28px #223d4f08;}
.steps-preview-film video{display:block;width:100%;height:100%;object-fit:contain;background:#fff;}
.steps-preview-film .execution-toggle{right:10px;bottom:10px;width:32px;height:32px;font-size:12px;}
.steps-preview-description{min-width:0;}
.steps-preview-description h3{margin:0;color:#233e50;font-size:23px;font-weight:650;line-height:1.55;letter-spacing:-.02em;}
.steps-preview-description p{margin:13px 0 0;color:#627781;font-size:13px;line-height:1.9;text-wrap:pretty;}
.steps-preview-note{margin:18px 0 0;text-align:center;color:#89948f;font-size:10px;line-height:1.8;}
.steps-preview-support{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1000px;margin:28px auto 0;padding:22px 0;border-top:1px solid #dce3de;border-bottom:1px solid #dce3de;}
.steps-preview-support h3{flex:none;margin:0;color:#354e5c;font-size:15px;font-weight:650;line-height:1.7;}
.steps-preview-support p{margin:0;color:#74857e;font-size:11px;line-height:1.8;}
.steps-preview-support p+p{margin-top:3px;}
.steps-preview-handoff{text-align:center;margin:24px 0 0;}
.steps-preview-handoff p{color:#697d80;font-size:12px;line-height:1.9;margin:0 0 10px;}
.steps-preview-handoff a{font-size:12px;}
@media(max-width:1000px) and (min-width:761px){.steps-preview-grid>li{gap:28px;padding-left:64px;grid-template-columns:minmax(0,1fr) minmax(0,340px);}.steps-preview-description h3{font-size:20px;}.steps-preview-description p{font-size:12px;}.steps-preview-support{align-items:flex-start;gap:20px;}}
@media(max-width:760px){
.steps-preview{padding:44px 0 34px;}.steps-preview .section-heading{margin-bottom:20px;}.steps-preview .section-heading h2{font-size:26px;}
.steps-preview-grid::before{left:14px;top:42px;bottom:35px;}
.steps-preview-grid>li{grid-template-columns:1fr;gap:16px;padding:22px 0 30px 44px;}
.steps-preview-number{top:24px;transform:none;width:29px;height:29px;font-size:12px;}
.steps-preview-description h3{font-size:19px;line-height:1.5;}
.steps-preview-description p{font-size:12px;line-height:1.9;margin-top:8px;}
.steps-preview-film{border-radius:10px;}
.steps-preview-note{margin-top:5px;font-size:9px;}
.steps-preview-support{display:block;text-align:center;margin-top:24px;padding:20px 8px;}.steps-preview-support h3{font-size:14px;margin-bottom:8px;}.steps-preview-support p{font-size:10px;}.steps-preview-support p+p{margin-top:6px;}
.steps-preview-handoff{margin-top:22px;}.steps-preview-handoff p{font-size:11px;}.steps-preview-handoff a{font-size:11px;}
}