/* GENERATED by web-toolkit/tools/dc-boards/build.mjs - edit boards.config.mjs or the tool, never this file. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#F2EEE3;color:#14130F;-webkit-font-smoothing:antialiased}
.bd main{display:flex;flex-direction:column}
.bd img{max-width:100%}
/* the two compositions: Design's mobile board below 1152px, its desktop board above */
.bd-d{display:none}
.bd-m{max-width:640px;margin:0 auto}
.bd-m>div{width:100%;overflow-x:clip!important} /* !important: the board root sets overflow inline */
@media (min-width:641px){.bd-m>div{border-left:2px solid #14130F;border-right:2px solid #14130F}}
@media (min-width:1152px){.bd-m{display:none}.bd-d{display:block;zoom:.8}}
@media (min-width:1296px){.bd-d{zoom:.9}}
@media (min-width:1440px){.bd-d{zoom:1}}
@media (min-width:1680px){.bd-d{zoom:1.1}}
@media (min-width:1920px){.bd-d{zoom:1.2}}
@media (min-width:2300px){.bd-d{zoom:1.4}}
.bd-d>div{width:100%;overflow-x:clip!important}
/* a press is acknowledged (house craft rule): there is no hover on a phone */
.bd .btn,.bd button,.bd .tab{transition:transform 160ms cubic-bezier(.16,1,.3,1),box-shadow 160ms cubic-bezier(.16,1,.3,1)}
.bd .btn:active,.bd button:active{transform:scale(.97)}
.bd a:focus-visible,.bd button:focus-visible,.bd input:focus-visible{outline:3px solid #1A33C4;outline-offset:2px}
.bd [id]{scroll-margin-top:16px}
/* the mobile drawer */
#m-menu{margin:0;border:0;padding:12px 16px 28px;inset:0;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;background:#14130F;color:#F2EEE3;overflow-y:auto}
#m-menu:not(:popover-open):not(.open){display:none}
#m-menu.open{display:block;position:fixed;z-index:50}
#m-menu a{display:flex;align-items:center;min-height:52px;border-bottom:2px solid #2B2924;color:#F2EEE3;text-decoration:none;font:700 22px 'Golos Text',system-ui,sans-serif}
#m-menu button{display:block;margin:0 0 8px auto;min-height:44px;padding:0 14px;background:#F4BE0B;color:#14130F;border:2px solid #F4BE0B;font:400 13px 'PT Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}

@keyframes pulse{0%{opacity:1}50%{opacity:.35}100%{opacity:1}}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* desktop board */
.bd-d a{color:#1A33C4;text-decoration:none}
.bd-d .mono{font-family:'PT Mono',ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:0.14em;font-size:11px;line-height:1.4}
.bd-d .mono-md{font-family:'PT Mono',ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:0.14em;font-size:13px;line-height:1.4}
.bd-d .ui{font-family:'Golos Text',system-ui,sans-serif}
.bd-d .serif{font-family:'PT Serif',Georgia,serif}
.bd-d .display{font-family:'Prata','Times New Roman',serif;font-weight:400;letter-spacing:-0.035em;line-height:0.92}
.bd-d .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Golos Text',system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1;padding:0 22px;height:52px;border:2px solid #14130F;box-sizing:border-box;text-decoration:none;color:#14130F;background:#FBFAF5}
.bd-d .btn-ink{background:#14130F;color:#F2EEE3}
.bd-d .btn-door{background:#F4BE0B;color:#14130F}
.bd-d .tab{display:flex;align-items:center;height:64px;padding:0 26px;border-right:2px solid #14130F;font-family:'Golos Text',system-ui,sans-serif;font-weight:700;font-size:17px;color:#14130F;background:#F2EEE3;text-decoration:none;white-space:nowrap}
.bd-d .tab-on{background:#14130F;color:#F2EEE3}
.bd-d .rule{border-top:2px solid #14130F}
.bd-d .card{border:2px solid #14130F;background:#FBFAF5;box-sizing:border-box}
.bd-d .black{background:#14130F;color:#F2EEE3;border:3px solid #DA1F12;box-sizing:border-box}
.bd-d .num{font-family:'Prata',serif;color:#F4BE0B;letter-spacing:-0.035em;line-height:0.9}
.bd-d .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#DA1F12;animation:pulse 1.6s cubic-bezier(.16,1,.3,1) infinite}
.bd-d .marq{display:flex;gap:0;white-space:nowrap;animation:marq 38s linear infinite}
@media (prefers-reduced-motion:reduce){.bd-d .dot,.bd-d .marq{animation:none}}
@media (hover:hover) and (pointer:fine){
.bd-d a:hover{color:#122593;text-decoration:underline}
.bd-d .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #14130F;color:#14130F;text-decoration:none}
.bd-d .btn-ink:hover{color:#F2EEE3;box-shadow:5px 5px 0 #DA1F12}
.bd-d .tab:hover{color:#14130F;text-decoration:none;background:#E5DECE}
.bd-d .tab-on:hover{background:#14130F;color:#F2EEE3}
}
/* mobile board */
.bd-m a{color:#1A33C4;text-decoration:none}
.bd-m .mono{font-family:'PT Mono',ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:0.14em;font-size:11px;line-height:1.4}
.bd-m .mono-md{font-family:'PT Mono',ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:0.14em;font-size:13px;line-height:1.4}
.bd-m .ui{font-family:'Golos Text',system-ui,sans-serif}
.bd-m .serif{font-family:'PT Serif',Georgia,serif}
.bd-m .display{font-family:'Prata','Times New Roman',serif;font-weight:400;letter-spacing:-0.035em;line-height:0.92}
.bd-m .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Golos Text',system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1;padding:0 22px;height:52px;border:2px solid #14130F;box-sizing:border-box;text-decoration:none;color:#14130F;background:#FBFAF5}
.bd-m .btn-ink{background:#14130F;color:#F2EEE3}
.bd-m .btn-door{background:#F4BE0B;color:#14130F}
.bd-m .tab{display:flex;align-items:center;height:64px;padding:0 26px;border-right:2px solid #14130F;font-family:'Golos Text',system-ui,sans-serif;font-weight:700;font-size:17px;color:#14130F;background:#F2EEE3;text-decoration:none;white-space:nowrap}
.bd-m .tab-on{background:#14130F;color:#F2EEE3}
.bd-m .rule{border-top:2px solid #14130F}
.bd-m .card{border:2px solid #14130F;background:#FBFAF5;box-sizing:border-box}
.bd-m .black{background:#14130F;color:#F2EEE3;border:3px solid #DA1F12;box-sizing:border-box}
.bd-m .num{font-family:'Prata',serif;color:#F4BE0B;letter-spacing:-0.035em;line-height:0.9}
.bd-m .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#DA1F12;animation:pulse 1.6s cubic-bezier(.16,1,.3,1) infinite}
.bd-m .marq{display:flex;gap:0;white-space:nowrap;animation:marq 38s linear infinite}
@media (prefers-reduced-motion:reduce){.bd-m .dot,.bd-m .marq{animation:none}}
@media (hover:hover) and (pointer:fine){
.bd-m a:hover{color:#122593;text-decoration:underline}
.bd-m .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #14130F;color:#14130F;text-decoration:none}
.bd-m .btn-ink:hover{color:#F2EEE3;box-shadow:5px 5px 0 #DA1F12}
.bd-m .tab:hover{color:#14130F;text-decoration:none;background:#E5DECE}
.bd-m .tab-on:hover{background:#14130F;color:#F2EEE3}
}
/* Adjustments for boards drawn in the Innov8 / F JS design system, included when boards.config.mjs says
   system: 'innov8'. Each one is a measured consequence of the port, not a restyle. */

/* Prata runs wider than the Libre Caslon Display the boards were drawn in. In the mobile two-up stat cards a long
   value ("3.5M+", "Online", "Daily") left its card below ~400px (measured 18 Sep 2026: "Online" 143px in a 133px
   box at 390). !important because the size is inline on the span. */
.bd-m .black>.num[style*="font-size:56px"]{font-size:clamp(30px,10.5vw,50px)!important}

/* The mobile footer sets the Innov8 Global Labs lockup - dark lettering - straight onto ink, where only the gold 8
   survives. It gets the paper chip the desktop footer gives it for free. */
.bd-m footer img[alt="Innov8 Global Labs"]{background:#F2EEE3;padding:6px 8px;box-sizing:content-box}

/* dc-boards motion - start states live ONLY under html.m-on, which motion.js sets. No script, no start state. */
.m-on [data-fx]{transition-property:transform,opacity,clip-path;transition-delay:var(--d,0ms)}
.m-on [data-fx="rise"]{transition-duration:650ms;transition-timing-function:cubic-bezier(.16,1,.3,1);clip-path:inset(-12% -6% -24% -6%)}
.m-on [data-fx="rise"]:not(.in){opacity:0;transform:translateY(.42em);clip-path:inset(-12% -6% 100% -6%)}
.m-on [data-fx="develop"]{transition-duration:800ms;transition-timing-function:cubic-bezier(.16,1,.3,1);clip-path:inset(0)}
.m-on [data-fx="develop"]:not(.in){transform:scale(1.08);clip-path:inset(0 100% 0 0)}
.m-on [data-fx="stamp"]{transition-duration:420ms;transition-timing-function:cubic-bezier(.2,1.5,.4,1)}
.m-on [data-fx="stamp"]:not(.in){opacity:0;transform:scale(1.14) rotate(-2.5deg)}
.m-on [data-fx="deal"]{transition-duration:520ms;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.m-on [data-fx="deal"]:not(.in){opacity:0;transform:translateY(32px) rotate(var(--r,1.2deg))}
.m-on [data-fx="draw"]{transition-duration:360ms;transition-timing-function:cubic-bezier(.16,1,.3,1);transform-origin:left center}
.m-on [data-fx="draw"]:not(.in){opacity:0;transform:scaleX(0)}
.m-on [data-fx="follow"]{transition-duration:420ms;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.m-on [data-fx="follow"]:not(.in){opacity:0;transform:translateY(10px)}
/* groups: the parent is observed, the children move */
.m-on [data-fx="tick"]{transform-origin:center bottom;transition-duration:320ms;transition-timing-function:cubic-bezier(.2,1.5,.4,1)}
.m-on [data-fxgroup]:not(.in)>[data-fx="tick"]{transform:scaleY(0)}
.m-on [data-fx="letter"]{transition-duration:460ms;transition-timing-function:cubic-bezier(.2,1.4,.4,1)}
.m-on [data-fxgroup]:not(.in)>[data-fx="letter"]{opacity:0;transform:translateY(.5em) rotate(6deg)}
/* Techstars: the row being read, and the playhead that follows it across the 54 hours */
.m-on [data-row]{transition:opacity 240ms cubic-bezier(.16,1,.3,1),transform 240ms cubic-bezier(.16,1,.3,1)}
.m-on .m-live [data-row]:not(.now){opacity:.62}
.m-on .m-live [data-row].now{transform:translateX(10px)}
.m-playhead{display:none}
.m-on .m-playhead{display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;transform:translateX(calc(var(--p,0)*100%));transition:transform 520ms cubic-bezier(.16,1,.3,1),opacity 240ms;opacity:0}
.m-on .m-live .m-playhead{opacity:1}
.m-on .m-playhead::before{content:"";position:absolute;left:-1px;bottom:0;width:4px;height:46px;background:#DA1F12}
.m-on .m-playhead::after{content:attr(data-t);position:absolute;left:8px;bottom:36px;font:400 11px 'PT Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#F2EEE3;background:#DA1F12;padding:3px 6px;white-space:nowrap}
@media print{.m-on [data-fx],.m-on [data-fxgroup]>[data-fx]{opacity:1!important;transform:none!important;clip-path:none!important}}