.mascot-preview{color:#162d32;background:#f7f4ed;min-height:100svh;padding:32px clamp(22px,6vw,100px);font-family:Arial,sans-serif;overflow:hidden}.mascot-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.mascot-header a{letter-spacing:-1px;color:inherit;font-size:23px;font-weight:900;text-decoration:none}.mascot-header a span{font-weight:400}.mascot-header>span{letter-spacing:2px;color:#667977;font-size:10px}.mascot-stage{grid-template-columns:1fr 1.15fr;align-items:center;gap:25px;max-width:1400px;min-height:76svh;margin:auto;display:grid}.mascot-eyebrow{letter-spacing:2px;font-weight:700;color:#277b74!important;font-size:11px!important}.mascot-copy h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(38px,4.6vw,72px);line-height:1.08}.mascot-copy h1 em{color:#25877d;font-style:normal}.mascot-copy>p{color:#617470;max-width:440px;font-size:17px;line-height:1.7}.mascot-controls{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.mascot-controls button{color:#fff;cursor:pointer;background:#153e39;border:0;border-radius:30px;padding:16px 22px;font-size:14px}.mascot-controls button span{margin-left:15px}.mascot-controls .mascot-secondary{color:#244d46;background:0 0;border:1px solid #b9ccc5}.mascot-copy .mascot-note{margin-top:22px;font-size:11px}.mascot-scene{isolation:isolate;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.mascot-disc{z-index:-1;aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#def0e2,#cce4d9);border-radius:50%;width:85%;max-width:550px;position:absolute}.mascot-character{z-index:1;cursor:pointer;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;max-width:700px;padding:0;position:relative}.mascot-character img{pointer-events:none;width:100%;height:auto;display:block}.mascot-idle{perspective:1000px;transform-origin:50% 94%;animation:4.5s ease-in-out infinite gecko-idle;display:block}.mascot-react{transform-origin:50% 94%;-webkit-backface-visibility:visible;backface-visibility:visible;animation:2.4s ease-in-out gecko-greet;display:block}.mascot-speech{z-index:3;background:#fff;border-radius:22px 22px 22px 5px;max-width:260px;padding:16px 22px;font-size:14px;line-height:1.5;animation:4.5s ease-in-out infinite gecko-bubble;position:absolute;top:2%;right:3%;box-shadow:0 12px 35px #173e3610}.mascot-shadow{filter:blur(10px);background:#164b4225;border-radius:50%;width:50%;height:22px;animation:4.5s ease-in-out infinite gecko-shadow;position:absolute;bottom:2%}.mascot-footer{color:#667974;border-top:1px solid #d8e0d5;justify-content:space-between;gap:20px;max-width:1400px;margin:20px auto 0;padding-top:22px;font-size:12px;display:flex}.mascot-footer a{color:#245d51;text-decoration:none}.mascot-footer i{background:#318b70;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.mascot-character:focus-visible{outline-offset:5px;outline:3px solid #cb742d}.mascot-controls button:focus-visible{outline-offset:5px;outline:3px solid #cb742d}.mascot-paused .mascot-idle,.mascot-paused .mascot-react,.mascot-paused .mascot-speech,.mascot-paused .mascot-shadow{animation:none}@keyframes gecko-idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes gecko-greet{0%{transform:rotateY(0)rotate(0)scaleY(1)}12%{transform:rotateY(-18deg)rotate(-5deg)scaleY(.96)}25%{transform:rotateY(65deg)rotate(2deg)scaleY(1.02)}43%{transform:rotateY(180deg)rotate(0)scaleY(1.02)}65%{transform:rotateY(340deg)rotate(-2deg)scaleY(1.02)}76%{transform:rotateY(360deg)rotate(5deg)scaleY(.95)}87%{transform:rotateY(360deg)rotate(-3deg)scaleY(1.01)}to{transform:rotateY(360deg)rotate(0)scaleY(1)}}@keyframes gecko-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gecko-shadow{0%,to{opacity:.9;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(.85)}}@media (max-width:800px){.mascot-preview{padding:24px}.mascot-stage{grid-template-columns:1fr;gap:10px;padding-top:38px}.mascot-copy h1{letter-spacing:-1.8px}.mascot-copy>p{font-size:15px}.mascot-scene{justify-self:center;width:100%;max-width:540px;min-height:360px}.mascot-speech{max-width:200px;font-size:12px;top:0}.mascot-character{max-width:500px}.mascot-footer{font-size:10px}.mascot-header>span{letter-spacing:1px;font-size:8px}}@media (prefers-reduced-motion:reduce){.mascot-idle,.mascot-react,.mascot-speech,.mascot-shadow{animation:none!important}}.mascot-react{animation:.25s ease-out mascot-arrive;position:relative}.mascot-state-pirouette .mascot-react{transform-origin:50% 94%;animation:2.4s ease-in-out gecko-greet}.mascot-state-thinking .mascot-idle{animation:3s ease-in-out infinite gecko-ponder}.mascot-state-typing .mascot-idle,.mascot-state-typing .mascot-shadow{animation:none}.mascot-state-typing .mascot-react{animation:.25s ease-out mascot-arrive}.mascot-hand{pointer-events:none;position:absolute;inset:0}.mascot-hand-left{clip-path:polygon(47% 45%,59% 45%,61% 54%,48% 55%);animation:.28s steps(2,end) infinite gecko-type-left}.mascot-hand-right{clip-path:polygon(60% 44%,70% 44%,71% 52%,60% 53%);animation:.34s steps(2,end) infinite gecko-type-right}.mascot-question{max-width:500px;margin-top:24px}.mascot-question label{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.mascot-question>div{background:#fff;border:1px solid #b9ccc5;border-radius:18px;gap:6px;padding:6px;display:flex}.mascot-question input{color:#162d32;outline-offset:0;background:0 0;border:0;flex:1;min-width:0;padding:10px;font-size:14px}.mascot-question button{color:#fff;white-space:nowrap;cursor:pointer;background:#153e39;border:0;border-radius:12px;padding:10px 15px;font-size:13px}.mascot-question button:disabled{opacity:.5;cursor:default}.mascot-question small{color:#667974;margin-top:9px;font-size:10px;line-height:1.6;display:block}.mascot-pose-controls{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.mascot-pose-controls button{color:#244d46;cursor:pointer;background:0 0;border:1px solid #c2d4cb;border-radius:20px;padding:10px 12px;font-size:12px}.mascot-pose-controls button[aria-pressed=true]{background:#d8e9df;border-color:#6ca18d}.mascot-motion-toggle{color:#526f64;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a0b7ad;margin-top:20px;padding:3px 0;font-size:11px}.mascot-demo-notice{min-height:36px;color:#286653!important;font-size:12px!important;line-height:1.5!important}.mascot-state-label{color:#4b7164;letter-spacing:.4px;font-size:11px;position:absolute;bottom:-22px}.mascot-thinking-dots{gap:5px;margin-top:8px;display:flex}.mascot-thinking-dots i{background:#27897d;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite gecko-dot}.mascot-thinking-dots i:nth-child(2){animation-delay:.2s}.mascot-thinking-dots i:nth-child(3){animation-delay:.4s}.mascot-paused .mascot-hand,.mascot-paused .mascot-thinking-dots i{animation:none}@keyframes mascot-arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes gecko-ponder{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes gecko-type-left{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gecko-type-right{0%,to{transform:translateY(-2px)}50%{transform:translateY(1px)}}@keyframes gecko-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.mascot-hand,.mascot-thinking-dots i,.mascot-state-thinking .mascot-idle,.mascot-state-pirouette .mascot-react,.mascot-state-typing .mascot-react{animation:none!important}}.mascot-paused .mascot-idle,.mascot-paused .mascot-react,.mascot-paused .mascot-hand,.mascot-paused .mascot-speech,.mascot-paused .mascot-shadow,.mascot-paused .mascot-thinking-dots i{animation:none!important}.mascot-tracking-shortcut{color:#216c60;cursor:pointer;background:0 0;border:0;padding:12px 0 0;font-size:13px;text-decoration:underline}.mascot-tracking{background:#fff;border:1px solid #c9d9cf;border-radius:20px;max-width:500px;margin-top:20px;padding:20px;box-shadow:0 8px 30px #214d3910}.mascot-tracking-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mascot-tracking h2{margin:0;font-size:19px}.mascot-tracking-top>button{color:#526f64;cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:24px}.mascot-tracking form>p{color:#667974;font-size:12px;line-height:1.5}.mascot-tracking label{margin:12px 0;font-size:12px;font-weight:700;display:block}.mascot-tracking input{box-sizing:border-box;color:#162d32;background:#fbfcfa;border:1px solid #bdcfc5;border-radius:10px;width:100%;margin-top:6px;padding:12px;font-size:14px;display:block}.mascot-tracking form>button,.mascot-track-actions button{color:#fff;cursor:pointer;background:#153e39;border:0;border-radius:12px;padding:12px 16px;font-size:13px}.mascot-tracking button:disabled{opacity:.55;cursor:default}.mascot-track-error{color:#923c24;background:#fff1ed;border-radius:10px;padding:12px;font-size:12px;line-height:1.5}.mascot-track-id{letter-spacing:1px;color:#627a6e;margin-top:12px;font-size:11px;display:block}.mascot-track-status{color:#207564;margin:10px 0;font-size:22px;display:block}.mascot-track-result>p{font-size:14px}.mascot-track-result dl{margin:16px 0;font-size:12px}.mascot-track-result dt{color:#667974}.mascot-track-result dd{margin:4px 0;font-weight:700}.mascot-track-note{overflow-wrap:anywhere;background:#eef5ef;border-radius:12px;padding:12px;font-size:12px}.mascot-track-note p{white-space:pre-wrap;margin:6px 0 0}.mascot-track-history{overflow-wrap:anywhere;line-height:1.6;font-size:12px!important}.mascot-track-result small{color:#667974;font-size:10px}.mascot-track-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.mascot-track-actions button+button{color:#244d46;background:#e9f1e9}.mascot-track-result>a{color:#246454;font-size:11px}.mascot-stage{align-items:center}.mascot-scene{align-self:start;margin-top:35px;position:sticky;top:32px}@media (max-width:800px){.mascot-scene{margin-top:0;position:relative;top:auto}.mascot-tracking{padding:16px}}