.bot-prd-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; font-family:'Inter',sans-serif; }
@media (max-width:640px){ .bot-prd-wrap{ padding:0 20px; } }
.bot-prd-hero{ padding:88px 0 64px; background:#F6F7FA; overflow-x:hidden; }
.bot-prd-grid{ display:grid; grid-template-columns:1.05fr 0.95fr; gap:60px; align-items:center; }
@media (max-width:960px){ .bot-prd-grid{ grid-template-columns:1fr; } }
.bot-prd-eyebrow{ display:inline-flex; align-items:center; gap:8px; background:#EAEEFF; color:#132C8C; font-size:13px; font-weight:600; padding:7px 14px; border-radius:100px; margin-bottom:22px; }
.bot-prd-dot{ width:6px; height:6px; border-radius:50%; background:var(--bot-prd-accent); }
.bot-prd-h1{ font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em; font-size:54px; line-height:1.05; font-weight:700; color:#0B0D14; margin:0; }
@media (max-width:960px){ .bot-prd-h1{ font-size:40px; } }
@media (max-width:480px){ .bot-prd-h1{ font-size:33px; } }
.bot-prd-accent{ color:var(--bot-prd-accent); }
.bot-prd-sub{ margin-top:22px; font-size:18px; line-height:1.6; color:#5A5F72; max-width:480px; }
.bot-prd-ctas{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
.bot-prd-btn-primary{ background:var(--bot-prd-accent); color:#fff; padding:15px 26px; border-radius:100px; font-weight:600; font-size:15px; text-decoration:none; display:inline-flex; }
.bot-prd-btn-ghost{ background:#fff; color:#0B0D14; padding:15px 24px; border-radius:100px; font-weight:600; font-size:15px; border:1px solid #E3E6EF; text-decoration:none; }
.bot-prd-note{ margin-top:20px; font-size:13px; color:#9297A8; }

.bot-prd-visual{ position:relative; height:520px; padding:0 16px; box-sizing:border-box; max-width:100%; overflow-x:hidden; }
.bot-prd-card{ position:absolute; background:#fff; border:1px solid #E3E6EF; border-radius:14px; box-shadow:0 1px 2px rgba(11,13,20,0.04), 0 12px 32px -12px rgba(11,13,20,0.10); padding:11px 13px; width:172px; opacity:0; animation:bot-prd-cardIn .6s ease forwards; }
.bot-prd-chicon{ width:24px; height:24px; border-radius:8px; flex:none; display:flex; align-items:center; justify-content:center; }
.bot-prd-lines{ flex:1; display:flex; flex-direction:column; gap:5px; }
.bot-prd-ln{ height:6px; border-radius:4px; background:#EDEFF5; }
.bot-prd-ln.short{ width:60%; }
.bot-prd-bob{ display:flex; align-items:center; gap:9px; width:100%; animation:bot-prd-bob 4.2s ease-in-out infinite; }
.bot-prd-card.c1{ top:0; left:2%; animation-delay:.05s; }
.bot-prd-card.c2{ top:4%; right:2%; animation-delay:.18s; }
.bot-prd-card.c3{ top:30%; left:0; animation-delay:.32s; }
.bot-prd-card.c4{ top:30%; right:0; animation-delay:.46s; }
.bot-prd-card.c5{ bottom:22%; left:2%; animation-delay:.6s; }
.bot-prd-card.c6{ bottom:18%; right:1%; animation-delay:.74s; }
.bot-prd-card.c7{ bottom:0; left:50%; margin-left:-86px; animation-delay:.88s; }
@keyframes bot-prd-cardIn{ from{ opacity:0; transform:scale(.9); } to{ opacity:1; transform:scale(1); } }
@keyframes bot-prd-bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }
.bot-prd-hub{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; animation:bot-prd-cardIn .6s ease forwards; animation-delay:.15s; }
.bot-prd-dashsvg{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.bot-prd-dashsvg path{ fill:none; stroke:var(--bot-prd-accent); stroke-width:1.6; stroke-dasharray:5 7; opacity:.45; animation:bot-prd-flow 1.6s linear infinite; }
@keyframes bot-prd-flow{ to{ stroke-dashoffset:-24; } }
.bot-prd-unify{ background:#0B0D14; color:#fff; border-radius:16px; padding:16px 18px; width:212px; box-shadow:0 20px 40px -14px rgba(11,13,20,0.35); position:relative; z-index:2; }
.bot-prd-toprow{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.bot-prd-mono{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:rgba(255,255,255,0.5); }
.bot-prd-badge{ background:var(--bot-prd-accent); font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px; display:inline-flex; align-items:center; gap:5px; }
.bot-prd-blip{ width:5px; height:5px; border-radius:50%; background:#fff; animation:bot-prd-blip 1.4s ease-in-out infinite; }
@keyframes bot-prd-blip{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.bot-prd-uline{ height:7px; border-radius:4px; background:rgba(255,255,255,0.16); margin-bottom:7px; }
.bot-prd-uline.w60{ width:60%; }

.bot-prd-problem{ padding:104px 0; background:#F6F7FA; }
.bot-prd-shead{ max-width:600px; margin-bottom:52px; }
.bot-prd-kicker{ font-size:13px; font-weight:700; color:var(--bot-prd-accent); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:14px; font-family:'Inter'; }
.bot-prd-problem h2{ font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em; font-size:36px; font-weight:700; line-height:1.15; color:#0B0D14; margin:0; }
.bot-prd-problem p{ margin-top:16px; font-size:16.5px; color:#5A5F72; line-height:1.6; }
.bot-prd-paingrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media (max-width:860px){ .bot-prd-paingrid{ grid-template-columns:1fr; } }
.bot-prd-paincard{ position:relative; overflow:hidden; background:#fff; border:1px solid #E3E6EF; border-radius:18px; padding:30px 26px; box-shadow:0 1px 2px rgba(11,13,20,0.04), 0 12px 32px -12px rgba(11,13,20,0.10); transition:transform .35s cubic-bezier(.22,.9,.35,1), box-shadow .35s ease, border-color .35s ease; }
.bot-prd-paincard::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--bot-prd-accent),#8FA4FF); transform:scaleX(0); transform-origin:left; transition:transform .5s ease .2s; }
.bot-prd-paincard.bot-prd-inview::before{ transform:scaleX(1); }
.bot-prd-paincard:hover{ transform:translateY(-6px); box-shadow:0 4px 10px rgba(11,13,20,0.06), 0 20px 40px -14px rgba(11,13,20,0.16); border-color:#D7DCE8; }
.bot-prd-paincard .bot-prd-num{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:#9297A8; margin-bottom:18px; display:inline-block; transform:scale(.4); opacity:0; transition:transform .45s cubic-bezier(.34,1.56,.64,1) .25s, opacity .3s ease .25s; }
.bot-prd-paincard.bot-prd-inview .bot-prd-num{ transform:scale(1); opacity:1; }
.bot-prd-paincard h3{ font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:600; margin-bottom:10px; color:#0B0D14; }
.bot-prd-paincard p{ font-size:14.5px; color:#5A5F72; line-height:1.6; margin:0; }

.bot-prd-reveal{ opacity:0; transform:translateY(28px); transition:opacity .6s ease, transform .6s cubic-bezier(.22,.9,.35,1); }
.bot-prd-reveal.bot-prd-inview{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion: reduce){ .bot-prd-reveal{ opacity:1; transform:none; transition:none; } }

/* Channel marquee */
.bot-prd-marquee{ padding:64px 0 70px; border-top:1px solid #E3E6EF; border-bottom:1px solid #E3E6EF; position:relative; overflow:hidden;
  background: radial-gradient(circle at 18% 30%, rgba(42,84,255,0.05), transparent 45%), radial-gradient(circle at 82% 70%, rgba(37,211,102,0.05), transparent 45%), #fff; }
.bot-prd-marquee-label{ text-align:center; font-size:13px; font-weight:600; color:#9297A8; letter-spacing:.03em; margin-bottom:30px; }
.bot-prd-marquee-label b{ color:#0B0D14; font-weight:700; }
.bot-prd-mtrack{ position:relative; }
.bot-prd-mtrack::before, .bot-prd-mtrack::after{ content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
.bot-prd-mtrack::before{ left:0; background:linear-gradient(to right,#fff,transparent); }
.bot-prd-mtrack::after{ right:0; background:linear-gradient(to left,#fff,transparent); }
.bot-prd-mrow{ display:flex; gap:16px; width:max-content; }
.bot-prd-mrow.r1{ animation:bot-prd-scrollL 34s linear infinite; margin-bottom:16px; }
.bot-prd-mrow.r2{ animation:bot-prd-scrollR 30s linear infinite; }
.bot-prd-mtrack:hover .bot-prd-mrow{ animation-play-state:paused; }
@keyframes bot-prd-scrollL{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@keyframes bot-prd-scrollR{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }
@media (prefers-reduced-motion: reduce){ .bot-prd-mrow{ animation:none; } }
.bot-prd-mcard{ flex:none; display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #E3E6EF; border-radius:14px; padding:13px 16px; box-shadow:0 1px 2px rgba(11,13,20,0.04), 0 12px 32px -12px rgba(11,13,20,0.10); width:236px; }
.bot-prd-mcard .mic{ width:30px; height:30px; border-radius:9px; flex:none; display:flex; align-items:center; justify-content:center; }
.bot-prd-mcard .mlines{ flex:1; display:flex; flex-direction:column; gap:6px; }
.bot-prd-mcard .ml{ height:7px; border-radius:4px; background:#EDEFF5; }
.bot-prd-mcard .ml.s{ width:55%; }
.bot-prd-mcard .mtag{ font-size:9px; font-weight:700; color:#9297A8; text-transform:uppercase; letter-spacing:.04em; flex:none; }