/* JeriBot startup sequence. Added on top of existing V6 theme, never replaces it. */
.jeri-boot-screen{display:none;position:fixed;inset:0;z-index:2147483600;isolation:isolate;overflow:hidden;background:#0c1024;color:#f8f7ff;font-family:'Space Grotesk','DM Sans',system-ui,sans-serif}
html.jeri-boot-pending{overflow:hidden;scrollbar-gutter:stable}
html.jeri-boot-pending body{overflow:hidden}
html.jeri-boot-pending .jeri-boot-screen{display:block}
.jeri-boot-screen *, .jeri-boot-screen *::before,.jeri-boot-screen *::after{box-sizing:border-box}
.jeri-boot-screen::before{content:"";position:absolute;inset:-32%;z-index:-1;background:radial-gradient(ellipse 27% 37% at 72% 48%,rgba(153,116,255,.35),transparent 100%),radial-gradient(ellipse 24% 29% at 70% 61%,rgba(82,238,217,.19),transparent 100%),radial-gradient(ellipse 30% 30% at 15% 90%,rgba(255,132,204,.12),transparent 100%);animation:jeri-boot-light 5s ease-in-out infinite alternate}
.jeri-boot-grid{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(167,187,242,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(167,187,242,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}
.jeri-boot-noise{position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(142,150,196,.08) 4px)}
.jeri-boot-orb{position:absolute;width:210px;height:210px;border:1px solid rgba(172,163,247,.08);border-radius:50%;pointer-events:none}.jeri-boot-orb-one{left:-70px;bottom:-90px}.jeri-boot-orb-two{right:-30px;top:-105px;width:370px;height:370px}
.jeri-boot-shell{max-width:1260px;width:calc(100% - 100px);min-height:100svh;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;padding:35px 0 26px}
.jeri-boot-header,.jeri-boot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.jeri-boot-brand{display:flex;align-items:center;gap:17px}.jeri-boot-brand>strong{font-size:39px;font-weight:800;letter-spacing:-4px;line-height:1}.jeri-boot-brand>strong span{color:#fd92c3}.jeri-boot-brand>span{font-size:9px;letter-spacing:2.25px;line-height:1.8;color:#adb9d4;font-weight:700}
.jeri-boot-system{display:flex;align-items:center;gap:10px;font:700 10px/1.4 'Space Grotesk',monospace;letter-spacing:2px;color:#b8b7d9}.jeri-boot-system i{background:#79f5d6;width:7px;height:7px;border-radius:50%;box-shadow:0 0 20px #79f5d6;animation:jeri-boot-beacon 1.2s infinite alternate}.jeri-boot-system b{color:#e1a6ef}
.jeri-boot-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:4%;align-items:center;flex:1;min-height:450px;padding-bottom:15px}
.jeri-boot-copy{max-width:620px;z-index:2;padding-bottom:13px;animation:jeri-boot-copy-rise .65s both}
.jeri-boot-kicker{display:inline-flex;align-items:center;gap:12px;color:#a5f3dc;font-weight:700;letter-spacing:2.6px;font-size:10px}.jeri-boot-kicker i{width:7px;height:7px;border-radius:50%;background:#8bf5d7}.jeri-boot-kicker span{color:#f4a8d4;font-size:18px}
.jeri-boot-copy h2{font-size:clamp(48px,5.8vw,95px);letter-spacing:-.068em;line-height:1.07;font-weight:700;margin:24px 0 26px;color:#fff}
.jeri-boot-copy h2 em{font-style:normal;background:linear-gradient(100deg,#a9b5ff 0%,#bc9dff 36%,#fcaddd 73%,#96ffe0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.jeri-boot-description{font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:#c5cbe0;max-width:450px;min-height:60px;margin:0}
.jeri-boot-loadzone{width:min(440px,100%);margin-top:47px}
.jeri-boot-loadmeta{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 10px 'Space Grotesk',monospace;letter-spacing:2px;color:#a8b7d2}.jeri-boot-loadmeta strong{color:#a6f7e7;font-size:19px;letter-spacing:0;font-weight:700;font-variant-numeric:tabular-nums}
.jeri-boot-progress{margin-top:12px;height:7px;border-radius:99px;background:#313653;box-shadow:inset 0 0 0 1px #606686;border:1px solid #4c5472;overflow:hidden;position:relative}
.jeri-boot-progress span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ab96ff 0%,#9bf4df 64%,#e5a5db 100%);box-shadow:0 0 17px #aaf8ed;transition:width .11s linear}
.jeri-boot-steps{display:flex;justify-content:space-between;gap:14px;padding-top:15px;font-size:9px;color:#9fa9c7;letter-spacing:.7px;white-space:nowrap}.jeri-boot-steps b{color:#d4d2ee;font-weight:600}
.jeri-boot-visual{position:relative;height:clamp(310px,48vw,540px);min-width:0;display:grid;place-items:center}
.jeri-boot-rings{position:absolute;inset:3%;display:grid;place-items:center;pointer-events:none}
.jeri-boot-rings>div{position:absolute;border:1px solid rgba(158,156,251,.24);border-radius:50%;width:76%;aspect-ratio:1;box-shadow:0 0 0 1px rgba(143,144,236,.04)}
.jeri-boot-rings>div:nth-child(2){width:97%;border-style:dashed;border-color:rgba(123,237,222,.19);animation:jeri-boot-turn 20s linear infinite}
.jeri-boot-rings>div:nth-child(3){width:120%;border-color:rgba(155,136,239,.13);animation:jeri-boot-pulse 2.3s ease-in-out infinite alternate}
.jeri-boot-rings>div:first-child::after{content:"✦";position:absolute;top:8%;right:16%;color:#ffbad8;font-size:20px;text-shadow:0 0 15px #e99acf}
.jeri-boot-character{width:min(69%,315px);z-index:1;filter:drop-shadow(0 25px 30px rgba(61,219,196,.2));animation:jeri-boot-arrive .95s cubic-bezier(.2,.9,.29,1.1) both,jeri-boot-hover 3s 1s ease-in-out infinite}
.jeri-boot-character svg{width:100%;height:auto;overflow:visible;display:block}
.jeri-boot-character .bot-arm-right{transform-origin:202px 216px;animation:jeri-boot-wave 950ms 1.3s ease-in-out 3}
.jeri-boot-character .bot-eye-follow{animation:jeri-boot-blink 4s 1.7s infinite;transform-origin:150px 134px}
.jeri-boot-chat{position:absolute;right:-1%;top:11%;z-index:2;padding:12px 16px;border-radius:13px;background:#f5f2ff;color:#292549;font-size:12px;font-weight:700;box-shadow:0 15px 50px #090f27b5;transform:rotate(3deg);max-width:175px;display:flex;align-items:center;gap:8px;animation:jeri-boot-chat-arrive .6s 1.2s both}.jeri-boot-chat-dot{flex:none;background:#6ddcc6;width:7px;height:7px;border-radius:50%}
.jeri-boot-floor{position:absolute;bottom:6%;width:56%;height:11px;background:#5dc6e5;filter:blur(24px);border-radius:50%;opacity:.3}
.jeri-boot-sparkles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 16px #aeb2ff;animation:jeri-boot-pulse 2s ease-in-out infinite alternate}.jeri-boot-sparkles i:nth-child(1){top:23%;left:19%}.jeri-boot-sparkles i:nth-child(2){top:10%;left:57%;background:#a4ffee;animation-delay:.2s}.jeri-boot-sparkles i:nth-child(3){top:64%;left:11%;background:#e2a6ff;animation-delay:.5s}.jeri-boot-sparkles i:nth-child(4){top:79%;right:15%;animation-delay:1.3s}.jeri-boot-sparkles i:nth-child(5){top:40%;right:6%;animation-delay:.7s}.jeri-boot-sparkles i:nth-child(6){top:37%;left:5%;background:#fbc1d6;animation-delay:1.7s}
.jeri-boot-bottom{padding-top:20px;border-top:1px solid rgba(150,165,218,.19);font-size:10px;font-weight:700;letter-spacing:1.65px;color:#aeb8cf}.jeri-boot-bottom>span i{color:#ae8cff;font-style:normal;margin:0 9px}
.jeri-boot-bottom button{background:none;color:#c6c7e7;border:1px solid rgba(166,171,237,.42);border-radius:12px;padding:11px 17px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1px;transition:color .2s,background .2s,border-color .2s}
.jeri-boot-bottom button:hover,.jeri-boot-bottom button:focus-visible{background:#2e2b55;border-color:#bda8ff;color:white;outline-offset:4px}
.jeri-replay-intro{background:transparent;color:#beadef;border:1px solid rgba(167,145,232,.55);border-radius:100px;padding:9px 15px;font-size:11px;font-weight:700;letter-spacing:.2px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;margin-top:17px;transition:background .2s,color .2s,transform .2s}
.jeri-replay-intro:hover{background:rgba(152,126,235,.18);color:#fff;transform:translateY(-2px)}.jeri-replay-intro:focus-visible{outline:2px solid #8af8df;outline-offset:3px}
html.jeri-boot-exit .jeri-boot-screen{animation:jeri-boot-curtain .7s cubic-bezier(.65,0,.25,1) forwards;pointer-events:none}
@keyframes jeri-boot-arrive{from{opacity:0;transform:translateY(-90px) scale(.65) rotate(-16deg)}60%{opacity:1}75%{transform:translateY(11px) scale(1.035) rotate(3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes jeri-boot-wave{0%,100%{transform:rotate(0deg)}35%,70%{transform:rotate(-25deg)}55%{transform:rotate(9deg)}}
@keyframes jeri-boot-blink{0%,91%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}97%{transform:scaleY(1)}}
@keyframes jeri-boot-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes jeri-boot-turn{to{transform:rotate(360deg)}}
@keyframes jeri-boot-pulse{to{opacity:.33;transform:scale(1.045)}}
@keyframes jeri-boot-light{to{transform:translate(3%,1%) rotate(6deg)}}
@keyframes jeri-boot-beacon{to{opacity:.25;box-shadow:0 0 7px #79f5d6}}
@keyframes jeri-boot-chat-arrive{from{opacity:0;transform:translateX(20px) rotate(9deg)}to{opacity:1;transform:translateX(0) rotate(3deg)}}
@keyframes jeri-boot-copy-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes jeri-boot-curtain{0%{opacity:1;transform:scale(1);filter:blur(0)}60%{opacity:1;filter:blur(0)}100%{opacity:0;transform:scale(1.075);filter:blur(16px)}}
@media(max-width:780px){.jeri-boot-shell{width:calc(100% - 45px);padding:20px 0 17px}.jeri-boot-layout{grid-template-columns:1fr;gap:0;min-height:0;text-align:center;align-content:center}.jeri-boot-copy{max-width:none;padding:0;order:2}.jeri-boot-kicker{justify-content:center;font-size:9px}.jeri-boot-copy h2{font-size:clamp(44px,9vw,66px);margin:16px 0 14px}.jeri-boot-description{margin:auto;min-height:42px;font-size:14px}.jeri-boot-loadzone{margin:25px auto 0}.jeri-boot-visual{order:1;height:clamp(225px,39vh,345px);width:min(365px,100%);margin:auto}.jeri-boot-character{width:min(52%,200px)}.jeri-boot-chat{right:0;top:15%;font-size:10px}.jeri-boot-bottom{font-size:9px}}
@media(max-width:520px){.jeri-boot-shell{width:calc(100% - 32px);padding:17px 0 14px}.jeri-boot-brand>strong{font-size:31px}.jeri-boot-brand>span{font-size:7px;letter-spacing:1.3px}.jeri-boot-system{font-size:8px;letter-spacing:.6px}.jeri-boot-system b{display:none}.jeri-boot-system span{max-width:115px}.jeri-boot-layout{justify-content:center}.jeri-boot-visual{height:min(300px,37vh)}.jeri-boot-character{width:min(51%,185px)}.jeri-boot-chat{padding:8px 10px;max-width:130px;top:20%;font-size:9px}.jeri-boot-copy h2{font-size:clamp(39px,9.3vw,52px);line-height:1.1;margin:14px 0}.jeri-boot-description{font-size:12.5px;min-height:43px}.jeri-boot-kicker{font-size:8px;letter-spacing:1.4px;gap:6px}.jeri-boot-loadzone{margin-top:20px}.jeri-boot-bottom{flex-wrap:wrap;justify-content:center;gap:12px}.jeri-boot-bottom>span{font-size:8px;letter-spacing:.7px}.jeri-boot-bottom button{padding:9px 15px}.jeri-boot-steps{font-size:7px}.jeri-boot-steps b{font-size:7px}}
@media(max-height:650px) and (min-width:781px){.jeri-boot-shell{padding:16px 0}.jeri-boot-layout{min-height:290px}.jeri-boot-visual{height:350px}.jeri-boot-copy h2{font-size:clamp(40px,5vw,72px)}.jeri-boot-loadzone{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.jeri-boot-screen *, .jeri-boot-screen *::before,.jeri-boot-screen *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.jeri-boot-character,.jeri-boot-copy,.jeri-boot-chat{opacity:1!important;transform:none!important}html.jeri-boot-exit .jeri-boot-screen{opacity:0;animation:none!important}}
