/* Product explanation: name, a concrete work example, then tangible outcomes. */
.jbb-story-page .story-hero{background:#faf8f6;border-bottom:1px solid #e8e1de;padding:70px 0 0}
.jbb-story-page .story-hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:62px;align-items:center;padding-bottom:58px}
.jbb-story-page .story-hero h1{line-height:1.18;letter-spacing:-.045em;margin:0 0 23px}
.jbb-story-page .story-hero h1 span{display:block;font-size:35px;font-weight:500;color:#39302d;margin-bottom:12px}
.jbb-story-page .story-hero h1 strong{display:block;font-size:68px;font-weight:650;white-space:nowrap;color:#ac242c}
.jbb-story-page .story-hero-tagline{font-size:20px;font-weight:500;line-height:1.6;margin-bottom:22px;color:#483c37}
.jbb-story-page .story-hero-definition{font-size:15px;line-height:2;color:#74645d;max-width:480px}
.jbb-story-page .story-hero-definition b{font-weight:500;color:#4d403b}
.jbb-story-page .story-hero .jbb-hero-actions{margin-top:28px}
.jbb-story-page .story-entry{display:flex;align-items:center;gap:15px;margin-top:28px;font-size:12px;color:#796a64}
.jbb-story-page .story-entry b{color:#53423d;font-weight:500;border-left:1px solid #d9cbc5;padding-left:14px}
.jbb-story-page .story-entry-note{font-size:11px;color:#766356;margin-top:9px;line-height:1.7}
.jbb-story-page .story-hero-visual{position:relative;background:#a8232d;background:linear-gradient(140deg,#b32d36,#911e29);border:1px solid #98232b;border-radius:15px;padding:27px 27px 21px;box-shadow:0 24px 60px #671c1c16;color:white}
.jbb-story-page .story-visual-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;letter-spacing:.03em;margin-bottom:18px;color:#f9ded8}
.jbb-story-page .story-visual-heading>span:last-child{font-size:25px;line-height:1;color:#e7afa8}
.jbb-story-page .story-input{border:1px solid #f5e0d9;background:#fffdfa;border-radius:9px;color:#342b27;padding:21px 23px}
.jbb-story-page .story-input>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.jbb-story-page .story-person{display:grid;place-items:center;width:27px;height:27px;background:#f1e8e0;border:1px solid #e8d8cc;border-radius:50%;color:#82665b;font-size:12px}
.jbb-story-page .story-input small{font-size:11px;color:#766356}
.jbb-story-page .story-input>p{font-size:18px;line-height:1.75;font-weight:500}
.jbb-story-page .story-attachments{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.jbb-story-page .story-attachments span{font-size:11px;border:1px solid #e5d8cc;border-radius:3px;padding:5px 8px;color:#8a7265;background:#f9f4ef}
.jbb-story-page .story-connector{font-size:24px;height:39px;text-align:center;line-height:38px;color:#e5a69e}
.jbb-story-page .story-ai-core{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 24px}
.jbb-story-page .story-ai-core>div{display:flex;align-items:center;gap:15px}
.jbb-story-page .story-ai-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #eab3aa;border-radius:12px;color:white;font-size:22px;font-weight:600;background:#ffffff0d}
.jbb-story-page .story-ai-core strong{font-size:28px;font-weight:600;letter-spacing:-.025em}
.jbb-story-page .story-ai-core p{font-size:11px;color:#f0c8c0;margin-top:4px}
.jbb-story-page .story-core-arrow{font-size:32px;color:#d79990;font-weight:300}
.jbb-story-page .story-output{padding:20px 21px;background:#fff9f4;border:1px solid #f1dcd1;border-radius:9px;color:#5b453d}
.jbb-story-page .story-output-label{display:block;font-size:11px;color:#766356;letter-spacing:.08em;margin-bottom:16px}
.jbb-story-page .story-output>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.jbb-story-page .story-output article+article{border-left:1px solid #e8d7cc;padding-left:12px}
.jbb-story-page .story-output article>span{font:19px Georgia,serif;color:#b37066;display:block;margin-bottom:10px}
.jbb-story-page .story-output h3{font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:7px}
.jbb-story-page .story-output p{font-size:11px;color:#766356;line-height:1.8}
.jbb-story-page .story-visual-footer{font-size:11px;color:#e6b4aa;text-align:center;margin-top:17px}
.jbb-story-page .story-positioning{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 0;border-top:1px solid #ded1ca}
.jbb-story-page .story-positioning p{display:flex;gap:22px;align-items:center;font-size:12px;color:#8a776b}
.jbb-story-page .story-positioning b{font-size:14px;color:#654c43;font-weight:500}
.jbb-story-page .story-positioning a{font-size:12px;color:#ac242c;white-space:nowrap;display:flex;gap:28px}
.jbb-story-page .story-product .jbb-heading-row>p{max-width:420px}
.jbb-story-page .story-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.jbb-story-page .story-deliverables article{min-width:0}
.jbb-story-page .story-result-visual{height:168px;background:#f8f3ee;border:1px solid #eadfd7;padding:24px;margin-bottom:27px;display:flex;align-items:center;justify-content:center;border-radius:6px}
.jbb-story-page .story-record{gap:13px}
.jbb-story-page .story-record>span{display:grid;place-items:center;flex-shrink:0;width:84px;height:64px;background:#ac242c;color:#fff;font-size:14px;border-radius:4px}
.jbb-story-page .story-record>i{font-style:normal;font-size:22px;color:#b68170}
.jbb-story-page .story-record>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.jbb-story-page .story-record b{background:white;border:1px solid #e4d5c9;padding:8px 5px;text-align:center;font-size:11px;font-weight:400;color:#876d5e;white-space:nowrap}
.jbb-story-page .story-tasks{display:grid;gap:10px;align-content:center;justify-content:stretch;padding:22px 27px}
.jbb-story-page .story-tasks>div{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #e4d7cc;font-size:12px;color:#786151}
.jbb-story-page .story-tasks i{width:9px;height:9px;border:1px solid #ba8171;flex-shrink:0}
.jbb-story-page .story-tasks b{margin-left:auto;font-size:11px;font-weight:400;color:#ae7566}
.jbb-story-page .story-plan{display:flex;flex-direction:column;align-items:stretch;gap:15px;text-align:center;padding:22px}
.jbb-story-page .story-plan>span{font-size:12px;color:#7d6254}
.jbb-story-page .story-plan>div{display:flex;align-items:center;justify-content:space-between;gap:5px}
.jbb-story-page .story-plan b{border:1px solid #ddbeb1;background:#fffdfb;border-radius:3px;padding:9px 7px;font-weight:500;font-size:11px;color:#a34b43;white-space:nowrap}
.jbb-story-page .story-plan i{font-size:12px;font-style:normal;color:#bf9684}
.jbb-story-page .story-plan>p{font-size:11px;color:#766356}
.jbb-story-page .story-deliverables article>small{font-size:11px;color:#ac242c;letter-spacing:.06em}
.jbb-story-page .story-deliverables h3{font-size:24px;margin:12px 0 16px}
.jbb-story-page .story-deliverables article>p{font-size:14px;color:#7b6b62;line-height:1.9}
.jbb-story-page .story-deliverables article>strong{display:block;font-size:12px;font-weight:500;color:#725245;margin-top:22px;padding-top:18px;border-top:1px solid #e8e1de;line-height:1.85}
.jbb-story-page .story-service-note{border-top:1px solid #e8e1de;padding-top:25px;margin-top:35px;font-size:12px;line-height:1.8;color:#766356}
.jbb-story-page .story-scenarios{background:#f7f3ef}
.jbb-story-page .story-scenarios .jbb-scenario-tabs{margin-bottom:0;gap:42px}
.jbb-story-page .story-scenarios .jbb-scenario-tabs button{padding:12px 2px 20px;font-size:18px}
.jbb-story-page .story-scenario-panel{display:grid;grid-template-columns:.86fr 1.14fr;border-bottom:1px solid #dfcfc3}
.jbb-story-page .story-scenario-panel[hidden]{display:none}
.jbb-story-page .story-scenario-brief{padding:42px 42px 44px 0;border-right:1px solid #dfcfc3}
.jbb-story-page .story-case-label{display:inline-block;font-size:12px;color:#a16e5e;margin-bottom:25px}
.jbb-story-page .story-scenario-brief h3{font-size:30px;line-height:1.6;color:#8e2c30;margin-bottom:23px}
.jbb-story-page .story-scenario-brief>p{font-size:14px;color:#8b7566;max-width:345px}
.jbb-story-page .story-input-types{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.jbb-story-page .story-input-types span{padding:8px 13px;border:1px solid #dcc8b9;background:#fffaf6;font-size:11px;color:#8b6b57;border-radius:4px}
.jbb-story-page .story-scenario-response{padding:42px 0 35px 48px}
.jbb-story-page .story-scenario-response>h3{font-size:19px;margin-bottom:24px}
.jbb-story-page .story-scenario-response ol{list-style:none;margin:0;padding:0}
.jbb-story-page .story-scenario-response li{display:flex;gap:17px;margin-bottom:23px}
.jbb-story-page .story-scenario-response li>b{font:18px Georgia,serif;flex-shrink:0;display:grid;place-items:center;border:1px solid #d9b6a5;color:#ae7363;width:29px;height:29px;border-radius:50%}
.jbb-story-page .story-scenario-response h4{font-size:15px;margin:0 0 7px;font-weight:500;color:#5f473b;line-height:1.6}
.jbb-story-page .story-scenario-response li p{font-size:13px;color:#8a7364;line-height:1.85}
.jbb-story-page .story-scenario-result{padding:17px 19px;border-left:3px solid #ac242c;background:#eee3d9}
.jbb-story-page .story-scenario-result span{display:block;font-size:11px;color:#a17c66;margin-bottom:8px}
.jbb-story-page .story-scenario-result strong{font-size:13px;font-weight:500;color:#764b3b;line-height:1.7}
.jbb-story-page .story-scenario-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:24px}
.jbb-story-page .story-scenario-bottom>p{font-size:11px;color:#766356;max-width:600px}
.jbb-story-page .story-scenario-bottom>a{white-space:nowrap}
@media(max-width:1200px){
 .jbb-story-page .story-hero-grid{gap:35px}
 .jbb-story-page .story-hero h1 strong{font-size:58px}
 .jbb-story-page .story-hero h1 span{font-size:30px}
 .jbb-story-page .story-hero-tagline{font-size:17px}
 .jbb-story-page .story-hero-visual{padding:23px 20px 18px}
 .jbb-story-page .story-output{padding:17px 14px}
 .jbb-story-page .story-input{padding:18px}
 .jbb-story-page .story-input>p{font-size:16px}
 .jbb-story-page .story-result-visual{padding:16px}
 .jbb-story-page .story-record{gap:7px}
 .jbb-story-page .story-record>span{width:65px;font-size:12px}
 .jbb-story-page .story-record b{font-size:11px;padding:8px 4px}
 .jbb-story-page .story-deliverables{gap:24px}
 .jbb-story-page .story-plan b{font-size:11px;padding:9px 5px}
 .jbb-story-page .story-deliverables h3{font-size:22px}
}
@media(max-width:900px){
 .jbb-story-page .story-hero{padding-top:50px}
 .jbb-story-page .story-hero-grid{grid-template-columns:1fr;gap:40px;padding-bottom:35px}
 .jbb-story-page .story-hero-copy{max-width:600px}
 .jbb-story-page .story-hero h1 strong{font-size:64px}
 .jbb-story-page .story-hero-definition{max-width:none}
 .jbb-story-page .story-hero-visual{max-width:580px;width:100%;margin:0 auto;padding:28px}
 .jbb-story-page .story-input>p{font-size:19px}
 .jbb-story-page .story-output h3{font-size:14px}
 .jbb-story-page .story-output p{font-size:11px}
 .jbb-story-page .story-positioning{align-items:flex-start}
 .jbb-story-page .story-positioning p{display:block}
 .jbb-story-page .story-positioning p span{display:block;margin-top:8px}
 .jbb-story-page .story-deliverables{grid-template-columns:1fr;gap:35px}
 .jbb-story-page .story-deliverables article{display:grid;grid-template-columns:240px 1fr;column-gap:28px;align-content:start}
 .jbb-story-page .story-result-visual{grid-column:1;grid-row:1/5;margin:0;height:100%;min-height:190px}
 .jbb-story-page .story-deliverables article>small,.jbb-story-page .story-deliverables h3,.jbb-story-page .story-deliverables article>p,.jbb-story-page .story-deliverables article>strong{grid-column:2}
 .jbb-story-page .story-scenario-brief{padding-right:28px}
 .jbb-story-page .story-scenario-brief h3{font-size:25px}
 .jbb-story-page .story-scenario-response{padding-left:28px}
}
@media(max-width:640px){
 .jbb-story-page .story-hero{padding-top:40px}
 .jbb-story-page .story-hero .jbb-eyebrow{font-size:11px;margin-bottom:23px}
 .jbb-story-page .story-hero h1 span{font-size:27px;margin-bottom:10px}
 .jbb-story-page .story-hero h1 strong{font-size:46px;letter-spacing:-.045em}
 .jbb-story-page .story-hero-tagline{font-size:15px;margin-bottom:18px}
 .jbb-story-page .story-hero-definition{font-size:14px;line-height:1.95}
 .jbb-story-page .story-hero .jbb-hero-actions{gap:10px;margin-top:24px}
 .jbb-story-page .story-hero .jbb-btn{font-size:13px;padding:11px 15px;gap:18px;min-height:46px}
 .jbb-story-page .story-entry{font-size:11px;gap:11px;margin-top:23px}
 .jbb-story-page .story-entry b{padding-left:11px}
 .jbb-story-page .story-entry-note{font-size:11px}
 .jbb-story-page .story-hero-grid{gap:30px;padding-bottom:29px}
 .jbb-story-page .story-hero-visual{padding:21px 17px 17px;border-radius:10px}
 .jbb-story-page .story-visual-heading{font-size:11px;margin-bottom:16px}
 .jbb-story-page .story-input{padding:17px 14px}
 .jbb-story-page .story-input>p{font-size:15px;line-height:1.9}
 .jbb-story-page .story-input small{font-size:11px}
 .jbb-story-page .story-attachments span{font-size:11px;padding:4px 6px}
 .jbb-story-page .story-ai-core strong{font-size:24px}
 .jbb-story-page .story-ai-core p{font-size:11px}
 .jbb-story-page .story-ai-core>div{gap:11px}
 .jbb-story-page .story-ai-symbol{width:41px;height:41px;font-size:19px}
 .jbb-story-page .story-ai-core{padding-bottom:20px}
 .jbb-story-page .story-core-arrow{font-size:25px}
 .jbb-story-page .story-output{padding:17px 12px}
 .jbb-story-page .story-output>div{gap:8px}
 .jbb-story-page .story-output article+article{padding-left:8px}
 .jbb-story-page .story-output h3{font-size:11px;line-height:1.7}
 .jbb-story-page .story-output p{font-size:11px}
 .jbb-story-page .story-visual-footer{font-size:11px}
 .jbb-story-page .story-positioning{display:block;padding:22px 0}
 .jbb-story-page .story-positioning p{font-size:11px}
 .jbb-story-page .story-positioning b{font-size:13px}
 .jbb-story-page .story-positioning a{margin-top:15px;font-size:11px}
 .jbb-story-page .story-deliverables{gap:38px}
 .jbb-story-page .story-deliverables article{display:block}
 .jbb-story-page .story-result-visual{height:158px;min-height:0;margin-bottom:22px;padding:24px 16px}
 .jbb-story-page .story-record>span{width:74px;font-size:13px}
 .jbb-story-page .story-record{gap:8px}
 .jbb-story-page .story-record b{font-size:11px;padding:8px 6px}
 .jbb-story-page .story-deliverables h3{font-size:24px;margin-top:10px;margin-bottom:13px}
 .jbb-story-page .story-deliverables article>p{font-size:13px}
 .jbb-story-page .story-deliverables article>strong{font-size:11px;margin-top:16px;padding-top:14px}
 .jbb-story-page .story-service-note{font-size:11px;margin-top:28px;padding-top:20px}
 .jbb-story-page .story-scenarios .jbb-scenario-tabs{gap:28px}
 .jbb-story-page .story-scenarios .jbb-scenario-tabs button{font-size:15px;padding-bottom:15px}
 .jbb-story-page .story-scenario-panel{grid-template-columns:1fr}
 .jbb-story-page .story-scenario-brief{padding:29px 0;border-right:0;border-bottom:1px solid #dfcfc3}
 .jbb-story-page .story-case-label{font-size:11px;margin-bottom:17px}
 .jbb-story-page .story-scenario-brief h3{font-size:26px;margin-bottom:16px}
 .jbb-story-page .story-scenario-brief>p{font-size:13px}
 .jbb-story-page .story-input-types{margin-top:20px;gap:10px}
 .jbb-story-page .story-input-types span{padding:7px 12px;font-size:11px}
 .jbb-story-page .story-scenario-response{padding:27px 0}
 .jbb-story-page .story-scenario-response>h3{font-size:18px;margin-bottom:22px}
 .jbb-story-page .story-scenario-response li{gap:14px}
 .jbb-story-page .story-scenario-response li p{font-size:12px}
 .jbb-story-page .story-scenario-response h4{font-size:14px}
 .jbb-story-page .story-scenario-result{padding:15px}
 .jbb-story-page .story-scenario-result strong{font-size:12px}
 .jbb-story-page .story-scenario-bottom{display:block;margin-top:20px}
 .jbb-story-page .story-scenario-bottom>p{font-size:11px}
 .jbb-story-page .story-scenario-bottom>a{margin-top:13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.jbb-story-page *{scroll-behavior:auto}}