:root{--color-bg: #f8fafc;--color-primary: #36509f;--radius-sm: 6px;--transition: .15s ease;--transition-slow: .3s ease}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--color-primary) 8%,var(--color-bg)) 0%,var(--color-bg) 60%);color:var(--color-primary)}.coming-soon{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px;text-align:center}.coming-soon-kicker{margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.coming-soon-hint{margin:0;font-size:.95rem;font-weight:500;letter-spacing:.02em;color:color-mix(in srgb,var(--color-primary) 60%,transparent)}.coming-soon-logo{width:100%}.coming-soon-logo .qb-fold-scene{height:440px}.coming-soon-logo .qb-fold-wrapper{--qb-size: 130px}.coming-soon-logo .qb-fold-caption{font-size:22px}.qb-fold-logo{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.qb-fold-scene{width:100%;height:112px;display:flex;align-items:center;justify-content:center;perspective:900px;touch-action:none;cursor:grab;transform-origin:center top;transform:scale(1);transition:transform var(--transition-slow),height var(--transition-slow)}.qb-fold-scene:active{cursor:grabbing}.qb-fold-wrapper{--qb-size: 44px;--qb-stroke: calc(var(--qb-size) * 3 / 44);--qb-corner: 2px;position:relative;width:var(--qb-size);height:var(--qb-size);transform-style:preserve-3d}.qb-fold-wrapper.smooth-rotate{transition:transform .8s cubic-bezier(.25,1,.5,1)}.qb-fold-face{position:absolute;top:0;left:0;width:var(--qb-size);height:var(--qb-size);box-sizing:border-box;background:color-mix(in srgb,var(--color-primary) 15%,#ffffff);transition:transform .45s cubic-bezier(.3,1.3,.6,1),background-color var(--transition)}.qb-foldable{border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:0}.qb-foldable:hover{background:color-mix(in srgb,var(--color-primary) 24%,#ffffff)}.qb-fold-center{position:relative;display:flex;align-items:center;justify-content:center;border-top:none;border-bottom:none;border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0;cursor:pointer;padding:0;transform:translateZ(.1px)}.qb-fold-center:before,.qb-fold-center:after{content:"";position:absolute;left:0;right:0;height:var(--qb-stroke);background:linear-gradient(90deg,var(--color-primary) 0 26%,transparent 26% 74%,var(--color-primary) 74% 100%);z-index:3;pointer-events:none}.qb-fold-center:before{top:0}.qb-fold-center:after{bottom:0}.qb-fold-center-text{font-size:calc(var(--qb-size) * .5);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-primary)}.qb-fold-top{border-top:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:var(--qb-corner) var(--qb-corner) 0 0;transform-origin:bottom;transform:translateY(calc(var(--qb-size) * -1)) rotateX(0)}.qb-fold-right{border-top:var(--qb-stroke) solid var(--color-primary);border-bottom:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0 var(--qb-corner) var(--qb-corner) 0;transform-origin:left;transform:translate(var(--qb-size)) rotateY(0)}.qb-fold-bottom{border-bottom:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0 0 var(--qb-corner) var(--qb-corner);transform-origin:top;transform:translateY(var(--qb-size)) rotateX(0)}.qb-fold-left{border-top:var(--qb-stroke) solid var(--color-primary);border-bottom:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-radius:var(--qb-corner) 0 0 var(--qb-corner);transform-origin:right;transform:translate(calc(var(--qb-size) * -1)) rotateY(0)}.qb-fold-top.folded{transform:translateY(calc(var(--qb-size) * -1)) rotateX(-90deg)}.qb-fold-right.folded{transform:translate(var(--qb-size)) rotateY(-90deg)}.qb-fold-bottom.folded{transform:translateY(var(--qb-size)) rotateX(90deg)}.qb-fold-left.folded{transform:translate(calc(var(--qb-size) * -1)) rotateY(90deg)}.qb-fold-caption{margin-top:2px;font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--color-primary);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.qb-fold-caption.visible{opacity:1;transform:translateY(0)}.is-montage .qb-fold-center{animation:qb-montage-center .62s cubic-bezier(.2,.8,.25,1) both}.is-montage .qb-fold-top{animation:qb-montage-top .62s cubic-bezier(.2,.8,.25,1) 70ms both}.is-montage .qb-fold-right{animation:qb-montage-right .62s cubic-bezier(.2,.8,.25,1) .14s both}.is-montage .qb-fold-bottom{animation:qb-montage-bottom .62s cubic-bezier(.2,.8,.25,1) .21s both}.is-montage .qb-fold-left{animation:qb-montage-left .62s cubic-bezier(.2,.8,.25,1) .28s both}@keyframes qb-montage-center{0%{opacity:0;transform:scale(.3) translateZ(.1px)}to{opacity:1;transform:scale(1) translateZ(.1px)}}@keyframes qb-montage-top{0%{opacity:0;transform:translateY(calc(var(--qb-size) * -2)) rotateX(0)}to{opacity:1;transform:translateY(calc(var(--qb-size) * -1)) rotateX(0)}}@keyframes qb-montage-right{0%{opacity:0;transform:translate(calc(var(--qb-size) * 2)) rotateY(0)}to{opacity:1;transform:translate(var(--qb-size)) rotateY(0)}}@keyframes qb-montage-bottom{0%{opacity:0;transform:translateY(calc(var(--qb-size) * 2)) rotateX(0)}to{opacity:1;transform:translateY(var(--qb-size)) rotateX(0)}}@keyframes qb-montage-left{0%{opacity:0;transform:translate(calc(var(--qb-size) * -2)) rotateY(0)}to{opacity:1;transform:translate(calc(var(--qb-size) * -1)) rotateY(0)}}.is-poweron .qb-fold-center-text{animation:qb-flicker .75s steps(1,end) both}.is-poweron .qb-fold-face{animation:qb-poweron-glow .75s ease-out both}@keyframes qb-flicker{0%{opacity:.15}8%{opacity:1}12%{opacity:.25}20%{opacity:1}28%{opacity:.5}36%{opacity:1}46%{opacity:.75}to{opacity:1}}@keyframes qb-poweron-glow{0%{filter:brightness(1.7) drop-shadow(0 0 0 transparent)}30%{filter:brightness(1.2) drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary) 70%,#7ddfff))}to{filter:none}}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-face{animation:qb-edge-glow 1.8s ease-in-out infinite}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-center{animation-delay:.08s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-top{animation-delay:0s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-right{animation-delay:.15s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-bottom{animation-delay:.3s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-left{animation-delay:.45s}@keyframes qb-edge-glow{0%,to{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--color-primary) 30%,transparent))}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--color-primary) 65%,#7ddfff))}}@media (prefers-reduced-motion: reduce){.is-montage .qb-fold-face,.is-montage .qb-fold-center,.is-poweron .qb-fold-center-text,.is-poweron .qb-fold-face,.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-face{animation:none}}