/* A small product world, not a wall of integration badges. */
body.features-page #story-tools .feature-story-heading{justify-content:center;margin-bottom:24px;text-align:center}
body.features-page #story-tools .feature-story-heading h2{max-width:640px;font-size:clamp(26px,3vw,36px)}
body.features-page #story-tools .story-network{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:26px;padding:30px 24px;border-radius:24px;background:radial-gradient(ellipse at 48% 40%,#e1d8f5,transparent 60%),linear-gradient(125deg,#eaf2f7,#faf4e6);min-height:320px}
body.features-page #story-tools .story-sources{position:relative;z-index:2;grid-template-columns:1fr;gap:10px;max-width:230px;margin:auto;width:100%;transform:rotate(-4deg)}
body.features-page #story-tools .story-source{background:#ffffffed;border:1px solid #fff;border-radius:14px;box-shadow:0 6px 14px #5549690a;min-height:42px;padding:10px 14px;font-size:13px;gap:12px}
body.features-page #story-tools .story-source:nth-child(2n){translate:14px 0}
body.features-page #story-tools .story-source svg{width:20px;height:20px;color:#6554a4}
body.features-page #story-tools .story-source:nth-child(3n) svg{color:#497446}
body.features-page #story-tools .story-source:nth-child(2n) svg{color:#416984}
body.features-page #story-tools .story-brain{position:relative;z-index:1;display:grid;justify-content:center;gap:24px}
body.features-page #story-tools .story-brain img{position:relative;z-index:2;width:96px;height:96px;padding:25px;border-radius:30px;background:linear-gradient(140deg,#fff,#e9e0fa);border:1px solid white;box-shadow:0 18px 40px #6554a433,inset 0 2px 0 white}
body.features-page #story-tools .story-brain>span{position:relative;z-index:2;font-size:13px;color:#493d60;white-space:nowrap}
body.features-page #story-tools .story-brain:before,body.features-page #story-tools .story-brain:after{top:48px;width:55px;height:2px;background:linear-gradient(90deg,transparent,#9b8fe8);display:block}
.story-orbit{position:absolute;width:210px;height:210px;top:-57px;left:50%;translate:-50% 0;border:1px solid #ffffffaa;border-radius:50%;box-shadow:0 0 0 25px #ffffff20,0 0 0 50px #ffffff10}
.story-orbit i{position:absolute;width:9px;height:9px;background:#9b8fe8;border:2px solid white;border-radius:50%;top:12px;left:42px;box-shadow:0 0 12px #9b8fe855}
.story-orbit i:nth-child(2){top:auto;bottom:12px;left:auto;right:42px;background:#7ba7c9}.story-orbit i:nth-child(3){top:100px;left:-4px;background:#d4a843}
body.features-page #story-tools .story-app-preview{position:relative;z-index:2;background:#fffdfb;border:1px solid white;border-radius:18px;padding:18px;box-shadow:0 20px 40px #5948671a;transform:rotate(3deg)}
.story-app-bar{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#57534e;border-bottom:1px solid #eee8e1;padding-bottom:12px;margin-bottom:16px}
body.features-page #story-tools .story-app-bar small{font-size:10px;letter-spacing:0;text-transform:none;margin:0;color:#716779}
body.features-page #story-tools .story-app-preview h3{font-size:22px;margin:0 0 14px;line-height:1.15}
.story-app-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.story-product-art{background:linear-gradient(135deg,#f0e4cb,#e3eddd);border-radius:12px;display:grid;place-items:center;padding:8px}
.story-product-art svg{height:95px;width:90px;filter:drop-shadow(0 6px 5px #41352920);transform:rotate(-8deg)}
.story-app-bars{display:flex;align-items:end;gap:6px;padding:16px 8px;background:#f3eff9;border-radius:12px}
.story-app-bars span{height:35%;flex:1;background:#bfb2df;border-radius:4px 4px 0 0;transform-origin:bottom}
.story-app-bars span:nth-child(2){height:60%;background:#a7c4d8}.story-app-bars span:nth-child(3){height:48%}.story-app-bars span:nth-child(4){height:80%;background:#a7c4d8}.story-app-bars span:nth-child(5){height:100%;background:#91b58b}
body.features-page #story-tools .story-app-preview p{font-size:13px;color:#57534e;margin-bottom:12px}
.story-app-insight{display:flex;gap:8px;align-items:center;background:#f2eedf;border-radius:10px;padding:10px;color:#63563b;font-size:12px;line-height:1.4}
.story-app-insight svg{width:22px;height:22px;flex:none}
@media(prefers-reduced-motion:no-preference){
#story-tools:not([hidden]) .story-orbit{animation:magic-orbit 5s ease-out both}
#story-tools:not([hidden]) .story-app-bars span{animation:magic-bars 1.3s 1s both}
#story-tools:not([hidden]) .story-product-art svg{animation:magic-lift 2s 1s both}
}
@keyframes magic-orbit{from{rotate:-60deg;opacity:0}to{rotate:0deg;opacity:1}}
@keyframes magic-bars{from{scale:1 .15}to{scale:1 1}}
@keyframes magic-lift{from{translate:0 12px;opacity:0}to{translate:0 0;opacity:1}}
@media(max-width:760px){
body.features-page #story-tools .story-network{grid-template-columns:minmax(0,1fr);gap:30px;padding:24px 18px}
body.features-page #story-tools .story-sources{grid-template-columns:1fr 1fr;max-width:none;transform:none;gap:8px}
body.features-page #story-tools .story-source{font-size:11px;padding:10px 8px;gap:7px;translate:none}
body.features-page #story-tools .story-source svg{width:18px;height:18px}
body.features-page #story-tools .story-brain{gap:12px}
body.features-page #story-tools .story-brain img{width:72px;height:72px;padding:20px;border-radius:23px}
.story-orbit{width:130px;height:130px;top:-28px}
body.features-page #story-tools .story-brain:before,body.features-page #story-tools .story-brain:after{display:none}
body.features-page #story-tools .story-app-preview{width:100%;max-width:360px;margin:auto;transform:none}
}
@media(prefers-reduced-motion:reduce){#story-tools *,#story-tools *:before,#story-tools *:after{animation:none!important;transition:none!important}}