/* Kosher SMP — luminous block forms and a quiet world grid. */
body{background:radial-gradient(ellipse 580px 430px at calc(50% + 330px) 420px,#732cc32b,transparent 78%),radial-gradient(ellipse 520px 470px at calc(50% + 160px) 400px,#145fa51a,transparent 82%),#090b21}
.site-header{background:#090b21d9;border-bottom-color:#c1a2ff22}
.hero{min-height:720px;grid-template-columns:1.03fr 1fr;gap:20px;padding-top:58px;padding-bottom:60px}
.hero:before,.hero:after{content:none}
.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:11px;letter-spacing:1.6px;color:#bddfff}
.square-dot{box-shadow:0 0 0 5px #99ddff0d,0 0 20px #99ddff70}
h1{font-size:clamp(38px,4.2vw,61px);line-height:1.22;letter-spacing:-3.2px;margin-bottom:26px}
h1 span{background-image:linear-gradient(105deg,#63d5ff 4%,#9098ff 48%,#e178ff 95%)}
.hero-text{font-size:18px;line-height:1.85;color:#c2bdd6;max-width:480px}
.hero-actions{gap:24px;margin-top:33px}.hero-actions .button{box-shadow:0 4px 0 #46317b,0 8px 34px #8c5cee22}
.hero-facts{gap:12px 21px;color:#b3acc8;font-size:12px;margin-top:36px}.hero-facts span:before{content:'';display:inline-block;width:4px;height:4px;background:#a78fff;margin-right:9px;margin-bottom:2px;padding:0}
.logo-experience{position:relative;isolation:isolate;align-self:center;width:100%;min-width:0;overflow:visible}
.logo-halo{display:none}
.logo-floor{position:absolute;z-index:-1;left:0;right:0;top:72%;height:27%;overflow:hidden;mask-image:radial-gradient(ellipse closest-side,#000 5%,transparent 100%);pointer-events:none}
.logo-grid{position:absolute;left:-5%;right:-5%;top:0;height:100%;transform:perspective(300px) rotateX(60deg);transform-origin:50% 0;background-image:linear-gradient(#a486ed20 1px,transparent 1px),linear-gradient(90deg,#a486ed20 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.logo-stage{position:relative;width:100%;aspect-ratio:1.03;outline:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;contain:layout}
.logo-stage:focus-visible{outline:2px solid #a5caff;outline-offset:-10px;border-radius:20px}.logo-stage.dragging{cursor:grabbing}
.logo-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .5s}
.logo-stage.ready canvas{opacity:1}.logo-fallback{display:block;position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;mask-image:radial-gradient(ellipse closest-side,#000 70%,transparent 100%);pointer-events:none}
.logo-stage.ready .logo-fallback{opacity:0;visibility:hidden}
.logo-orbit{position:absolute;inset:12% 7%;border:1px solid #8a78b72b;border-radius:50%;transform:rotate(-27deg) scaleY(.78);z-index:-1;pointer-events:none}
.orbit-two{inset:7% 12%;transform:rotate(36deg) scaleY(.8);border-style:dashed;border-color:#79bbf120}
.logo-orbit:before{content:'';position:absolute;left:13%;top:5%;width:6px;height:6px;background:#a6ceff;box-shadow:0 0 20px #8acfff70;transform:rotate(20deg)}.orbit-two:before{left:auto;right:4%;top:75%;background:#d18bff}
.logo-controls{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;margin-top:-22px;z-index:3;font-size:12px;color:#c4b8de;min-height:34px}
.logo-controls>span{display:flex;align-items:center;gap:8px}.drag-icon{font-size:19px;color:#99cfff;line-height:1}
#logo-reset{border:1px solid #b595ef33;border-radius:50%;width:31px;height:31px;background:#17152d;color:#cbb7f4;font-size:21px;line-height:1;padding:0}#logo-reset:hover{border-color:#c3a3ff99;background:#28203e}
.logo-experience .art-caption{margin-top:12px;font-size:10px;letter-spacing:2px;color:#aaa0c3}
.world-ribbon{border-top:1px solid #9f81dc25;border-bottom:1px solid #9f81dc25;background:linear-gradient(100deg,#13162f,#18132e 70%,#10162d);margin-top:0;overflow:hidden}
.world-ribbon>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:19px;font-size:11px;font-weight:700;letter-spacing:1.6px;color:#c6b8dd}
.ribbon-dot{display:inline-block;margin:0 22px;color:#a880f5;font-size:14px}.ribbon-side{color:#c1c5e6;white-space:nowrap}.ribbon-side>span{color:#8e87aa;font-size:10px;letter-spacing:1px;margin-left:12px}
.join-section{position:relative;background:linear-gradient(180deg,#101129,#0f1027);border-top:0}
.join-card,.guide-card,.board-shell,.map-shell{box-shadow:0 15px 45px #00000012}
.join-card,.guide-card{transition:border-color .2s,box-shadow .2s,transform .2s}.join-card:hover{border-left-color:#7ba1ef77;border-right-color:#7ba1ef77;box-shadow:0 16px 40px #3152c30b}.join-card.bedrock:hover{border-left-color:#cd8bee77;border-right-color:#cd8bee77}
.guide-card{background:linear-gradient(135deg,#181730,#11132b);border-color:#9b7bca38}.guide-card:hover{border-color:#b799e86b;transform:translateY(-3px)}
.guide-number{color:#c5a5f5}.section-heading h2{letter-spacing:-.04em}.section-heading .eyebrow{position:relative;padding-left:17px}.section-heading .eyebrow:before{content:'';width:5px;height:5px;background:#b89af2;position:absolute;left:0;top:7px;box-shadow:0 0 12px #a889f450}
.leaderboard-section{position:relative}.board-shell{border-color:#9d83cb55}.board-tabs{background:linear-gradient(110deg,#19162f,#12162e)}
.discord-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#9c46e32c,transparent 70%),linear-gradient(110deg,#162444,#211735);border-color:#b58bef66;box-shadow:0 20px 70px #6b3ba00b}
.discord-section:after{content:'';position:absolute;right:27%;top:-70px;width:200px;height:250px;border:1px solid #bda0ec10;transform:rotate(35deg);pointer-events:none}
@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;min-height:630px;gap:0}.hero .eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:45px}.hero-text{font-size:16px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 18px}.logo-controls{margin-top:-10px}.world-ribbon>.shell{font-size:10px;letter-spacing:1px}.ribbon-dot{margin:0 14px}.ribbon-side>span{display:none}}
@media(max-width:650px){.hero{display:flex;gap:8px;min-height:0;padding-top:48px;padding-bottom:36px}.hero .eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:45px;letter-spacing:-3px;margin-bottom:23px}.hero-text{font-size:16px;line-height:1.85}.hero-actions{gap:20px;margin-top:27px}.hero-facts{font-size:12px;gap:10px 17px;margin-top:29px}.logo-experience{width:min(100%,440px);margin-top:9px}.logo-stage{aspect-ratio:1.12}.logo-floor{top:75%;height:22%}.logo-controls{margin-top:-27px;font-size:12px}.logo-experience .art-caption{font-size:10px;letter-spacing:1.6px}.world-ribbon>.shell{justify-content:center;font-size:9px;letter-spacing:1.2px;padding-top:16px;padding-bottom:16px}.ribbon-dot{margin:0 10px;font-size:11px}.ribbon-side{display:none}.guide-card:hover{transform:none}.discord-section:after{right:-80px}}
@media(prefers-reduced-motion:reduce){.logo-stage canvas,.logo-fallback,.join-card,.guide-card{transition:none}.guide-card:hover{transform:none}}
@media(max-width:650px){body{background:radial-gradient(ellipse 320px 330px at 50% 820px,#702ac325,transparent 80%),#090b21}}
