/* NOT Zone: the full portrait stays on the page, with a continuing lower scene. */
body.is-zone{background-color:#080c16;background-image:url('not_zone_main.webp?v=optimized-1'),url('support2.webp?v=optimized-1');background-position:center top,center top;background-size:100% auto,100% auto;background-repeat:no-repeat,repeat-y}
.is-zone .world-hero{--glow:#89a0d4;min-height:58vw;padding-bottom:65px}
.is-zone .world-hero:after{background:linear-gradient(90deg,#070b1524 0%,#070b1588 40%,#070b1533 64%,transparent 78%)}
.is-zone .world-layout{grid-template-columns:28% 34%;gap:4%;min-height:540px;padding:0 4%;max-width:1600px}
.is-zone .world-copy h1{font-size:clamp(48px,5.7vw,88px)}
.is-zone .world-copy p:not(.world-eyebrow){color:#eaf1ff;font-size:clamp(17px,1.65vw,24px);line-height:1.55}
.is-zone .neon-grid{margin:24px 0;gap:10px}
.is-zone .neon-grid a{font-size:13px;padding:9px 5px;border-color:#6a87d0;background:#090e1cbb;box-shadow:inset 0 0 12px #4a6ed426}
.is-zone .neon-cta{background:linear-gradient(115deg,#3158bd,#23449a 65%,#192e70);border:1px solid #6985d1;border-radius:17px;box-shadow:0 4px 16px #10215c55,inset 0 1px 0 #aabaff26}
.is-zone .neon-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3158bd66}
.zone-hero-notes{display:flex;gap:16px;justify-content:space-between;margin-top:26px;color:#d4e1f8;font-size:12px}
.zone-hero-notes span{display:flex;align-items:center;gap:7px}.zone-hero-notes b{color:#b3c2d4;font-size:23px;text-shadow:0 0 12px #5779d4}
#zoneWorld{padding:0 0 55px}.zone-shell{width:min(1180px,90%);margin:auto}
.zone-frame{position:relative;padding:40px 36px 44px;border:1px solid #839cd4;border-radius:34px 10px;background:linear-gradient(135deg,#0a0f1deb,#070b16ee);box-shadow:0 0 22px #5577d444,inset 0 0 35px #506dbc22}
.zone-frame:before,.zone-frame:after{content:"";position:absolute;height:3px;width:19%;background:#aebed4;box-shadow:0 0 13px #5678d4;left:8%;top:-2px}.zone-frame:after{left:auto;right:8%;top:auto;bottom:-2px}
.zone-heading{text-align:center;margin-bottom:28px}.zone-crown{display:block;color:#b3c2d4;font-size:38px;line-height:1.15;text-shadow:0 0 8px #5d7ed4,0 0 24px #486cd4}
.zone-heading h2{font-size:clamp(22px,2.3vw,30px);line-height:1.3;margin:12px 0 6px;text-transform:uppercase;text-shadow:0 0 16px #7591d470}.zone-heading p{margin:0;color:#afbdcd;font-size:16px}
.zone-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.zone-feature{display:flex;align-items:center;gap:20px;padding:22px 20px;border:1px solid #7189c4;border-radius:17px;background:linear-gradient(115deg,#0f1529c9,#080c18cc);box-shadow:inset 0 0 14px #4a67b722,0 0 12px #4d6dc618;transition:transform .2s,border-color .2s}
.zone-feature:hover{transform:translateY(-3px);border-color:#b3ceff}.zone-icon{flex:none;width:36px;height:36px;color:#eaf1ff;filter:drop-shadow(0 0 5px #597bd4) drop-shadow(0 0 10px #4369d4)}
.zone-feature h3{font-size:17px;line-height:1.3;margin:0 0 7px}.zone-feature p{font-size:14px;line-height:1.6;margin:0;color:#c8d1e2}
.zone-invite{position:relative;width:106%;margin:30px -3% 25px;display:grid;grid-template-columns:50% 43% 7%;align-items:center;isolation:isolate}
.zone-invite-art{display:block;grid-column:1/-1;grid-row:1;width:100%;height:auto;object-fit:contain;z-index:-1}
.zone-invite-copy{grid-column:2;grid-row:1;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none;text-shadow:0 2px 5px #070b16,0 0 14px #070b16}
.zone-invite h2{font-size:clamp(20px,2.1vw,28px);margin:0 0 7px;line-height:1.2}.zone-invite p{color:#c2d7ff;font-size:clamp(13px,1.2vw,16px);line-height:1.5;margin:0 0 14px}.zone-invite .neon-cta{font-size:clamp(14px,1.35vw,18px);min-height:48px;padding:9px 12px;text-shadow:none}.zone-invite small{display:block;margin-top:12px;text-align:center;color:#e8f0ff;font-size:clamp(9px,.88vw,12px);line-height:1.5}
.zone-community{padding:0 10px}.zone-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.zone-value{text-align:center;border:1px solid #819ad4;border-radius:18px;padding:24px 12px;background:linear-gradient(135deg,#121a32dd,#070b16dd);box-shadow:inset 0 0 20px #6280d022,0 0 12px #4361b722}.zone-value .zone-icon{display:block;margin:0 auto 14px}.zone-value strong{display:block;font-size:23px;line-height:1.3}.zone-value span{display:block;color:#c6d1e4;font-size:14px;margin-top:7px}
.zone-signoff{text-align:center;color:#a1b3d4;margin:36px 0 0;font-size:25px;text-shadow:0 0 13px #597ad4}.is-zone footer{background:#060a13dd;border-top:1px solid #4f6dbd7a}
@media(min-width:1700px){.is-zone .world-hero{min-height:960px}}
@media(max-width:1100px){.is-zone .world-layout{grid-template-columns:29% 40%;gap:4%;min-height:470px}.is-zone .world-hero{min-height:660px}.zone-feature-grid{gap:14px}.zone-feature{padding:18px 14px;gap:12px}.zone-feature h3{font-size:15px}.zone-frame{padding:30px 24px}.zone-invite{min-height:260px}.zone-invite-copy{margin-right:5%;padding:16px}.zone-values{gap:14px}.zone-hero-notes{gap:8px;font-size:11px}}
@media(max-width:760px){body.is-zone{background-size:auto 1450px,auto 1450px;background-position:62% top,center top}.is-zone .world-hero{min-height:0;padding:24px 0 52px}.is-zone .world-hero:after{background:linear-gradient(#090f1d33,#090f1d9c 35%,#090f1d55)}.is-zone .world-layout{display:flex;min-height:0;padding:0 24px;gap:18px}.is-zone .world-copy h1{font-size:60px}.is-zone .world-copy p:not(.world-eyebrow){font-size:18px}.is-zone .world-portal{width:175px}.zone-hero-notes{justify-content:center;gap:20px}.zone-shell{width:calc(100% - 28px)}.zone-frame{padding:28px 18px;border-radius:26px 8px}.zone-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-feature{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 15px}.zone-feature p{font-size:13px}.zone-heading p{font-size:14px}.zone-invite{display:flex;flex-direction:column;margin:25px auto 35px;min-height:0;padding-top:29%}.zone-invite-art{height:auto;object-fit:contain;top:0}.zone-invite-copy{width:94%;margin:0;padding:24px;background:#0a101ef2;border:1px solid #6e88c6;box-shadow:0 0 18px #4a6ac533;text-align:center}.zone-invite h2{font-size:24px}.zone-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zone-value strong{font-size:20px}.zone-community{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.zone-feature{transition:none}.zone-feature:hover,.is-zone .neon-cta:hover{transform:none}}
/* Keep the invitation transparent and inside the artwork's right-hand safe area. */
@media(min-width:761px) and (max-width:1100px){.zone-invite{min-height:0}.zone-invite-copy{margin:0;padding:0}.zone-invite h2{font-size:21px}.zone-invite p{font-size:13px;margin-bottom:10px}.zone-invite small{margin-top:8px;font-size:9px}.zone-invite .neon-cta{min-height:42px;padding:7px 10px;font-size:14px}}
@media(max-width:760px){.zone-invite{width:100%;margin:24px auto 32px;padding-top:0;display:flex;min-height:0}.zone-invite-art{position:static;width:106%;max-width:106%;height:auto}.zone-invite-copy{width:90%;margin:0 auto;padding:12px 0 0;background:none;border:0;box-shadow:none;text-align:center}.zone-invite h2{font-size:24px}.zone-invite p{font-size:15px}.zone-invite small{font-size:10px}.zone-invite .neon-cta{font-size:16px}}
/* Keep the complete decorative frame visible on both sides. */
.zone-invite{width:100%;margin:30px 0 25px;overflow:visible}
.zone-invite-art{width:100%;max-width:100%}
@media(max-width:760px){.zone-invite{width:100%;margin:24px auto 32px}.zone-invite-art{width:100%;max-width:100%}}

/* Shared controls follow the active world. No full-page filter or scroll animation. */
body.is-zone{background-color:#0d121d;background-blend-mode:normal,normal;--glow:#728ac2}
.is-zone .world-hero{--glow:#7590d4}
.is-zone .world-eyebrow,.is-zone .world-copy h1 span{color:#7496ee;text-shadow:0 2px 10px #15245466}
.is-zone .world-logo{border-color:#5479d6;background:#0a1128;box-shadow:0 0 16px #315bd655,inset 0 0 12px #29459344}
.is-zone .world-logo:hover{box-shadow:0 0 22px #416de877}
.is-zone #worldHint,.is-zone .world-counter{color:#c0d3f5}
.is-zone .portal-note{color:#99aed4}
.is-zone header{background:rgba(4,20,38,.95);border-color:#7289c166}
.is-zone header nav a{color:#b5c4df}
.is-zone header nav a:hover,.is-zone header nav a:focus-visible{color:#fff}
.is-zone header nav a:first-child,.is-zone header nav a[aria-current="page"]{color:#9fb2d4;border-color:#6987d4}
.is-zone header .btn-primary{background:linear-gradient(120deg,#2b489a,#344c90);border-color:#92a8d4;box-shadow:0 0 20px #3855a74d}
.is-zone .lang-switch{background:#0f1628;border-color:#7a95d444}
.is-zone .lang-switch button.active{background:#2d4381;color:#fff}
.is-zone .neon-grid a:hover{border-color:#7496ee;box-shadow:0 0 10px #3158bd55}
.is-zone .zone-invite-art{filter:none}
.is-zone footer a:hover{color:#8da3d4}
.is-zone ::selection{background:#28418a;color:#fff}

/* NOT Zone — official logo theme: electric blue, cyan, violet and silver. */
body.is-zone{--zone-bg:#030611;--zone-panel:#070d21;--zone-blue:#1677ff;--zone-cyan:#20c8ff;--zone-violet:#8e2cff;--zone-silver:#edf4ff;background-color:var(--zone-bg);background-blend-mode:normal,normal}
.is-zone .world-hero{--glow:var(--zone-blue)}
.is-zone .world-hero:after{background:linear-gradient(90deg,rgba(3,6,17,.22) 0%,rgba(3,6,17,.74) 39%,rgba(4,9,26,.32) 65%,transparent 80%)}
.is-zone .world-logo{border:0;border-radius:18px;padding:0;background:#000;box-shadow:0 0 0 1px #247cff55,0 0 25px #106eff55,0 0 42px #8e2cff2e;overflow:hidden}
.is-zone .world-logo:hover{box-shadow:0 0 0 1px #39cfff88,0 0 30px #1677ff77,0 0 50px #8e2cff44}
.is-zone .world-logo img{border-radius:0;object-fit:contain;background:#000}
.is-zone .world-eyebrow{color:#43cbff;text-shadow:0 0 12px #1677ff88}
.is-zone .world-copy h1 span{color:#64a5ff;text-shadow:0 0 18px #1677ff66,2px 2px 0 #722cff66}
.is-zone .world-copy p:not(.world-eyebrow){color:#e7efff}
.is-zone #worldHint,.is-zone .world-counter,.is-zone .portal-note{color:#9cb9df}
.is-zone .neon-grid a{color:#eff7ff;border:1px solid #2a77d9;background:linear-gradient(135deg,rgba(8,18,48,.94),rgba(5,10,27,.94));box-shadow:inset 0 0 14px #145cc832,0 5px 16px #01040d99}
.is-zone .neon-grid a:hover{border-color:#30caff;box-shadow:0 0 14px #1677ff66,inset 0 0 14px #20c8ff22}
.is-zone .neon-cta{color:#fff;border:1px solid #69cfff;background:linear-gradient(120deg,#125ed8 0%,#1c7df1 48%,#6528cc 100%);box-shadow:0 0 0 1px #d9f4ff22,0 8px 24px #071a5577,inset 0 1px 0 #fff4}
.is-zone .neon-cta:hover{transform:translateY(-2px);box-shadow:0 0 18px #168cff77,0 9px 26px #071a5588}
.zone-hero-notes{color:#b9cce8}.zone-hero-notes b{color:#37cfff;text-shadow:0 0 10px #1677ff}
.zone-frame{border:1px solid #245fbb;border-radius:24px 8px;background:linear-gradient(145deg,rgba(8,15,40,.95),rgba(3,7,20,.96));box-shadow:0 18px 45px #01030daa,inset 0 0 40px #12356b22,0 0 0 1px #912cff18}
.zone-frame:before,.zone-frame:after{height:2px;background:linear-gradient(90deg,#1677ff,#22cfff,#8e2cff);box-shadow:0 0 11px #1677ff}
.zone-crown{color:#e9f3ff;text-shadow:0 0 8px #20c8ff,0 0 20px #7041ff}
.zone-heading h2{color:#f4f7ff;text-shadow:0 0 14px #176cd866}.zone-heading p{color:#77baf2}
.zone-feature{border:1px solid #204e91;border-radius:14px;background:linear-gradient(135deg,rgba(9,20,52,.93),rgba(4,8,22,.95));box-shadow:inset 0 1px 0 #94ccff12,0 8px 22px #01040e66}
.zone-feature:hover{border-color:#248eff;box-shadow:0 0 15px #1677ff33,inset 0 1px 0 #9fd6ff22}
.zone-icon{color:#73dfff;filter:drop-shadow(0 0 5px #1677ff)}
.zone-feature h3{color:#eef5ff}.zone-feature p{color:#aebdd4}
.zone-invite-art{filter:none}.zone-invite-copy{text-shadow:0 2px 5px #01030c,0 0 14px #01030c}
.zone-invite p{color:#c4d8f4}.zone-invite small{color:#dceaff}
.zone-value{border:1px solid #225aa5;background:linear-gradient(145deg,rgba(10,25,65,.92),rgba(4,8,23,.95));box-shadow:inset 0 0 22px #1559be22,0 8px 22px #01040e66}
.zone-value strong{color:#edf5ff}.zone-value span{color:#aebfd8}
.zone-signoff{color:#72cfff;text-shadow:0 0 11px #1677ff}
.is-zone footer{background:#030711e8;border-top-color:#1e55a877}
.is-zone header{background:rgba(3,7,18,.96);border-color:#265eaa88;box-shadow:0 8px 28px #01030ccc}
.is-zone header nav a{color:#9eafc9}.is-zone header nav a:hover,.is-zone header nav a:focus-visible{color:#fff}
.is-zone header nav a:first-child,.is-zone header nav a[aria-current="page"]{color:#69ceff;border-color:#1677ff}
.is-zone header .btn-primary{background:linear-gradient(120deg,#155fd5,#6430c5);border-color:#4dafff;box-shadow:0 0 15px #166be744}
.is-zone .lang-switch{background:#071022;border-color:#245ea055}.is-zone .lang-switch button.active{background:#164a9a;color:#fff}
.is-zone footer a:hover{color:#5bcaff}.is-zone ::selection{background:#155fd5;color:#fff}
@media(max-width:760px){.is-zone .world-logo{border-radius:50%}}

/* The world switch stays circular around the circular NOT Zone crest. */
.is-zone .world-logo{
  border:2px solid transparent;
  border-radius:50%;
  padding:7px;
  background:linear-gradient(#030611,#030611) padding-box,linear-gradient(135deg,#1677ff,#20c8ff 48%,#8e2cff) border-box;
  box-shadow:0 0 18px #1677ff66,0 0 34px #8e2cff33,inset 0 0 20px #102d7244;
}
.is-zone .world-logo img{border-radius:50%;object-fit:contain;background:#000}