/* BeginThings glass cube (bt-glass-cube-r1): dark = Sourav's "Daylight Glass", light = "Daylight Glass Light"; theme via html[data-bt-theme]. */
.btc{--size:340px;--half:170px;--perspective:1100px;width:100%;position:relative;box-sizing:border-box;color:#d4d9e2;background:transparent;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.btc *,.btc *:before,.btc *:after{box-sizing:border-box}
.btc,.btc *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.btc .btc-surface{touch-action:none}
.btc.btc-is-dragging .btc-scene,.btc.btc-is-dragging .btc-surface{cursor:grabbing}
.btc .btc-scene{position:relative;width:100%;height:100svh;min-height:420px;overflow:hidden;isolation:isolate;touch-action:pan-y;cursor:grab;background:transparent}
.btc .btc-scene:active{cursor:grabbing}
.btc .btc-optics{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.btc .btc-world{position:absolute;inset:0;perspective:var(--perspective);perspective-origin:50% 50%;z-index:3;pointer-events:none}
.btc .btc-assembly{position:absolute;width:var(--size);height:var(--size);left:50%;top:50%;margin-left:calc(var(--half)*-1);margin-top:calc(var(--half)*-1);transform-style:preserve-3d;will-change:transform}
.btc .btc-fold-frame,.btc .btc-hinge{position:absolute;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.btc .btc-fold-frame{left:0;top:0}
.btc .btc-h-right,.btc .btc-h-back{left:100%;top:0;transform-origin:0 50%}
.btc .btc-h-left{left:-100%;top:0;transform-origin:100% 50%}
.btc .btc-h-top{left:0;top:-100%;transform-origin:50% 100%}
.btc .btc-h-bottom{left:0;top:100%;transform-origin:50% 0}
.btc .btc-surface{position:absolute;inset:0;border:1px solid transparent;border-radius:4px;background:transparent;box-shadow:none;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:auto;color:#d4d9e2}
.btc .btc-surface:before,.btc .btc-surface:after{display:none}
.btc .btc-face-copy{position:absolute;inset:calc(var(--size)*.085);display:flex;flex-direction:column;text-align:left;pointer-events:none;transform:translateZ(2px);backface-visibility:hidden;z-index:2}
.btc .btc-face-copy,.btc .btc-face-copy *{color:#d4d9e2;-webkit-text-fill-color:currentColor;opacity:1;mix-blend-mode:normal;background:none;text-shadow:none;filter:none}
.btc .btc-face-copy p,.btc .btc-face-kicker,.btc .btc-face-kicker span,.btc .btc-face-footer{color:#bdc6d2}
/* Opaque neutral ink: irregular fine texture, with no holes, blur, or dot grid. */
.btc .btc-face-copy .btc-h,.btc .btc-face-copy p,.btc .btc-face-kicker span,.btc .btc-face-footer{color:#c7cfd9;--ink-dim:0}
.btc .btc-face-copy p,.btc .btc-face-kicker span,.btc .btc-face-footer{--ink-dim:.045}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .btc .btc-face-copy .btc-h,.btc .btc-face-copy p,.btc .btc-face-kicker span,.btc .btc-face-footer{
  background-color:#c7cfd9;
  background-image:linear-gradient(rgb(12 18 24 / var(--ink-dim)),rgb(12 18 24 / var(--ink-dim))),linear-gradient(118deg,rgb(231 229 219 / var(--ink-sheen,.035)),rgb(112 139 159 / .025) 58%,rgb(212 222 231 / .025)),var(--ink-grain,linear-gradient(#c7cfd9,#c7cfd9));
  background-size:100% 100%,100% 100%,64px 64px;background-repeat:no-repeat,no-repeat,repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 }
}
.btc .btc-face-kicker{display:flex;justify-content:space-between;align-items:center;padding-bottom:calc(var(--size)*.035);border-bottom:1px solid #bdc6d236;font-size:clamp(9px,calc(var(--size)*.032),12px);font-weight:500;letter-spacing:1px;flex:none}
.btc .btc-face-copy .btc-h{font-size:clamp(13px,calc(var(--size)*.12),44px);line-height:1.1;letter-spacing:-.025em;font-weight:500;margin:calc(var(--size)*.065) 0 calc(var(--size)*.04);font-family:inherit}
.btc .btc-face-copy p{font-size:clamp(11px,calc(var(--size)*.043),16px);line-height:1.45;letter-spacing:-.2px;font-weight:400;margin:0}
.btc .btc-face-footer{margin-top:auto;border-top:1px solid #bdc6d230;padding-top:calc(var(--size)*.035);font-size:clamp(8px,calc(var(--size)*.028),10px);font-weight:500;letter-spacing:.8px;min-height:calc(var(--size)*.085)}
.btc .btc-front .btc-face-footer{padding-right:70px}
.btc .btc-face-controls{position:absolute;right:calc(var(--size)*.035);bottom:calc(var(--size)*.035);z-index:4;display:flex;gap:2px;transform:translateZ(3px);backface-visibility:hidden}
.btc .btc-face-controls button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:4px;background:#6b7ddb0b;border:1px solid #cfc4ad2b;color:#d4d9e2;padding:0;cursor:inherit;pointer-events:auto}
.btc .btc-face-controls button:hover{background:#a3b1ff20}
.btc .btc-face-controls svg{width:16px;height:16px;display:block}
.btc.btc-no-webgl .btc-surface{border-color:#d6cbb742;background:linear-gradient(130deg,#ead7ad18,#8b98ad0b 55%,#adc2d814);box-shadow:inset 1px 1px 1px #e2d7bf5a,inset -1px -1px 1px #7d8ea744}
.btc.btc-no-webgl .btc-surface:before{content:"";display:block;position:absolute;inset:3px;border:1px solid #e8dabf12;border-radius:2px;pointer-events:none}
.btc.btc-compact .btc-face-copy{inset:8px}
.btc.btc-compact .btc-face-copy p,.btc.btc-compact .btc-face-footer{display:none}
.btc.btc-compact .btc-face-kicker{font-size:9px;letter-spacing:.4px;padding-bottom:5px}
.btc.btc-compact .btc-face-copy .btc-h{font-size:clamp(12px,calc(var(--size)*.135),18px);margin:10px 0 0;letter-spacing:-.3px}
.btc.btc-compact .btc-face-controls{inset:0;transform:translateZ(3px);display:block}
.btc.btc-compact .btc-face-controls .btc-motion{display:none}
.btc.btc-compact .btc-face-controls .btc-fold-toggle{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent}
.btc.btc-compact .btc-face-controls .btc-fold-toggle svg{display:none}
@media(pointer:coarse){.btc:not(.btc-compact) .btc-face-controls button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.btc *{transition:none!important}}

.btc.btc-is-open .btc-scene{cursor:default}

/* WebGL owns the optical silhouette; CSS edges exist only in the fallback. */
.btc .btc-face-kicker{font-family:inherit;letter-spacing:1px}
.btc .btc-fallback-floor{display:none;position:absolute;left:50%;top:var(--floor-y,78%);width:var(--floor-width,420px);height:90px;transform:translate(-50%,-50%) rotate(-5deg);pointer-events:none;opacity:var(--floor-strength,1);z-index:1;background:radial-gradient(ellipse,#000000a1,transparent 65%)}
.btc.btc-no-webgl .btc-fallback-floor{display:block}
.btc .btc-fallback-floor:after{content:"";position:absolute;inset:25% 12%;background:radial-gradient(ellipse at 30% 50%,#dbc08e26,transparent 60%),radial-gradient(ellipse at 70% 50%,#a9bedb18,transparent 60%);filter:blur(10px)}

/* ---- light theme ---- */
:root[data-bt-theme="light"] .btc{--size:340px;--half:170px;--perspective:1100px;width:100%;position:relative;box-sizing:border-box;color:#41484f;background:transparent;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-bt-theme="light"] .btc .btc-surface{position:absolute;inset:0;border:1px solid transparent;border-radius:4px;background:transparent;box-shadow:none;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:auto;color:#41484f}
:root[data-bt-theme="light"] .btc .btc-face-copy,:root[data-bt-theme="light"] .btc .btc-face-copy *{color:#41484f;-webkit-text-fill-color:currentColor;opacity:1;mix-blend-mode:normal;background:none;text-shadow:none;filter:none}
:root[data-bt-theme="light"] .btc .btc-face-copy p,:root[data-bt-theme="light"] .btc .btc-face-kicker,:root[data-bt-theme="light"] .btc .btc-face-kicker span,:root[data-bt-theme="light"] .btc .btc-face-footer{color:#5b636c}
:root[data-bt-theme="light"] .btc .btc-face-copy .btc-h,:root[data-bt-theme="light"] .btc .btc-face-copy p,:root[data-bt-theme="light"] .btc .btc-face-kicker span,:root[data-bt-theme="light"] .btc .btc-face-footer{color:#41484f;--ink-dim:0}
:root[data-bt-theme="light"] .btc .btc-face-copy p,:root[data-bt-theme="light"] .btc .btc-face-kicker span,:root[data-bt-theme="light"] .btc .btc-face-footer{--ink-dim:.09}
:root[data-bt-theme="light"] .btc .btc-face-kicker{display:flex;justify-content:space-between;align-items:center;padding-bottom:calc(var(--size)*.035);border-bottom:1px solid #5b636c36;font-size:clamp(9px,calc(var(--size)*.032),12px);font-weight:500;letter-spacing:1px;flex:none}
:root[data-bt-theme="light"] .btc .btc-face-footer{margin-top:auto;border-top:1px solid #5b636c30;padding-top:calc(var(--size)*.035);font-size:clamp(8px,calc(var(--size)*.028),10px);font-weight:500;letter-spacing:.8px;min-height:calc(var(--size)*.085)}
:root[data-bt-theme="light"] .btc .btc-face-controls button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:4px;background:#7d6b4e07;border:1px solid #7b71672b;color:#41484f;padding:0;cursor:inherit;pointer-events:auto}
:root[data-bt-theme="light"] .btc .btc-face-controls button:hover{background:#9f8b6e16}
:root[data-bt-theme="light"] .btc.btc-no-webgl .btc-surface{border-color:#a7998942;background:linear-gradient(135deg,#f4e5ce8a,#dae5eb55 55%,#f7f0e66b);box-shadow:inset 1px 1px 1px #ffffffcc,inset -1px -1px 1px #7d8a962e}
:root[data-bt-theme="light"] .btc.btc-no-webgl .btc-surface:before{content:"";display:block;position:absolute;inset:3px;border:1px solid #ffffff48;border-radius:2px;pointer-events:none}
:root[data-bt-theme="light"] .btc .btc-fallback-floor{background:radial-gradient(ellipse,#5d504938,transparent 65%)}
:root[data-bt-theme="light"] .btc .btc-fallback-floor:after{content:"";position:absolute;inset:25% 12%;background:radial-gradient(ellipse at 30% 50%,#c4a36a1c,transparent 60%),radial-gradient(ellipse at 70% 50%,#9caebe13,transparent 60%);filter:blur(10px)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){:root[data-bt-theme="light"] .btc .btc-face-copy .btc-h,:root[data-bt-theme="light"] .btc .btc-face-copy p,:root[data-bt-theme="light"] .btc .btc-face-kicker span,:root[data-bt-theme="light"] .btc .btc-face-footer{background-color:#41484f;background-image:linear-gradient(rgb(245 244 240 / var(--ink-dim)),rgb(245 244 240 / var(--ink-dim))),linear-gradient(118deg,rgb(231 229 219 / var(--ink-sheen,.035)),rgb(112 139 159 / .025) 58%,rgb(212 222 231 / .025)),var(--ink-grain,linear-gradient(#41484f,#41484f));background-size:100% 100%,100% 100%,64px 64px;background-repeat:no-repeat,no-repeat,repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}}

/* ---- embedding (BeginThings) ---- */
.btc{height:100%;container-type:size}
.btc .btc-scene{height:100%;min-height:0;--size:min(400px,64cqw,58cqh);--half:calc(var(--size)/2)}
.btc .btc-surface{touch-action:pan-y}
.btc .btc-h{display:block}
/* Closed pose for first paint (before the script runs), identical to the script's start pose. */
.btc .btc-assembly{transform:rotateZ(-3deg) rotateX(-22deg) rotateY(-28deg)}
.btc .btc-fold-frame{transform:translateZ(var(--half))}
.btc .btc-h-right,.btc .btc-h-back{transform:rotateY(90deg)}
.btc .btc-h-left{transform:rotateY(-90deg)}
.btc .btc-h-top{transform:rotateX(90deg)}
.btc .btc-h-bottom{transform:rotateX(-90deg)}
.btc .btc-face-controls button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Floor shadow (fallback): positioned by transform only, so its per-frame updates are not layout shifts. */
.btc .btc-fallback-floor{top:50%;width:calc(var(--size)*2.2);transform:translate(-50%,-50%) translateY(var(--floor-dy,calc(var(--size)*.72 + 8px))) rotate(-5deg) scale(var(--floor-k,1),1)}
/* Homepage hero (#hero-scene): cube host + floating tool tiles. */
#hero-scene .btc-host{position:absolute;inset:40px 0 52px 0}
#hero-scene .hc-floats{position:absolute;inset:0;pointer-events:none;transition:opacity .35s ease}
#hero-scene:has(.btc-is-open) .hc-floats{opacity:0}
#hero-scene .hc-float{position:absolute;left:min(var(--x),calc(100% - 66px));top:var(--y);width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#1a1f2bd9;border:1px solid #ffffff1f;box-shadow:0 10px 26px #0007;color:#e6eaf3;rotate:var(--r,0deg);animation:hc-bob var(--t,7s) ease-in-out var(--d,0s) infinite}
#hero-scene .hc-float svg{width:31px;height:31px;display:block}
@keyframes hc-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
:root[data-bt-theme="light"] #hero-scene .hc-float{background:#ffffffe0;border-color:#1b23361c;box-shadow:0 10px 24px #2a33501f;color:#1c2333}
.no-motion #hero-scene .hc-float{animation:none}
@media(prefers-reduced-motion:reduce){#hero-scene .hc-float{animation:none}}
#hero-scene .hc-doc{--x:6%;--y:38%;--r:-8deg;--t:7.4s}
#hero-scene .hc-sheet{--x:86%;--y:20%;--r:7deg;--t:8.2s;--d:-2.1s}
#hero-scene .hc-pdf{--x:89%;--y:55%;--r:-6deg;--t:6.8s;--d:-4.3s}
#hero-scene .hc-qr{--x:4%;--y:64%;--r:6deg;--t:7.9s;--d:-1.2s}
#hero-scene .hc-img{--x:76%;--y:75%;--r:10deg;--t:8.6s;--d:-5.2s}
#hero-scene .hc-slides{--x:17%;--y:76%;--r:-10deg;--t:7.1s;--d:-3.4s}
@media(max-width:600px){
 #hero-scene .btc-host{inset:84px 0 44px 0}
 #hero-scene .hc-float{width:46px;height:46px;border-radius:13px;left:min(var(--x),calc(100% - 50px))}
 #hero-scene .hc-float svg{width:24px;height:24px}
 #hero-scene .hc-img,#hero-scene .hc-slides{display:none}
 #hero-scene .hc-doc{--x:1%;--y:37%}
 #hero-scene .hc-sheet{--x:88%;--y:31%}
 #hero-scene .hc-pdf{--x:89%;--y:58%}
 #hero-scene .hc-qr{--x:2%;--y:62%}
}
/* BeginRooms landing (.room-mid): the empty .c3 keeps the old cube's footprint, so the hero layout is unchanged. */
.room-mid .btc-slot{visibility:hidden;pointer-events:none}
.room-mid .btc-host{position:absolute;inset:-48px 0;z-index:1}
/* r2 label: keep "INTERACTIVE PROJECT CONCEPT" clear of the pause button (desktop + tablet) */
@media(min-width:601px){#hero-scene .scene-preview-label{top:64px}}
/* r2b phone: cube sits higher (homepage + workspace-3d); copy, CTAs and sections unchanged */
@media(max-width:600px){
 .hero-scene#hero-scene{margin-top:6px}
 #hero-scene .scene-coordinate{top:64px;white-space:nowrap;word-spacing:-.15em;line-height:1.4}
 #hero-scene .scene-coordinate br{display:none}
 #hero-scene .btc-host{inset:56px 0 104px 0}
 .room{min-height:0;padding-top:20px}
 .room-mid{min-height:320px}
 .room-mid .btc-host{inset:-40px 0 -36px 0}
}
/* r2c tiles on the workspace-3d hero (same style as the homepage tool tiles) */
.room .w3-tiles{position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .35s ease}
.room:has(.btc-is-open) .w3-tiles{opacity:0}
.room .w3-tile{position:absolute;left:var(--x);top:var(--y);width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#1a1f2bd9;border:1px solid #ffffff1f;box-shadow:0 10px 26px #0007;color:#e6eaf3;rotate:var(--r,0deg);animation:hc-bob var(--t,7s) ease-in-out var(--d,0s) infinite}
.room .w3-tile svg{width:31px;height:31px;display:block}
@keyframes hc-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
:root[data-bt-theme="light"] .room .w3-tile{background:#ffffffe0;border-color:#1b23361c;box-shadow:0 10px 24px #2a33501f;color:#1c2333}
.no-motion .room .w3-tile{animation:none}
@media(prefers-reduced-motion:reduce){.room .w3-tile{animation:none}}
.room .w3-t1{--x:7%;--y:36%;--r:-8deg;--t:7.4s}
.room .w3-t2{--x:12%;--y:62%;--r:7deg;--t:8.2s;--d:-2.1s}
.room .w3-t3{--x:86%;--y:30%;--r:-6deg;--t:6.8s;--d:-4.3s}
.room .w3-t4{--x:82%;--y:58%;--r:6deg;--t:7.9s;--d:-1.2s}
.room .w3-t5{--x:3%;--y:50%;--r:10deg;--t:8.6s;--d:-5.2s}
.room .w3-t6{--x:90%;--y:46%;--r:-10deg;--t:7.1s;--d:-3.4s}
@media(max-width:1100px){.room .w3-t5,.room .w3-t6{display:none}}
@media(max-width:900px){.room .w3-tiles{display:none}}
/* r2d facefix: face text flush on its own face plane (0.5px inward, identical on all 6 faces); controls 0.5px proud so they stay clickable */
.btc .btc-face-copy{transform:translateZ(-.5px)}
.btc .btc-face-controls,.btc.btc-compact .btc-face-controls{transform:translateZ(.5px)}
/* r3 canvas: Sourav 31 Oct 7:57 PM update. Each opened face shows its own illustrative infinite canvas (doc, sheet, slides, note, reference cards on a dotted board that drifts). Ported from his styles.css; boards sit 0.5px inward like the face text (r2d). */
/* Illustrative board surfaces remain attached to their original glass panes. */
.btc .btc-face-copy{opacity:calc(1 - var(--canvas-reveal,0))}
.btc .btc-canvas-demo{position:absolute;inset:4px;z-index:3;transform:translateZ(-.5px);border-radius:3px;background:#111824e8;color:#c6ced9;opacity:var(--canvas-reveal,0);pointer-events:none;overflow:hidden;backface-visibility:hidden;font-family:inherit;text-align:left}
.btc .btc-canvas-demo *{pointer-events:none;box-sizing:border-box}
.btc .btc-canvas-header{position:absolute;inset:0 0 auto;min-height:19px;height:calc(var(--size)*.115);padding:0 calc(var(--size)*.037);display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid #6b7e942e;background:#17212de8;z-index:3;font-size:clamp(9px,calc(var(--size)*.039),13px);font-weight:500;white-space:nowrap}
.btc .btc-canvas-name span{font-size:.78em;color:#9daabb;font-weight:400}
.btc .btc-canvas-tools{display:flex;gap:3px;align-items:center;font-size:.82em;color:#bac6d3;font-weight:400}
.btc .btc-canvas-tools span{border:1px solid #61748a45;border-radius:3px;padding:2px 3px;background:#273344a6}
.btc .btc-canvas-viewport{position:absolute;inset:max(19px,calc(var(--size)*.115)) 0 max(21px,calc(var(--size)*.085));overflow:hidden;background-image:radial-gradient(circle,#788ba23b .7px,transparent 1px);background-size:calc(var(--size)*.038) calc(var(--size)*.038);background-position:calc(var(--canvas-x,0px)*var(--board-scale,1)) calc(var(--canvas-y,0px)*var(--board-scale,1))}
.btc .btc-canvas-space{position:absolute;left:0;top:0;width:720px;height:600px;transform-origin:0 0;transform:scale(var(--board-scale,1)) translate3d(var(--canvas-x,0px),var(--canvas-y,0px),0);will-change:transform}
.btc .btc-canvas-card{position:absolute;margin:0;border:1px solid #65788b45;border-radius:8px;padding:17px 18px;background:#1c2634f5;color:#bdc8d5;box-shadow:0 5px 16px #00000028;opacity:clamp(0,calc(var(--canvas-reveal,0)*1.6 - .05),1);transform:translateY(calc((1 - var(--canvas-reveal,0))*14px));font-size:14px;line-height:1.45;overflow:hidden}
.btc .btc-canvas-card .btc-cv-h3{font-family:inherit;font-size:18px;font-weight:500;line-height:1.17;letter-spacing:-.35px;margin:7px 0 13px;color:#ced5df}
.btc .btc-canvas-card p{font-family:inherit;font-size:14px;line-height:1.4;color:#abb8c8;font-weight:400;margin:0}
.btc .btc-canvas-card-kind{font-size:10px;letter-spacing:1.15px;font-weight:500;color:#aab8c9;line-height:1.3}
.btc .btc-canvas-doc{left:20px;top:22px;width:218px;min-height:249px}
.btc .btc-canvas-lead{margin-bottom:14px!important;color:#aebbca!important}
.btc .btc-canvas-doc-section{margin:13px 0 0}
.btc .btc-canvas-doc-section strong{display:block;font-size:12px;font-weight:500;line-height:1.4;color:#c1ccd8;margin-bottom:3px}
.btc .btc-canvas-doc-section p{font-size:12px;line-height:1.4}
.btc .btc-canvas-rule{height:3px;width:95%;margin-top:14px;border-radius:3px;background:#8398af38}
.btc .btc-canvas-rule.short{width:60%;margin-top:6px}
.btc .btc-canvas-sheet{left:258px;top:59px;width:254px;padding:16px 15px 12px;opacity:clamp(0,calc(var(--canvas-reveal,0)*1.6 - .13),1)}
.btc .btc-canvas-sheet .btc-canvas-card-kind{color:#a9c4b8}
.btc .btc-canvas-sheet-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.3;text-align:left}
.btc .btc-canvas-sheet-table th,.btc .btc-canvas-sheet-table td{padding:8px 6px;border:1px solid #69857b3f;white-space:nowrap;font-weight:400;overflow:hidden}
.btc .btc-canvas-sheet-table thead th{background:#21352f;color:#a9c1b7;font-size:10px;text-align:center}
.btc .btc-canvas-sheet-table th:first-child{width:22px;background:#1e302c;color:#a4beb2;font-size:10px;text-align:center}
.btc .btc-canvas-sheet-table td:first-of-type{width:90px;color:#bed3c9}
.btc .btc-canvas-sheet-table td{color:#b0c7bd}
.btc .btc-canvas-sheet-footer{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#a6bcaf;margin-top:10px}
.btc .btc-canvas-slides{left:253px;top:289px;width:264px;padding:15px;opacity:clamp(0,calc(var(--canvas-reveal,0)*1.6 - .21),1)}
.btc .btc-canvas-slides .btc-canvas-card-kind{color:#ccb8d7}
.btc .btc-canvas-slides .btc-cv-h3{font-size:16px;margin-bottom:11px}
.btc .btc-canvas-slide{height:133px;position:relative;overflow:hidden;background:linear-gradient(130deg,#333246,#273a3e);border:1px solid #6f78954d;border-radius:4px;padding:15px 13px}
.btc .btc-canvas-slide-eyebrow{display:block;font-size:7px;letter-spacing:1.6px;color:#b1bfd0;margin-bottom:11px}
.btc .btc-canvas-slide strong{display:block;position:relative;z-index:1;max-width:150px;font-size:22px;font-weight:500;line-height:1.06;letter-spacing:-.6px;color:#d0d7df}
.btc .btc-canvas-slide p{position:relative;z-index:1;font-size:9px;line-height:1.3;max-width:155px;margin-top:8px;color:#bac4d0}
.btc .btc-canvas-slide-shape{position:absolute;width:100px;height:100px;border:12px solid #b4a0d62e;border-radius:50%;right:-31px;bottom:-34px;transform:rotate(-20deg)}
.btc .btc-canvas-slide-strip{display:flex;gap:7px;margin-top:9px}
.btc .btc-canvas-slide-strip span{height:24px;flex:1;border:1px solid #6e7f9842;border-radius:3px;background:linear-gradient(135deg,#393246,#263b3e)}
.btc .btc-canvas-note{left:34px;top:303px;width:192px;min-height:148px;background:#39332c;border-color:#a58d6340;transform:translateY(calc((1 - var(--canvas-reveal,0))*14px)) rotate(-2deg);opacity:clamp(0,calc(var(--canvas-reveal,0)*1.6 - .28),1)}
.btc .btc-canvas-note .btc-cv-h3{font-size:19px;line-height:1.15;color:#d5c5aa;letter-spacing:-.4px;margin-top:8px}
.btc .btc-canvas-note p{font-size:12px;line-height:1.4;color:#c4b89f}
.btc .btc-canvas-note-mark{display:block;font-size:9px;color:#b9ac94;margin-top:17px;letter-spacing:.3px}
.btc .btc-canvas-reference{left:538px;top:29px;width:198px;background:#202a36;opacity:clamp(0,calc(var(--canvas-reveal,0)*1.6 - .25),1)}
.btc .btc-canvas-reference .btc-cv-h3{font-size:17px}
.btc .btc-canvas-reference p{font-size:12px}
.btc .btc-canvas-reference-art{position:relative;height:92px;margin:8px 0 13px;background:linear-gradient(145deg,#344c49,#574638);border-radius:4px;overflow:hidden}
.btc .btc-canvas-reference-art span{position:absolute;display:block;width:46px;height:46px;border:6px solid #c3ccd566;transform:rotate(-18deg);left:23px;top:27px}
.btc .btc-canvas-reference-art span:nth-child(2){left:62px;top:10px;border-color:#819b9180}
.btc .btc-canvas-reference-art span:nth-child(3){left:100px;top:31px;border-color:#c4ac856b}
.btc .btc-canvas-moodboard{left:20px;top:24px;width:228px;background:#202935}
.btc .btc-canvas-materials{display:flex;gap:7px;height:94px;margin:10px 0 12px}
.btc .btc-canvas-materials span{display:block;flex:1;border-radius:4px;background:linear-gradient(145deg,#536d64,#263c37)}
.btc .btc-canvas-materials span:nth-child(2){background:repeating-linear-gradient(82deg,#806f5a 0,#948068 1px,#8c785f 3px,#74624e 5px)}
.btc .btc-canvas-materials span:nth-child(3){background:linear-gradient(132deg,#888071,#4e4c45 45%,#a19988 47%,#68645a)}
.btc .btc-canvas-palette{display:flex;gap:6px}
.btc .btc-canvas-palette i{display:block;height:20px;flex:1;border-radius:3px;background:#6f8d7d}
.btc .btc-canvas-palette i:nth-child(2){background:#859b8c}
.btc .btc-canvas-palette i:nth-child(3){background:#a39177}
.btc .btc-canvas-palette i:nth-child(4){background:#c3c1af}
.btc .btc-canvas-connector{position:absolute;left:187px;top:119px;width:123px;height:126px;border:1px solid #7e9b9659;border-left:0;border-radius:0 20px 20px 0}
.btc .btc-connector-two{left:164px;top:239px;width:157px;height:135px;border-color:#9f8ba657;border-radius:0 16px 16px 0}
.btc .btc-canvas-plan .btc-canvas-sheet{left:23px;top:26px}
.btc .btc-canvas-plan .btc-canvas-doc{left:300px;top:43px;width:220px}
.btc .btc-canvas-plan .btc-canvas-note{left:36px;top:287px;width:210px}
.btc .btc-canvas-plan .btc-canvas-slides{left:280px;top:335px}
.btc .btc-canvas-research .btc-canvas-sheet{top:36px;left:266px}
.btc .btc-canvas-research .btc-canvas-note{top:330px;left:49px;background:#263b33;border-color:#6f9b7e42}
.btc .btc-canvas-research .btc-canvas-slides{left:275px;top:294px}
.btc .btc-canvas-design .btc-canvas-doc{left:277px;top:34px}
.btc .btc-canvas-design .btc-canvas-sheet{left:527px;top:269px}
.btc .btc-canvas-design .btc-canvas-slides{left:273px;top:330px}
.btc .btc-canvas-design .btc-canvas-note{left:39px;top:305px}
.btc .btc-canvas-notes .btc-canvas-doc{left:28px;top:31px;width:227px}
.btc .btc-canvas-notes .btc-canvas-sheet{left:282px;top:92px}
.btc .btc-canvas-notes .btc-canvas-note{left:45px;top:319px;background:#303b31;border-color:#899a7342}
.btc .btc-canvas-notes .btc-canvas-slides{left:293px;top:343px}
.btc .btc-canvas-present .btc-canvas-slides{left:22px;top:24px;width:276px}
.btc .btc-canvas-present .btc-canvas-slide{height:156px}
.btc .btc-canvas-present .btc-canvas-doc{left:324px;top:45px;width:220px}
.btc .btc-canvas-present .btc-canvas-sheet{left:310px;top:343px}
.btc .btc-canvas-present .btc-canvas-note{left:45px;top:326px;width:222px}
.btc .btc-canvas-status{position:absolute;inset:auto 0 0;min-height:21px;height:calc(var(--size)*.085);padding:0 calc(var(--size)*.037);display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:clamp(6px,calc(var(--size)*.023),9px);font-weight:400;color:#a6b4c5;border-top:1px solid #7e91a82d;background:#17212ce8;white-space:nowrap;z-index:3}
.btc .btc-front .btc-canvas-status{padding-right:76px}
.btc .btc-front .btc-canvas-status span:last-child{display:none}
.btc .btc-face-controls{z-index:6}
.btc.btc-compact .btc-canvas-tools,.btc.btc-compact .btc-canvas-name span,.btc.btc-compact .btc-canvas-status span{display:none}
.btc.btc-compact .btc-canvas-header{min-height:14px;height:14px;font-size:8px;padding:0 4px}
.btc.btc-compact .btc-canvas-viewport{inset:14px 0 10px}
.btc.btc-compact .btc-canvas-status{height:10px;min-height:10px}
:root[data-bt-theme="light"] .btc .btc-canvas-demo{background:#f6f4efeb;color:#3d4550}
:root[data-bt-theme="light"] .btc .btc-canvas-header,:root[data-bt-theme="light"] .btc .btc-canvas-status{background:#eeebe4f2;border-color:#8a7f6e33;color:#5d6672}
:root[data-bt-theme="light"] .btc .btc-canvas-name span{color:#7a8290}
:root[data-bt-theme="light"] .btc .btc-canvas-tools{color:#5d6672}
:root[data-bt-theme="light"] .btc .btc-canvas-tools span{border-color:#8a91a040;background:#ffffffb8}
:root[data-bt-theme="light"] .btc .btc-canvas-viewport{background-image:radial-gradient(circle,#6c7a8c4d .7px,transparent 1px)}
:root[data-bt-theme="light"] .btc .btc-canvas-card{background:#fffffff7;border-color:#8d96a454;color:#4a5260;box-shadow:0 5px 14px #2a33501c}
:root[data-bt-theme="light"] .btc .btc-canvas-card .btc-cv-h3{color:#2b323c}
:root[data-bt-theme="light"] .btc .btc-canvas-card p{color:#5a6371}
:root[data-bt-theme="light"] .btc .btc-canvas-card-kind{color:#6c7686}
:root[data-bt-theme="light"] .btc .btc-canvas-lead{color:#55606e!important}
:root[data-bt-theme="light"] .btc .btc-canvas-doc-section strong{color:#39414c}
:root[data-bt-theme="light"] .btc .btc-canvas-rule{background:#8a96a840}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet .btc-canvas-card-kind{color:#3f7d63}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table th,:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table td{border-color:#7fa29245}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table thead th{background:#e3efe9;color:#3f6f5c}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table th:first-child{background:#e8f1ec;color:#4a7a66}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table td{color:#44695b}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-table td:first-of-type{color:#2f5c4b}
:root[data-bt-theme="light"] .btc .btc-canvas-sheet-footer{color:#557a6b}
:root[data-bt-theme="light"] .btc .btc-canvas-slides .btc-canvas-card-kind{color:#7a5d91}
:root[data-bt-theme="light"] .btc .btc-canvas-slide{background:linear-gradient(130deg,#ece8f6,#e2eeee);border-color:#8e95b055}
:root[data-bt-theme="light"] .btc .btc-canvas-slide-eyebrow{color:#6d7a8b}
:root[data-bt-theme="light"] .btc .btc-canvas-slide strong{color:#2c333d}
:root[data-bt-theme="light"] .btc .btc-canvas-slide p{color:#55606d}
:root[data-bt-theme="light"] .btc .btc-canvas-slide-shape{border-color:#8e78b838}
:root[data-bt-theme="light"] .btc .btc-canvas-slide-strip span{background:linear-gradient(135deg,#e7e2f2,#dcebeb);border-color:#8f9ab045}
:root[data-bt-theme="light"] .btc .btc-canvas-note{background:#fbf1d9;border-color:#c9a96a5c}
:root[data-bt-theme="light"] .btc .btc-canvas-note .btc-cv-h3{color:#5b4521}
:root[data-bt-theme="light"] .btc .btc-canvas-note p{color:#6e5a35}
:root[data-bt-theme="light"] .btc .btc-canvas-note-mark{color:#8a7550}
:root[data-bt-theme="light"] .btc .btc-canvas-research .btc-canvas-note{background:#e3f1e8;border-color:#7fae8e5c}
:root[data-bt-theme="light"] .btc .btc-canvas-notes .btc-canvas-note{background:#e9f0e2;border-color:#94a77a5c}
:root[data-bt-theme="light"] .btc .btc-canvas-reference,:root[data-bt-theme="light"] .btc .btc-canvas-moodboard{background:#fbfaf7}
:root[data-bt-theme="light"] .btc .btc-canvas-reference-art{background:linear-gradient(145deg,#cfe1dc,#e9dccb)}
:root[data-bt-theme="light"] .btc .btc-canvas-reference-art span{border-color:#ffffffb0}
:root[data-bt-theme="light"] .btc .btc-canvas-connector{border-color:#7d9a9470}
:root[data-bt-theme="light"] .btc .btc-connector-two{border-color:#9f8ba670}

.btc .btc-cv-h3{display:block}
.btc .btc-canvas-demo p,.btc .btc-canvas-demo table{margin:0}
.btc .btc-canvas-sheet-table th,.btc .btc-canvas-sheet-table td{line-height:1.3;letter-spacing:0;text-transform:none}
/* r3 page fit: while the canvases show, the scene fades out near its top/bottom edge so the close-up never sits under the headline or CTAs */
.btc{--btc-canvas-fade:48px}
.room-mid .btc{--btc-canvas-fade:88px}
.btc.btc-canvas-on .btc-scene{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--btc-canvas-fade),#000 calc(100% - var(--btc-canvas-fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--btc-canvas-fade),#000 calc(100% - var(--btc-canvas-fade)),transparent)}
#hero-scene .scene-coordinate,#hero-scene .scene-preview-label{transition:opacity .35s ease}
#hero-scene:has(.btc-canvas-on) .scene-coordinate,#hero-scene:has(.btc-canvas-on) .scene-preview-label{opacity:0}
/* r3 fold fit (/workspace-3d.html): the page zooms body on wide screens, and CSS zoom also scales 100svh, so the hero ran
   past the fold (1920x1080: to y1252). Divide the viewport height by the same zoom so the whole hero, CTAs included, fits. */
@media(min-width:601px){body.bt-flow-br .room{min-height:max(560px,calc(100svh / var(--btz,1) - var(--stick,133px)))}}
@media(min-width:1640px){body.bt-flow-br .room{--btz:1.08}}
@media(min-width:1800px){body.bt-flow-br .room{--btz:1.16}}
@media(min-width:2100px){body.bt-flow-br .room{--btz:1.3}}
@media(min-width:2400px){body.bt-flow-br .room{--btz:1.42}}
@media(min-width:3000px){body.bt-flow-br .room{--btz:1.7}}
/* r3 perf: boards are not laid out or painted until the canvas reveal starts */
.btc:not(.btc-canvas-on) .btc-canvas-demo{display:none}
@media(prefers-reduced-motion:reduce){.btc .btc-canvas-card{transition:none}}

/* r3b (31 Oct): canvas polish. (1) boards are fully opaque and the printed face copy is hidden while a canvas shows (no ghost text),
   (2) cards re-laid out (board zoom 440->480, or ->540 on cubes under 230px) so every card sits above the canvas footer, (3) the front canvas keeps a clear
   footer zone under the pause/unfold buttons, (4) phone /workspace-3d.html hero is 24px shorter so the consent banner clears the CTAs. */
.btc .btc-canvas-demo{background:#111824}
.btc .btc-canvas-header{background:#17212d}
.btc .btc-canvas-status{background:#17212c}
.btc .btc-face-copy{opacity:clamp(0,calc(1 - var(--canvas-reveal,0)*1.4),1)}
:root[data-bt-theme="light"] .btc .btc-canvas-demo{background:#f6f4ef}
:root[data-bt-theme="light"] .btc .btc-canvas-header,:root[data-bt-theme="light"] .btc .btc-canvas-status{background:#eeebe4}
:root[data-bt-theme="light"] .btc .btc-canvas-card{background:#fff}
:root[data-bt-theme="light"] .btc .btc-canvas-note{background:#fbf1d9}
:root[data-bt-theme="light"] .btc .btc-canvas-research .btc-canvas-note{background:#e3f1e8}
:root[data-bt-theme="light"] .btc .btc-canvas-notes .btc-canvas-note{background:#e9f0e2}
:root[data-bt-theme="light"] .btc .btc-canvas-reference,:root[data-bt-theme="light"] .btc .btc-canvas-moodboard{background:#fbfaf7}
.btc:not(.btc-compact) .btc-front .btc-canvas-viewport{bottom:calc(var(--size)*.035 + 34px)}
.btc:not(.btc-compact) .btc-front .btc-canvas-status{height:calc(var(--size)*.035 + 34px);align-items:center}
/* compact cards */
.btc .btc-canvas-demo .btc-canvas-card{padding:14px 15px}
.btc .btc-canvas-demo .btc-canvas-doc{min-height:0}
.btc .btc-canvas-demo .btc-canvas-rule.short{display:none}
.btc .btc-canvas-demo .btc-canvas-sheet-table th,.btc .btc-canvas-demo .btc-canvas-sheet-table td{padding:4px 6px}
.btc .btc-canvas-demo .btc-canvas-card .btc-cv-h3{margin:5px 0 8px}
.btc .btc-canvas-demo .btc-canvas-sheet-footer{margin-top:7px}
.btc .btc-canvas-demo .btc-canvas-slide,.btc .btc-canvas-present .btc-canvas-demo .btc-canvas-slide{height:84px;padding:10px 12px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-slide{height:112px}
.btc .btc-canvas-demo .btc-canvas-slide-eyebrow{margin-bottom:7px}
.btc .btc-canvas-demo .btc-canvas-slide strong{font-size:19px}
.btc .btc-canvas-demo .btc-canvas-slide-strip{margin-top:7px}
.btc .btc-canvas-demo .btc-canvas-slide-strip span{height:18px}
.btc .btc-canvas-demo .btc-canvas-note{min-height:0;padding:12px 14px}
.btc .btc-canvas-demo .btc-canvas-note .btc-cv-h3{font-size:16px}
.btc .btc-canvas-demo .btc-canvas-note .btc-cv-h3{margin:5px 0 6px}
.btc .btc-canvas-demo .btc-canvas-note-mark{margin-top:6px}
.btc .btc-canvas-demo .btc-canvas-reference-art{height:44px;margin:6px 0 9px}
.btc .btc-canvas-demo .btc-canvas-reference-art span{width:30px;height:30px;border-width:5px;top:6px}
.btc .btc-canvas-demo .btc-canvas-reference-art span:nth-child(2){top:2px}
.btc .btc-canvas-demo .btc-canvas-reference-art span:nth-child(3){top:8px}
.btc .btc-canvas-demo .btc-canvas-materials{height:58px;margin:8px 0 9px}
.btc .btc-canvas-demo .btc-canvas-connector{display:none}
.btc .btc-canvas-demo.btc-canvas-ideas .btc-canvas-doc{left:16px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-ideas .btc-canvas-sheet{left:244px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-ideas .btc-canvas-slides{left:500px;top:14px;width:232px}
.btc .btc-canvas-demo.btc-canvas-ideas .btc-canvas-note{left:748px;top:20px;width:236px}
.btc .btc-canvas-demo.btc-canvas-ideas .btc-canvas-reference{left:1000px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-plan .btc-canvas-sheet{left:16px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-plan .btc-canvas-note{left:16px;top:219px;width:240px}
.btc .btc-canvas-demo.btc-canvas-plan .btc-canvas-doc{left:272px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-plan .btc-canvas-slides{left:500px;top:14px;width:232px}
.btc .btc-canvas-demo.btc-canvas-plan .btc-canvas-reference{left:748px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-research .btc-canvas-doc{left:16px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-research .btc-canvas-sheet{left:244px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-research .btc-canvas-note{left:244px;top:219px;width:240px}
.btc .btc-canvas-demo.btc-canvas-research .btc-canvas-slides{left:500px;top:14px;width:232px}
.btc .btc-canvas-demo.btc-canvas-research .btc-canvas-reference{left:748px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-design .btc-canvas-moodboard{left:16px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-design .btc-canvas-note{left:16px;top:197px;width:212px}
.btc .btc-canvas-demo.btc-canvas-design .btc-canvas-doc{left:244px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-design .btc-canvas-slides{left:472px;top:14px;width:232px}
.btc .btc-canvas-demo.btc-canvas-design .btc-canvas-sheet{left:720px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-notes .btc-canvas-doc{left:16px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-notes .btc-canvas-sheet{left:244px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-notes .btc-canvas-note{left:244px;top:219px;width:240px}
.btc .btc-canvas-demo.btc-canvas-notes .btc-canvas-slides{left:500px;top:14px;width:232px}
.btc .btc-canvas-demo.btc-canvas-notes .btc-canvas-reference{left:748px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-slides{left:16px;top:14px;width:236px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-doc{left:268px;top:14px;width:212px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-sheet{left:496px;top:14px;width:240px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-note{left:496px;top:219px;width:240px}
.btc .btc-canvas-demo.btc-canvas-present .btc-canvas-reference{left:752px;top:14px;width:212px}
@media(max-width:600px){body.bt-flow-br .room{padding-top:12px}body.bt-flow-br .room-mid{min-height:304px}}