.bots-story,.bots-story *{box-sizing:border-box}
.bots-story{width:min(1240px,calc(100% - 80px));margin:40px auto 100px;scroll-margin-top:100px;color:#f4f1eb;font-family:inherit}
.bots-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:60% 40%;align-items:center;min-height:600px;aspect-ratio:16/9;border:1px solid #ffffff17;border-radius:24px;background:#101311}
.bots-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#151916}
.bots-media video,.bots-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;position:absolute;inset:0;pointer-events:none}
.bots-poster{z-index:1;visibility:visible;opacity:1;transition:opacity .18s ease,visibility 0s linear .18s}
.bots-story[data-scrub-ready=true]:not([data-scrub-mode=static]) .bots-poster{visibility:hidden;opacity:0}
.bots-panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 35%,#0a100c60 58%,#0a100cdb 78%,#0a100cf0)}
.bots-copy{grid-column:2;padding:48px 38px 48px 0;position:relative}
.bots-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:11px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:#d2d6ce}
.bots-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#d0d8c9}
.bots-copy h2{font-size:clamp(32px,3.4vw,47px);font-weight:440;line-height:1.1;letter-spacing:-.045em;margin:25px 0 22px;color:#f7f5f1}
.bots-copy>p{font-size:14px;line-height:1.75;color:#d1d3cd;margin:0;max-width:340px}
.bots-capabilities{display:grid;gap:0;margin:28px 0 30px;padding:0;list-style:none}
.bots-capabilities li{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff20;padding:13px 0;font-size:12px;line-height:1.4;color:#e0e3db}
.bots-capabilities li span{color:#929f92;font-size:10px;font-variant-numeric:tabular-nums}
.bots-cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:13px 24px;border-radius:30px;background:#edeee8;color:#151b15;text-decoration:none;font-size:12px;line-height:1.5;transition:background .2s}
.bots-cta:hover{background:#fff}
.bots-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
.bots-caption{position:absolute;bottom:25px;left:28px;display:flex;align-items:center;gap:10px;margin:0;font-size:10px;letter-spacing:.015em;color:#eeeee4;pointer-events:none;text-shadow:0 1px 8px #000}
.bots-caption::before{content:"↗";font-size:16px}
.bots-hint-scroll{display:none}
.bots-story[data-scrub-mode=scroll] .bots-hint-cursor{display:none}
.bots-story[data-scrub-mode=scroll] .bots-hint-scroll{display:inline}
.bots-story[data-scrub-mode=static] .bots-poster{visibility:visible}
.bots-story[data-scrub-mode=static] .bots-caption{display:none}
.bots-media video::-webkit-media-controls{display:none!important}
.bots-media video::-webkit-media-controls-start-playback-button{display:none!important}
@media(max-width:900px){
 .bots-story{width:calc(100% - 40px);margin:20px auto 70px}
 .bots-panel{display:block;aspect-ratio:auto;min-height:0;border-radius:18px}
 .bots-media{position:relative;inset:auto;aspect-ratio:4/3;z-index:0}
 .bots-panel::after{display:none}
 .bots-media::after{content:"";position:absolute;inset:65% 0 0;z-index:2;pointer-events:none;background:linear-gradient(transparent,#101311)}
 .bots-copy{padding:24px 28px 34px}
 .bots-copy h2{font-size:36px;margin-top:20px;max-width:460px}
 .bots-copy>p{max-width:460px}
 .bots-caption{position:relative;bottom:auto;left:auto;padding:0 28px 27px;color:#b9c2b6}
 .bots-capabilities{margin:25px 0}
}
@media(prefers-reduced-motion:reduce){
 .bots-story .bots-poster{visibility:visible!important;opacity:1!important}
 .bots-story .bots-caption{display:none}
 .bots-cta{transition:none}
}