/* A quieter visual system for the approved home-page content. */
body.jbb-visual-page{--jbb-ink:#202124;--jbb-muted:#696b72;--jbb-line:#e6e7ea;--jbb-paper:#f7f7f9;color:#202124;background:#fff}
body.jbb-visual-page .jbb-wrap{width:min(1280px,calc(100% - 96px))}
body.jbb-visual-page .jbb-nav{background:#ffffffed;border-color:#eeeef0;backdrop-filter:blur(18px)}
body.jbb-visual-page .jbb-nav .nav-links a{font-weight:400;color:#4e5057;font-size:14px}
body.jbb-visual-page .jbb-nav .nav-links a:hover,body.jbb-visual-page .jbb-nav .nav-links a[aria-current]{color:#ac242c}
body.jbb-visual-page .jbb-nav-contact{font-weight:500;border-radius:7px}
body.jbb-visual-page .jbb-eyebrow{font-size:12px;font-weight:500;letter-spacing:.04em;color:#a5242c;margin-bottom:22px}
body.jbb-visual-page .jbb-eyebrow::before{width:18px}
body.jbb-visual-page .jbb-btn{border-radius:7px;min-height:50px;padding:13px 25px;font-size:14px;font-weight:500;gap:25px;box-shadow:none}
body.jbb-visual-page .jbb-btn-secondary{border-color:#e0e1e5;background:#fff;color:#404249}
body.jbb-visual-page .jbb-btn-secondary:hover{background:#f7f7f8;border-color:#b9bac1;color:#202124}
body.jbb-visual-page .jbb-link{font-size:13px;border-bottom:0;gap:22px;color:#a5242c}
body.jbb-visual-page .jbb-section{padding:104px 0}
body.jbb-visual-page h2{font-size:42px;line-height:1.4;letter-spacing:-.035em;font-weight:550}
body.jbb-visual-page .jbb-heading-row{align-items:flex-end;gap:70px;margin-bottom:55px}
body.jbb-visual-page .jbb-heading-row>p{font-size:15px;color:#74767e;line-height:1.9;max-width:425px}
body.jbb-visual-page .story-hero{background:#fff;border:0;padding:39px 0 0}
body.jbb-visual-page .story-hero-grid{grid-template-columns:1fr 1fr;gap:36px;min-height:613px;padding-bottom:35px;align-items:center}
body.jbb-visual-page .story-hero-copy{position:relative;z-index:1}
body.jbb-visual-page .story-hero .jbb-eyebrow{font-size:12px;color:#686b73;margin-bottom:25px}
body.jbb-visual-page .story-hero .jbb-eyebrow::before{background:#ac242c}
body.jbb-visual-page .story-hero h1{margin-bottom:24px;line-height:1.13;letter-spacing:-.055em}
body.jbb-visual-page .story-hero h1 span{font-size:clamp(24px,2.3vw,33px);font-weight:400;margin-bottom:15px;color:#34363d;letter-spacing:-.025em}
body.jbb-visual-page .story-hero h1 strong{font-size:clamp(54px,5.65vw,82px);font-weight:600;line-height:1.14;letter-spacing:-.055em;color:#ac242c}
body.jbb-visual-page .story-hero-tagline{font-size:19px;font-weight:400;color:#45474e;margin:0 0 23px;line-height:1.8}
body.jbb-visual-page .story-hero-definition{font-size:15px;line-height:2;max-width:505px;color:#767981}
body.jbb-visual-page .story-hero-definition b{font-weight:400;color:#555861}
body.jbb-visual-page .story-hero .jbb-hero-actions{margin-top:30px;gap:14px}
body.jbb-visual-page .story-entry{font-size:11px;color:#7a7d85;gap:16px;margin-top:28px}
body.jbb-visual-page .story-entry b{font-weight:400;color:#5e626b;border-color:#e0e1e5;padding-left:16px}
body.jbb-visual-page .story-entry-note{color:#858891;font-size:11px;margin-top:10px}
body.jbb-visual-page .visual-hero-art{position:relative;margin:0;align-self:center;width:100%;padding:0;min-width:0}
body.jbb-visual-page .visual-hero-art>img{display:block;width:calc(100% + 54px);max-width:none;margin-left:-18px;height:auto;filter:none}
body.jbb-visual-page .visual-hero-art figcaption{padding-top:17px;text-align:center}
body.jbb-visual-page .visual-hero-art .story-visual-footer{font-size:12px;color:#8b8e96;margin:0;letter-spacing:.04em}
body.jbb-visual-page .story-positioning{border-color:#e9eaed;padding:25px 0;gap:30px}
body.jbb-visual-page .story-positioning p{font-size:12px;color:#8a8d96;gap:25px}
body.jbb-visual-page .story-positioning b{font-size:13px;color:#555861;font-weight:500}
body.jbb-visual-page .story-positioning a{font-size:12px;gap:25px}
body.jbb-visual-page .story-product{padding-top:100px}
body.jbb-visual-page .story-deliverables{gap:65px}
body.jbb-visual-page .story-result-visual{display:none}
body.jbb-visual-page .visual-result-icon{display:block;width:43px;height:43px;color:#ac242c;margin-bottom:25px}
body.jbb-visual-page .story-deliverables article>small{display:none}
body.jbb-visual-page .story-deliverables h3{font-size:26px;font-weight:500;line-height:1.5;margin:0 0 20px;color:#292c33;letter-spacing:-.025em}
body.jbb-visual-page .story-deliverables article>p{font-size:14px;color:#787b84;line-height:1.95}
body.jbb-visual-page .story-deliverables article>strong{font-size:12px;font-weight:400;line-height:1.9;color:#a33c42;border:0;padding:0;margin-top:22px}
body.jbb-visual-page .story-service-note{font-size:11px;color:#8a8d95;border:0;margin-top:35px;padding:0;line-height:1.9}
body.jbb-visual-page .visual-work-example{border-top:1px solid #e6e7eb;border-bottom:1px solid #e6e7eb;margin-top:32px}
body.jbb-visual-page .visual-work-example>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;list-style:none;font-size:14px;color:#4a4d55;cursor:pointer}
body.jbb-visual-page .visual-work-example>summary::-webkit-details-marker{display:none}
body.jbb-visual-page .visual-expand{font-size:22px;line-height:1;color:#ac242c;font-weight:300;transition:transform .2s}
body.jbb-visual-page .visual-work-example[open] .visual-expand{transform:rotate(45deg)}
body.jbb-visual-page .visual-example-body{padding:14px 0 30px}
body.jbb-visual-page .visual-example-body .story-hero-visual{display:grid;grid-template-columns:1fr 30px .8fr 30px 1fr;gap:12px;align-items:center;background:none;border:0;border-radius:0;box-shadow:none;padding:10px 0;color:#26292f}
body.jbb-visual-page .visual-example-body .story-visual-heading{display:none}
body.jbb-visual-page .visual-example-body .story-input{grid-column:1;border:0;background:none;padding:0;border-radius:0}
body.jbb-visual-page .visual-example-body .story-input small{font-size:11px;color:#858891}
body.jbb-visual-page .visual-example-body .story-person{background:#f2f3f5;border:0;color:#8a8e97}
body.jbb-visual-page .visual-example-body .story-input>p{font-size:16px;font-weight:400;color:#4b4f58}
body.jbb-visual-page .visual-example-body .story-attachments{gap:10px}
body.jbb-visual-page .visual-example-body .story-attachments span{border:0;background:#f4f5f7;color:#8c8f98;padding:5px 8px;font-size:11px;border-radius:3px}
body.jbb-visual-page .visual-example-body .story-connector{grid-column:2;color:#b5b8c0;transform:rotate(-90deg);font-size:22px}
body.jbb-visual-page .visual-example-body .story-ai-core{grid-column:3;display:block;text-align:center;padding:0}
body.jbb-visual-page .visual-example-body .story-ai-core>div{flex-direction:column;gap:15px}
body.jbb-visual-page .visual-example-body .story-ai-symbol{width:52px;height:52px;border:1px solid #e3bec1;border-radius:50%;background:#fff;color:#ac242c;font-size:20px;font-weight:400}
body.jbb-visual-page .visual-example-body .story-ai-core strong{font-size:20px;color:#353941;font-weight:500}
body.jbb-visual-page .visual-example-body .story-ai-core p{font-size:11px;color:#989ba3}
body.jbb-visual-page .visual-example-body .story-core-arrow{display:none}
body.jbb-visual-page .visual-example-body .story-output{position:relative;grid-column:5;padding:0;border:0;border-radius:0;background:none}
body.jbb-visual-page .visual-example-body .story-output::before{position:absolute;content:'→';left:-40px;top:45%;color:#b5b8c0;font-size:22px}
body.jbb-visual-page .visual-example-body .story-output-label{font-size:11px;color:#92969f;margin-bottom:15px}
body.jbb-visual-page .visual-example-body .story-output>div{display:grid;grid-template-columns:1fr;gap:13px}
body.jbb-visual-page .visual-example-body .story-output article{display:flex;gap:16px;align-items:baseline;border:0;padding:0}
body.jbb-visual-page .visual-example-body .story-output article>span{display:none}
body.jbb-visual-page .visual-example-body .story-output h3{font-size:13px;font-weight:500;margin:0;color:#555a64}
body.jbb-visual-page .visual-example-body .story-output p{font-size:11px;color:#898e99}
body.jbb-visual-page .story-scenarios{background:#f6f7f9}
body.jbb-visual-page .story-scenarios .jbb-scenario-tabs{display:inline-flex;padding:5px;gap:4px;border:1px solid #e2e4e9;background:#eef0f3;border-radius:10px;margin:0 0 8px}
body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button{font-size:14px;font-weight:400;color:#818590;padding:12px 26px;border:0;border-radius:6px}
body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button[aria-selected=true]{background:#fff;color:#a5242c;box-shadow:0 2px 7px #20212408;font-weight:500}
body.jbb-visual-page .story-scenario-panel{grid-template-columns:1fr 1.1fr;border:0;gap:75px;scroll-margin-top:100px}
body.jbb-visual-page .story-scenario-panel[hidden]{display:none}
body.jbb-visual-page .story-scenario-brief{padding:43px 0 20px;border:0}
body.jbb-visual-page .story-case-label{color:#9297a1;font-size:12px;margin-bottom:24px}
body.jbb-visual-page .story-scenario-brief h3{font-size:33px;line-height:1.6;font-weight:500;color:#3a3e47;letter-spacing:-.035em;margin-bottom:24px}
body.jbb-visual-page .story-scenario-brief>p{font-size:14px;line-height:1.9;color:#818691;max-width:390px}
body.jbb-visual-page .story-input-types{gap:20px;margin-top:25px}
body.jbb-visual-page .story-input-types span{font-size:12px;padding:0;border:0;background:none;color:#a0242c}
body.jbb-visual-page .story-scenario-response{padding:43px 0 25px}
body.jbb-visual-page .story-scenario-response>h3{font-size:18px;font-weight:500;color:#464b55;margin-bottom:27px}
body.jbb-visual-page .story-scenario-response li{gap:18px;margin-bottom:25px}
body.jbb-visual-page .story-scenario-response li>b{border:0;background:#e9ebf0;color:#9298a3;font-size:13px;line-height:29px;font-family:inherit;width:29px;height:29px}
body.jbb-visual-page .story-scenario-response h4{font-size:15px;color:#565c67;font-weight:500;margin-bottom:8px}
body.jbb-visual-page .story-scenario-response li p{font-size:13px;color:#858b96;line-height:1.9}
body.jbb-visual-page .story-scenario-result{background:none;border:0;border-top:1px solid #dce0e6;padding:20px 0 0;margin-top:28px}
body.jbb-visual-page .story-scenario-result span{font-size:11px;color:#969ca5}
body.jbb-visual-page .story-scenario-result strong{font-size:13px;color:#a32e37;font-weight:400}
body.jbb-visual-page .story-scenario-bottom{border-top:1px solid #e0e3e9;padding-top:17px;margin-top:17px}
body.jbb-visual-page .story-scenario-bottom>p{font-size:11px;color:#8c929d}
body.jbb-visual-page .jbb-process-section{background:#fff;color:#252931}
body.jbb-visual-page .jbb-process-section .jbb-eyebrow{color:#ac242c}
body.jbb-visual-page .jbb-process-section .jbb-heading-row>p{color:#7e838e}
body.jbb-visual-page .jbb-process{gap:45px;margin-top:50px}
body.jbb-visual-page .jbb-process article{border-color:#e7e8eb;padding-top:25px}
body.jbb-visual-page .jbb-process span{color:#b4b8c1;font-family:inherit;font-weight:300;font-size:38px;letter-spacing:-.05em;margin-bottom:19px}
body.jbb-visual-page .jbb-process h3{font-size:21px;font-weight:500;color:#3a404b;margin-bottom:15px}
body.jbb-visual-page .jbb-process p{font-size:13px;color:#818793;line-height:1.95}
body.jbb-visual-page .jbb-process-footer{border-color:#eceef1;color:#9297a1;font-size:11px!important;padding-top:25px;margin-top:36px}
body.jbb-visual-page #collaboration{background:#f8f9fa}
body.jbb-visual-page .jbb-role-layout{grid-template-columns:.9fr 1.2fr;gap:110px}
body.jbb-visual-page .jbb-role-layout>div>p{font-size:14px;color:#7b818c;line-height:1.95}
body.jbb-visual-page .jbb-role-list article{border-color:#e3e6eb;gap:23px;padding-bottom:26px;margin-bottom:26px}
body.jbb-visual-page .jbb-role-list article:last-child{padding-bottom:0;margin-bottom:0;border:0}
body.jbb-visual-page .jbb-role-list .jbb-role-icon{background:#fff;border:1px solid #e1e4ea;border-radius:9px;color:#ac242c;font-size:14px;font-weight:400}
body.jbb-visual-page .jbb-role-list h3{font-size:19px;font-weight:500;color:#424854}
body.jbb-visual-page .jbb-role-list p{font-size:13px;color:#828994;line-height:1.95}
body.jbb-visual-page .jbb-faq-section{background:#fff}
body.jbb-visual-page .jbb-faq-layout{gap:100px}
body.jbb-visual-page .jbb-faq-layout h2{font-size:39px}
body.jbb-visual-page .jbb-product-faq details{border-color:#e8eaee;padding:22px 0}
body.jbb-visual-page .jbb-product-faq summary{font-size:15px;font-weight:400;color:#5b626d}
body.jbb-visual-page .jbb-product-faq details p{font-size:13px;color:#808894;line-height:1.95}
body.jbb-visual-page .jbb-accounting-section{background:#f6f7f9;border:0;padding:85px 0}
body.jbb-visual-page .jbb-accounting-section h2{font-size:37px}
body.jbb-visual-page .jbb-accounting-section .jbb-heading-row{margin-bottom:38px}
body.jbb-visual-page .jbb-accounting-plans{gap:35px}
body.jbb-visual-page .jbb-accounting-plans article{border-top:1px solid #dce0e6;padding-top:22px}
body.jbb-visual-page .jbb-plan-number{font-size:11px;color:#a9333b;letter-spacing:0;margin-bottom:18px}
body.jbb-visual-page .jbb-accounting-plans h3{font-size:22px;font-weight:500;color:#3f4652}
body.jbb-visual-page .jbb-accounting-plans p{font-size:13px;color:#808896}
body.jbb-visual-page .jbb-accounting-plans ul{border-color:#e4e7ed;margin:20px 0}
body.jbb-visual-page .jbb-accounting-plans li{border-color:#e4e7ed;color:#808896;font-size:12px;padding:9px 0}
body.jbb-visual-page .jbb-accounting-plans article>a{font-size:13px}
body.jbb-visual-page .jbb-accounting-delivery{padding:30px 0 0;margin-top:38px;background:transparent;border:0;border-top:1px solid #dde1e8;gap:70px}
body.jbb-visual-page .jbb-accounting-delivery .jbb-eyebrow{font-size:10px;color:#9a4247}
body.jbb-visual-page .jbb-accounting-delivery h3{font-size:24px;font-weight:500;color:#4d5562}
body.jbb-visual-page .jbb-accounting-delivery li>b{color:#aeb4bf;font-size:20px;font-family:inherit;font-weight:300}
body.jbb-visual-page .jbb-accounting-delivery strong{font-weight:500;font-size:13px;color:#69717f}
body.jbb-visual-page .jbb-accounting-delivery p{font-size:12px;color:#9299a5}
body.jbb-visual-page .jbb-accounting-bottom{gap:30px;margin-top:30px}
body.jbb-visual-page .jbb-accounting-bottom p{font-size:11px;color:#8b929f}
body.jbb-visual-page .jbb-knowledge-links{gap:65px}
body.jbb-visual-page .jbb-knowledge-links a{border:0;border-top:1px solid #e0e4ea;background:none;padding:28px 0 0}
body.jbb-visual-page .jbb-knowledge-links small{color:#a1a7b1;font-size:10px;margin-bottom:20px;letter-spacing:.04em}
body.jbb-visual-page .jbb-knowledge-links h3{font-size:27px;font-weight:500;color:#454d59;margin-bottom:15px}
body.jbb-visual-page .jbb-knowledge-links p{font-size:14px;color:#858d9b}
body.jbb-visual-page .jbb-knowledge-links span{font-size:13px;margin-top:21px}
body.jbb-visual-page .jbb-contact-section{background:#a9242e;border:0;padding:72px 0;color:white}
body.jbb-visual-page .jbb-contact-section .jbb-eyebrow{color:#e8bdc0}
body.jbb-visual-page .jbb-contact-layout h2{color:white;font-size:39px;font-weight:500}
body.jbb-visual-page .jbb-contact-layout p{color:#eed4d6;max-width:570px;font-size:14px;line-height:1.9}
body.jbb-visual-page .jbb-contact-actions .jbb-btn{color:#9c232c;background:white;border-color:white}
body.jbb-visual-page .jbb-contact-actions>a{color:#fff;font-weight:400;font-size:20px}
body.jbb-visual-page .jbb-contact-actions small{color:#e4b5b9;font-size:11px}
body.jbb-visual-page .jbb-footer{background:#fafafb;border:0;color:#858b96}
body.jbb-visual-page .jbb-footer-links{color:#656d79}
body.jbb-visual-page .jbb-footer-bottom{border-color:#e3e6ec}
@media(max-width:1100px){
 body.jbb-visual-page .jbb-heading-row{gap:45px}
 body.jbb-visual-page h2{font-size:35px}
 body.jbb-visual-page .story-hero-grid{min-height:560px;gap:30px}
 body.jbb-visual-page .story-hero-tagline{font-size:16px}
 body.jbb-visual-page .story-hero-definition{font-size:14px}
 body.jbb-visual-page .visual-hero-art>img{width:calc(100% + 30px);margin-left:-15px}
 body.jbb-visual-page .story-deliverables{gap:35px}
 body.jbb-visual-page .story-deliverables h3{font-size:22px}
 body.jbb-visual-page .story-scenario-panel{gap:45px}
 body.jbb-visual-page .story-scenario-brief h3{font-size:28px}
 body.jbb-visual-page .jbb-role-layout{gap:60px}
 body.jbb-visual-page .jbb-process{gap:30px}
 body.jbb-visual-page .jbb-accounting-plans{gap:25px}
 body.jbb-visual-page .visual-example-body .story-hero-visual{grid-template-columns:1fr 20px .75fr 20px 1fr;gap:8px}
 body.jbb-visual-page .visual-example-body .story-output article{display:block}
 body.jbb-visual-page .visual-example-body .story-output p{margin-top:5px}
}
@media(max-width:900px){
 body.jbb-visual-page .jbb-wrap{width:calc(100% - 56px)}
 body.jbb-visual-page .jbb-section{padding:76px 0}
 body.jbb-visual-page .story-hero{padding-top:48px}
 body.jbb-visual-page .story-hero-grid{grid-template-columns:1fr;gap:15px;min-height:0;padding-bottom:20px}
 body.jbb-visual-page .story-hero-copy{max-width:620px}
 body.jbb-visual-page .story-hero h1 strong{font-size:65px}
 body.jbb-visual-page .story-hero-definition{font-size:15px;max-width:550px}
 body.jbb-visual-page .visual-hero-art{width:min(570px,100%);margin:0 auto}
 body.jbb-visual-page .visual-hero-art>img{width:100%;margin:0}
 body.jbb-visual-page .visual-hero-art figcaption{padding:0}
 body.jbb-visual-page .story-positioning{padding:25px 0}
 body.jbb-visual-page .story-positioning p{display:block}
 body.jbb-visual-page .story-positioning p span{margin-top:8px;display:block}
 body.jbb-visual-page .story-deliverables{grid-template-columns:1fr;gap:35px}
 body.jbb-visual-page .story-deliverables article{display:grid;grid-template-columns:55px 1fr;column-gap:24px;border-top:1px solid #e6e8ed;padding-top:30px}
 body.jbb-visual-page .visual-result-icon{grid-column:1;grid-row:1/4;margin:0}
 body.jbb-visual-page .story-deliverables h3,body.jbb-visual-page .story-deliverables article>p,body.jbb-visual-page .story-deliverables article>strong{grid-column:2}
 body.jbb-visual-page .story-deliverables article>strong{margin-top:16px}
 body.jbb-visual-page .story-scenario-panel{grid-template-columns:1fr;gap:0}
 body.jbb-visual-page .story-scenario-brief{padding-bottom:30px;border-bottom:1px solid #dce0e7}
 body.jbb-visual-page .story-scenario-brief>p{max-width:550px}
 body.jbb-visual-page .story-scenario-response{padding-top:30px}
 body.jbb-visual-page .jbb-role-layout,body.jbb-visual-page .jbb-faq-layout{grid-template-columns:1fr;gap:40px}
 body.jbb-visual-page .jbb-role-list article{grid-template-columns:46px 1fr}
 body.jbb-visual-page .jbb-process{grid-template-columns:1fr 1fr;gap:36px}
 body.jbb-visual-page .jbb-accounting-plans{grid-template-columns:1fr 1fr;gap:35px}
 body.jbb-visual-page .visual-example-body .story-hero-visual{grid-template-columns:1fr 28px 1fr;gap:20px}
 body.jbb-visual-page .visual-example-body .story-input{grid-column:1;grid-row:1}
 body.jbb-visual-page .visual-example-body .story-connector{grid-column:2;grid-row:1}
 body.jbb-visual-page .visual-example-body .story-ai-core{grid-column:3;grid-row:1}
 body.jbb-visual-page .visual-example-body .story-output{grid-column:1/4;padding-top:22px;border-top:1px solid #e6e8ed}
 body.jbb-visual-page .visual-example-body .story-output::before{display:none}
 body.jbb-visual-page .visual-example-body .story-output>div{grid-template-columns:repeat(3,1fr);gap:20px}
 body.jbb-visual-page .jbb-accounting-delivery{gap:40px}
}
@media(max-width:640px){
 body.jbb-visual-page .jbb-wrap{width:calc(100% - 40px)}
 body.jbb-visual-page .jbb-nav .nav-links a{font-size:16px}
 body.jbb-visual-page .jbb-section{padding:58px 0}
 body.jbb-visual-page h2{font-size:29px;line-height:1.45}
 body.jbb-visual-page .jbb-heading-row{display:block;margin-bottom:32px}
 body.jbb-visual-page .jbb-heading-row>p{font-size:13px;margin-top:22px}
 body.jbb-visual-page .jbb-eyebrow{font-size:10px;margin-bottom:18px}
 body.jbb-visual-page .story-hero{padding-top:35px}
 body.jbb-visual-page .story-hero .jbb-eyebrow{font-size:10px;margin-bottom:23px}
 body.jbb-visual-page .story-hero h1 span{font-size:24px;margin-bottom:13px}
 body.jbb-visual-page .story-hero h1 strong{font-size:48px;line-height:1.15;letter-spacing:-.05em}
 body.jbb-visual-page .story-hero h1{margin-bottom:22px}
 body.jbb-visual-page .story-hero-tagline{font-size:14px;margin-bottom:20px;line-height:1.9}
 body.jbb-visual-page .story-hero-definition{font-size:13px;line-height:2}
 body.jbb-visual-page .story-hero .jbb-hero-actions{margin-top:25px;gap:10px}
 body.jbb-visual-page .story-hero .jbb-btn{font-size:12px;padding:11px 15px;gap:16px;min-height:45px}
 body.jbb-visual-page .story-entry{gap:10px;font-size:10px;margin-top:24px}
 body.jbb-visual-page .story-entry b{padding-left:10px}
 body.jbb-visual-page .story-entry-note{font-size:10px;margin-top:9px}
 body.jbb-visual-page .story-hero-grid{gap:17px;padding-bottom:20px}
 body.jbb-visual-page .visual-hero-art{width:100%}
 body.jbb-visual-page .visual-hero-art .story-visual-footer{font-size:10px;letter-spacing:0}
 body.jbb-visual-page .story-positioning{display:block;padding:22px 0}
 body.jbb-visual-page .story-positioning b{font-size:12px}
 body.jbb-visual-page .story-positioning p{font-size:10px}
 body.jbb-visual-page .story-positioning a{font-size:11px;margin-top:15px;gap:20px}
 body.jbb-visual-page .story-deliverables{gap:26px}
 body.jbb-visual-page .story-deliverables article{grid-template-columns:35px 1fr;column-gap:17px;padding-top:25px}
 body.jbb-visual-page .visual-result-icon{width:33px;height:33px}
 body.jbb-visual-page .story-deliverables h3{font-size:22px;margin-bottom:15px;line-height:1.5}
 body.jbb-visual-page .story-deliverables article>p{font-size:13px;line-height:1.95}
 body.jbb-visual-page .story-deliverables article>strong{font-size:11px;margin-top:17px}
 body.jbb-visual-page .story-service-note{font-size:10px;line-height:1.9;margin-top:28px}
 body.jbb-visual-page .visual-work-example{margin-top:26px}
 body.jbb-visual-page .visual-work-example>summary{font-size:13px;padding:20px 0}
 body.jbb-visual-page .visual-example-body{padding:5px 0 22px}
 body.jbb-visual-page .visual-example-body .story-hero-visual{grid-template-columns:1fr;gap:20px}
 body.jbb-visual-page .visual-example-body .story-input{grid-row:auto;grid-column:1}
 body.jbb-visual-page .visual-example-body .story-connector{grid-row:auto;grid-column:1;transform:none;height:20px;line-height:20px}
 body.jbb-visual-page .visual-example-body .story-ai-core{grid-row:auto;grid-column:1}
 body.jbb-visual-page .visual-example-body .story-ai-core>div{flex-direction:row;justify-content:center}
 body.jbb-visual-page .visual-example-body .story-ai-core strong{font-size:20px}
 body.jbb-visual-page .visual-example-body .story-ai-core p{font-size:10px}
 body.jbb-visual-page .visual-example-body .story-output{grid-column:1;padding-top:22px}
 body.jbb-visual-page .visual-example-body .story-output>div{gap:12px}
 body.jbb-visual-page .visual-example-body .story-output h3{font-size:12px;line-height:1.7}
 body.jbb-visual-page .visual-example-body .story-output p{font-size:10px;line-height:1.9}
 body.jbb-visual-page .story-scenarios .jbb-scenario-tabs{padding:4px;border-radius:8px;max-width:100%}
 body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button{padding:11px 14px;font-size:13px;white-space:nowrap}
 body.jbb-visual-page .story-scenario-brief{padding:29px 0 27px}
 body.jbb-visual-page .story-case-label{font-size:11px;margin-bottom:18px}
 body.jbb-visual-page .story-scenario-brief h3{font-size:27px;line-height:1.6;margin-bottom:19px}
 body.jbb-visual-page .story-scenario-brief>p{font-size:13px}
 body.jbb-visual-page .story-input-types{gap:20px;margin-top:19px}
 body.jbb-visual-page .story-input-types span{font-size:11px}
 body.jbb-visual-page .story-scenario-response{padding:27px 0 15px}
 body.jbb-visual-page .story-scenario-response>h3{font-size:17px;margin-bottom:25px}
 body.jbb-visual-page .story-scenario-response li{gap:14px;margin-bottom:23px}
 body.jbb-visual-page .story-scenario-response h4{font-size:14px}
 body.jbb-visual-page .story-scenario-response li p{font-size:12px}
 body.jbb-visual-page .story-scenario-result{margin-top:20px;padding-top:18px}
 body.jbb-visual-page .story-scenario-result strong{font-size:12px}
 body.jbb-visual-page .story-scenario-bottom{display:block;margin-top:14px;padding-top:18px}
 body.jbb-visual-page .story-scenario-bottom>p{font-size:10px}
 body.jbb-visual-page .story-scenario-bottom>a{font-size:12px;margin-top:10px}
 body.jbb-visual-page .jbb-process{gap:30px 25px;margin-top:34px}
 body.jbb-visual-page .jbb-process span{font-size:30px;margin-bottom:15px}
 body.jbb-visual-page .jbb-process h3{font-size:18px;margin-bottom:12px}
 body.jbb-visual-page .jbb-process p{font-size:12px}
 body.jbb-visual-page .jbb-process-footer{font-size:10px!important;margin-top:28px;padding-top:22px}
 body.jbb-visual-page .jbb-role-layout,body.jbb-visual-page .jbb-faq-layout{gap:32px}
 body.jbb-visual-page .jbb-role-layout>div>p{font-size:13px;margin-top:20px}
 body.jbb-visual-page .jbb-role-list article{grid-template-columns:37px 1fr;gap:17px;padding-bottom:23px;margin-bottom:23px}
 body.jbb-visual-page .jbb-role-list .jbb-role-icon{width:37px;height:37px;font-size:12px;border-radius:7px}
 body.jbb-visual-page .jbb-role-list h3{font-size:17px}
 body.jbb-visual-page .jbb-role-list p{font-size:12px}
 body.jbb-visual-page .jbb-faq-layout h2{font-size:29px}
 body.jbb-visual-page .jbb-product-faq summary{font-size:14px}
 body.jbb-visual-page .jbb-product-faq details p{font-size:12px}
 body.jbb-visual-page .jbb-accounting-section{padding:58px 0}
 body.jbb-visual-page .jbb-accounting-section h2{font-size:29px}
 body.jbb-visual-page .jbb-accounting-section .jbb-heading-row{margin-bottom:30px}
 body.jbb-visual-page .jbb-accounting-plans{gap:30px 20px}
 body.jbb-visual-page .jbb-plan-number{font-size:10px;margin-bottom:13px}
 body.jbb-visual-page .jbb-accounting-plans h3{font-size:18px}
 body.jbb-visual-page .jbb-accounting-plans p{font-size:12px}
 body.jbb-visual-page .jbb-accounting-plans ul{margin:16px 0}
 body.jbb-visual-page .jbb-accounting-plans li{font-size:11px;padding:8px 0}
 body.jbb-visual-page .jbb-accounting-plans article>a{font-size:11px}
 body.jbb-visual-page .jbb-accounting-delivery{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:26px}
 body.jbb-visual-page .jbb-accounting-delivery h3{font-size:23px}
 body.jbb-visual-page .jbb-accounting-delivery p{font-size:11px}
 body.jbb-visual-page .jbb-accounting-bottom{display:block;margin-top:25px}
 body.jbb-visual-page .jbb-accounting-bottom p{font-size:10px;margin-top:20px}
 body.jbb-visual-page .jbb-knowledge-links{grid-template-columns:1fr;gap:30px}
 body.jbb-visual-page .jbb-knowledge-links a{padding-top:25px}
 body.jbb-visual-page .jbb-knowledge-links h3{font-size:25px}
 body.jbb-visual-page .jbb-knowledge-links p{font-size:13px}
 body.jbb-visual-page .jbb-contact-section{padding:52px 0}
 body.jbb-visual-page .jbb-contact-layout h2{font-size:30px}
 body.jbb-visual-page .jbb-contact-layout p{font-size:13px}
 body.jbb-visual-page .jbb-contact-actions .jbb-btn{padding:12px 23px}
}
@media(max-width:350px){
 body.jbb-visual-page .story-hero h1 strong{font-size:43px}
 body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button{font-size:12px;padding:11px 10px}
 body.jbb-visual-page .story-deliverables article{grid-template-columns:29px 1fr;gap:13px}
 body.jbb-visual-page .visual-result-icon{width:28px;height:28px}
 body.jbb-visual-page .story-deliverables h3{font-size:20px}
}
/* Keep essential explanations readable at both desktop and phone sizes. */
body.jbb-visual-page :is(.jbb-heading-row>p,.story-hero-definition,.story-deliverables article>p,.story-scenario-brief>p,.story-scenario-response li p,.jbb-process p,.jbb-role-layout>div>p,.jbb-role-list p,.jbb-product-faq details p,.jbb-accounting-plans p,.jbb-accounting-plans li,.jbb-accounting-delivery p,.jbb-knowledge-links p){color:#656b76}
body.jbb-visual-page :is(.story-entry,.story-entry-note,.story-service-note,.story-positioning p,.story-visual-footer,.story-scenario-bottom>p,.jbb-process-footer,.jbb-accounting-bottom p){color:#6c717b;font-size:12px!important}
body.jbb-visual-page .visual-example-body :is(.story-input small,.story-attachments span,.story-ai-core p,.story-output-label,.story-output p){color:#6c717b;font-size:12px}
body.jbb-visual-page :is(.story-case-label,.story-scenario-result span){color:#6c717b;font-size:12px}
body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button{color:#656b76}
body.jbb-visual-page .story-scenarios .jbb-scenario-tabs button[aria-selected=true]{color:#a5242c}
@media(max-width:640px){
 body.jbb-visual-page :is(.story-scenario-response li p,.jbb-process p,.jbb-role-list p,.jbb-product-faq details p,.jbb-accounting-plans p){font-size:13px}
 body.jbb-visual-page :is(.story-deliverables article>strong,.jbb-accounting-plans li,.jbb-accounting-delivery p){font-size:12px}
}
@media(prefers-reduced-motion:reduce){body.jbb-visual-page .visual-expand{transition:none}}