/* Actual product screens and flattened, anonymized document thumbnails. */
.sample-fab{position:fixed;right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 15px);z-index:18;display:flex;align-items:center;gap:9px;min-height:49px;padding:12px 17px;border:1px solid #ffffff38;border-radius:30px;background:var(--ink);color:white;box-shadow:0 5px 22px #17181a24;font-size:12px;font-weight:500;transition:transform .2s,background .2s}.sample-fab:hover{background:#353638;transform:translateY(-2px)}.sample-fab[hidden],body.menu-open .sample-fab{display:none}body.samples-open{overflow:hidden}html:has(body.samples-open){scroll-snap-type:none}
#sample-dialog{padding:0;border:0;position:fixed;inset:0;width:min(100%,560px);max-width:100%;height:min(94dvh,1060px);max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:auto auto 0;background:#f6f6f7;border-radius:26px 26px 0 0;color:var(--ink);overscroll-behavior:contain;box-shadow:0 -15px 70px #17181a25;font-family:A2Z,sans-serif}#sample-dialog::backdrop{background:#17181a80;backdrop-filter:blur(5px)}.sample-shell{padding:10px 0 calc(22px + env(safe-area-inset-bottom))}.sample-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 23px 12px;position:sticky;top:0;z-index:3;background:#f6f6f7}.sample-kicker{font-size:9px;letter-spacing:.12em;color:#b53b18;font-weight:700}.sample-header h2{font-size:25px;margin:7px 0 0;line-height:1.3}.sample-header>button{width:44px;height:44px;flex:0 0 44px;background:#eaeaec;border:0;border-radius:50%;font-size:27px;font-weight:400;line-height:1;color:var(--body)}#sample-description{font-size:12px;line-height:1.8;padding:0 23px 19px}.report-format{display:flex;border-bottom:1px solid #dcdde0;margin:0 23px 17px;gap:18px}.report-format>button{background:none;min-height:46px;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500;padding:0 3px 10px;flex:1}.report-format>button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.report-format button>span{font-size:9px;margin-left:3px;letter-spacing:.04em}.sample-tabs{display:flex;gap:5px;background:#e9e9ec;margin:0 23px 18px;border-radius:14px;padding:5px}.sample-tabs button{flex:1;min-width:0;min-height:42px;border:0;background:none;border-radius:10px;font-size:13px;color:var(--body);font-weight:500}.sample-tabs button>span{font-size:11px;margin-right:4px;color:var(--muted)}.sample-tabs button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 2px 7px #17181a0a;font-weight:700}.sample-tabs button[aria-selected=true]>span{color:#b53b18}.sample-viewer{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start}.sample-viewer::-webkit-scrollbar{display:none}.sample-panel{flex:0 0 100%;min-width:0;padding:0 23px;scroll-snap-align:start;scroll-snap-stop:always;outline-offset:-5px}.phone-stage{position:relative;border-radius:22px;padding:21px 15px 17px;background:radial-gradient(ellipse at 50% 90%,#d8d5e9 0,transparent 65%),#ececef;display:flex;flex-direction:column;align-items:center;gap:14px}.sample-panel:nth-child(2) .phone-stage{background:radial-gradient(ellipse at 50% 90%,#c9deea 0,transparent 65%),#ececef}.sample-panel:nth-child(3) .phone-stage{background:radial-gradient(ellipse at 50% 90%,#d1e5d3 0,transparent 65%),#ececef}.phone-frame{width:235px;max-width:100%;padding:5px;background:#151515;border:1px solid #525254;border-radius:29px;box-shadow:0 14px 25px #17181a23,0 0 0 2px #d2d2d5;overflow:hidden}.phone-screen{height:376px;overflow-y:auto;overflow-x:hidden;border-radius:23px;background:#191919;scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-x pan-y pinch-zoom}.phone-screen::-webkit-scrollbar{display:none}.phone-screen img{width:100%;height:auto;display:block;user-select:none}.actual-screen-label{font-size:9px;letter-spacing:.08em;color:#606471}.preview-story{text-align:center;padding:20px 0 3px}.preview-story h3{font-size:19px;line-height:1.4}.preview-story p{font-size:12px;line-height:1.9;margin:9px 0 13px}.preview-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.preview-topics>span{font-size:10px;padding:5px 9px;background:white;border:1px solid var(--line);border-radius:30px}.sample-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px}.sample-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:18px}.sample-controls>span{font-size:12px;color:var(--body);min-width:90px;text-align:center}.sample-swipe-hint{text-align:center;font-size:10px;color:var(--muted);padding:10px 23px 3px}.sample-endnote{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:22px 23px 0;padding-top:16px;border-top:1px solid var(--line)}.sample-endnote p{font-size:9px;color:var(--muted);line-height:1.9}.privacy-mark{font-size:12px;color:#356c45}.pdf-intro{padding:6px 23px 24px}.pdf-intro>span{font-size:9px;letter-spacing:.08em;color:#b53b18}.pdf-intro h3{font-size:24px;line-height:1.35;margin:9px 0 13px}.pdf-intro p{font-size:12px;line-height:1.9}.pdf-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px;padding:0 23px}.pdf-thumbnail{min-width:0}.pdf-thumbnail img{width:100%;height:auto;display:block;background:white;box-shadow:0 4px 14px #17181a0d;border:1px solid #e5e6e9;border-radius:3px}.pdf-thumbnail figcaption{padding:10px 1px 0}.pdf-thumbnail figcaption b{display:block;font-size:12px;font-weight:700}.pdf-thumbnail figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.pdf-summary{background:var(--warm);margin:25px 23px 0;padding:17px;border-radius:14px}.pdf-summary>span{font-size:10px;color:#b53b18;font-weight:500}.pdf-summary p{font-size:12px;line-height:1.9;margin-top:8px}.pdf-thumbnail-note{font-size:10px;color:var(--muted);text-align:center;margin:15px 23px 0}
@media(min-width:600px){#sample-dialog{margin:auto;border-radius:24px;height:min(92dvh,1080px)}.phone-frame{width:250px}.phone-screen{height:407px}.pdf-gallery{gap:25px}.sample-header h2{font-size:29px}}
@media(max-width:359px){.sample-header,#sample-description{padding-left:16px;padding-right:16px}.sample-header h2{font-size:22px}.sample-panel{padding:0 16px}.sample-tabs,.report-format{margin-left:16px;margin-right:16px}.phone-frame{width:216px}.phone-screen{height:344px}.preview-story h3{font-size:17px}.sample-fab{right:12px;font-size:11px;min-height:46px;padding:10px 14px}.pdf-gallery{padding:0 16px;gap:18px 12px}.pdf-thumbnail figcaption b{font-size:11px}.pdf-thumbnail figcaption span{font-size:9px}}
@media print{.sample-fab,#sample-dialog{display:none!important}}