/* Presentation layouts shared by the product explainers. */
.story-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);align-items:center;gap:7%;padding:56px 0 76px}
.story-copy h1{max-width:760px;margin:0;font-size:clamp(48px,5.5vw,78px);line-height:1.04;letter-spacing:-.065em}
.story-copy h1 em{color:var(--accent-strong);font-style:normal}
.story-copy>p:not(.section-kicker){max-width:590px;margin:24px 0 0;color:#c4d4c8;font-size:18px;line-height:1.55}
.story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}
.story-art{position:relative;min-height:390px;border:1px solid #315742;border-radius:28px;background:radial-gradient(circle at 78% 18%,rgba(103,215,139,.18),transparent 48%),linear-gradient(145deg,#11271a,#091810);overflow:hidden}
.art-glow{position:absolute;width:230px;height:230px;right:-75px;top:-70px;border:1px solid rgba(103,215,139,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(103,215,139,.04),0 0 0 110px rgba(103,215,139,.025)}
.art-tag{position:absolute;left:28px;top:26px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.art-caption{position:absolute;left:28px;right:28px;bottom:25px;color:var(--muted);font-size:12px}
.art-route{position:absolute;inset:105px 25px 75px;display:flex;align-items:center;justify-content:center;gap:8px}
.art-route b{min-width:0;flex:1;padding:20px 8px;border:1px solid #50845c;border-radius:14px;background:#142d1d;text-align:center;font-size:13px;line-height:1.3}
.art-route i{color:var(--accent);font-size:24px;font-style:normal}
.art-lock{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;width:172px;height:172px;border:1px solid #69c77f;border-radius:36px;background:linear-gradient(150deg,#1d4a2a,#10241b);box-shadow:0 0 0 20px rgba(103,215,139,.055),0 0 0 54px rgba(103,215,139,.025);font-size:70px;color:#b6eec2}
.art-orbit{position:absolute;padding:10px 14px;border:1px solid #3d664b;border-radius:999px;background:#12271a;color:#ddede0;font-size:12px;font-weight:700}
.art-orbit.one{left:10%;top:26%}.art-orbit.two{right:7%;top:20%}.art-orbit.three{left:9%;bottom:20%}.art-orbit.four{right:5%;bottom:25%}
.story-panel{margin-top:30px;padding:clamp(25px,5vw,58px);border:1px solid #315742;border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(103,215,139,.09),transparent 38%),#0c1b13}
.story-panel .section-head{max-width:800px}
.story-panel .section-head h2,.story-section .section-head h2{font-size:clamp(34px,4.4vw,56px)}
.story-section{padding-top:110px;scroll-margin-top:30px}
.story-section .section-head{max-width:800px}
.story-lead{max-width:740px;margin:18px 0 0;color:var(--muted);font-size:16px}
.story-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.story-trio article{min-height:230px;padding:26px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#12271a,#0b1912)}
.story-trio article>span{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.story-trio h3{margin:60px 0 8px;font-size:23px;line-height:1.2;letter-spacing:-.035em}
.story-trio p{margin:0;color:var(--muted);font-size:14px}
.story-trio a{color:var(--accent-strong);font-size:13px;font-weight:700;text-decoration:none}
.story-route{display:flex;align-items:stretch;gap:8px;margin-top:35px}
.story-route>span{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:148px;padding:20px;border:1px solid #3f6a4d;border-radius:16px;background:#11271a}
.story-route>span small{color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.story-route>span strong{font-size:20px;line-height:1.2}
.story-route>i{align-self:center;color:var(--accent);font-size:25px;font-style:normal}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.story-split article{min-height:250px;padding:32px;border:1px solid var(--border);border-radius:20px;background:#101f17}
.story-split article.is-highlight{border-color:#5bb276;background:linear-gradient(145deg,#173a23,#0c2016)}
.story-split h3{margin:0 0 20px;font-size:26px;letter-spacing:-.04em}
.story-split p{max-width:480px;margin:20px 0 0;color:var(--muted);font-size:14px}
.story-footnote{margin:20px 0 0;color:var(--soft);font-size:13px}
.story-last{margin-top:110px}
.story-last .next-reading{margin-top:0}
.story-panel .settings-demo{margin-top:26px}
.story-panel .diagram-heading h2{max-width:760px}
.story-panel .find-panel,.story-panel .storage-detail{background:#091810}
.story-panel .flow-track{margin-top:18px}
.client-hero-art .art-lock{font-size:42px;font-weight:700;letter-spacing:-.07em}
.client-story .client-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-story .client-feature-grid article{min-height:200px}
.client-story .client-feature-grid h3{font-size:23px}
.client-story .client-visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-story .client-visibility-grid article{min-height:185px}
.client-story .client-visibility-grid h3{margin-top:38px}
.client-story .scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-panel .settings-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-panel .settings-impact{min-height:350px}
.story-panel .settings-demo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.story-panel .settings-selector button{min-height:76px}
.story-panel .impact-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-panel .storage-tabs{margin-top:30px}
.story-panel .storage-detail{padding:35px}
.story-panel .storage-route{margin:30px 0}
.story-panel .storage-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-panel .flow-detail{min-height:160px}
@media(max-width:960px){.story-hero{min-height:0;grid-template-columns:1fr;gap:35px;padding:50px 0 70px}.story-art{min-height:340px}.story-section{padding-top:80px}.story-trio{grid-template-columns:1fr 1fr}.story-route{flex-wrap:wrap}.story-route>span{flex-basis:40%}.story-panel .settings-demo{grid-template-columns:1fr}.client-story .client-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.story-copy h1{font-size:clamp(43px,11vw,59px)}.story-copy>p:not(.section-kicker){font-size:16px}.story-art{min-height:290px}.art-route{inset:86px 15px 56px;gap:4px}.art-route b{padding:14px 4px;font-size:10px}.art-route i{font-size:17px}.art-lock{width:130px;height:130px;font-size:55px}.art-orbit{font-size:10px;padding:8px}.client-hero-art .art-caption{display:none}.story-panel{padding:20px;border-radius:20px}.story-section{padding-top:70px}.story-trio,.story-split,.client-story .client-feature-grid,.client-story .client-visibility-grid,.client-story .scenario-grid{grid-template-columns:1fr}.story-trio article{min-height:180px}.story-trio h3{margin-top:42px}.story-route{display:grid;grid-template-columns:1fr}.story-route>span{min-height:95px}.story-route>i{transform:rotate(90deg)}.story-panel .settings-selector{grid-template-columns:1fr 1fr}.story-panel .settings-selector button{min-height:90px;padding:12px;font-size:12px}.story-panel .impact-matrix,.story-panel .storage-facts{grid-template-columns:1fr}.story-last{margin-top:70px}}
.route-picker{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 15px}
.route-picker button{padding:11px 15px;border:1px solid var(--border);border-radius:10px;background:#0c1a12;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700}
.route-picker button:hover,.route-picker button.is-active{border-color:var(--accent);background:#1d432b;color:var(--text)}
.route-showcase{padding:32px;border:1px solid #457a55;border-radius:20px;background:radial-gradient(circle at 95% 5%,rgba(103,215,139,.12),transparent 27rem),#0c1b13}
.route-showcase-top{display:flex;justify-content:space-between;gap:15px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.route-showcase-top strong{color:var(--muted);text-align:right;font-weight:600}
.route-visual{display:flex;align-items:center;justify-content:center;gap:7px;min-height:150px;flex-wrap:wrap;margin:24px 0;padding:20px;border:1px solid var(--border);border-radius:15px;background:#08150e}
.route-visual span{padding:15px 12px;border:1px solid #4b8059;border-radius:10px;background:#173522;font-size:12px;font-weight:700;text-align:center}
.route-visual i{color:var(--accent);font-size:21px;font-style:normal}
.route-explain h3{margin:0 0 7px;font-size:26px;letter-spacing:-.04em}
.route-explain p{max-width:700px;margin:0;color:var(--muted);font-size:14px}
.crypto-boundary{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin-top:14px;padding:23px;border-left:3px solid var(--accent);background:#11261a}
.crypto-boundary strong{font-size:17px}.crypto-boundary span{color:var(--muted);font-size:14px}
@media(max-width:600px){.route-showcase{padding:20px}.route-showcase-top{display:block}.route-showcase-top strong{display:block;margin-top:7px;text-align:left}.route-visual{justify-content:flex-start;min-height:0;padding:12px}.route-visual span{padding:10px 8px;font-size:11px}.route-visual i{font-size:16px}.crypto-boundary{grid-template-columns:1fr}}
.sos-flow{display:flex;align-items:stretch;gap:10px}
.sos-flow article{flex:1;min-width:0;min-height:185px;display:flex;flex-direction:column;padding:23px;border:1px solid #497656;border-radius:16px;background:#11271a}
.sos-flow article span{color:var(--accent);font-size:11px;font-weight:700}.sos-flow article strong{margin-top:31px;font-size:18px;line-height:1.2}.sos-flow article small{margin-top:9px;color:var(--muted);font-size:12px}
.sos-flow>i{align-self:center;color:var(--accent);font-size:25px;font-style:normal}
.sos-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}
.sos-presets article{padding:20px;border:1px solid var(--border);border-radius:13px;background:#0e1d14}
.sos-presets article.is-highlight{border-color:#57a46c;background:#183824}
.sos-presets span{color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sos-presets p{margin:20px 0 0;color:var(--muted);font-size:13px}
@media(max-width:960px){.sos-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sos-flow{display:grid}.sos-flow article{min-height:120px}.sos-flow article strong{margin-top:15px}.sos-flow>i{justify-self:center;transform:rotate(90deg)}.sos-presets{grid-template-columns:1fr 1fr}.sos-presets article{padding:15px}.sos-presets p{margin-top:12px}}
.client-visibility-grid article a{color:var(--accent-strong);font-weight:700;text-decoration:none}
.sos-thresholds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}
.sos-thresholds div{padding:18px;border-top:2px solid #60b975;background:#12291b;border-radius:0 0 10px 10px}
.sos-thresholds b,.sos-thresholds span{display:block}
.sos-thresholds b{color:var(--accent);font-size:13px}
.sos-thresholds span{margin-top:7px;color:var(--muted);font-size:12px}
@media(max-width:600px){.sos-thresholds{grid-template-columns:1fr}}