/* /build-ai-trading-bot: editorial campaign page on cream paper, inside the standard TickFeed nav and footer.
   Scoped to main.bt so nothing leaks into the rest of the site. */
main.bt{
  --paper:#f3efe6;--paper2:#ebe6db;--ink:#0d0d0c;--ink2:#2b2a27;--grey:#67635b;--hair:#cfc8b8;--orange:#ff4d00;
  --code:#121211;--code-text:#e9e4d8;--code-dim:#8f897c;
  display:block;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:clip;
}
.bt *{box-sizing:border-box}
.bt ::selection{background:var(--orange);color:var(--ink)}
.bt h1,.bt h2,.bt h3{color:var(--ink);margin:0}
.bt code{font-family:var(--mono);font-size:.86em;background:none;color:inherit}
.bt :where(a){color:inherit}
.bt-w{max-width:1400px;margin:0 auto;padding-left:max(var(--gut),3vw);padding-right:max(var(--gut),3vw)}
.bt-meta{font:500 11.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin:0}

/* buttons */
.bt-btn{display:inline-flex;align-items:center;gap:10px;font:600 15.5px/1 var(--sans);color:var(--paper);background:var(--ink);
  border:1.5px solid var(--ink);border-radius:2px;padding:16px 22px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.bt-btn:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.bt-btn.bt-ghost{background:transparent;color:var(--ink)}
.bt-btn.bt-ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bt-btn-sm{padding:11px 16px;font-size:14px}
.bt-btn-lg{padding:21px 30px;font-size:18px;gap:14px}
.bt a:focus-visible,.bt button:focus-visible,.bt pre:focus-visible,.bt-opt input:focus-visible+.bt-opt-in{outline:2px solid var(--orange);outline-offset:3px}
.bt-link{display:inline-block;font:600 15.5px/1.4 var(--sans);text-decoration:none;border-bottom:1.5px solid var(--ink);margin:0 18px 6px 0;padding-bottom:1px}
.bt-link::after{content:" \2192"}
.bt-link:hover{color:var(--orange);border-color:var(--orange)}

/* hero */
.bt-hero{padding:28px 0 clamp(72px,8vw,112px);border-bottom:1px solid var(--ink)}
.bt-rule{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 11.5px/1.4 var(--mono);text-transform:uppercase;
  letter-spacing:.08em;color:var(--grey);padding-bottom:14px;border-bottom:1px solid var(--ink);margin-bottom:clamp(36px,6vw,72px)}
.bt-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,112px);align-items:end}
.bt h1{font:700 clamp(58px,9.6vw,164px)/.9 var(--sans);letter-spacing:-.055em;margin:0 0 34px}
.bt-ai{color:var(--orange)}
.bt-lead{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:var(--ink2);max-width:30em;margin:0 0 34px}
.bt-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px}
.bt-offer{display:flex;align-items:center;gap:10px;font:500 12.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:0;color:var(--ink)}
.bt-dot{width:9px;height:9px;background:var(--orange);flex:none}

/* hero conversation */
.bt-chat{margin:0;border-top:3px solid var(--ink);font-size:16px}
.bt-chat-head{display:flex;justify-content:space-between;gap:12px;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;
  color:var(--grey);padding:10px 0;border-bottom:1px solid var(--hair)}
.bt-turn{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--hair)}
.bt-turn p{margin:0;line-height:1.5}
.bt-who{font:600 11px/1.9 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}
.bt-who.bt-tf{color:var(--orange)}
.bt-call{color:var(--grey)}
.bt-resp{background:var(--code);color:var(--code-text);min-width:0}
.bt-resp-label,.bt-ide-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;
  border-bottom:1px solid #2a2926;font:500 10.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-dim)}
.bt-resp pre,.bt-code{margin:0;padding:16px 18px;font:400 13.5px/1.7 var(--mono);color:var(--code-text);white-space:pre-wrap;overflow-wrap:anywhere}
.bt-chat figcaption{font-size:14.5px;line-height:1.55;color:var(--grey);padding-top:12px}
.bt-copy{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-text);background:transparent;
  border:1px solid #3a3935;border-radius:2px;padding:8px 11px;cursor:pointer}
.bt-copy:hover{border-color:var(--orange);color:var(--orange)}
.bt-copy.done{color:var(--orange);border-color:var(--orange)}

/* bands */
.bt-band{padding:clamp(64px,9vw,120px) 0;border-bottom:1px solid var(--ink)}
.bt-sec-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(32px,5vw,72px);align-items:end;margin-bottom:clamp(36px,5vw,60px)}
.bt-sec-head .bt-meta{grid-column:1/-1;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--hair)}
.bt h2{font:700 clamp(40px,6vw,84px)/.95 var(--sans);letter-spacing:-.045em}
.bt-sub{margin:0;color:var(--ink2);max-width:34em;font-size:18px;line-height:1.6}
.bt h3{font:700 22px/1.2 var(--sans);letter-spacing:-.02em;margin:0 0 10px}

/* builder */
.bt-builder{background:var(--paper2)}
.bt-form{border-top:3px solid var(--ink)}
.bt-step{border:0;margin:0;padding:22px 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:24px;align-items:start}
.bt-step legend{float:left;padding:0;font:700 21px/1.3 var(--sans);letter-spacing:-.01em;display:flex;gap:14px;align-items:baseline}
.bt-n{font:500 11.5px/1 var(--mono);color:var(--orange);letter-spacing:.06em}
.bt-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bt-opt{position:relative;display:block;cursor:pointer}
.bt-opt input{position:absolute;opacity:0;width:1px;height:1px}
.bt-opt-in{display:block;height:100%;border:1.5px solid var(--ink);border-radius:2px;padding:17px 18px;min-height:76px;background:var(--paper);transition:background .12s,color .12s}
.bt-opt-in b{display:block;font:700 18px/1.25 var(--sans)}
.bt-opt-in small{display:block;font:500 11.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--grey);margin-top:6px}
.bt-opt:hover .bt-opt-in{background:#fff}
.bt-opt input:checked+.bt-opt-in{background:var(--ink);color:var(--paper)}
.bt-opt input:checked+.bt-opt-in small{color:var(--orange)}
.bt-go{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:26px}
.bt-hint{font-size:15px;color:var(--grey);margin:0}
/* results */
.bt-out{margin-top:clamp(40px,5vw,64px);border-top:3px solid var(--ink);padding-top:clamp(26px,3vw,40px);scroll-margin-top:84px}
.bt-out:focus{outline:none}
.bt-meta-ink{color:var(--ink)}
.bt-ready{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;
  padding-bottom:clamp(24px,3vw,36px);border-bottom:1px solid var(--ink)}
.bt h3#bt-ready-h{font:700 clamp(34px,4.2vw,60px)/1 var(--sans);letter-spacing:-.04em;margin:14px 0 14px}
.bt-ready-sub{margin:0;font-size:18px;color:var(--ink2);max-width:32em}
.bt-ready-r{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.bt-summary{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:0;border:1.5px solid var(--ink);width:100%}
.bt-summary div{padding:12px 16px;border-right:1px solid var(--hair);min-width:0}
.bt-summary div:last-child{border-right:0}
.bt-summary dt{font:500 10.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}
.bt-summary dd{margin:4px 0 0;font:600 14px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}
.bt-stale{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--orange);background:var(--paper);font-size:16px}
.bt-out.is-stale .bt-res{opacity:.55}
.bt-res{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-top:clamp(26px,3vw,40px)}
.bt-res h4{display:flex;align-items:baseline;gap:12px;font:700 19px/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 16px;color:var(--ink)}
.bt-editor{background:var(--code);color:var(--code-text)}
.bt-editor-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;
  border-bottom:1px solid #2a2926;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-dim)}
.bt-editor-actions{display:flex;gap:8px}
.bt-copy.bt-copy-main{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.bt-copy.bt-copy-main:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.bt-copy.bt-copy-main.done{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.bt-prompt{margin:0;padding:22px 24px;font:400 14px/1.75 var(--mono);color:var(--code-text);white-space:pre-wrap;
  overflow-wrap:anywhere;max-height:620px;overflow-y:auto}
.bt-status{min-height:1.6em;margin:12px 0 0;font:500 13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.bt-note{margin:4px 0 0;font-size:15.5px;color:var(--grey)}
.bt-res-side{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}
.bt-plan{list-style:none;counter-reset:s;margin:0;padding:0;border-top:1px solid var(--ink)}
.bt-plan li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;padding:13px 0;
  border-bottom:1px solid var(--hair);font-size:16.5px;line-height:1.55;color:var(--ink2)}
.bt-plan li::before{content:counter(s);font:600 13px/1.9 var(--mono);color:var(--orange)}
.bt-connect{background:var(--ink);color:var(--paper);padding:clamp(22px,2.4vw,30px)}
.bt-connect h4{color:var(--paper)!important}
.bt-connect p{margin:0 0 20px;font-size:16.5px;line-height:1.55;color:#d6d0c3}
.bt-connect .bt-btn{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.bt-connect .bt-btn:hover{background:var(--paper);border-color:var(--paper)}

/* workflow */
.bt-flow-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.bt-stages{list-style:none;margin:0;padding:0;border-top:3px solid var(--ink)}
.bt-stages li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:8px;padding:20px 0 20px;
  border-bottom:1px solid var(--hair)}
.bt-stages li .bt-n{grid-row:1/3;font-size:13px;line-height:1.7}
.bt-stages b{font:700 clamp(19px,1.8vw,24px)/1.2 var(--sans);letter-spacing:-.02em;text-transform:uppercase}
.bt-stages p{margin:6px 0 0;font-size:16.5px;color:var(--ink2)}
.bt-stages li+li::before{content:"\2193";position:absolute;left:0;top:-13px;width:24px;height:24px;background:var(--paper);
  color:var(--orange);font:600 15px/24px var(--mono);text-align:center}
.bt-stages li:last-child b{color:var(--orange)}
.bt-dec{margin:0;background:var(--code);color:var(--code-text)}
.bt-dec-bar{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #2a2926;
  font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-dim)}
.bt-dec dl{margin:0;padding:6px 16px}
.bt-dec dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #2a2926}
.bt-dec dl div:last-child{border-bottom:0}
.bt-dec dt{font:500 11px/1.9 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-dim)}
.bt-dec dd{margin:0;font:500 14.5px/1.6 var(--mono)}
.bt-dec .bt-dec-key dd{color:var(--orange);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.bt-dec figcaption{padding:12px 16px 16px;border-top:1px solid #2a2926;font-size:14px;line-height:1.5;color:var(--code-dim)}

/* integration */
.bt-ide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--code);color:var(--code-text)}
.bt-ide-l{border-right:1px solid #2a2926;min-width:0}.bt-ide-r{min-width:0}
.bt-tabs{display:flex;gap:4px;flex-wrap:wrap}
.bt-tab{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--code-dim);background:none;border:0;
  border-bottom:2px solid transparent;padding:8px 7px 6px;cursor:pointer}
.bt-tab[aria-selected="true"]{color:var(--code-text);border-bottom-color:var(--orange)}
.bt-code{font-size:14px}
.bt-cap{margin:0;padding:12px 18px 16px;font-size:14px;line-height:1.55;color:var(--code-dim)}
.bt-uses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);
  border-top:1px solid var(--ink);margin-top:40px;padding-top:24px}
.bt-uses b{display:block;font-size:17px;margin:10px 0 6px}.bt-uses p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink2)}

/* steps */
.bt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid var(--ink)}
.bt-steps li{padding:26px clamp(18px,2.4vw,32px) 8px 0;border-right:1px solid var(--hair)}
.bt-steps li+li{padding-left:clamp(18px,2.4vw,32px)}
.bt-steps li:last-child{border-right:0}
.bt-big{display:block;font:700 clamp(54px,6vw,84px)/1 var(--sans);letter-spacing:-.05em;color:var(--orange);margin-bottom:18px}
.bt-steps p{font-size:17px;line-height:1.6;color:var(--ink2);margin:0 0 18px}

/* promo panel */
.bt-promo{background:var(--orange);color:var(--ink);border-bottom:1px solid var(--ink)}
.bt-promo-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:end;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.bt-promo .bt-meta{color:var(--ink);padding-bottom:14px;border-bottom:1px solid var(--ink);margin-bottom:28px}
.bt-promo h2{font-size:clamp(52px,8.4vw,124px)}
.bt-promo-sub{font:600 clamp(19px,1.8vw,23px)/1.35 var(--sans);margin:18px 0 0}
.bt-terms{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--ink)}
.bt-terms li{padding:13px 0;border-bottom:1px solid var(--ink);font-size:16.5px;line-height:1.5}
.bt-promo .bt-btn:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}

/* faq */
.bt-faq-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,5vw,72px)}
.bt-faq .bt-sec-head{display:block;margin:0}
.bt-faq details{border-top:1px solid var(--ink);padding:18px 0}
.bt-faq details:last-child{border-bottom:1px solid var(--ink)}
.bt-faq summary{cursor:pointer;font:700 18px/1.35 var(--sans);list-style:none;display:flex;justify-content:space-between;gap:16px}
.bt-faq summary::-webkit-details-marker{display:none}
.bt-faq summary::after{content:"+";font:500 20px/1 var(--mono);color:var(--orange)}
.bt-faq details[open] summary::after{content:"\2212"}
.bt-faq details p{margin:12px 0 0;color:var(--ink2);font-size:17px;line-height:1.6}
.bt-risk{font-size:14px;color:var(--grey);padding-top:28px;padding-bottom:36px;margin:0 auto}

@media (max-width:980px){
  .bt-hero-grid,.bt-promo-in,.bt-faq-in{grid-template-columns:minmax(0,1fr)}
  .bt-sec-head{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .bt-ide{grid-template-columns:minmax(0,1fr)}.bt-ide-l{border-right:0;border-bottom:1px solid #2a2926}
  .bt-step{grid-template-columns:minmax(0,1fr);gap:14px}
  .bt-ready,.bt-res,.bt-flow-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .bt-opts,.bt-uses,.bt-steps{grid-template-columns:minmax(0,1fr)}
  .bt-steps li,.bt-steps li+li{padding:24px 0 8px;border-right:0;border-bottom:1px solid var(--hair)}
  .bt-steps li:last-child{border-bottom:0}
  .bt-turn{grid-template-columns:minmax(0,1fr);gap:4px}
  .bt-actions .bt-btn{flex:1 1 100%;justify-content:center}
  .bt-btn-lg{padding:19px 22px;font-size:17px}
  .bt-go .bt-btn{width:100%;justify-content:center}
  .bt-summary{grid-template-columns:minmax(0,1fr)}
  .bt-summary div{border-right:0;border-bottom:1px solid var(--hair)}.bt-summary div:last-child{border-bottom:0}
  .bt-prompt{padding:16px;font-size:13px;max-height:480px}
  .bt-editor-bar .bt-file{width:100%}
  .bt-dec dl div{grid-template-columns:minmax(0,1fr);gap:2px}
  .bt-connect .bt-btn{width:100%;justify-content:center}
  .bt-rule span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bt *{transition:none!important;scroll-behavior:auto!important}}