:root{--ink:#071a39;--muted:#52708f;--blue:#1979ee;--line:#c7deef;--glass:rgba(248,252,255,.78);--green:#16c878;--orange:#ff9b19;--violet:#8b45ed;--pink:#ef4bc2;--cyan:#2b93ff;--shadow:0 28px 80px rgba(50,106,157,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#dfeffb}body{margin:0;background:radial-gradient(circle at 50% -10%,#fff 0,#eff8ff 36%,#d3e9fa 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.scrollbar{position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px}.scrollbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b79ee,#8d54ff,#ef4bc2);box-shadow:0 0 18px rgba(42,126,238,.55)}
.nav{position:fixed;z-index:1000;left:50%;top:9px;transform:translateX(-50%);width:min(96vw,1500px);height:58px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(246,251,255,.78);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 10px 30px rgba(41,99,151,.12);display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:.3s}.nav.scrolled{top:5px;background:rgba(248,252,255,.93)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#09234b;font-weight:850;font-size:12px;letter-spacing:.22em}.orb{width:28px;height:28px;border-radius:50%;border:2px solid #2e86e6;position:relative}.orb:before,.orb:after{content:"";position:absolute;inset:4px;border:1.4px solid #74b2ed;border-radius:50%}.orb:after{inset:-5px 5px 5px -5px;opacity:.55}.nav nav{display:flex;gap:30px}.nav nav a{font-size:12px;color:#244b74;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:10px}.search-btn{border:1px solid #d6e6f5;background:rgba(255,255,255,.6);color:#53708e;border-radius:999px;height:36px;padding:0 15px;cursor:pointer}.future-btn{height:38px;padding:0 20px;display:flex;align-items:center;gap:30px;border-radius:999px;color:#fff;text-decoration:none;font-size:11px;background:linear-gradient(#3281df,#1357b2);box-shadow:0 8px 20px rgba(20,87,178,.22)}
main{width:min(100%,1800px);margin:auto;padding-top:0}.section-shell{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(54,110,164,.12)}.scene-bg{position:absolute;inset:-5%;z-index:-3;background-position:center;background-size:cover;will-change:transform;transform:translate3d(0,0,0) scale(1.05)}.scene-bg.physical{background-image:linear-gradient(rgba(249,253,255,.22),rgba(239,249,255,.6)),url('assets/city-physical.svg')}.scene-bg.virtual{background-image:linear-gradient(rgba(249,253,255,.14),rgba(238,248,255,.62)),url('assets/city-virtual.svg')}.scene-bg.soft{opacity:.52;filter:saturate(.8)}.section-shell:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 16%,transparent 84%,rgba(255,255,255,.28));pointer-events:none}.globe{position:absolute;z-index:-1;opacity:.44;pointer-events:none;will-change:transform}.g1{width:min(52vw,900px);top:-230px;left:50%;transform:translateX(-50%)}.g2{width:min(42vw,700px);top:-150px;left:55%}.edge-note{position:absolute;top:78px;z-index:3;font-size:10px;line-height:1.6;letter-spacing:.22em;color:#6285aa}.edge-note.left{left:3.2%}.edge-note.right{right:3.2%;text-align:left}.section-heading{position:relative;z-index:10;text-align:center;padding-top:94px}.section-heading .kicker,.kicker{font-size:10px;letter-spacing:.36em;color:#5a80a8;font-weight:700}.section-heading h1,.section-heading h2{margin:10px 0 0;color:#07172f;font-size:clamp(42px,4.2vw,76px);line-height:.96;letter-spacing:-.045em}.section-heading h1 span,.section-heading h2 span{color:#2d79e4}.subtitle{margin:10px 0 0;letter-spacing:.28em;font-weight:700;font-size:clamp(10px,1.15vw,18px);color:#1b3658}.hero{min-height:930px}.hero-entities{position:relative;z-index:7;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:20px 2.5% 0;margin-top:6px;overflow:hidden}.entity-card{text-align:center;position:relative;min-width:0;cursor:pointer;border-left:1px solid rgba(54,111,165,.11);overflow:hidden;display:flex;flex-direction:column;align-items:center}.entity-card:first-child{border-left:0}.figure{width:100%;height:470px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-inline:6px;margin-bottom:10px;z-index:1;flex:0 0 470px}.figure img{max-height:96%;max-width:146%;width:auto;object-fit:contain;filter:drop-shadow(0 30px 25px rgba(50,102,148,.19));will-change:transform;transition:filter .25s,transform .15s}.entity-card:hover .figure img{filter:drop-shadow(0 38px 32px rgba(38,116,190,.3)) brightness(1.04)}.entity-card h3,.virtual-card h3{margin:4px 0 3px;font-size:16px;letter-spacing:.02em}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 16px currentColor}.green{background:var(--green);color:var(--green)}.orange{background:var(--orange);color:var(--orange)}.blue{background:var(--cyan);color:var(--cyan)}.violet{background:var(--violet);color:var(--violet)}.pink{background:var(--pink);color:var(--pink)}.cyan{background:#29a8ff;color:#29a8ff}.entity-card p,.virtual-card p{font-size:10px;line-height:1.55;letter-spacing:.15em;color:#486d92;font-weight:650;min-height:54px}.entity-card button,.virtual-card button{width:44px;height:44px;border-radius:50%;border:1px solid #7aa7d0;background:rgba(255,255,255,.62);color:#315f91;font-size:18px;cursor:pointer;box-shadow:inset 0 0 0 5px rgba(255,255,255,.45)}.inclusive-line{display:flex;align-items:center;justify-content:center;gap:22px;margin:16px 0 36px;font-size:10px;letter-spacing:.34em;color:#597ca0}.inclusive-line span{width:150px;height:1px;background:#789ec3}.virtual-section{min-height:790px;border-radius:34px 34px 0 0;margin-top:-10px;background:rgba(237,247,255,.2)}.virtual-entities{position:relative;z-index:7;display:grid;grid-template-columns:repeat(5,1fr);padding:34px 3.6% 36px;margin-top:0;overflow:hidden}.virtual-card{text-align:center;cursor:pointer;border-left:1px solid rgba(55,110,168,.1);overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative}.virtual-card:first-child{border-left:0}.vfigure{width:100%;height:330px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;padding-inline:8px;margin-bottom:14px;z-index:1;flex:0 0 330px}.vfigure img{max-height:94%;max-width:142%;filter:drop-shadow(0 25px 25px rgba(66,96,172,.24));will-change:transform;transition:.25s}.virtual-card:hover img{filter:drop-shadow(0 34px 38px rgba(74,80,210,.36)) brightness(1.05)}
.matrix-section{min-height:790px;padding-bottom:45px}.matrix-section .section-heading{padding-top:52px}.matrix-section .section-heading h2,.rights-section .section-heading h2,.taxonomy .section-heading h2{font-size:clamp(38px,3.5vw,64px)}.download{position:absolute;right:4%;top:70px;z-index:20;border:1px solid #bfd6e9;border-radius:999px;background:rgba(255,255,255,.8);padding:12px 20px;color:#385f86;font-weight:650;cursor:pointer;box-shadow:0 8px 22px rgba(51,103,150,.1)}.matrix-wrap{position:relative;z-index:5;width:94%;margin:38px auto 0;background:rgba(250,253,255,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:13px;box-shadow:var(--shadow);overflow:auto}.matrix-wrap table{width:100%;border-collapse:separate;border-spacing:0 7px;min-width:1100px}.matrix-wrap thead th{text-align:left;font-size:10px;letter-spacing:.08em;color:#163d68;padding:0 12px 9px}.matrix-wrap thead small{display:block;margin-top:3px;font-size:7px;letter-spacing:.16em;color:#7693b0}.matrix-wrap tbody tr{cursor:pointer}.matrix-wrap td{padding:5px 9px;font-size:11px;color:#2e5c87}.matrix-wrap td:first-child{font-weight:800;color:#0c2f59}.matrix-wrap td:first-child small{display:block;font-size:8px;color:#7993ad;font-weight:600}.matrix-wrap .mini{display:inline-flex;align-items:center;min-width:132px;border-radius:999px;padding:7px 12px;background:#e9f3fb}.matrix-wrap .bio{background:#dff8eb;color:#1c7755}.matrix-wrap .hyb{background:#dfeefd;color:#2768a9}.matrix-wrap .virt{background:#eee7ff;color:#6a43c7}.matrix-wrap .warn{background:#fff0dc;color:#b16b1b}.matrix-wrap .risk{background:#ffe7e5;color:#c34b42}.matrix-wrap .ok{background:#dff8e9;color:#177c50}.thumb{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 10%;vertical-align:middle;margin-right:8px;background:#eef7ff}
.rights-section{min-height:720px;padding-bottom:44px}.rights-section .section-heading{padding-top:48px}.rights-grid{position:relative;z-index:6;width:95%;margin:34px auto 0;display:grid;grid-template-columns:.9fr repeat(5,1fr) .9fr;align-items:end;gap:10px}.rights-card{position:relative;min-height:500px;text-align:center;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(247,252,255,.64));border:1px solid rgba(255,255,255,.72);box-shadow:0 15px 40px rgba(59,105,151,.08);padding:0 14px 16px;cursor:pointer}.rights-card img{height:265px;max-width:145%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 18px rgba(28,88,142,.16));margin-top:2px}.rights-card h3{font-size:13px;margin:0 0 9px}.rights-card ul{list-style:none;padding:12px 15px;margin:0;text-align:left;border-radius:12px;background:rgba(17,67,117,.72);backdrop-filter:blur(8px);color:#fff}.rights-card li{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.12)}.rights-card li:last-child{border-bottom:0}.rights-card button{margin-top:11px;width:100%;border:0;border-radius:999px;background:linear-gradient(#2e82e0,#1357ad);color:#fff;padding:9px;cursor:pointer}.policy-copy{align-self:center;padding:20px 8px;color:#516f8d}.policy-copy h4{font-size:14px;color:#1b70dc;line-height:1.2}.policy-copy p{font-size:12px;line-height:1.7}.policy-copy.right{text-align:right}.taxonomy{padding-bottom:70px;min-height:760px;background:linear-gradient(#f7fcff,#e6f3fd)}.taxonomy .section-heading{padding-top:60px}.taxonomy-grid{width:94%;margin:38px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.tax-card{position:relative;min-height:330px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.67);border:1px solid rgba(146,187,220,.35);box-shadow:0 12px 35px rgba(46,99,146,.09);text-align:center;cursor:pointer;transition:.25s}.tax-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(46,99,146,.16)}.tax-card img{display:block;width:100%;height:230px;max-width:100%;object-fit:contain;object-position:center bottom;box-sizing:border-box;padding:18px 22px 0;filter:drop-shadow(0 18px 16px rgba(38,83,127,.16))}.tax-card .code{position:absolute;top:12px;left:12px;font-size:10px;padding:5px 8px;border-radius:999px;background:#0d2c50;color:#64d6ff;font-weight:800}.tax-card h3{font-size:12px;letter-spacing:.05em;margin:5px 8px}.tax-card p{font-size:9px;letter-spacing:.11em;color:#6b87a4;margin:0 8px 14px;text-transform:uppercase}
footer{display:flex;align-items:center;justify-content:space-between;padding:22px 3%;background:#eef8ff;border-top:1px solid #c9e0f2;color:#657f99}footer p{font-size:10px;letter-spacing:.16em}footer nav{display:flex;gap:20px}footer nav a{font-size:10px;color:#4b6885;text-decoration:none}
.drawer-scrim{position:fixed;z-index:3000;inset:0;background:rgba(7,28,52,.18);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:3100;right:18px;top:50%;width:min(680px,calc(100vw - 30px));max-height:90vh;transform:translate(110%,-50%);transition:.45s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.85);border-radius:28px;background:rgba(247,252,255,.95);backdrop-filter:blur(25px) saturate(160%);box-shadow:0 35px 100px rgba(15,55,96,.28);overflow:hidden;display:grid;grid-template-columns:44% 56%}.drawer.open{transform:translate(0,-50%)}.close{position:absolute;right:14px;top:14px;z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid #d5e3ef;background:rgba(255,255,255,.8);font-size:23px;color:#345a7e;cursor:pointer}.drawer-visual{min-height:560px;position:relative;background:radial-gradient(circle at 45% 24%,#eff9ff,#cee6f8 60%,#b9d9f2);overflow:hidden}.drawer-glow{position:absolute;width:360px;height:360px;left:50%;top:20%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(65,152,255,.32),transparent 70%);filter:blur(4px)}.drawer-visual img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-width:none;width:145%;max-height:94%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(24,81,135,.23))}.drawer-content{padding:55px 40px 34px}.drawer-content h2{font-size:38px;letter-spacing:-.04em;margin:8px 0 12px}.drawer-content p{font-size:14px;line-height:1.72;color:#57718b}.facts{margin:25px 0}.fact{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #d9e7f2;font-size:12px}.fact span:first-child{color:#7590aa}.fact b{text-align:right}.primary{width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(#2e83e3,#1458ae);color:#fff;display:flex;justify-content:space-between;cursor:pointer}.search-overlay{position:fixed;z-index:4000;inset:0;background:rgba(8,31,58,.22);backdrop-filter:blur(9px);display:grid;place-items:start center;padding-top:95px;opacity:0;pointer-events:none;transition:.25s}.search-overlay.open{opacity:1;pointer-events:auto}.search-panel{width:min(680px,calc(100vw - 30px));padding:18px;border-radius:22px;background:rgba(250,253,255,.97);box-shadow:0 30px 80px rgba(17,60,104,.24)}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.search-head button{border:0;background:transparent;font-size:23px;cursor:pointer}.search-panel input{width:100%;height:50px;border:1px solid #d4e5f3;border-radius:13px;padding:0 15px;font-size:15px;outline:none}.search-result{display:flex;align-items:center;gap:12px;width:100%;border:0;background:#eff7fd;border-radius:12px;padding:10px;margin-top:7px;text-align:left;cursor:pointer}.search-result img{width:46px;height:46px;object-fit:contain}.search-result b{display:block}.search-result small{color:#738da7}
@media(max-width:1200px){.nav nav{display:none}.hero{min-height:840px}.figure{height:390px}.rights-grid{grid-template-columns:repeat(5,1fr)}.policy-copy{display:none}.taxonomy-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.nav{width:calc(100% - 14px);height:50px}.future-btn{padding:0 12px;gap:9px}.search-btn span{display:none}.section-heading{padding-top:84px}.edge-note{display:none}.hero,.virtual-section{min-height:auto}.hero-entities{grid-template-columns:repeat(2,1fr);padding:12px 4% 25px}.entity-card{border-bottom:1px solid rgba(55,110,168,.1)}.figure{height:350px;flex-basis:350px}.virtual-entities{grid-template-columns:repeat(2,1fr)}.vfigure{height:290px;flex-basis:290px}.virtual-card:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.download{position:static;display:block;margin:18px auto}.rights-grid{grid-template-columns:repeat(2,1fr)}.rights-card{min-height:440px}.rights-card img{height:235px}.taxonomy-grid{grid-template-columns:repeat(2,1fr)}.drawer{grid-template-columns:1fr;right:8px}.drawer-visual{display:none}.drawer-content{padding:48px 28px 28px}}
@media(max-width:520px){.future-btn{font-size:9px}.hero-entities,.virtual-entities{grid-template-columns:1fr}.entity-card,.virtual-card{border-left:0}.figure{height:420px;flex-basis:420px}.virtual-card:last-child{max-width:none}.vfigure{height:320px;flex-basis:320px}.section-heading h1,.section-heading h2{font-size:42px}.subtitle{font-size:9px}.rights-grid{grid-template-columns:1fr}.taxonomy-grid{grid-template-columns:1fr}.tax-card img{height:280px}footer{flex-direction:column;gap:12px}.drawer-content h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-bg,.globe,.figure img,.vfigure img,.drawer{transition:none!important}}

/* v5 parallax safety: keep floating visuals inside their own frames */
.hero .section-heading,.virtual-section .section-heading,.matrix-section .section-heading,.rights-section .section-heading,.taxonomy .section-heading{pointer-events:none}
.hero-entities .figure,.virtual-entities .vfigure{contain:paint}

/* v6 card-content safety so captions/icons stay above artwork and with clear space */
.entity-card h3,.entity-card p,.entity-card button,.virtual-card h3,.virtual-card p,.virtual-card button{position:relative;z-index:3}
.virtual-card p{min-height:58px;margin-top:4px}
.entity-card p{padding-inline:8px}
.virtual-card button,.entity-card button{margin-top:8px;margin-bottom:10px}