#brandSplash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 25%,#d7f8e9 0,transparent 48%),radial-gradient(ellipse at 15% 80%,#d8cafd 0,transparent 50%),#f6f3ff;pointer-events:none;animation:splashExit 1.5s ease 3s forwards;transition:opacity .6s ease,filter .6s ease}.splash-brand{display:flex;align-items:center;flex-direction:column;position:relative}.splash-brand img{width:clamp(120px,23vw,200px);height:auto;box-shadow:0 25px 65px #7058e030;border-radius:29%;animation:brandArrive .8s cubic-bezier(.16,1,.3,1) both}.splash-brand strong{font-size:clamp(32px,6vw,50px);letter-spacing:-2px;margin-top:26px;color:#2c2447}.splash-brand span{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#7b7192;margin-top:12px}.splash-orbit{position:absolute;width:min(80vw,480px);aspect-ratio:1;border-radius:50%;border:1px solid #ffffffa8;box-shadow:0 0 0 45px #ffffff18,0 0 0 90px #ffffff12}.splash-out{opacity:0;filter:blur(8px)}@keyframes brandArrive{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes splashExit{to{opacity:0;visibility:hidden}}
#introGuide{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:#25194255;backdrop-filter:blur(7px);padding:20px;overflow:auto}.guide-active{overflow:hidden}.guide-card{width:min(100%,470px);padding:25px 30px 28px;border-radius:32px;background:linear-gradient(135deg,#ffffffed,#f7f2fff2);border:1px solid #ffffff;box-shadow:0 28px 100px #23114240;max-height:calc(100dvh - 40px);overflow:auto;color:#302642;animation:brandArrive .3s ease both}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-top span{font-size:9px;letter-spacing:1.7px;color:#8a7ba8;font-weight:700}.guide-top button{padding:8px 0;background:none;color:#776988;font-size:12px}.guide-art{height:155px;display:grid;place-items:center;position:relative}.guide-ring{position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid #c9b8f655;box-shadow:0 0 0 18px #c9b8f619}.guide-icon{width:94px;height:94px;display:grid;place-items:center;border-radius:28px;transform:rotate(-7deg);background:linear-gradient(135deg,#9b7cf6,#694cd4);box-shadow:0 16px 35px #8062dd40,inset 0 1px 0 #ffffff70;color:white}.guide-icon svg{width:44px;height:44px;transform:rotate(7deg)}.guide-spark{position:absolute;width:25px;height:25px;left:calc(50% + 55px);top:35px;background:#a9eace;border:3px solid #f8f5ff;border-radius:9px;transform:rotate(12deg)}.guide-card .eyebrow{display:block;font-size:10px;margin:16px 0 10px;color:#8467c9;letter-spacing:1.6px}.guide-card h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px}.guide-card p{font-size:14px;line-height:1.75;color:#746982;margin:0 0 20px}.guide-example{padding:15px;border-radius:17px;background:#eee7fa9c;border:1px solid #ffffff;font-size:12px;line-height:1.5;color:#70539e}.guide-footer{display:flex;align-items:center;justify-content:space-between;margin:23px 0 18px}.guide-count{font-size:11px;color:#8c7f9a}.guide-dots{display:flex;gap:5px}.guide-dots i{width:6px;height:6px;background:#d9cfee;border-radius:5px;transition:width .2s}.guide-dots .current{width:22px;background:#8767df}.guide-actions{display:flex;gap:10px}.guide-actions button{flex:1;margin:0;min-height:47px}.guide-highlight{outline:3px solid #a88bf3;outline-offset:5px}.dark .guide-card{background:linear-gradient(135deg,#30243ef5,#211a30fa);color:#f6f0ff;border-color:#70617e}.dark .guide-card p,.dark .guide-top button{color:#c3b6d2}.dark .guide-example{background:#453453;color:#e0cafa;border-color:#635170}.dark #brandSplash{background:radial-gradient(ellipse at 70% 25%,#254737 0,transparent 48%),radial-gradient(ellipse at 15% 80%,#423060 0,transparent 50%),#1c1826}.dark .splash-brand strong{color:#f0e8ff}.dark .splash-brand span{color:#b5a6cc}@media(max-width:650px){#introGuide{padding:14px}.guide-card{padding:22px;max-height:calc(100dvh - 28px)}.guide-art{height:140px}.guide-card h2{font-size:28px}}@media(prefers-reduced-motion:reduce){#brandSplash{display:none}.splash-brand img,.guide-card{animation:none}.guide-dots i{transition:none}}