/* ============================================================
   HOW IT WORKS BOX WITHOUT ITS FRAME (home page, 2026-10-23):
   "Already use Claude or ChatGPT? Let it set things up in minutes."
   The two cards and the arrow sit straight on the page, like the Why
   Askpilot and How Askpilot executes boxes above: no framed canvas, no
   glow, no rings; the arrow disc's halo is the page colour. The section
   itself is css/ai-handover.css + css/ho-live.css, shared with the home
   page; .ho--bare is on the home page only. Also on Custom integrations
   (#custom-tools, css/custom-tools.css), Dom, same day; the dark band
   (#connect-systems) keeps its glass box.
   ============================================================ */
.ho--bare .ho-canvas {
    max-width: 1040px; padding: 0; overflow: visible;
    border: 0; border-radius: 0; background: none;
}
.ho--bare .ho-pair { max-width: 1040px; }
.ho--bare .ho-arrow::before { display: none; }
.ho--bare .ho-arrow-dot { box-shadow: 0 0 0 6px var(--cream); }
@media (max-width: 767px) {
    .ho.ho--bare { background: none; }
}