/* HiveMind landing. Layout lives in the inline styles; this file holds the page base,
   the hover/focus states and the bits site.js toggles. */
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:#15151f}
a{color:#f5b942}a:hover{color:#ffc95e}
:focus-visible{outline:2px solid #f5b942;outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}

.skip:focus{left:8px!important}
.h-nav:hover{color:#e7e7f2!important;background:#24243a!important}
.h-accent:hover{background:#ffc95e!important;color:#1f1604!important}
.h-outline:hover{border-color:#8585a4!important;color:#e7e7f2!important}
.h-bg:hover{background:#24243a!important}
.h-bgtext:hover{background:#24243a!important;color:#e7e7f2!important}
.h-accentbg:hover{background:#ffc95e!important}
.h-ink:hover{color:#f5b942!important}
.h-text:hover{color:#e7e7f2!important}
.h-danger:hover{background:rgba(242,139,155,.10)!important;color:#f28b9b!important}
.h-close:hover{background:#c42b1c!important;color:#fff!important}

@media (max-width:899px){.nav-links{display:none!important}}

/* Bee avatars: one SVG frame as a mask, coloured by --c. */
.bee,.hexi{display:block;flex:none;background:var(--c);-webkit-mask:var(--f) center/contain no-repeat;mask:var(--f) center/contain no-repeat}
.hexi{--f:url(icons/hivemind-hex-symbolic.svg)}
.bee[data-f="up"]{--f:url(icons/hivemind-bee-up-symbolic.svg)}
.bee[data-f="low"]{--f:url(icons/hivemind-bee-low-symbolic.svg)}
.bee[data-f="down"]{--f:url(icons/hivemind-bee-down-symbolic.svg)}
.bee[data-f="think-up"]{--f:url(icons/hivemind-bee-think-up-symbolic.svg)}
.bee[data-f="think-down"]{--f:url(icons/hivemind-bee-think-down-symbolic.svg)}
.bee[data-f="wait"]{--f:url(icons/hivemind-bee-wait-symbolic.svg)}
.bee[data-f="sleep-1"]{--f:url(icons/hivemind-bee-sleep-1-symbolic.svg)}
.bee[data-f="sleep-2"]{--f:url(icons/hivemind-bee-sleep-2-symbolic.svg)}
.bee[data-f="error"]{--f:url(icons/hivemind-bee-error-symbolic.svg)}

/* Hero mockup: window chrome follows the detected OS. */
#hero-scale{transform:scale(var(--s,1))}
#hero-mock{height:calc(633.6px * var(--s,1))}
.os-mac,.os-win{display:none}
html[data-os="mac"] .os-mac,html[data-os="win"] .os-win{display:flex}
html[data-os="mac"] .hw{border-radius:10px!important}
html[data-os="win"] .hw{border-radius:8px!important}

/* Routine switches. */
.sw{background:#44446a!important}
.sw>span{left:3px;background:#a9a9c4;transition:left .15s}
.sw[aria-checked="true"]{background:#f5b942!important}
.sw[aria-checked="true"]>span{left:19px;background:#1f1604}
.rt-row.off .rt-dim{opacity:.55}

/* Download cards: the visitor's system is outlined and goes first. */
.dl-card{border:1px solid #2e2e46;box-shadow:none}
.dl-card.yours{border-color:#f5b942;box-shadow:0 0 0 3px rgba(245,185,66,.10);order:-1}

/* FAQ accordion. */
.faq{border-bottom:1px solid #2e2e46}
.faq>summary{list-style:none}
.faq>summary::-webkit-details-marker{display:none}
.faq .chev{transition:transform .2s}
.faq[open] .chev{transform:rotate(180deg)}