:root{--ink:#202231;--muted:#646878;--line:#e5e5ed;--canvas:#faf9fc;--accent:#6654d9;--accent-soft:#f0edff;--surface:#fff;--green:#21735a}
*{box-sizing:border-box}html{scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--canvas);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9582ee;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}button{border:0}svg{display:block}::selection{background:#ded7ff}.container{max-width:1280px;margin:0 auto;padding:0 32px}.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:10px 18px;z-index:10001;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:88px;background:rgba(250,249,252,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;gap:9px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.1px;flex-shrink:0;line-height:1}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:white;font-size:25px;letter-spacing:-2px;padding-right:3px}.site-header nav{display:flex;gap:28px;margin-left:15px;font-size:13px;font-weight:550;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;gap:23px;align-items:center;margin-left:auto}.report-trigger{display:flex;gap:8px;align-items:center;border:1px solid #d9d4ed;border-radius:8px;background:white;padding:9px 12px;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}.report-trigger:hover{border-color:var(--accent);background:#f5f2ff}.report-trigger svg{width:18px;height:18px}.try-label{font-size:10px;font-weight:650;line-height:1.5;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 5px;margin-left:3px}.login-link{font-size:13px;font-weight:550}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;color:white;background:var(--accent);font-size:14px;font-weight:600;line-height:1.4;padding:15px 23px;border:1px solid var(--accent);border-radius:9px;transition:background .2s,transform .2s}.button:hover{background:#5542c4;transform:translateY(-1px)}.button-small{font-size:12px;padding:10px 15px;gap:17px}.button-outline{color:var(--ink);background:white;border-color:#d7d7e2}.button-outline:hover{background:var(--accent-soft);border-color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;color:var(--accent);line-height:1.6}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px;vertical-align:1px}.hero{overflow:clip;padding-top:95px;padding-bottom:90px;display:grid;grid-template-columns:.93fr 1.17fr;gap:40px;align-items:center;min-height:720px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(48px,4.6vw,67px);letter-spacing:-3.2px;font-weight:730;line-height:1.07;margin:23px 0}.hero h1 span{color:var(--accent)}.hero-description{color:var(--muted);font-size:17px;line-height:1.8;max-width:440px}.hero-cta{margin-top:29px;min-width:151px}.cta-note{font-size:11px;color:var(--muted);margin-top:12px}.hero-visual{position:relative;min-width:0;padding:17px 0 32px}.visual-orbit{position:absolute;border:1px solid #e6e0f2;width:109%;aspect-ratio:1;border-radius:50%;left:-3%;top:50%;transform:translateY(-50%);z-index:-1}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;border:1px solid #ede8f6;border-radius:50%;inset:24px}.visual-orbit:after{inset:-25px}.hero-product{position:relative}.floating-label{position:absolute;left:-23px;bottom:13px;background:white;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #e9e6ef;border-radius:10px;box-shadow:0 8px 25px #30234e0d;font-size:12px;font-weight:650}.floating-label small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.check-dot{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eaf5f0;color:#28765c;font-size:14px}.example-caption{position:absolute;right:1px;bottom:1px;font-size:9px;color:#737080}.context-strip{padding-top:25px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:550;color:#545564}.context-strip i{font-size:17px;font-style:normal;color:var(--accent);margin-right:7px}.strip-label{font-size:9px;letter-spacing:1px;color:#767582;font-weight:650}
/* Product illustrations use the workspace's surfaces, accent, and actual report structure. */
.product-window{position:relative;width:100%;overflow:hidden;background:#fff;border:1px solid #dedbe8;border-radius:12px;box-shadow:0 22px 60px -22px #45336c38;color:var(--ink);text-align:left;line-height:1.5}.product-toolbar{height:45px;display:flex;gap:23px;align-items:center;border-bottom:1px solid #e8e7ed;padding:0 15px;font-size:9px}.mini-brand{font-size:12px;font-weight:750;letter-spacing:-.4px;display:flex;align-items:center;gap:5px;white-space:nowrap}.mini-brand b{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--accent);color:white;font-size:17px;letter-spacing:-1px;padding-right:2px}.toolbar-context{color:#777482;white-space:nowrap}.toolbar-context i{font-style:normal;margin:0 7px;color:#c3bfcb}.toolbar-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-left:auto;background:#eeeaf9;color:#65529b;font-weight:650;font-size:8px}.product-body{display:flex;min-height:414px;background:#f7f8fb}.product-sidebar{width:116px;flex-shrink:0;background:white;border-right:1px solid #e8e7ed;display:flex;flex-direction:column;padding:20px 8px 13px;gap:4px;font-size:9px;color:#696b7b}.product-sidebar>span:not(.mini-nav-label){padding:6px 7px;border-radius:5px}.mini-workspace{display:flex;gap:6px;font-size:8px;font-weight:600;color:#3c3c49;align-items:center;margin:0 0 15px 3px;line-height:1.4}.mini-workspace b{display:grid;place-items:center;width:21px;height:23px;border:1px solid #e7e3ee;border-radius:5px;font-size:10px;background:#f8f7fc}.mini-workspace small{display:block;color:#888494;font-size:6px;font-weight:400}.mini-nav-label{font-size:6px;letter-spacing:.8px;padding:10px 8px 3px;color:#918b9f}.product-sidebar .selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.selected i{font-style:normal;float:right;color:#8c7ac8;font-size:8px}.mini-sidebar-footer{margin-top:auto;padding:10px 8px 0;font-size:7px;color:#9891a5}.product-content{flex:1;min-width:0;padding:18px}.mini-breadcrumb{display:flex;gap:8px;align-items:center;font-size:8px;color:#898594;margin-bottom:14px}.mini-breadcrumb span{color:#c0bacb}.mini-breadcrumb code{font-size:7px}.mini-breadcrumb .example-tag{margin-left:auto;font-size:6px;font-weight:600;letter-spacing:1px;color:#82798f;background:#eeecf3;padding:2px 5px;border-radius:3px}.mini-title-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.mini-eyebrow{font-size:6px;letter-spacing:1px;color:#8c8598;font-weight:700;margin-bottom:5px}.mini-title-row h3{font-size:15px;font-weight:650;letter-spacing:-.35px;line-height:1.35;max-width:260px}.status{white-space:nowrap;display:inline-block;font-size:9px;font-weight:600;color:#24745b;background:#e8f5ee;padding:4px 8px;border-radius:5px;line-height:1.4}.status.progress{color:#75601e;background:#fff6da}.mini-properties{display:flex;flex-wrap:wrap;gap:11px;font-size:7px;color:#87828f;margin:10px 0 15px}.mini-panel{background:white;border:1px solid #e7e6ed;border-radius:7px;margin-bottom:10px;overflow:hidden}.mini-panel-heading{font-size:9px;font-weight:650;padding:9px 11px;border-bottom:1px solid #efedf3;display:flex;justify-content:space-between;gap:5px;align-items:center}.mini-panel-heading>span{color:#8d8699;font-weight:400;font-size:6px}.description-panel p{font-size:8px;line-height:1.7;padding:9px 11px;color:#666170}.page-capture{height:auto;background:#0d1a2b;position:relative;padding:0;overflow:hidden}.mini-log{border:1px solid #e5e1ee;border-radius:6px;background:white;overflow:hidden}.mini-log>span{display:block;font-size:8px;font-weight:600;padding:6px 10px;color:#655b75}.mini-log b{background:#f1edf8;color:#8c7fa1;font-size:7px;border-radius:3px;padding:1px 3px;margin-left:4px}.mini-log code{display:block;font:7px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:6px 10px;background:#fdf6f6;border-top:1px solid #f6e6e6;color:#976267;white-space:nowrap}.mini-log i{font-style:normal;color:#ba4f56;padding-right:6px}.sample-comment{display:flex;gap:9px;padding:20px 12px 12px}.comment-avatar{display:grid;place-items:center;background:#ede7fa;color:#7259a6;font-size:8px;font-weight:650;width:25px;height:25px;border-radius:50%;flex-shrink:0}.sample-comment strong{font-size:9px}.sample-comment small{font-size:7px;color:#99919f;font-weight:400;margin-left:5px}.sample-comment p{font-size:9px;line-height:1.8;margin-top:5px;color:#6b6179;max-width:240px}.sample-activity{font-size:7px;padding:14px 12px 20px;color:#8e849c}.sample-activity>span{display:inline-block;width:5px;height:5px;background:#9d8bc5;border-radius:50%;margin:0 8px}.sample-activity b{font-weight:500;color:#716083}.resolution-note{background:#f0f8f3;border:1px solid #dcebe0;border-radius:6px;padding:10px 12px;font-size:8px;color:#4f7960;display:flex;align-items:center;gap:9px}.resolution-note>span{font-size:12px}.preview-scrim{position:absolute;inset:45px 0 0;display:grid;place-items:center;background:#28213444;padding:20px}.sample-widget{width:300px;border:1px solid #e2dcea;background:white;padding:22px;border-radius:10px;box-shadow:0 15px 40px #20133133}.sample-widget-title{display:flex;align-items:center;gap:7px}.sample-widget-title strong{font-size:15px;letter-spacing:-.3px}.sample-widget-title>span:last-child{margin-left:auto;font-size:20px;color:#928b9b}.sample-bug{color:var(--accent);font-size:18px}.sample-widget>p{font-size:9px;color:#8e849b;margin:9px 0 19px}.sample-field-label{font-size:9px;font-weight:600;margin-bottom:6px}.sample-textarea{font-size:11px;line-height:1.8;color:#696171;min-height:87px;border:1px solid #d6c9f2;box-shadow:0 0 0 2px #f4f0fc;border-radius:5px;padding:10px}.sample-caret{display:inline-block;height:12px;background:var(--accent);width:1px;vertical-align:-2px;margin-left:2px}.sample-capture-status{display:flex;gap:7px;align-items:center;font-size:8px;margin:15px 0;color:#7b7087}.sample-capture-status>span{font-size:13px;color:#9b8caf}.sample-capture-status>i{font-style:normal;margin-left:auto;color:#4c9076}.sample-send{display:flex;justify-content:space-between;align-items:center;background:var(--accent);border-radius:6px;color:white;padding:10px 13px;font-size:10px;font-weight:600}.sample-widget>small{display:block;text-align:center;color:#aba3b7;font-size:7px;margin-top:11px}
/* The default is a static, complete sequence. JS enhances only large, motion-enabled screens. */
.walkthrough{padding-top:110px;padding-bottom:85px}.section-heading{max-width:600px;margin-bottom:65px}.section-heading h2,.setup-section h2,.contact-section h2{font-size:43px;font-weight:650;letter-spacing:-1.8px;margin:17px 0}.section-heading>p:last-child,.setup-section p:not(.eyebrow),.contact-section>div>p:last-child{font-size:15px;line-height:1.8;color:var(--muted)}.walkthrough-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;position:relative;align-items:start;max-width:1100px;margin:0 auto}.walk-step{min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:40px 0;max-width:340px}.step-number{display:flex;align-items:center;gap:13px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8b82a0;margin-bottom:20px}.step-number span{width:65px;height:1px;background:#dcd4e9}.walk-step.active .step-number{color:var(--accent)}.walk-step.active .step-number span{background:var(--accent)}.walk-step h3{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.17;margin-bottom:19px}.walk-step>p{font-size:14px;line-height:1.9;color:var(--muted)}.step-detail{display:block;font-size:10px;color:#82748f;margin-top:23px;border-left:2px solid #ded4f0;padding-left:12px}.scene{min-height:620px;padding:0 0 30px}.scene-caption{font-size:10px;color:#857d92;display:flex;gap:15px;margin-top:20px;align-items:center}.scene-caption>span{font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--accent);white-space:nowrap}.walkthrough.enhanced .walkthrough-stage{position:sticky;top:max(112px,calc(50vh - 290px));height:620px}.walkthrough.enhanced .scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s}.walkthrough.enhanced .scene.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-preview{display:none}.demo-note{display:flex;gap:19px;align-items:center;border:1px solid #e4deef;background:#f5f2fb;border-radius:12px;padding:24px 29px;margin-top:0}.note-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#e8e1f7;color:var(--accent);border-radius:9px;font-size:21px}.demo-note p{font-size:12px;line-height:1.8;color:#777083}.demo-note strong{color:#494152;font-weight:650;margin-right:3px}.setup-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0;background:#f4f2f8}.setup-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.setup-grid>div>p:not(.eyebrow){max-width:365px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:600;color:var(--accent);margin-top:24px}.code-card{background:#242132;border:1px solid #383344;border-radius:12px;color:#e4dff1;box-shadow:0 20px 50px -30px #29203555;overflow:hidden;min-width:0}.code-top{display:flex;gap:9px;align-items:center;padding:15px 20px;background:#2b2739;border-bottom:1px solid #3c354b;color:#b5a9c9;font-size:10px}.code-top>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px}.code-dot{width:6px;height:6px;border-radius:50%;background:#8b74bb}.code-card pre{margin:0;padding:25px 20px 21px;overflow:auto;scrollbar-width:thin;font:10px/2.2 ui-monospace,SFMono-Regular,Consolas,monospace}.code-card>p{padding:13px 20px!important;font-size:9px!important;color:#b6a8cb!important;border-top:1px solid #3c354b}.code-muted{color:#a79ab9}.code-string{color:#c8b5f8}.code-function{color:#d6d1ed}.code-value{color:#9dc8b9}.pricing-section{padding-top:105px;padding-bottom:100px}.pricing-section .section-heading{text-align:center;max-width:100%;margin-bottom:48px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{position:relative;display:flex;flex-direction:column;background:white;padding:32px;border:1px solid var(--line);border-radius:12px}.plan-name{font-size:16px;font-weight:600}.price-card h3{font-size:43px;letter-spacing:-1.6px;font-weight:600;margin:22px 0 13px;white-space:nowrap}.price-card h3>span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:6px}.plan-description{font-size:12px;color:var(--muted)}.price-card ul{list-style:none;padding:22px 0;margin:15px 0 5px;border-top:1px solid var(--line);font-size:12px;line-height:2.6;color:#5e596b}.price-card li:before{content:"✓";color:var(--accent);font-size:10px;margin-right:10px}.price-card .button{margin-top:auto;width:100%;font-size:12px;padding:12px 18px;justify-content:space-between}.price-card.featured{border-color:#b8a9ed;background:#f7f4ff}.plan-tag{position:absolute;right:23px;top:27px;font-size:7px;letter-spacing:.9px;font-weight:650;background:#eae4fc;color:var(--accent);padding:4px 7px;border-radius:4px}.pricing-note{font-size:10px;color:#837b8d;text-align:center;margin-top:24px}.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;padding-top:75px;padding-bottom:100px;border-top:1px solid var(--line)}.contact-section form{display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-section label{display:block;font-size:11px;font-weight:600;color:#675e76}.contact-section input,.contact-section textarea{display:block;width:100%;background:white;border:1px solid #dcd6e7;border-radius:7px;padding:10px 12px;margin-top:6px;color:var(--ink);font-size:13px;resize:vertical}.contact-section .button{align-self:flex-start;font-size:12px}.honeypot{display:none!important}.closing{padding:76px 0 72px;background:#eee8fa;border-top:1px solid #e4dcef;border-bottom:1px solid #e4dcef;text-align:center}.closing h2{font-size:49px;font-weight:650;letter-spacing:-2px;margin:20px 0 27px}.closing .button{min-width:150px}.closing .container>p:last-child{font-size:10px;color:#7c6c90;margin-top:15px}.site-footer{display:flex;align-items:center;gap:30px;min-height:120px}.site-footer .brand{font-size:20px}.site-footer .brand-mark{width:26px;height:26px;font-size:21px;border-radius:8px}.site-footer>p{font-size:10px;color:#837a8d}.site-footer nav{display:flex;gap:25px;margin-left:auto;font-size:11px;color:#6d627c}.site-footer>span{font-size:9px;color:#8b8196}.noscript-note{text-align:center;font-size:12px;padding:18px;background:var(--accent-soft)}.demo-widget-notice{font-size:11px;line-height:1.65;background:#f3effc;color:#675b7b;padding:12px;border-radius:6px;margin:0 0 20px}
/* The shared demo is intentionally a read-only report, without workspace controls. */
.shared-report-body{background:#f7f8fb}.shared-header-label{font-size:11px;color:#857894;border:1px solid #e3daef;border-radius:5px;padding:4px 8px}.shared-header-label+.button{margin-left:auto}.shared-report{max-width:1160px;padding-top:25px;padding-bottom:70px}.shared-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 32px}.shared-title-row h1{font-size:42px;font-weight:650;letter-spacing:-1.6px;margin:12px 0}.shared-title-row>div>p:last-child{font-size:13px;color:var(--muted)}.shared-title-row .status{font-size:12px;padding:8px 14px}.shared-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.shared-panel{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.shared-panel h2{padding:20px 23px;font-size:14px;font-weight:600;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center;line-height:1.5}.shared-panel h2>span{font-size:9px;color:#8b8396;font-weight:400}.report-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;padding:24px}.shared-properties{padding:0 22px 22px}.shared-properties h2{padding-left:0;padding-right:0}.shared-properties dl{font-size:11px;line-height:1.7;margin:20px 0}.shared-properties dt{color:#8c8199;font-size:10px;margin-top:16px}.shared-properties dd{margin:3px 0;color:#5e536d;overflow-wrap:anywhere}.shared-properties .button{width:100%;font-size:11px;gap:15px;padding:12px 15px}.shared-expiry{font-size:10px;color:#8c8197;line-height:1.8;margin-top:20px}.shared-screenshot{display:block;background:#f6f4fa;max-height:700px;overflow:auto}.shared-screenshot img{display:block;width:100%;height:auto}.screenshot-missing{font-size:13px;color:var(--muted);padding:25px}.shared-properties #copy-status{font-size:10px;color:var(--green);margin-top:10px}.shared-next{padding:27px 30px;border:1px solid #e3dbee;border-radius:10px;background:#f1ecfa;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:10px}.shared-next h2{font-size:20px;font-weight:600;letter-spacing:-.5px}.shared-next p{font-size:12px;color:var(--muted);margin-top:8px}.shared-next .button{white-space:nowrap}.shared-empty{max-width:640px;margin:90px auto}.shared-empty h1{font-size:42px;letter-spacing:-1.4px;margin:20px 0}.shared-empty>p:not(.eyebrow){color:var(--muted);font-size:14px}.shared-empty .button{margin-top:30px}
.demo-success{position:fixed;top:100px;right:22px;z-index:10001;max-width:calc(100vw - 44px);padding:18px 45px 18px 22px;background:#fff;border:1px solid #c4b6e8;border-radius:10px;box-shadow:0 12px 36px #32204e26;font-size:13px}.demo-success strong{display:block;font-weight:600}.demo-success>a{display:inline-block;color:var(--accent);font-size:12px;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.demo-success button{position:absolute;right:10px;top:8px;background:transparent;color:#776987;font-size:23px;padding:0 5px}#demo-screenshot-dialog{width:95vw;max-width:1400px;max-height:92dvh;border:1px solid #d5cbe3;border-radius:12px;padding:18px;background:white;color:var(--ink)}#demo-screenshot-dialog::backdrop{background:#241a3b99}#demo-screenshot-dialog>button{display:flex;margin:0 0 15px auto}#demo-screenshot-dialog>img{display:block;width:100%;height:auto}.shared-screenshot{width:100%;padding:0;text-align:left}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:115px;min-height:760px}}
@media(max-width:1150px){.header-inner{gap:24px}.site-header nav{gap:20px;margin-left:0}.header-actions{gap:16px}.hero{gap:35px}.hero h1{font-size:56px;letter-spacing:-2.5px}.walkthrough-layout{gap:36px}.setup-grid,.contact-section{gap:65px}.price-card{padding:26px}.price-card h3>span{font-size:9px}.mini-title-row h3{font-size:13px}.mini-title-row .status{font-size:7px;padding:4px 6px}.product-sidebar{width:98px;font-size:8px}.mini-workspace{font-size:7px}.product-content{padding:14px}.floating-label{left:-10px}.example-caption{bottom:-7px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:35px;max-width:760px;padding-top:65px;padding-bottom:65px}.hero-copy{text-align:center}.hero h1{font-size:64px;letter-spacing:-2.8px}.hero-description{margin:0 auto;max-width:490px}.hero-visual{max-width:650px;width:100%;margin:0 auto}.hero-product .product-body{min-height:410px}.product-sidebar{width:116px;font-size:9px}.product-content{padding:18px}.mini-title-row h3{font-size:15px}.mini-title-row .status{font-size:9px}.context-strip{gap:16px;font-size:10px}.strip-label{max-width:125px;font-size:8px}.hero-visual .example-caption{bottom:1px}.section-heading h2,.setup-section h2,.contact-section h2{font-size:38px}.walkthrough-layout{grid-template-columns:.82fr 1.18fr;gap:35px}.walkthrough-stage .product-sidebar{display:none}.walk-step h3{font-size:30px}.walk-step>p{font-size:13px}.setup-grid,.contact-section{gap:40px}.price-card{padding:25px 20px}.price-card h3{font-size:36px}.price-card ul{font-size:11px}.plan-tag{right:15px}.site-header nav{display:none}.site-footer>p{display:none}}
@media(max-width:849px){.walkthrough{padding-top:75px;padding-bottom:65px}.walkthrough-layout{display:block}.walkthrough-stage{display:none}.walk-step{max-width:none;min-height:0;padding:0 0 65px}.walk-step h3 br{display:none}.walk-step h3{font-size:29px}.walk-step>p{max-width:510px;font-size:14px}.walk-step .step-detail{margin-top:18px}.mobile-preview{display:block;margin-top:27px;max-width:620px}.mobile-preview .product-window{box-shadow:0 15px 40px -25px #45336c38}.mobile-preview .product-body{min-height:414px}.section-heading{margin-bottom:50px}.context-strip{flex-wrap:wrap;justify-content:center;gap:15px 30px}.strip-label{width:100%;max-width:none;text-align:center}.setup-grid{grid-template-columns:1fr;gap:35px;max-width:700px}.setup-grid>div>p:not(.eyebrow){max-width:none}.code-card pre{font-size:11px}.pricing-grid{gap:12px}.price-card h3{font-size:32px}.price-card h3>span{display:block;margin:8px 0 0}.price-card ul{font-size:10px}.plan-tag{font-size:6px;top:26px;right:10px}.contact-section{grid-template-columns:1fr;gap:30px;max-width:700px}.site-footer{flex-wrap:wrap;gap:20px;padding-top:30px;padding-bottom:30px}.site-footer nav{gap:18px}.site-footer>span{width:100%}.shared-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.shared-properties{padding:0 16px 20px}.shared-next{align-items:flex-start}.shared-next h2{line-height:1.3}}
@media(max-width:600px){.container{padding-left:22px;padding-right:22px}.site-header{height:72px}.brand{font-size:22px}.brand-mark{width:29px;height:29px;font-size:23px;border-radius:8px}.header-actions{gap:12px}.header-signup{display:none}.report-trigger{font-size:11px;padding:8px 10px;gap:6px}.report-trigger svg{width:17px;height:17px}.try-label{display:none}.login-link{font-size:11px}.header-inner{gap:12px}.hero{padding-top:49px;padding-bottom:43px;gap:24px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:45px;letter-spacing:-2px;margin:20px 0}.desktop-break{display:none}.hero-description{font-size:14px;line-height:1.9;max-width:340px}.hero-cta{margin-top:24px;font-size:13px;min-width:145px;padding:13px 20px}.cta-note{font-size:9px}.hero-visual{padding-top:16px;padding-bottom:37px}.visual-orbit{width:100%;left:0}.visual-orbit:after{display:none}.product-toolbar{height:37px;padding:0 12px;gap:16px}.product-sidebar{display:none}.product-body{min-height:388px!important}.product-content{padding:15px}.mini-title-row h3{font-size:14px;max-width:210px}.mini-title-row .status{font-size:8px;padding:4px 7px}.mini-panel-heading{font-size:9px}.mini-panel-heading>span{font-size:6px}.description-panel p{font-size:9px}.mini-log code{font-size:7px}.hero-visual .example-caption{font-size:7px;bottom:-6px;right:0}.floating-label{bottom:10px;left:12px;padding:10px 12px;font-size:10px;gap:8px}.floating-label small{font-size:8px}.check-dot{width:24px;height:24px;font-size:12px}.context-strip{font-size:9px;gap:13px 24px;padding-top:21px;padding-bottom:21px}.context-strip i{font-size:13px;margin-right:4px}.strip-label{font-size:7px}.walkthrough{padding-top:62px}.eyebrow{font-size:8px;letter-spacing:1.2px}.section-heading h2,.setup-section h2,.contact-section h2{font-size:34px;letter-spacing:-1.2px;margin:15px 0}.section-heading>p:last-child{font-size:13px}.step-number{font-size:10px;margin-bottom:15px}.walk-step h3{font-size:28px;letter-spacing:-.8px;margin-bottom:15px}.walk-step>p{font-size:13px}.step-detail{font-size:9px}.mobile-preview{margin-top:25px}.sample-widget{padding:20px;width:min(280px,100%)}.sample-widget-title strong{font-size:14px}.preview-scrim{inset:37px 0 0;padding:18px}.sample-textarea{font-size:11px}.demo-note{padding:19px 17px;align-items:flex-start;gap:12px}.demo-note p{font-size:10px}.demo-note strong{display:block;font-size:11px}.note-icon{width:26px;height:26px;font-size:17px;border-radius:6px}.setup-section{padding:60px 0}.setup-section p:not(.eyebrow){font-size:13px}.code-card pre{font-size:8px;padding:20px 16px}.code-card>p{font-size:8px!important;padding:12px 16px!important}.code-top{padding:13px 16px;font-size:9px}.pricing-section{padding-top:65px;padding-bottom:65px}.pricing-grid{grid-template-columns:1fr;gap:16px;max-width:400px;margin:0 auto}.price-card{padding:25px}.price-card h3{font-size:37px;margin:18px 0 10px}.price-card h3>span{display:inline;font-size:10px;margin-left:8px}.price-card ul{font-size:12px;margin-top:12px;padding:15px 0}.plan-tag{font-size:7px;right:25px}.pricing-note{font-size:9px;max-width:300px;margin:22px auto 0}.contact-section{padding-top:50px;padding-bottom:60px}.contact-section>div>p:last-child{font-size:13px}.form-row{gap:12px}.contact-section label{font-size:10px}.closing{padding:55px 0}.closing h2{font-size:35px;letter-spacing:-1.2px}.closing .container>p:last-child{font-size:9px}.site-footer{gap:20px 12px}.site-footer .brand{font-size:19px}.site-footer nav{font-size:9px;gap:14px}.site-footer>span{font-size:8px}.shared-header-label{display:none}.shared-header-label+.button{font-size:10px;gap:10px;padding:10px 12px}.shared-report{padding-top:15px}.shared-title-row{margin-top:30px}.shared-title-row h1{font-size:30px;letter-spacing:-1px}.shared-title-row .status{font-size:10px;padding:6px 9px}.shared-title-row>div>p:last-child{font-size:11px}.shared-layout{display:block}.shared-panel h2{padding:16px 18px;font-size:12px}.shared-panel h2>span{font-size:8px}.report-description{padding:20px;font-size:13px}.shared-properties{padding:0 18px 20px}.shared-properties h2{padding-left:0;padding-right:0}.shared-properties dl{display:grid;grid-template-columns:75px 1fr;gap:13px;margin:20px 0}.shared-properties dt,.shared-properties dd{margin:0}.shared-next{padding:22px;flex-direction:column;gap:20px}.shared-next h2{font-size:19px}.shared-next p{font-size:11px}.shared-next .button{font-size:12px}.shared-empty{margin:60px 0}.shared-empty h1{font-size:32px}}
@media(max-width:370px){.container{padding-left:16px;padding-right:16px}.hero h1{font-size:41px}.login-link{display:none}.mini-title-row h3{font-size:13px}.mini-title-row .status{font-size:7px}.mini-properties{gap:7px}.site-footer nav{gap:10px}.sample-widget{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the website capture distinct from Bugerz's own interface. */
.page-capture > img { display: block; width: 100%; height: auto; aspect-ratio: 1280 / 440; }
.capture-address { display: flex; align-items: center; gap: 6px; padding: 7px 10px; background: #172638; color: #dce8ed; font: 7px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.capture-address > span:first-child { color: #51cfae; font-size: 6px; }
.capture-file { margin-left: auto; color: #91a6b5; font-size: 6px; }
.capture-fileline { display: flex; justify-content: space-between; gap: 10px; padding: 6px 10px; background: #f3f5f7; color: #74808b; font-size: 6px; }
.capture-fileline > span:first-child { color: #525f6d; }
.mini-log > span small { float: right; font-size: 6px; font-weight: 400; color: #8c819b; }
.mini-context-row { display: flex; flex-wrap: wrap; gap: 7px 13px; color: #766b86; font-size: 7px; padding: 10px 0 0; }
.mini-context-row small { display: inline-block; padding: 1px 4px; border-radius: 3px; background: #eee9f7; color: #8b789f; font-size: 5px; margin-left: 3px; }
.site-toolbar { background: #172638; border-bottom-color: #2d4053; color: #dbe7ee; justify-content: space-between; gap: 8px; }
.site-domain { display: flex; align-items: center; gap: 7px; font: 9px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.site-domain > span { color: #45caa9; font-size: 7px; }
.site-toolbar .example-tag { background: #254437; color: #a5deca; padding: 3px 6px; border-radius: 4px; font-size: 6px; letter-spacing: .6px; white-space: nowrap; }
.website-preview { min-height: 520px; display: flex; flex-direction: column; justify-content: center; position: relative; background: #0b1728; overflow: hidden; }
.website-preview > img { width: 100%; height: auto; display: block; opacity: .95; }
.website-preview-note { position: absolute; left: 20px; bottom: 18px; font-size: 9px; color: #b3cccf; }
.hero-visual .example-caption { position: static; max-width: 100%; margin-top: 24px; text-align: right; line-height: 1.65; }
.floating-label { bottom: 65px; }
.second-comment { padding-top: 0; }
.comment-avatar.mint { background: #e3f1ec; color: #4d8771; }
.mini-status-flow { display: flex; align-items: center; justify-content: center; gap: 11px; margin: 16px 0; font-size: 8px; color: #9a8ea6; }
.mini-status-flow i { font-style: normal; color: #c1b6cc; }
.mini-status-flow strong { background: #fff5d9; color: #80651e; padding: 4px 8px; border-radius: 4px; font-weight: 600; }

/* The visitor's real submission and the illustrative team context are labelled separately. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.demo-data-key { display: flex; gap: 12px; align-items: center; padding: 16px 20px; background: #f0f5f3; border: 1px solid #dce8e1; border-radius: 9px; margin: -7px 0 26px; }
.demo-data-key p { color: #64766c; font-size: 13px; line-height: 1.8; }
.demo-data-key strong { font-weight: 600; }
.real-data-badge { flex-shrink: 0; color: #44735e; background: #e0ece4; border-radius: 4px; padding: 4px 6px; font-size: 9px; font-weight: 650; letter-spacing: .65px; }
.shared-panel h2 > .real-data-label { color: #4d7b63; }
.shared-main { min-width: 0; }
.shared-screenshot { max-height: 430px; background: #eceef2; }
.report-jump-nav { border-top: 1px solid var(--line); margin-top: 21px; padding-top: 18px; }
.report-jump-nav h3 { font-size: 13px; font-weight: 600; color: #686072; margin-bottom: 12px; }
.report-jump-nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; color: #7b6d8b; padding: 7px 0; }
.report-jump-nav a:hover { color: var(--accent); }
.report-jump-nav small { font-size: 8px; letter-spacing: .7px; color: #867493; }
.workspace-example { margin-top: 40px; }
.sample-context-heading { margin: 0 0 20px; }
.sample-context-heading > div { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 12px 0; }
.sample-context-heading h2 { font-size: 25px; font-weight: 600; letter-spacing: -.7px; line-height: 1.25; }
.sample-context-heading > p:last-child { color: #86768f; font-size: 13px; line-height: 1.9; max-width: 630px; }
.sample-badge { flex-shrink: 0; display: inline-block; background: #f5ecda; color: #866a30; border: 1px solid #eaddc3; border-radius: 4px; padding: 4px 6px; font-size: 8px; font-weight: 650; line-height: 1.5; letter-spacing: .7px; }
.sample-context-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #e5ddec; background: #f2eef8; border-radius: 9px; margin-bottom: 18px; }
.sample-context-summary > span { font-size: 11px; color: #7d6e8e; line-height: 1.7; padding: 17px; border-right: 1px solid #e5ddec; }
.sample-context-summary > span:last-child { border: 0; }
.sample-context-summary b { font-size: 22px; font-weight: 600; color: #66547d; display: block; line-height: 1.2; margin-bottom: 5px; }
.sample-context-summary small { display: block; font-size: 9px; color: #867493; }
.context-panel { border: 1px solid var(--line); background: white; border-radius: 9px; overflow: hidden; margin-bottom: 18px; }
.context-panel summary, .context-panel-heading { display: flex; align-items: center; gap: 9px; padding: 20px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.context-panel summary { list-style: none; cursor: pointer; }
.context-panel summary::-webkit-details-marker { display: none; }
.context-panel summary::after { content: '+'; color: #9c8daa; font-size: 17px; font-weight: 400; margin-left: 8px; }
.context-panel[open] summary::after { content: '−'; }
.context-panel summary:hover { background: #faf8fd; }
.context-panel summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.context-icon { color: #9b88b5; font-size: 15px; line-height: 1; flex-shrink: 0; }
.context-count { margin-left: auto; font-size: 10px; color: #81708f; font-weight: 400; text-align: right; }
.context-panel-heading h3 { font-size: 14px; font-weight: 600; line-height: 1.5; }
.context-explanation { font-size: 12px; line-height: 1.8; color: #75677e; padding: 0 20px 17px; }
.context-table-scroll { overflow: auto; border-top: 1px solid #eee8f3; }
.context-table { border-collapse: collapse; width: 100%; text-align: left; font-size: 11px; }
.context-table th { background: #faf8fc; padding: 9px 12px; font-size: 10px; font-weight: 500; color: #81728c; border-bottom: 1px solid #eee8f3; }
.context-table td { border-bottom: 1px solid #f1edf5; padding: 12px; color: #766682; }
.context-table tr:last-child td { border-bottom: 0; }
.context-table td:first-child { white-space: nowrap; font: 10px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.context-table code { font: 12px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; color: #665773; overflow-wrap: anywhere; }
.log-level { font-size: 9px; padding: 3px 5px; border-radius: 3px; }
.log-level.info { color: #426a89; background: #edf3f9; }
.log-level.warn { color: #85611f; background: #fbf4e5; }
.log-level.error { color: #a24b55; background: #f9e8e9; }
.log-error-row { background: #fdf8f8; }
.event-trail { margin: 0; padding: 0 20px 20px; list-style: none; }
.event-trail li { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 13px 0; font-size: 12px; color: #75617f; }
.event-time { font: 10px/1.8 ui-monospace, SFMono-Regular, Consolas, monospace; color: #867493; width: 34px; flex-shrink: 0; }
.event-marker { position: relative; width: 6px; height: 6px; border: 1px solid #c2b4d6; border-radius: 50%; margin-top: 5px; flex-shrink: 0; }
.event-trail li:not(:last-child) .event-marker::after { content: ''; width: 1px; height: 49px; background: #e9e1f1; position: absolute; top: 7px; left: 1.5px; }
.event-trail strong { font-size: 11px; font-weight: 500; color: #665477; }
.event-trail small { display: block; font: 10px/1.8 ui-monospace, SFMono-Regular, Consolas, monospace; color: #867493; margin-top: 3px; }
.environment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; margin: 0; padding: 0 20px 20px; }
.environment-grid > div { min-width: 0; }
.environment-grid dt { font-size: 10px; color: #82708e; margin-bottom: 4px; }
.environment-grid dd { font-size: 12px; color: #6a5677; margin: 0; overflow-wrap: anywhere; }
.context-footnote { border-top: 1px solid #f0eaf5; color: #867292; font-size: 10px; line-height: 1.9; padding: 12px 20px; }
.status-example { margin: 0 20px 4px; border: 1px solid #eee6f5; border-radius: 6px; padding: 15px; background: #fbf9fe; }
.status-example-label { display: block; color: #867493; font-size: 8px; letter-spacing: .9px; margin-bottom: 9px; }
.status-example > div { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #7e6a8c; font-size: 11px; }
.status-example i { font-style: normal; color: #cbbbd5; }
.status-example strong { font-weight: 500; padding: 3px 6px; border-radius: 4px; background: #faf0d7; color: #a08446; }
.discussion-entry { display: flex; gap: 11px; padding: 20px; }
.discussion-entry + .discussion-entry { padding-top: 0; }
.discussion-avatar { width: 28px; height: 28px; display: grid; place-items: center; flex-shrink: 0; border-radius: 50%; background: #ede5f8; color: #8b74a1; font-size: 10px; font-weight: 600; }
.discussion-avatar.mint { background: #e6f0e9; color: #789982; }
.discussion-author { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.discussion-author strong { font-size: 12px; color: #7d648d; font-weight: 600; }
.discussion-author > span { font-size: 9px; color: #867493; }
.discussion-entry p { font-size: 12px; color: #74627f; line-height: 1.9; margin-top: 5px; }
@media (max-width: 849px) {
  .mobile-preview { margin-top: 20px; }
  .walk-step { padding-bottom: 48px; }
  .website-preview { min-height: 460px; }
}
@media (max-width: 600px) {
  .hero-visual .example-caption { font-size: 9px; margin-top: 25px; text-align: center; }
  .floating-label { bottom: 66px; }
  .capture-address { padding: 7px 9px; font-size: 9px; }
  .capture-fileline { font-size: 8px; }
  .mini-context-row { gap: 8px 12px; font-size: 9px; }
  .site-domain { font-size: 9px; }
  .site-toolbar .example-tag { font-size: 5px; padding: 3px 4px; }
  .website-preview { min-height: 420px; }
  .website-preview-note { left: 15px; font-size: 10px; bottom: 16px; }
  .demo-data-key { align-items: flex-start; flex-direction: column; gap: 8px; padding: 15px 17px; }
  .demo-data-key p { font-size: 12px; }
  .shared-screenshot { max-height: 330px; }
  .sample-context-heading h2 { font-size: 23px; }
  .sample-context-heading > p:last-child { font-size: 12px; }
  .sample-context-summary > span { padding: 13px 10px; font-size: 10px; }
  .sample-context-summary b { font-size: 20px; }
  .sample-context-summary small { font-size: 8px; }
  .context-panel summary, .context-panel-heading { padding: 16px; gap: 7px; font-size: 13px; }
  .context-panel-heading h3 { font-size: 13px; }
  .context-count { font-size: 9px; }
  .context-explanation { font-size: 11px; padding: 0 16px 15px; }
  .context-table td, .context-table th { padding-left: 10px; padding-right: 10px; }
  .context-table code { font-size: 10px; }
  .environment-grid { gap: 16px; padding: 0 16px 18px; }
  .environment-grid > div:first-child { grid-column: 1 / -1; }
  .environment-grid dd { font-size: 11px; }
  .context-footnote { padding: 12px 16px; font-size: 9px; }
  .status-example { margin: 0 16px 4px; padding: 13px; }
  .status-example > div { font-size: 10px; gap: 9px; }
  .discussion-entry { padding: 18px 16px; gap: 9px; }
  .discussion-entry p { font-size: 11px; }
  .event-trail { padding-left: 16px; padding-right: 16px; }
}

/* Compact the illustration chrome so the evidence and adjacent explanation fit together. */
.product-content { padding: 16px; }
.mini-breadcrumb { margin-bottom: 9px; }
.mini-properties { margin: 7px 0 10px; }
.mini-panel { margin-bottom: 8px; }
.mini-panel-heading { padding: 7px 11px; }
.description-panel p { padding: 8px 11px; }
.capture-address { padding: 5px 10px; }
.capture-fileline { padding: 5px 10px; }
.page-capture > img { max-height: 180px; object-fit: cover; object-position: center; }
.mini-log > span, .mini-log code { padding: 5px 10px; }
.mini-context-row { padding-top: 8px; }
.sample-comment { padding: 14px 12px 10px; }
.second-comment { padding-top: 0; }
.sample-activity { padding: 12px 12px 14px; }
@media (max-width: 600px) {
  .product-content { padding: 14px; }
}

/* An explicit visual boundary separates fixtures from the visitor's submission. */
.workspace-example[data-demo-fixture] { padding: 23px; border: 1px dashed #c8ae72; border-radius: 12px; background: #fcf9f0; }
[data-demo-fixture] .sample-context-heading { padding-bottom: 19px; border-bottom: 1px solid #e8ddbf; margin-bottom: 20px; }
[data-demo-fixture] .sample-context-heading > .eyebrow { color: #806021; font-size: 9px; }
[data-demo-fixture] .sample-context-heading h2 { color: #594b32; font-size: 24px; }
[data-demo-fixture] .sample-context-heading > p:not(.eyebrow) { font-size: 12px; line-height: 1.85; color: #786848; }
[data-demo-fixture] .sample-context-heading > p + p { margin-top: 10px; }
[data-demo-fixture] .sample-context-heading strong { color: #66502a; font-weight: 650; }
[data-demo-fixture] .sample-badge { font-size: 9px; padding: 5px 7px; color: #785a20; }
[data-demo-fixture] .sample-context-summary { border-color: #e6ddc6; background: #fffdf8; }
[data-demo-fixture] .sample-context-summary > span { border-color: #e6ddc6; color: #7a6946; }
[data-demo-fixture] .sample-context-summary b { color: #6e5830; }
[data-demo-fixture] .sample-context-summary small { color: #79613e; }
[data-demo-fixture] .context-count { flex-shrink: 0; padding: 3px 6px; background: #f6edda; color: #7d6028; border-radius: 4px; font-size: 9px; font-weight: 600; }
[data-demo-fixture] .context-explanation { color: #756b58; }
[data-demo-fixture] .context-table th { color: #7c6e54; }
[data-demo-fixture] .status-example-label { color: #7c6c4f; font-size: 8px; line-height: 1.8; }
.report-jump-nav small { font-size: 8px; font-weight: 600; letter-spacing: .4px; color: #7b5b23; background: #f5ecd7; border-radius: 3px; padding: 2px 4px; }
.report-jump-nav a[href="#your-screenshot"] small { color: #3d7254; background: #e7f1eb; }
.hero-visual .example-caption { padding: 10px 12px; border: 1px solid #e7ddc4; border-radius: 7px; background: #f8f3e7; color: #786541; text-align: left; font-size: 10px; margin-top: 16px; }
.hero-visual .example-caption strong { color: #6c5327; font-weight: 650; }
.mini-breadcrumb .example-tag { color: #7f5d20; background: #f7ecd5; }
.site-toolbar .example-tag { color: #eddaa9; background: #4f442c; }
@media (max-width: 600px) {
  .workspace-example[data-demo-fixture] { padding: 16px; }
  [data-demo-fixture] .sample-context-heading h2 { font-size: 22px; }
  [data-demo-fixture] .sample-context-heading > p:not(.eyebrow) { font-size: 11px; }
  [data-demo-fixture] .context-panel summary, [data-demo-fixture] .context-panel-heading { padding-left: 13px; padding-right: 13px; gap: 6px; }
  [data-demo-fixture] .context-count { font-size: 8px; padding: 3px 4px; }
  .hero-visual .example-caption { font-size: 10px; }
}