.report-case-section{background:#FFF0BA;scroll-margin-top:100px;padding:90px 0}.report-case-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px}.report-case-copy h2{font-size:clamp(32px,3.1vw,48px);line-height:1.08;margin-bottom:32px}.report-case-copy>p:not(.eyebrow):not(.report-disclaimer){font-size:19px;line-height:1.5;max-width:440px;margin:0 0 18px;color:#383a3e}.report-steps{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 0;margin:28px 0;font-size:14px;font-weight:600}.report-steps li+li:before{content:'→';padding:0 10px;color:#706c60}.report-download{gap:22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.report-case-copy .report-disclaimer{font-size:13px;color:#645e4c;margin:13px 0 0}.report-sheet{background:white;border:1px solid #dfd8c2;border-radius:18px;box-shadow:0 20px 60px #6d571414;overflow:hidden;min-width:0}.report-filebar{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.report-filebadge{font-size:11px;font-weight:700;color:#225c40;background:#e5f1e7;border:1px solid #bad4c1;border-radius:6px;padding:12px 7px}.report-filebar strong{display:block;font-size:18px;line-height:1.2}.report-filebar div>span{display:block;font-size:13px;color:#62666d;margin-top:5px}.report-expand{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;background:white;color:#25282d;padding:9px 11px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.report-expand:hover,.report-close:hover{background:#f3f4f6}.report-table-scroll{max-height:392px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#c2c4c8 #f7f7f7;scrollbar-width:thin}.report-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;line-height:1.4;color:#20242b}.report-table th,.report-table td{text-align:left;padding:12px 11px;border-right:1px solid #eceef0;border-bottom:1px solid #eceef0;vertical-align:top}.report-table th{position:sticky;top:0;z-index:1;background:#f3f4f6;font-weight:600;font-size:11px;min-width:86px}.report-table td:first-child,.report-table th:first-child{white-space:nowrap}.report-table td:last-child{min-width:160px}.report-table .report-count{background:#fff0f6;font-weight:700}.report-table tbody tr:hover td{background:#f9fafb}.report-sheet-bottom{display:flex;align-items:center;justify-content:space-between;background:#f7f8f9;border-top:1px solid #e5e7eb;padding:0 17px;font-size:11px;color:#62666d}.report-sheet-tab{padding:12px 7px 10px;color:#24272b;border-bottom:2px solid #FF8DBB;font-weight:600}.report-preview-note{font-size:12px;line-height:1.5;color:#62666d;margin:0;padding:14px 20px;border-top:1px solid #eceef0}#report-dialog{width:min(1200px,94vw);max-width:94vw;max-height:90dvh;border:1px solid #e5e7eb;border-radius:18px;padding:0;color:#24272b;background:#fff}#report-dialog::backdrop{background:#11182788;backdrop-filter:blur(4px)}.report-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}.report-dialog-header h2{font-size:25px;margin:0;line-height:1.2}.report-dialog-header p{font-size:13px;color:#62666d;margin:8px 0 0}.report-close{width:36px;height:36px;flex-shrink:0;border:1px solid #e5e7eb;background:white;border-radius:50%;font-size:25px;cursor:pointer}.report-full-scroll{overflow:auto;max-height:calc(90dvh - 200px);border-block:1px solid #e5e7eb;overscroll-behavior:contain}.report-full-scroll .report-table{width:2000px}.report-full-scroll .report-table td:last-child{min-width:280px}.report-dialog-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 24px}.report-dialog-footer>span{font-size:12px;color:#62666d}.report-expand:focus-visible,.report-close:focus-visible,.report-table-scroll:focus-visible,.report-full-scroll:focus-visible{outline:2px solid #25282d;outline-offset:-3px}
@media(max-width:1100px){.report-case-layout{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.report-filebar{padding:15px;gap:8px}.report-expand{font-size:12px;padding:8px}.report-filebar strong{font-size:16px}.report-filebar div>span{font-size:11px}.report-case-copy>p:not(.eyebrow):not(.report-disclaimer){font-size:17px}}
@media(max-width:800px){.report-case-section{padding:64px 0}.report-case-layout{grid-template-columns:1fr;gap:38px}.report-case-copy h2{font-size:38px;max-width:560px}.report-case-copy>p:not(.eyebrow):not(.report-disclaimer){max-width:560px}.report-table-scroll{max-height:360px}.report-table-scroll .report-table{min-width:600px}.report-filebar{padding:18px}.report-dialog-footer{padding:15px;flex-wrap:wrap}.report-dialog-header{padding:20px 15px}.report-dialog-header h2{font-size:21px}.report-full-scroll{max-height:calc(90dvh - 240px)}}
@media(max-width:400px){.report-case-copy h2{font-size:32px}.report-filebar{flex-wrap:wrap;padding:14px}.report-expand{margin-left:0}.report-filebar div{flex:1}.report-steps{font-size:12px}.report-steps li+li:before{padding:0 7px}.report-download{font-size:15px}.report-dialog-header h2{font-size:19px}}

/* The complete report is available directly in the preview. */
.report-table-scroll{height:420px;max-height:420px;overflow:auto;scrollbar-width:auto;scrollbar-color:#a4a8ae #f3f4f6;scrollbar-gutter:stable}.report-table-scroll .report-table{width:2050px;min-width:2050px;table-layout:fixed}.report-table-scroll .report-table th{width:140px;min-width:0;font-size:11px;overflow-wrap:anywhere}.report-table-scroll .report-table th:first-child{width:105px}.report-table-scroll .report-table th:last-child{width:280px}.report-table-scroll .report-table td:last-child{min-width:0}.report-table-scroll .report-table th:first-child,.report-table-scroll .report-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;border-right:1px solid #dce0e5}.report-table-scroll .report-table th:first-child{z-index:3;background:#f3f4f6}.report-table-scroll .report-table th{z-index:2}.report-filebar{min-height:84px}.report-sheet-bottom{border-radius:0 0 18px 18px}.report-steps{margin-bottom:0}
@media(max-width:800px){.report-table-scroll{height:380px;max-height:380px}}
/* Choose the period in the app; read the exported report beside it. */
.report-case-layout{display:block}.report-case-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-bottom:45px;align-items:center}.report-case-copy h2{margin-bottom:0;font-size:clamp(34px,3.2vw,48px)}.report-case-narrative p{font-size:18px;line-height:1.5;color:#383a3e;margin:0 0 16px}.report-case-narrative p:last-child{margin-bottom:0}.report-artifacts{display:grid;grid-template-columns:278px 32px minmax(0,1fr);gap:24px;align-items:center}.report-phone-stage{display:flex;flex-direction:column;align-items:center;min-width:0}.report-phone-stage .iphone-device{width:266px;flex:none}.report-export-screen{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}.report-flow-arrow{font-size:38px;color:#806d3c;font-weight:300}.report-demo-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:18px}.report-demo-tabs button{font:inherit;font-size:11px;padding:7px 9px;border:1px solid #d6c68f;background:#fff9e6;border-radius:20px;color:#544a30;cursor:pointer}.report-demo-tabs button[aria-pressed=true]{background:white;border-color:#FF8DBB;color:#28282b}.report-demo-tabs button:hover{background:#fff}.report-demo-tabs button:focus-visible{outline:2px solid #28282b;outline-offset:3px}.report-artifacts .report-table-scroll{height:430px;max-height:430px}.report-artifacts .report-sheet{width:100%}
@media(max-width:1000px){.report-case-copy{gap:35px}.report-artifacts{grid-template-columns:240px minmax(0,1fr);gap:28px}.report-flow-arrow{display:none}.report-phone-stage .iphone-device{width:236px}.report-case-narrative p{font-size:17px}.report-demo-tabs{gap:4px}.report-demo-tabs button{font-size:10px;padding:7px}}
@media(max-width:700px){.report-case-copy{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.report-artifacts{grid-template-columns:minmax(0,1fr);gap:30px}.report-phone-stage .iphone-device{width:270px}.report-case-copy h2{font-size:36px}.report-artifacts .report-table-scroll{height:380px;max-height:380px}.report-demo-tabs button{font-size:11px;padding:8px 10px}}
/* Desktop: narrative on the left; both artifacts form the right column. */
.report-case-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.9fr);gap:44px;align-items:center}.report-case-copy{display:block;margin:0}.report-case-copy h2{font-size:clamp(32px,2.65vw,40px);line-height:1.12;margin:0 0 27px}.report-case-narrative p{font-size:17px;line-height:1.5;margin-bottom:18px}.report-artifacts{grid-template-columns:224px minmax(0,1fr);gap:22px;align-items:center;min-width:0}.report-flow-arrow{display:none}.report-phone-stage .iphone-device{width:220px}.report-demo-tabs{gap:4px}.report-demo-tabs button{font-size:10px;padding:7px}.report-artifacts .report-filebar{padding:16px;min-height:78px}.report-artifacts .report-table-scroll{height:410px;max-height:410px}
@media(max-width:1150px){.report-case-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:30px}.report-artifacts{grid-template-columns:192px minmax(0,1fr);gap:16px}.report-phone-stage .iphone-device{width:192px}.report-case-copy h2{font-size:32px}.report-case-narrative p{font-size:16px}.report-artifacts .report-table-scroll{height:350px;max-height:350px}}
@media(max-width:900px){.report-case-layout{grid-template-columns:minmax(0,1fr);gap:35px}.report-case-copy{max-width:620px}.report-case-copy h2{font-size:38px}.report-artifacts{grid-template-columns:240px minmax(0,1fr);gap:28px}.report-phone-stage .iphone-device{width:236px}.report-case-narrative p{font-size:17px}.report-artifacts .report-table-scroll{height:410px;max-height:410px}}
@media(max-width:700px){.report-artifacts{grid-template-columns:minmax(0,1fr);gap:30px}.report-phone-stage .iphone-device{width:270px}.report-case-copy h2{font-size:36px}.report-artifacts .report-table-scroll{height:380px;max-height:380px}.report-demo-tabs button{font-size:11px;padding:8px 10px}}
/* A denser spreadsheet and a deliberate gap between narrative and artifacts. */
.report-case-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.9fr);column-gap:64px}.report-artifacts{gap:24px}.report-table-scroll .report-table{width:1580px;min-width:1580px;font-size:10px;line-height:1.35}.report-table-scroll .report-table th{width:104px;font-size:9px;padding:9px 8px}.report-table-scroll .report-table td{padding:8px;font-size:10px}.report-table-scroll .report-table th:first-child{width:82px}.report-table-scroll .report-table th:last-child{width:220px}.report-artifacts .report-table-scroll{height:340px;max-height:340px}.report-artifacts .report-filebar{min-height:65px;padding:12px 14px;gap:9px}.report-filebar strong{font-size:15px}.report-filebar div>span{font-size:11px}.report-filebadge{font-size:9px;padding:9px 6px}.report-sheet-bottom{font-size:10px}.report-sheet-tab{padding:10px 5px 8px}.report-sheet{border-radius:15px}.report-phone-stage{padding-block:10px}.report-export-animation{position:relative;width:100%;aspect-ratio:390/844;overflow:hidden;background:#f9fafb}.report-export-animation .report-export-screen{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .18s ease;pointer-events:none}.report-export-animation .report-export-screen.is-active{opacity:1}.report-export-tap{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid #ff8dbb;background:#ff8dbb25;opacity:0;pointer-events:none;z-index:2;box-shadow:0 0 0 5px #fff5}.report-export-tap.is-tapping{animation:report-tap .48s ease-out both}@keyframes report-tap{0%{opacity:0;transform:scale(1.3)}35%{opacity:1;transform:scale(.8)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
@media(max-width:1150px){.report-case-layout{column-gap:40px}.report-artifacts{gap:20px}.report-artifacts .report-table-scroll{height:310px;max-height:310px}}
@media(max-width:900px){.report-case-layout{gap:36px}.report-artifacts{gap:30px}.report-artifacts .report-table-scroll{height:350px;max-height:350px}}
@media(max-width:700px){.report-artifacts{gap:32px}.report-artifacts .report-table-scroll{height:330px;max-height:330px}.report-table-scroll .report-table td{font-size:11px}.report-table-scroll .report-table th{font-size:10px}}
@media(prefers-reduced-motion:reduce){.report-export-animation .report-export-screen{transition:none}.report-export-tap{display:none}}
.report-try{display:inline-flex;align-items:center;justify-content:center;gap:20px;margin-top:12px;background:#fff;color:#FF8DBB;border:1px solid #FF8DBB;font-size:16px;padding:16px 22px}.report-try:hover{color:#FF8DBB;border-color:#FF8DBB}.report-try>span{color:inherit}
@media(max-width:1150px){.report-try{font-size:14px;padding:14px 18px;gap:12px}}
/* One layered export illustration, separated from the narrative. */
.report-case-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.9fr);column-gap:100px}.report-case-copy{max-width:370px}.report-artifacts{display:block;position:relative;isolation:isolate;width:100%;max-width:700px;height:535px;justify-self:end}.report-artifacts:before{content:'';position:absolute;inset:30px -10px 5px 65px;background:#fff7dc;border-radius:51% 49% 38% 62% / 39% 52% 48% 61%;z-index:-1;transform:rotate(-4deg)}.report-phone-stage{position:absolute;left:0;top:0;width:220px;padding:0;z-index:2}.report-phone-stage .iphone-device{width:220px;box-shadow:inset 0 0 0 1px #85858a,inset 0 0 0 3px #48484d,0 16px 30px #68562c19}.report-artifacts .report-sheet{position:absolute;left:160px;right:0;top:115px;width:auto;padding-left:70px;border:1px solid #e9dfc2;border-radius:20px;background:#fffef9;box-shadow:0 15px 40px #6d571412;z-index:1}.report-artifacts .report-table-scroll{height:278px;max-height:278px;background:#fffef9;scrollbar-color:#c1bba9 #f8f5e9}.report-artifacts .report-filebar{min-height:62px;padding:13px 14px;border-color:#eeeadf;background:#fffef9}.report-artifacts .report-filebar strong{font-size:14px;font-weight:600;color:#373b3c}.report-artifacts .report-filebar div>span{font-size:10px;color:#7c7d75}.report-artifacts .report-filebadge{font-size:8px;border-color:#d2dfd2;background:#f0f5ed;color:#55705a;padding:8px 5px}.report-artifacts .report-table{color:#515451}.report-artifacts .report-table th{background:#f8f7f0;color:#62665e;font-weight:500;border-color:#eeede6}.report-artifacts .report-table td{border-color:#efeee8}.report-artifacts .report-table th:first-child{background:#f8f7f0;border-color:#e9e7dc}.report-artifacts .report-table td:first-child{background:#fffef9;border-color:#e9e7dc}.report-artifacts .report-table .report-count{background:#fff3f7;color:#55534e}.report-artifacts .report-sheet-bottom{background:#f8f7f0;border-color:#eeeadf;color:#7c7d75}.report-artifacts .report-sheet-tab{color:#5c6158}
@media(max-width:1150px){.report-case-layout{column-gap:64px}.report-artifacts{height:490px}.report-phone-stage,.report-phone-stage .iphone-device{width:200px}.report-artifacts .report-sheet{left:145px;top:105px;padding-left:65px}.report-artifacts .report-table-scroll{height:250px;max-height:250px}}
@media(max-width:900px){.report-case-layout{grid-template-columns:minmax(0,1fr);gap:36px}.report-case-copy{max-width:620px}.report-artifacts{height:535px;max-width:680px;justify-self:center}.report-phone-stage,.report-phone-stage .iphone-device{width:220px}.report-artifacts .report-sheet{left:160px;top:115px;padding-left:70px}.report-artifacts .report-table-scroll{height:278px;max-height:278px}}
@media(max-width:700px){.report-artifacts{height:auto;display:flex;flex-direction:column;align-items:center;max-width:440px;padding-top:5px}.report-artifacts:before{inset:70px 5px 80px;transform:none}.report-phone-stage{position:relative;left:auto;top:auto;width:230px}.report-phone-stage .iphone-device{width:230px}.report-artifacts .report-sheet{position:relative;left:auto;right:auto;top:auto;width:100%;padding:28px 0 0;margin-top:-18px;border-radius:19px}.report-artifacts .report-table-scroll{height:300px;max-height:300px}}
@media(max-width:700px){.report-artifacts{gap:0}}
/* Desktop refinement: separate artifacts on one visible white silhouette. */
@media(min-width:901px){.report-artifacts:before{inset:24px -24px -6px -26px;background:#fff;border-radius:45% 55% 37% 63% / 36% 43% 57% 64%;transform:none}.report-artifacts .report-sheet{left:238px;padding-left:0;border-color:#d1d5db;box-shadow:0 14px 32px #514d3610}.report-phone-stage{z-index:1}.report-artifacts .report-sheet{z-index:1}}
@media(min-width:901px) and (max-width:1150px){.report-artifacts:before{inset:20px -20px -8px -22px}.report-artifacts .report-sheet{left:216px;padding-left:0}}
/* Same yellow as the hero, against a quiet neutral section background. */
.report-case-section{background:#F9FAFB}.report-artifacts:before{background:#ffe99b}
@media(min-width:901px){.report-artifacts:before{inset:35px -18px 0 -20px;background:#ffe99b}}
@media(min-width:901px) and (max-width:1150px){.report-artifacts:before{inset:30px -16px -2px -18px}}
.pricing-price>strong,.price-line h3{white-space:nowrap}

@media(max-width:360px){.report-case-heading h2{font-size:26px}}

/* The report itself is the single illustration; preserve spreadsheet density. */
.report-artifacts{display:block;height:auto;max-width:700px;padding:40px 0}
.report-artifacts:before{inset:0 -18px -4px -20px;transform:none}
.report-artifacts .report-sheet{position:relative;inset:auto;width:100%;padding:0;margin:0;border-color:#d1d5db}
.report-artifacts .report-table-scroll{height:390px;max-height:390px}
@media(max-width:1150px){.report-artifacts:before{inset:0 -16px -4px -18px}}
@media(max-width:900px){.report-artifacts{max-width:700px;padding:35px 0}}
@media(max-width:700px){.report-artifacts{padding:24px 0;max-width:100%}.report-artifacts:before{inset:0 -8px -2px}.report-artifacts .report-sheet{padding:0;margin:0}.report-artifacts .report-table-scroll{height:330px;max-height:330px}}
/* Neutral white spreadsheet, with yellow confined to the outer backdrop. */
.report-artifacts .report-sheet,.report-artifacts .report-filebar,.report-artifacts .report-table-scroll,.report-artifacts .report-table td,.report-artifacts .report-table td:first-child{background:#fff}
.report-artifacts .report-table th,.report-artifacts .report-table th:first-child,.report-artifacts .report-sheet-bottom{background:#f9fafb}
.report-artifacts .report-filebar,.report-artifacts .report-sheet-bottom,.report-artifacts .report-table th,.report-artifacts .report-table td{border-color:#e5e7eb}
.report-artifacts .report-table-scroll{scrollbar-color:#a4a8ae #f3f4f6}
.report-artifacts .report-table tbody tr:hover td{background:#f9fafb}