/* V3.6 — public experience layers, deliberate non-scientific visual metaphors. */
.bee-experience .page-hero{padding:44px 0 14px}
.bee-experience .page-hero h1{font-size:clamp(42px,5.7vw,72px);max-width:1050px}
.bee-experience .page-hero p{max-width:900px;font-size:clamp(16px,1.85vw,21px)}
.bee-experience .site-shell{max-width:1220px;width:calc(100% - 28px);margin:0 auto 34px;border:1px solid #ad853fd1;border-radius:24px;background:radial-gradient(circle at 50% 0,#0d3a2990,transparent 64%),linear-gradient(135deg,#061e16f2,#00160fec);box-shadow:0 18px 80px #000b,0 0 27px #bd90342e;overflow:hidden}
.bee-experience .wrapper{max-width:1130px;width:calc(100% - 34px)}
.bee-experience .longform{padding-bottom:36px}
.bee-experience .longform article{margin:25px 0;border:1px solid #d1a34a53;padding:clamp(20px,3vw,34px);background:linear-gradient(145deg,#092e21da,#031a12ec);border-radius:24px;overflow:hidden}
.bee-experience .longform h2{font-size:clamp(28px,3.3vw,46px)}
.bee-experience .longform p{max-width:900px}
.bee-experience .concept-note{font-size:12px;color:#c9bf9f;line-height:1.55;letter-spacing:.025em;border-left:2px solid #ca9f48;padding:2px 0 2px 12px;margin-top:18px}
.bee-experience .exper-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}
.bee-experience .exper-actions button{border-radius:999px;border:1px solid #b791508c;background:#09271cbf;color:#f5da99;cursor:pointer;padding:10px 18px;font:750 13px/1.3 Segoe UI,Arial,sans-serif;transition:background .25s,box-shadow .25s}
.bee-experience .exper-actions button[aria-pressed=true],.bee-experience .exper-actions button:hover{background:linear-gradient(110deg,#e6bd60,#ac752a);color:#122115;box-shadow:0 0 23px #efc46b40}
.bee-experience .visual-screen{position:relative;border:1px solid #c9a1538a;border-radius:22px;overflow:hidden;min-height:300px;background:radial-gradient(ellipse at center,#0b392ae8 0,#061e16f0 48%,#02100a 95%);box-shadow:inset 0 0 65px #0009,0 12px 32px #0007}
.bee-experience .visual-screen::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(30deg,#f4cb7344 12%,transparent 12.5%,transparent 87%,#f4cb7344 87.5%),linear-gradient(150deg,#f4cb7344 12%,transparent 12.5%,transparent 87%,#f4cb7344 87.5%);background-size:60px 105px}
.bee-experience .eyebrow{margin-bottom:16px}
.bee-experience .beatime-nodes{position:absolute;inset:10% 4% 8%;z-index:3}
.bee-experience .bt-node{position:absolute;left:var(--xu);top:var(--yu);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #ebd797;background:radial-gradient(circle at 36% 24%,#ffd87c,#a36f22 45%,#15402b 75%,#04180f);color:#fff1c6;font:800 20px Georgia,serif;text-shadow:0 1px 2px #000;box-shadow:0 0 17px #d7aa557c,inset 0 0 8px #000;transition:left 1.2s cubic-bezier(.2,.85,.2,1),top 1.2s cubic-bezier(.2,.85,.2,1),box-shadow 1s}
.bee-experience .bt-node span{position:absolute;white-space:nowrap;top:53px;left:50%;transform:translateX(-50%);color:#dbcba5;font:650 10px Segoe UI,Arial;letter-spacing:.05em}
.bee-experience .visual-screen[data-mode=order] .bt-node{left:var(--xo);top:var(--yo)}
.bee-experience .visual-screen[data-mode=order] .bt-node::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid #eec16a6a;animation:beeBeat 2.7s ease-in-out infinite;animation-delay:calc(var(--n)*.15s)}
@keyframes beeBeat{50%{transform:scale(1.16);opacity:.42}}
.bee-experience .bt-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.bee-experience .bt-lines path{fill:none;stroke:#e8bc66;stroke-width:1.3;stroke-dasharray:5 6;opacity:0;transition:opacity 1.1s}
.bee-experience .visual-screen[data-mode=order] .bt-lines path{opacity:.79}
.bee-experience .visual-hint{position:absolute;top:18px;left:22px;right:22px;z-index:5;font:750 11px Segoe UI,Arial;letter-spacing:.17em;text-transform:uppercase;color:#dec27f}
.bee-experience .visual-status{position:absolute;bottom:16px;left:22px;right:22px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;color:#f2d39a;z-index:5;text-transform:uppercase}
.bee-experience .concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.bee-experience .concept-item{border:1px solid #ae914f70;border-radius:16px;padding:18px;background:#073123b3}
.bee-experience .concept-item strong{display:block;font:800 13px Segoe UI,Arial;color:#edcc82;letter-spacing:.17em;margin-bottom:9px}
.bee-experience .concept-item p{font:14px/1.52 Segoe UI,Arial;color:#d5d0b7;margin:0}
.bee-experience .bridge-stage{position:relative;display:grid;grid-template-columns:1fr 86px 1fr;min-height:336px;align-items:center;isolation:isolate}
.bee-experience .bridge-half{height:100%;position:relative;overflow:hidden;display:grid;place-items:center;transition:filter .7s,opacity .7s,transform .7s}
.bee-experience .bridge-half::before{content:"";position:absolute;inset:0;opacity:.45;background:radial-gradient(circle,#438c6a4d,transparent 72%)}
.bee-experience .bridge-half svg{width:min(100%,320px);height:280px;position:relative;z-index:2;overflow:visible}
.bee-experience .bridge-left svg .wave{fill:none;stroke:#b6ffcc;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:5 9;animation:bridgeDash 8s linear infinite}
.bee-experience .bridge-left svg circle{fill:#e7dc9f;filter:drop-shadow(0 0 4px #d2fbb7)}
.bee-experience .bridge-right svg .geo{fill:none;stroke:#ecc879;stroke-width:1.4;opacity:.68}
.bee-experience .bridge-right svg .orbit{fill:none;stroke:#cfa755;stroke-width:2;stroke-dasharray:3 8;animation:bridgeDash 13s linear infinite}
@keyframes bridgeDash{to{stroke-dashoffset:-270}}
.bee-experience .bridge-center{z-index:4;position:relative;display:grid;place-items:center;width:86px;height:98px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(125deg,#eace83,#8b5b1b 30%,#f6e4a5 55%,#684316);box-shadow:0 0 30px #d5a33b70}
.bee-experience .bridge-center::before{content:"";position:absolute;inset:5px;clip-path:inherit;background:radial-gradient(circle,#17503c,#061a13 65%)}
.bee-experience .bridge-center b{font:800 12px Georgia;color:#ffdfa0;z-index:2}
.bee-experience .bridge-label{position:absolute;bottom:20px;font:750 11px Segoe UI,Arial;text-transform:uppercase;letter-spacing:.16em;color:#e7cd91;text-align:center}
.bee-experience .bridge-stage[data-view=qm] .bridge-right{opacity:.23;filter:blur(2px)}
.bee-experience .bridge-stage[data-view=gr] .bridge-left{opacity:.23;filter:blur(2px)}
.bee-experience .bridge-stage[data-view=both] .bridge-half{opacity:1;filter:none}
.bee-experience .bridge-stage[data-view=both] .bridge-center{animation:bridgeGlow 2.5s ease-in-out infinite alternate}
@keyframes bridgeGlow{to{filter:drop-shadow(0 0 24px #ddc078)}}
.bee-experience .bee-crosslink{display:inline-flex;padding:12px 18px;border-radius:13px;background:linear-gradient(125deg,#d8aa52,#ffecab);color:#152416!important;text-decoration:none;font-weight:800;margin-top:6px}
.bee-experience .bridge-dots{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 51%,#f4e0a7b0 0 1px,transparent 3px),radial-gradient(circle at 40% 50%,#e6b84a8c 0 1px,transparent 3px);background-size:58px 64px,78px 70px;opacity:.22}
@media(max-width:760px){.bee-experience .visual-screen{min-height:265px}.bee-experience .bt-node{width:35px;height:35px;font-size:14px}.bee-experience .bt-node span{top:35px;font-size:9px}.bee-experience .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bee-experience .bridge-stage{grid-template-columns:1fr 54px 1fr;min-height:268px}.bee-experience .bridge-center{width:55px;height:68px}.bee-experience .bridge-center b{font-size:9px}.bee-experience .bridge-half svg{height:215px}.bee-experience .bridge-label{bottom:12px;font-size:9px}.bee-experience .page-hero h1{font-size:clamp(34px,10vw,52px)}.bee-experience .page-hero{padding-top:32px}}
@media(max-width:400px){.bee-experience .concept-grid{grid-template-columns:1fr}.bee-experience .bt-node span{display:none}}
@media(prefers-reduced-motion:reduce){.bee-experience *{animation:none!important;transition:none!important}}