/* Purposeful editorial scenes; only the five rollout routes load this file. */
.story-section{padding:80px 0;margin:0;background:#f0f1e8;color:#232b27}
.story-split{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.story-copy h2,.story-heading h2{font-size:clamp(34px,3.6vw,50px);line-height:1.13;letter-spacing:-.055em;margin:18px 0 24px}
.story-copy p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:540px;margin-bottom:28px}
.story-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px}
.story-example{display:inline-block;padding:7px 12px;background:#ffda36;color:#232b27;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;flex-shrink:0}
.story-glyph{display:block;width:62px;height:62px;flex-shrink:0}
.security-blueprint{margin:0;padding:28px;border:1px solid #cbd1c3;border-radius:16px;background:#fcfbf6;box-shadow:12px 12px 0 #dce0d3}
.security-blueprint figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#52604c;padding-bottom:24px;border-bottom:1px solid #d4dacb}
.security-blueprint figcaption span{font-size:12px}
.blueprint-core{display:flex;gap:22px;align-items:center;padding:27px 10px;color:#232b27}
.blueprint-core .story-glyph{background:#ffda36;border-radius:12px;padding:10px;width:76px;height:76px}
.blueprint-core strong{font-size:25px;letter-spacing:-.03em}
.blueprint-layers{display:grid;gap:10px;border-left:2px solid #a6b298;padding-left:20px;margin-left:46px}
.blueprint-row{display:flex;gap:18px;align-items:center;padding:17px;background:#edf0e5;border:1px solid #d4dacb;border-radius:8px}
.blueprint-row .story-glyph{width:40px;height:40px;color:#53664a}
.blueprint-row strong,.blueprint-row span{display:block}.blueprint-row strong{font-size:17px}.blueprint-row span{font-size:13px;line-height:1.55;margin-top:5px;color:#54604d}
.storytelling-page .security-practices{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.storytelling-page .security-practices article{border:0;border-bottom:1px solid #cbd1c3;border-radius:0;background:none;padding:30px 0}
.storytelling-page .security-practices .index{display:inline-flex;align-items:center;justify-content:center;color:#232b27;background:#ffda36;width:36px;height:36px;border-radius:50%}
.storytelling-page .security-practices h3{margin-top:18px}
.story-mobile{background:#232b27;color:#fcfbf6}.storytelling-page .story-mobile .eyebrow{color:#ffda36}
.mobile-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.stage-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.stage-top>span{display:inline-flex;width:33px;height:33px;border:1px solid #8b9982;border-radius:50%;justify-content:center;align-items:center;font-size:13px;color:#ffda36}.stage-top h3{font-size:24px;color:#fcfbf6}
.story-phone{max-width:270px;width:100%;margin:auto;background:#f8f9f2;color:#232b27;border:8px solid #58664e;outline:1px solid #8b9982;border-radius:32px;padding:17px 20px 24px;min-height:350px;display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 18px 32px #0003}
.phone-speaker{width:48px;height:5px;border-radius:5px;background:#384332;margin-bottom:20px}.phone-app{font-size:12px;letter-spacing:.04em;color:#53604c;margin:0 0 22px}.story-phone .story-glyph{width:76px;height:76px;margin-bottom:20px;color:#53664a}.story-phone>strong{font-size:19px;line-height:1.3;max-width:180px}.phone-drawing{width:100%;display:grid;gap:6px;margin:18px 0}.phone-drawing i{height:5px;background:#dce2d3;border-radius:4px}.phone-drawing i:last-child{width:60%;margin:auto}.phone-action{display:block;width:100%;padding:11px 8px;background:#ffda36;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;margin-top:auto}
.story-caption{font-size:15px;line-height:1.7;color:#cbd3c3;max-width:760px;margin:35px auto 0;text-align:center}
.storytelling-page .mobile-business .feature-grid{gap:30px}.storytelling-page .mobile-business .feature{background:none;border:0;border-top:3px solid #ffda36;border-radius:0;padding:24px 0}
.tools-transformation{display:grid;grid-template-columns:.9fr 1.2fr;gap:36px;align-items:stretch}.scene-kicker{font-size:13px;color:#53604c;font-weight:600;margin:0 0 18px}.source-papers{display:grid;gap:12px}.source-paper{display:grid;grid-template-columns:40px 1fr;gap:3px 16px;padding:18px;background:#fcfbf6;border:1px solid #d4dacb;border-radius:6px}.source-paper .story-glyph{width:36px;height:36px;grid-row:span 2;color:#617352}.source-paper strong{font-size:18px}.source-paper span{font-size:13px;color:#53604c;line-height:1.5}
.tool-window{border:2px solid #232b27;background:#fcfbf6;border-radius:12px;box-shadow:10px 10px 0 #ffda36;overflow:hidden;min-height:292px}.tool-window-bar{display:flex;gap:20px;align-items:center;background:#232b27;color:#fcfbf6;padding:17px 20px}.tool-window-bar>span{font-size:10px;color:#ffda36;letter-spacing:3px}.tool-window-bar strong{font-size:15px}.tool-workspace{padding:24px}.workspace-labels{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #d4dacb;padding-bottom:19px}.workspace-labels span{font-size:12px;background:#e7ebdf;padding:7px 10px;border-radius:4px}.workspace-labels span:first-child{background:#ffda36}.tool-record{display:flex;gap:20px;align-items:start;padding:25px 0 5px}.tool-record .story-glyph{width:50px;height:50px;color:#657651}.tool-record strong{font-size:21px;line-height:1.3}.tool-record p{font-size:14px;line-height:1.7;margin-top:14px;color:#53604c}
.transition-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:46px;border-top:1px solid #bdc7b3;padding-top:28px}.transition-notes strong,.transition-notes span{display:block}.transition-notes strong{font-size:20px;margin-bottom:8px}.transition-notes span{font-size:14px;line-height:1.7;color:#53604c}
.storytelling-page .change-list>article{background:none;border:0;border-bottom:1px solid #d4dacb;border-radius:0;padding:28px 0}.storytelling-page .change-list .index{font-size:18px;background:#ffda36;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.storytelling-page .timeline{border-left:2px solid #c8d0bc;padding-left:28px}.storytelling-page .timeline article{position:relative}.storytelling-page .timeline article:before{content:"";position:absolute;left:-35px;top:39px;width:12px;height:12px;background:#ffda36;border:2px solid #232b27;border-radius:50%}
.storytelling-page .values-section .feature{border:0;border-top:2px solid #bdc8b0;background:transparent;border-radius:0;padding:26px 0}.contact-conversation{display:flex;gap:24px;align-items:center;padding:0 0 28px}.contact-conversation .story-glyph{width:64px;height:64px}.contact-conversation .story-glyph:last-child{width:48px;height:48px;transform:rotate(7deg)}
@media(prefers-reduced-motion:no-preference){.story-art.is-in-view .story-glyph,.mobile-stage.is-in-view .story-glyph{animation:story-enter .65s ease-out 1}@keyframes story-enter{from{transform:translateY(10px) scale(.95)}to{transform:translateY(0) scale(1)}}}
@media(max-width:1100px){.story-split{gap:35px;grid-template-columns:1fr 1fr}.mobile-sequence{gap:22px}.story-phone{padding:15px 14px 22px}.tools-transformation{gap:25px}.story-copy h2,.story-heading h2{font-size:38px}.blueprint-layers{margin-left:0;padding-left:14px}.security-blueprint{padding:23px}}
@media(max-width:900px){.story-split{grid-template-columns:1fr;gap:32px}.security-blueprint{width:min(580px,100%);justify-self:center}.story-copy{max-width:650px}.mobile-sequence{gap:18px}.story-phone{border-width:6px;border-radius:24px;min-height:340px;padding:15px 10px}.story-phone>strong{font-size:17px}.stage-top h3{font-size:20px}.tools-transformation{grid-template-columns:1fr;gap:36px}.source-papers{grid-template-columns:repeat(3,1fr)}.source-paper{display:flex;flex-direction:column;gap:10px;padding:18px}.tool-window{min-height:0}.tool-workspace{padding:24px}}
@media(max-width:600px){.story-section{padding:48px 0}.story-copy h2,.story-heading h2{font-size:33px}.story-heading{flex-direction:column;gap:0;margin-bottom:30px}.story-copy p:not(.eyebrow){font-size:16px}.security-blueprint{padding:19px;box-shadow:6px 6px 0 #dce0d3}.security-blueprint figcaption{font-size:12px;flex-wrap:wrap}.blueprint-core{gap:15px;padding:22px 0}.blueprint-core strong{font-size:21px}.blueprint-core .story-glyph{width:60px;height:60px}.blueprint-row{padding:13px 10px;gap:12px}.blueprint-row .story-glyph{width:32px;height:32px}.blueprint-row strong{font-size:16px}.blueprint-row span{font-size:12px}.storytelling-page .security-practices{grid-template-columns:1fr}.mobile-sequence{grid-template-columns:1fr;gap:35px}.mobile-stage{max-width:340px;width:100%;margin:auto}.stage-top{justify-content:center;margin-bottom:18px}.story-phone{max-width:250px;min-height:325px;padding:14px 20px 22px}.story-phone>strong{font-size:20px}.story-phone .story-glyph{width:66px;height:66px}.phone-app,.phone-action{font-size:13px}.story-caption{text-align:left;font-size:14px}.source-papers{grid-template-columns:1fr}.source-paper{display:grid;grid-template-columns:40px 1fr;gap:3px 16px}.source-paper .story-glyph{grid-row:span 2}.tool-window{box-shadow:6px 6px 0 #ffda36}.tool-workspace{padding:17px}.tool-record{flex-direction:column;gap:14px}.tool-record strong{font-size:21px}.transition-notes{grid-template-columns:1fr;gap:20px;margin-top:36px;padding-top:24px}.transition-notes p{margin:0}.transition-notes strong{font-size:19px}.storytelling-page .timeline{padding-left:22px}.storytelling-page .timeline article:before{left:-29px}.storytelling-page .timeline article{gap:14px}.storytelling-page .timeline h3{font-size:20px}}
.value-glyph{margin-top:18px;color:#52664a}.value-glyph .story-glyph{width:46px;height:46px}
/* Final page-scale polish: labels are not controls; phone sequence stays compact. */
.workspace-labels{gap:8px 20px}
.workspace-labels span,.workspace-labels span:first-child{background:none;padding:0;border-radius:0;color:#53604c;font-size:13px}
.workspace-labels span+span:before{content:"/";color:#9aa78f;margin-right:20px}
@media(max-width:600px){
 .mobile-sequence{gap:28px}
 .stage-top{margin-bottom:12px}
 .story-phone{min-height:0;padding:12px 18px 18px}
 .phone-speaker{margin-bottom:13px}
 .phone-app{margin-bottom:12px}
 .story-phone .story-glyph{width:52px;height:52px;margin-bottom:12px}
 .phone-drawing{margin:12px 0;gap:5px}
 .phone-drawing i:last-child{display:none}
 .phone-action{padding:9px 8px;margin-top:4px}
 .story-caption{margin-top:27px}
 .workspace-labels{gap:8px 12px}
 .workspace-labels span+span:before{margin-right:12px}
}
@media(max-width:370px){
 .storytelling-page .timeline article{display:grid;grid-template-columns:1fr;gap:14px}
 .storytelling-page .timeline strong{justify-self:start}
 .storytelling-page .timeline article:before{top:38px}
}