@charset "UTF-8";
.overview .r-title{font-size:clamp(2.6rem,3.8vw,3.7rem);line-height:1.6}
.overview .r-hero-grid{grid-template-columns:1.04fr 1fr;gap:35px}
.overview .download-note{font-size:15px;font-weight:700;color:var(--ink)}
.o-hero-pair .front{width:46%;margin-right:-18px;transform:rotate(-5deg)}
.o-hero-pair .back{width:42%;margin-top:86px;transform:rotate(5deg)}
.overview .r-flow a{text-decoration:none;transition:color .15s ease}
.overview .r-flow a:hover{color:var(--accent)}
.overview .r-screen-tile{padding:30px 27px 34px}
.overview .r-screen-tile h3{font-size:23px}
.overview .r-screen-tile p{font-size:15px;line-height:1.9}
.overview .r-screen-tile img{width:min(228px,92%);margin-top:29px}
.o-history{background:#edf9fa}
.o-history-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:56px;align-items:center}
.o-history-grid>*{min-width:0}
.o-history-screens{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}
.o-history-screens figure{min-width:0}
.o-history-screens figure:nth-child(2){margin-top:45px}
.o-history-screens figcaption{color:var(--muted);font-size:13px;text-align:center;margin-bottom:18px}
.o-history-screens img{width:100%;border-radius:21px;border:1px solid #1d495014;box-shadow:0 18px 42px #123d4917}
.o-chart-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.o-chart-grid>*{min-width:0}
.o-bar-screen{padding:34px;background:#f2f8fa;border-radius:24px;max-width:390px;width:100%;margin:auto}
.o-bar-screen img{width:100%;max-width:278px;margin:auto;border-radius:20px;box-shadow:0 18px 40px #123d4912}
.o-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:start}
.o-faq-intro{font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px}
.o-faq-items{border-top:1px solid var(--line)}
.o-faq .o-faq-items details:first-child{border-top:0}
.o-faq .o-faq-items p{font-size:15px;line-height:1.95}
.o-faq .o-faq-items p a{display:block;margin-top:15px;color:var(--accent);text-underline-offset:4px;width:fit-content}
@media(max-width:1100px){
 .overview .r-title{font-size:clamp(2.3rem,3.9vw,3.3rem)}
 .o-history-grid{grid-template-columns:.85fr 1fr;gap:36px}
 .o-history-screens{gap:15px}.o-history-screens figcaption{font-size:11px}
 .o-chart-grid{gap:60px}.o-faq{gap:55px}
}
@media(max-width:800px){
 .overview .r-hero-grid{grid-template-columns:1fr;gap:24px}
 .overview .r-title{font-size:clamp(1.95rem,8.2vw,3.7rem);line-height:1.6}
 .overview .r-lede{font-size:15px}
 .overview .download-note{font-size:14px}
 .o-hero-pair .front{width:46%;margin-right:-12px;transform:rotate(-4deg)}
 .o-hero-pair .back{width:42%;margin-top:55px;transform:rotate(4deg)}
 .overview .r-flow{font-size:11px;gap:6px}
 .overview .r-flow .item{gap:5px}.overview .r-flow .stepno{font-size:10px}
 .overview .r-screen-tile{padding:28px 25px 33px}
 .overview .r-screen-tile img{width:230px;max-width:90%}
 .o-history-grid{grid-template-columns:1fr;gap:37px}
 .o-history-screens{max-width:610px;margin:auto;gap:20px;width:100%}
 .o-history-screens figure:nth-child(2){margin-top:37px}
 .o-history-screens figcaption{font-size:12px;line-height:1.7;min-height:41px;margin-bottom:11px}
 .o-history-screens img{border-radius:15px}
 .o-chart-grid{grid-template-columns:1fr;gap:34px}
 .o-bar-screen{order:2;width:100%;max-width:330px;padding:28px}
 .o-faq{grid-template-columns:1fr;gap:30px}.o-faq-intro{margin-top:14px}
}
@media(max-width:600px){
 .o-history-screens{grid-template-columns:1fr;gap:36px}
 .o-history-screens figure{width:min(320px,100%);margin:auto}
 .o-history-screens figure:nth-child(2){margin:0 auto}
 .o-history-screens figcaption{font-size:14px;min-height:0;margin-bottom:16px}
}
@media(max-width:380px){
 .overview .r-title{font-size:1.75rem}
 .overview .r-lede{font-size:14px}
 .overview .r-flow{font-size:10px;gap:4px}
 .overview .r-flow .stepno{display:none}
 .o-history-screens figcaption{font-size:13px}
 .o-history-screens img{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.overview .r-flow a{transition:none}}