.frenzo-way{--fw-x:70%;--fw-y:30%;isolation:isolate;box-shadow:0 30px 70px -35px oklab(15% -.00314017 -.0599178/.7)}.frenzo-way-spotlight{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--fw-x) var(--fw-y), color-mix(in oklab, var(--brand) 22%, transparent), transparent 62%);transition:opacity .5s;position:absolute;inset:0}.frenzo-way:hover .frenzo-way-spotlight,.frenzo-way:focus-within .frenzo-way-spotlight{opacity:1}.frenzo-way-grid{z-index:0;pointer-events:none;opacity:.45;background-image:linear-gradient(to right, color-mix(in oklab, var(--primary-foreground) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--primary-foreground) 7%, transparent) 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 80% at 50% 40%,#000,#0000 78%);mask-image:radial-gradient(75% 80% at 50% 40%,#000,#0000 78%)}.frenzo-way-sheen{z-index:0;pointer-events:none;background:linear-gradient(100deg, transparent, color-mix(in oklab, var(--brand) 10%, transparent), transparent);width:45%;animation:9s ease-in-out infinite fw-sheen;position:absolute;top:0;bottom:0}@keyframes fw-sheen{0%{transform:translate(-120%)}55%,to{transform:translate(260%)}}.frenzo-way-dot{background:var(--brand);border-radius:999px;width:6px;height:6px;animation:2.2s ease-in-out infinite fw-dot}@keyframes fw-dot{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--brand) 55%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab, var(--brand) 0%, transparent)}}.fw-detail{animation:.5s cubic-bezier(.22,1,.36,1) both fw-detail-in}@keyframes fw-detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fw-detail-icon{width:44px;height:44px;color:var(--brand);background:color-mix(in oklab, var(--brand) 16%, transparent);border:1px solid color-mix(in oklab, var(--brand) 35%, transparent);box-shadow:0 0 26px -8px color-mix(in oklab, var(--brand) 55%, transparent);border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fw-tile{text-align:left;color:var(--primary-foreground);border:1px solid color-mix(in oklab, var(--primary-foreground) 12%, transparent);background:color-mix(in oklab, var(--primary-foreground) 6%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:14px;align-items:center;gap:.7rem;padding:.72rem .85rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.fw-tile:hover{background:color-mix(in oklab, var(--primary-foreground) 11%, transparent);border-color:color-mix(in oklab, var(--brand) 42%, transparent);transform:translateY(-3px)}.fw-tile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.fw-tile[data-active=true]{background:color-mix(in oklab, var(--brand) 15%, transparent);border-color:color-mix(in oklab, var(--brand) 55%, transparent);box-shadow:0 16px 34px -20px oklab(12% -.00261681 -.0499315/.8), 0 0 34px -14px color-mix(in oklab, var(--brand) 65%, transparent);transform:translateY(-3px)}.fw-tile-icon{width:32px;height:32px;color:var(--brand);background:color-mix(in oklab, var(--primary-foreground) 10%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s;display:inline-flex}.fw-tile:hover .fw-tile-icon,.fw-tile[data-active=true] .fw-tile-icon{color:color-mix(in oklab, var(--brand) 70%, white);background:color-mix(in oklab, var(--brand) 26%, transparent);transform:scale(1.08)rotate(-4deg)}.fw-tile-label{letter-spacing:-.01em;font-size:.855rem;font-weight:600;line-height:1.35}.fw-tile[data-active=true] .fw-tile-label{color:color-mix(in oklab, var(--brand) 30%, white)}.fw-tile-fill{transform-origin:0;background:linear-gradient(90deg, var(--brand), color-mix(in oklab, var(--brand) 25%, white));height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.fw-tile[data-active=true] .fw-tile-fill{animation:3.8s linear both fw-fill}.frenzo-way[data-paused=true] .fw-tile[data-active=true] .fw-tile-fill{animation-play-state:paused}@keyframes fw-fill{to{transform:scaleX(1)}}.fw-pip{background:color-mix(in oklab, var(--primary-foreground) 16%, transparent);border-radius:999px;flex:1;height:3px;position:relative;overflow:hidden}.fw-pip[data-active=true]{background:color-mix(in oklab, var(--brand) 35%, transparent)}.fw-pip[data-active=true]:after{content:"";transform-origin:0;background:var(--brand);position:absolute;inset:0;transform:scaleX(0)}.fw-pip[data-run=true]:after{animation:3.8s linear both fw-fill}.frenzo-way[data-paused=true] .fw-pip[data-run=true]:after{animation-play-state:paused}.fw-tour-btn{color:color-mix(in oklab, var(--primary-foreground) 80%, transparent);border:1px solid color-mix(in oklab, var(--primary-foreground) 18%, transparent);background:color-mix(in oklab, var(--primary-foreground) 6%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .62rem;font-size:.72rem;font-weight:600;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.fw-tour-btn:hover{color:var(--primary-foreground);border-color:color-mix(in oklab, var(--brand) 50%, transparent);background:color-mix(in oklab, var(--brand) 14%, transparent)}.fw-tour-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.fw-robot-row{align-items:center;gap:.9rem;margin-top:1.5rem;display:flex}.fw-robot{filter:drop-shadow(0 16px 24px oklab(12% -.00261681 -.0499315/.55));flex:none;width:92px;animation:5.5s ease-in-out infinite fw-float}.fw-robot svg{width:100%;height:auto;display:block;overflow:visible}.fw-robot-head{transform-box:fill-box;transform-origin:50% 85%;animation:.9s cubic-bezier(.22,1,.36,1) both fw-tilt}.fw-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite fw-blink}.fw-head{fill:color-mix(in oklab, var(--primary-foreground) 94%, var(--brand))}.fw-visor{fill:oklab(12.32% -.00314017 -.0599178)}.fw-eye{fill:var(--brand);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--brand) 70%, transparent))}.fw-mouth{fill:color-mix(in oklab, var(--brand) 55%, var(--primary-foreground));opacity:.85}.fw-ear{fill:color-mix(in oklab, var(--brand) 50%, var(--primary-foreground))}.fw-antenna{stroke:color-mix(in oklab, var(--primary-foreground) 70%, var(--brand));stroke-width:3px;stroke-linecap:round}.fw-antenna-dot{fill:var(--brand);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--brand) 80%, transparent));animation:2.2s ease-in-out infinite fw-pulse}.fw-body{fill:color-mix(in oklab, var(--primary-foreground) 88%, var(--brand))}.fw-chest{fill:var(--brand);filter:drop-shadow(0 0 8px color-mix(in oklab, var(--brand) 80%, transparent));animation:2.2s ease-in-out infinite fw-pulse}.fw-arm{fill:color-mix(in oklab, var(--primary-foreground) 80%, var(--brand))}.fw-arm-wave{transform-box:fill-box;transform-origin:50% 12%;animation:3.4s ease-in-out infinite fw-wave}.fw-speech{background:var(--primary-foreground);color:oklab(13.8% -.00314017 -.0599178);letter-spacing:.03em;text-transform:uppercase;border-radius:12px 12px 12px 3px;padding:.42rem .72rem;font-size:.74rem;font-weight:700;animation:.45s cubic-bezier(.22,1,.36,1) both fw-pop;position:relative;box-shadow:0 12px 24px -14px oklab(12% -.00261681 -.0499315/.8)}.fw-speech:before{content:"";border:6px solid #0000;border-right-color:var(--primary-foreground);border-left-width:0;position:absolute;top:50%;left:-6px;translate:0 -50%}@keyframes fw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fw-blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.12)}96%{transform:scaleY(1)}}@keyframes fw-tilt{0%{transform:rotate(-8deg)scale(.96)}60%{transform:rotate(4deg)}to{transform:rotate(0)scale(1)}}@keyframes fw-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fw-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fw-wave{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}@media (width<=640px){.frenzo-way-grid{background-size:34px 34px}}@media (prefers-reduced-motion:reduce){.frenzo-way-sheen,.frenzo-way-dot,.fw-robot,.fw-eyes,.fw-antenna-dot,.fw-chest,.fw-arm-wave,.fw-robot-head,.fw-speech,.fw-detail{animation:none}.fw-tile,.fw-tile-icon{transition:none}.fw-tile:hover,.fw-tile[data-active=true]{transform:none}.fw-tile[data-active=true] .fw-tile-fill,.fw-pip[data-run=true]:after{animation:none;transform:scaleX(1)}}