.s-prob, .s-priv { padding:96px 0; background:#fff; }
.s-prob .v-w, .s-priv .v-w { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
.s-prob h2, .s-priv h2, .s-catch h2, .s-rel h2 { font-size:clamp(30px,3.2vw,44px); line-height:1.12; letter-spacing:-.03em; font-weight:700; color:var(--vn); margin:0 0 14px; }
.s-prob p:not(.v-lead) { font-size:16.5px; line-height:1.6; color:var(--vg); margin:16px 0 0; }
.v-lead { line-height:1.5; }
.s-flows { min-height:0; padding:40px; display:grid; gap:40px; align-content:center; color:#fff; }
.s-flow h3 { font-size:17px; font-weight:600; color:#fff; margin:0 0 16px; }
.s-flow ol { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; }
.s-flow li { position:relative; padding:28px 10px 0 0; font-size:14.5px; line-height:1.3; color:#fff; }
.s-flow li::before { content:""; position:absolute; left:0; top:4px; width:14px; height:14px; border-radius:50%; background:#fff; z-index:1; }
.s-flow li::after { content:""; position:absolute; left:0; right:0; top:10px; height:2px; background:rgba(255,255,255,.4); }
.s-flow li:last-child::after { display:none; }
.s-late li:nth-child(n+2)::before { background:#ff8a80; }
.s-now li:nth-child(2)::before { background:var(--vl); }
.s-now li:nth-child(3)::before { background:var(--vt); }
.s-now li:last-child::before { background:var(--vt); }
.s-mock .m-cmp { padding-bottom:158px; }
.s-mock .m-body { min-height:50px; }
.s-mock .m-win { max-width:560px; }
.s-fh { font-size:12px; font-weight:700; color:var(--vb); margin:10px 0 3px; }
.m-card .s-fix { font-size:13.5px; line-height:1.4; background:var(--vp); color:var(--vn); padding:7px 9px; border-radius:4px; }
.m-card .s-rm { font-size:13px; font-weight:600; color:var(--vb); margin-top:9px; }
.s-catch { padding:88px 0; background:var(--vp); }
.s-catch h2 { margin-bottom:34px; }
.s-list { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 56px; margin:0; padding:0; }
.s-list li { position:relative; padding-left:30px; font-size:17px; line-height:1.5; color:#2c3147; }
.s-list li::before { content:""; position:absolute; left:3px; top:7px; width:13px; height:7px; border-left:2.5px solid var(--vb); border-bottom:2.5px solid var(--vb); transform:rotate(-45deg); }
.s-list--one { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:24px; }
.s-list--one li { font-size:16px; }
.s-note { font-size:14px; line-height:1.55; color:var(--vg); margin:22px 0 0; }
.s-how blockquote { margin:auto 0 18px; padding:0; font-size:32px; line-height:1.12; font-weight:700; letter-spacing:-.02em; }
.s-how article { min-height:300px; justify-content:flex-end; }
.s-how article p { display:block; font-size:15.5px; line-height:1.5; }
.s-priv .v-screen { min-height:480px; }
.s-rel { padding:0 0 88px; background:#fff; }
.s-rel h2 { margin-bottom:24px; font-size:clamp(24px,2.4vw,32px); }
.s-rel .v-w > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; border-top:1px solid var(--vline); }
.s-rel a { display:block; padding-top:20px; text-decoration:none; }
.s-rel strong { display:flex; align-items:center; gap:8px; font-size:18px; font-weight:700; color:var(--vb); }
.s-rel svg { width:17px; height:17px; transition:transform .2s; }
.s-rel a:hover svg { transform:translateX(4px); }
.s-rel span { display:block; font-size:15px; line-height:1.5; color:var(--vg); margin-top:6px; }
.v-faq + .s-rel { padding-top:0; }
@media (max-width:1000px) {
  .s-prob, .s-priv, .s-catch { padding:60px 0; }
  .s-prob .v-w, .s-priv .v-w { grid-template-columns:minmax(0,1fr); gap:32px; }
  .s-list { grid-template-columns:minmax(0,1fr); gap:14px; }
  .s-rel .v-w > div { grid-template-columns:minmax(0,1fr); gap:0; }
  .s-rel a { padding:16px 0; border-bottom:1px solid var(--vline); }
  .s-flows { padding:26px 20px; }
  .s-flow li { font-size:12.5px; }
  .s-how article { min-height:220px; }
  .s-how blockquote { font-size:26px; }
}

.s-still { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:36px; }
@media (max-width:1000px) { .s-still { padding:18px 14px 34px; } }

.s-body { font-size:16.5px; line-height:1.6; color:var(--vg); margin:18px 0 0; }
.s-list--one:empty { display:none; }
.s-cl { margin:-22px 0 30px; max-width:820px; }
.s-cl:empty { display:none; }
.s-white { background:#fff; }
.s-list strong { color:var(--vn); font-weight:700; }
.s-catch .s-note { max-width:820px; }

.s-band { position:relative; margin-bottom:40px; }
.s-band img { display:block; width:100%; height:400px; object-fit:cover; border-radius:10px; }
.s-band > div { position:absolute; right:36px; top:36px; bottom:36px; width:400px; background:#fff; border-radius:8px; padding:32px; display:flex; align-items:center; box-sizing:border-box; }
.s-band h2 { margin:0; font-size:clamp(26px,2.6vw,36px); }
@media (max-width:1000px) { .s-band img { height:220px; } .s-band > div { position:static; width:auto; padding:22px 0 0; } .s-band { margin-bottom:22px; } }

@media (max-width:520px) { .v-hero h1, .v-w h2, .s-how blockquote, .v-it button, .m-why, .m-body { overflow-wrap:anywhere; } .v-hero h1 { font-size:38px; } }

.s-bc { font-size:14px; color:var(--vg); margin:-30px 0 26px; }
.s-bc a { color:var(--vb); text-decoration:none; font-weight:600; }
.o-card .s-of { margin-top:6px; }
.o-card .s-rm { font-size:13.5px; font-weight:600; color:var(--vb); margin-top:12px; }
.s-pre { font-size:17px; line-height:1.5; color:var(--vg); margin:0 0 24px; }
@media (max-width:1000px) { .s-bc { margin-top:-14px; } }

@media (max-width:520px) { .s-how article { min-height:200px; } .s-how blockquote { font-size:24px; } .s-prob h2, .s-priv h2, .s-catch h2 { font-size:29px; } .s-priv .v-screen { min-height:380px; } .s-list li { font-size:16px; } .s-band h2 { font-size:25px; } .s-flow h3 { font-size:15.5px; } }