#cases{--blue:#2b4c7e;--line:#e3e1da;--sub:#68707a;--paper:#f6f5f1;}
#cases .case{margin:0 0 52px;padding:30px 0 0;background:var(--paper)}#cases .case-head{display:flex;gap:16px;align-items:baseline;margin-bottom:20px}#cases .number{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.08em}#cases .case-head h3{font-size:25px;font-weight:600;margin:0;letter-spacing:.02em}#cases .scope{margin-left:auto;font-size:13px;color:var(--sub)}#cases .comparison{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}#cases .panel{min-width:0}#cases .panel.before{background:#eeede9}#cases .panel.after{background:#edf1f7;border-left:1px solid var(--line)}#cases .label{height:54px;padding:0 25px;display:flex;align-items:center;gap:12px;font-size:13px;color:#65707a}#cases .label b{font-size:12px;letter-spacing:.11em}#cases .after .label{color:var(--blue)}#cases .visual{height:315px;overflow:hidden;position:relative;margin:0 16px}#cases .visual>img.illustration{width:100%;height:100%;object-fit:cover;border-radius:4px}#cases .arrow{position:absolute;left:50%;top:194px;transform:translateX(-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);border:5px solid var(--paper);font-size:24px;z-index:2}#cases .copy{padding:22px 25px 24px;background:rgba(255,255,255,.6)}#cases .copy h4{font-size:19px;line-height:1.6;margin:0 0 10px;font-weight:600}#cases .time{display:flex;align-items:baseline;gap:8px;min-height:60px}#cases .time strong{font-size:43px;font-weight:700;letter-spacing:-.025em;line-height:1.35}#cases .before .time strong{color:#60666d}#cases .after .time strong{color:var(--blue)}#cases .time small{font-size:13px;color:var(--sub)}#cases .shot-frame{height:276px;margin-top:13px;background:#fff;border:1px solid #d1d9e4;border-radius:5px;overflow:hidden;box-shadow:0 8px 20px #1a355112}#cases .frame-caption{height:27px;background:#fff;border-bottom:1px solid #e0e4e9;padding:6px 12px;font-size:10px;color:#667284}#cases .shift-shot{display:block;width:100%;height:249px;object-fit:cover;object-position:left top}#cases .report-visual{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 12px}#cases .photo-input{width:29%;margin:0}#cases .photo-input img{width:100%;border:5px solid #fff;box-shadow:0 3px 14px #22334d1a;border-radius:3px}#cases .photo-input figcaption{text-align:center;font-size:12px;color:var(--blue);margin-top:12px;font-weight:600}#cases .flow-arrow{font-size:24px;color:var(--blue)}#cases .report-output{height:290px;background:white;padding:9px 7px 5px;box-shadow:0 5px 22px #1a355126;transform:rotate(2deg)}#cases .report-output img{height:260px;width:auto;display:block}#cases .report-output p{text-align:center;font-size:11px;color:var(--blue);margin:3px 0}#cases .process{display:flex;justify-content:center;gap:9px;align-items:center;margin:4px 0 10px;font-size:12px;color:var(--blue);font-weight:600}#cases .process span{background:white;border:1px solid #d9e1ed;border-radius:20px;padding:6px 11px}#cases .excel-frame{margin:0 12px;background:white;border:1px solid #cad5d2;border-radius:4px;overflow:hidden;box-shadow:0 6px 20px #1a355114}#cases .excel-title{font-size:11px;background:#26734d;color:white;padding:8px 12px}#cases .excel-frame img{width:100%;height:235px;display:block;object-fit:cover;object-position:top}#cases .fineprint{font-size:11px;line-height:1.9;color:#7a8189;margin:12px 0 0}#cases .footnote{font-size:12px;color:#737981;line-height:1.9;border-top:1px solid var(--line);padding-top:22px;margin-top:0}
@media(max-width:650px){#cases main{padding:35px 16px}#cases .eyebrow{font-size:10px}#cases h1{font-size:26px}#cases header{margin-bottom:28px}#cases .case{padding-top:10px;margin-bottom:34px}#cases .case-head{gap:10px;flex-wrap:wrap}#cases .case-head h3{font-size:21px}#cases .scope{width:100%;margin-left:30px}#cases .comparison{grid-template-columns:1fr}#cases .panel.after{border-left:0;border-top:1px solid var(--line)}#cases .visual{height:265px;margin:0 12px}#cases .label{height:44px;padding:0 20px}#cases .copy{padding:17px 20px}#cases .copy h4{font-size:17px}#cases .time strong{font-size:37px}#cases .time{min-height:48px}#cases .arrow{display:none}#cases .shot-frame{height:245px;margin-top:7px}#cases .shift-shot{height:218px}#cases .report-output{height:250px}#cases .report-output img{height:220px}#cases .report-visual{gap:12px}#cases .process{font-size:10px;gap:6px}#cases .process span{padding:6px 9px}#cases .excel-frame img{height:185px}#cases .fineprint{font-size:10px}}

#cases .case:last-of-type{margin-bottom:24px}#cases .footnote{margin-bottom:0}#cases .visual img{max-width:100%}#cases .case-head h3{line-height:1.5}#cases .copy h4{font-weight:600}#cases .case-head{align-items:center}

#cases .photo-input img{height:auto}#cases .report-output img{max-width:none}
@media(max-width:800px){.bar nav{gap:10px;font-size:12px}}

/* Report app screenshot and generated report */
#cases .report-visual{gap:12px;padding:8px 0;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center}
#cases .report-app{margin:0;min-width:0;text-align:center}
#cases .report-app img{display:block;height:263px;width:auto;max-width:100%;object-fit:contain;margin:0 auto;border:1px solid #ced9e0;border-radius:9px;box-shadow:0 4px 16px #1a35511a}
#cases .report-app figcaption{font-size:11px;color:var(--blue);font-weight:600;margin-top:7px;white-space:nowrap}
#cases .report-output{height:auto;min-width:0;padding:7px 5px;transform:rotate(2deg)}
#cases .report-output img{width:100%;height:auto;max-height:250px;object-fit:contain}
#cases .report-output p{font-size:11px;white-space:nowrap}
@media(max-width:650px){#cases .report-visual{gap:8px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}#cases .report-app img{height:215px}#cases .report-app figcaption,#cases .report-output p{font-size:10px}#cases .report-output img{max-height:215px}#cases .report-visual .flow-arrow{font-size:20px}}