:root{color-scheme:dark;--bg:#010712;--panel:#071225;--line:rgba(85,205,255,.23);--fg:#f3f8ff;--sub:#aabdd7;--cyan:#62e9ff;--violet:#b79aff;--gold:#ffd99a;--mint:#6ef8cb;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(ellipse at 49% -2%,#102552 0,#061027 38%,#010712 75%);min-width:320px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.36;background-image:radial-gradient(1px 1px at 15px 23px,#5fdcff 55%,transparent),radial-gradient(1px 1px at 102px 90px,#ed9bff 55%,transparent);background-size:155px 133px,233px 191px}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:8px;background:white;color:#001;padding:10px;z-index:100}.skip:focus{top:4px}*:focus-visible{outline:2px solid #9ef8ff;outline-offset:4px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:.75rem;color:var(--cyan);font-weight:750}.muted{color:var(--sub)}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(117,193,255,.16);backdrop-filter:blur(24px);background:rgba(1,5,15,.86)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;min-width:200px}.brand-glyph{width:37px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px #22b7fa)}.brand strong{font-size:1.28rem;letter-spacing:.08em;font-weight:750;color:#79e8ff}.brand small{display:block;font-size:.6rem;color:#acbce9;letter-spacing:.36em}.navlinks{display:flex;align-items:center;gap:23px;font-size:.77rem;letter-spacing:.06em}.navlinks a:not(.nav-cta){color:#c2cde4}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--cyan)}.nav-cta{border:1px solid #3d8dff;padding:10px 15px;border-radius:10px;background:linear-gradient(125deg,rgba(0,189,255,.13),rgba(146,49,249,.12));font-weight:700}.menu-toggle{display:none;border:1px solid var(--line);color:var(--fg);background:rgba(4,22,49,.7);border-radius:10px;padding:8px 12px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;background:radial-gradient(ellipse at 48% 43%,rgba(63,76,191,.4),transparent 34%),radial-gradient(ellipse at 17% 55%,rgba(0,156,255,.25),transparent 38%),radial-gradient(ellipse at 83% 55%,rgba(230,65,166,.17),transparent 40%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(2px 2px at 15% 17%,#61dfff,transparent),radial-gradient(2px 2px at 85% 9%,#e99afb,transparent),radial-gradient(2px 2px at 53% 71%,#f2e8ff,transparent);background-size:257px 153px;opacity:.6}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(transparent,var(--bg));z-index:-1}.hero-inner{padding:45px 0 95px;text-align:center;position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,8vw,7.6rem);font-weight:760;letter-spacing:.045em;line-height:1.05;margin:5px 0;color:transparent;background:linear-gradient(90deg,#69cfff 7%,#a6bfff 41%,#ffe6b8 73%,#ff9fa2);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 55px rgba(72,149,255,.2)}.hero-sub{font-size:clamp(.84rem,1.6vw,1.15rem);color:#d6d7fa;margin:0}.hero-caption{max-width:690px;margin:0 auto 0;color:#b5c7dc;font-size:.98rem}.hero-fig{position:relative;margin:15px auto 0;max-width:1160px;height:350px;display:grid;place-items:center}.soul-art,.dragon-art{position:absolute;max-width:49%;width:500px;height:auto;top:5px;filter:drop-shadow(0 0 17px rgba(55,160,255,.2));pointer-events:none}.soul-art{left:0}.dragon-art{right:0}.portal-orbit{width:min(340px,68vw);aspect-ratio:1;border:1.5px solid rgba(124,172,255,.61);border-radius:50%;position:absolute;box-shadow:0 0 32px rgba(40,129,255,.28),inset 0 0 43px rgba(49,85,189,.21);animation:orbit 25s linear infinite}.portal-orbit:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,168,172,.35);border-radius:50%}.portal-orbit.second{width:min(270px,53vw);border-style:dashed;animation-duration:36s;animation-direction:reverse;opacity:.8}.prism{height:250px;width:200px;filter:drop-shadow(0 0 18px rgba(124,166,255,.7));animation:float 5s ease-in-out infinite}.centerpiece{position:relative;z-index:3;display:grid;place-items:center}.centerpiece .core-tag{color:#9effef;font-size:.69rem;letter-spacing:.2em;text-shadow:0 0 15px #0cc7ff;margin-top:-4px}.energy-line{height:2px;width:60%;background:linear-gradient(90deg,transparent,#40ccff,#edb6ff,#ff9e7e,transparent);position:absolute;top:55%;box-shadow:0 0 16px #a74cff;z-index:-1}.twin-label{position:absolute;top:56%;text-align:left;z-index:4;max-width:190px}.twin-label.left{left:9%}.twin-label.right{right:8%}.twin-label b{display:block;font-size:1rem;letter-spacing:.14em;color:#6de4ff}.twin-label.right b{color:#ffca95}.twin-label span{font-size:.77rem;color:#d2cde4}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:17px 0 19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border:1px solid #357de8;border-radius:12px;background:rgba(11,30,66,.74);font-size:.84rem;font-weight:730;letter-spacing:.035em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 27px rgba(28,170,255,.18)}.button.primary{color:#031523;background:linear-gradient(100deg,#73e7ff,#a29dff);border-color:#82daff}.hero-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero-pills span{border:1px solid rgba(77,194,255,.22);padding:4px 11px;border-radius:50px;color:#b0c4e2;font-size:.7rem;letter-spacing:.05em}
.section{padding:86px 0}.section-head{text-align:center;max-width:820px;margin:0 auto 36px}.section-head h2{font-size:clamp(2rem,4.2vw,3.6rem);letter-spacing:-.025em;line-height:1.2;margin:9px 0 13px}.section-head p:last-child{color:var(--sub)}.glass{background:linear-gradient(155deg,rgba(12,28,57,.87),rgba(4,13,34,.85));border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 42px rgba(0,0,0,.17)}.grid{display:grid;gap:16px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.feature-card{display:flex;flex-direction:column;gap:9px;padding:22px;min-height:193px;position:relative;overflow:hidden;transition:.25s}.feature-card:hover,.module-card:hover{border-color:#5cdfff;transform:translateY(-4px)}.feature-icon{font-size:1.85rem;color:var(--cyan)}.feature-card b,.module-card h3{font-size:1rem;line-height:1.35}.feature-card p,.module-card p{font-size:.79rem;color:var(--sub);margin:0}.feature-card .arrow{margin-top:auto;color:var(--cyan);text-align:right}.feature-card:before{content:"";position:absolute;width:90px;height:90px;right:-34px;top:-42px;border-radius:50%;background:var(--accent,#45d6ff);opacity:.075;filter:blur(6px)}.live-band{background:linear-gradient(90deg,rgba(6,35,64,.85),rgba(28,14,59,.65));border:1px solid var(--line);border-radius:22px;padding:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center}.live-orb{min-height:220px;display:grid;place-items:center;position:relative}.live-orb:before{content:"";width:210px;height:210px;border:1px solid #5ccaff;border-radius:50%;position:absolute;box-shadow:0 0 46px #1d7efc66,inset 0 0 30px #8252ff77;animation:breathe 5s ease-in-out infinite}.live-orb .prism{width:100px;height:140px;animation:float 5s ease-in-out infinite}.live-descr p{color:var(--sub)}.live-descr h3{font-size:1.5rem;line-height:1.3;margin:9px 0}.pulse-demo{color:#9de9ff;padding:9px 15px;margin:12px 8px 0 0;background:#09192e;border:1px solid #4e93ce;border-radius:10px}.pulse-demo[aria-pressed=true]{background:#17325a}.pulse-indicator{display:inline-block;width:8px;height:8px;background:#7be5f3;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #7be5f3}.pulse-meta{font-size:.7rem;color:#a8b9d6}
.tech-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.diagram-cell{min-height:112px;border:1px solid rgba(105,186,254,.2);background:rgba(6,22,44,.72);border-radius:15px;padding:16px;text-align:center}.diagram-cell .sym{font-size:1.65rem;display:block;margin-bottom:6px}.diagram-cell h3{font-size:.88rem;margin:0 0 3px}.diagram-cell p{color:var(--sub);font-size:.72rem;margin:0}.architecture-note{text-align:center;margin:20px 0 0;color:#9ab2cf;font-size:.75rem}.featured-cta{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:30px;margin-top:24px}.featured-cta h2{margin:5px 0 7px}.featured-cta p{color:var(--sub);margin:0}.archive-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:33px;border:1px solid rgba(255,218,161,.23);border-radius:20px;background:radial-gradient(ellipse at 100% 0%,rgba(217,141,65,.15),transparent 54%),rgba(10,18,40,.82)}.archive-panel h2{font-size:2rem;margin:6px 0}.archive-panel p{color:var(--sub)}.book-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.book{border:1px solid rgba(255,208,144,.19);background:rgba(28,21,39,.5);border-radius:12px;padding:14px;font-size:.8rem;color:#edddce}.book:before{content:"◈";color:var(--gold);margin-right:9px}.principle{text-align:center;max-width:800px;margin:0 auto;font-size:clamp(1.35rem,2.9vw,2.2rem);line-height:1.5;font-weight:620;color:#c0dbf9}.principle strong{color:#ffddb1}.site-footer{border-top:1px solid var(--line);background:#020814;padding:35px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem;color:#aabbd3}.footer-links a:hover{color:var(--cyan)}.footer-bottom{padding-top:22px;margin-top:28px;border-top:1px solid rgba(255,255,255,.09);font-size:.7rem;color:#889db8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.footer-badges{color:#84edfc;font-size:.7rem;letter-spacing:.12em;margin-top:10px}
.page-hero{padding:85px 0 38px;text-align:center;background:radial-gradient(ellipse at center top,rgba(60,85,255,.18),transparent 65%)}.page-hero h1{font-size:clamp(2.3rem,5.5vw,4.8rem);line-height:1.15;margin:8px 0}.page-hero p{max-width:710px;color:var(--sub);margin:9px auto}.catalog-tools{display:flex;flex-wrap:wrap;gap:10px;margin:18px auto 25px;justify-content:center}.catalog-tools input{background:#07132a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:260px;flex:1;max-width:420px;color:white}.filter-pill{border:1px solid var(--line);border-radius:50px;background:rgba(4,23,44,.8);padding:8px 14px;color:#d4dcec;font-size:.76rem}.filter-pill[aria-pressed=true]{background:#17517b;color:#fff;border-color:#4fcfff}.module-group{margin:40px 0}.module-group h2{font-size:1.55rem;margin:0 0 18px;border-left:3px solid var(--accent);padding-left:15px}.module-grid{grid-template-columns:repeat(3,1fr)}.module-card{display:block;padding:20px;transition:.25s}.module-card h3{margin:0 0 8px;color:#e9f4ff}.module-card small{display:block;margin:15px 0 0;color:#9fd8e9}.module-card[hidden],.module-group[hidden]{display:none}.status-label{display:inline-block;border:1px solid rgba(155,187,239,.23);border-radius:20px;padding:4px 10px;color:#bacce0;font-size:.68rem;margin-top:12px}.detail-main{max-width:920px;margin:10px auto 90px}.detail-main h1{font-size:clamp(2.4rem,5vw,4.4rem);margin:7px 0}.detail-main .lead{font-size:1.15rem;color:#bed0eb}.detail-block{padding:28px;margin:22px 0}.detail-block h2{margin-top:0}.back{display:inline-block;color:var(--cyan);margin-bottom:20px}.detail-list{display:flex;flex-wrap:wrap;gap:10px}.detail-list a{padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:#bcd9ee;font-size:.82rem}.roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.milestone{padding:24px}.milestone small{color:var(--cyan);font-weight:800}.milestone h2{margin:4px 0}.milestone p{color:var(--sub)}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px)}}@keyframes breathe{50%{transform:scale(1.09);opacity:.6}}
@media(max-width:1000px){.navlinks{gap:11px;font-size:.72rem}.grid4{grid-template-columns:repeat(2,1fr)}.tech-diagram{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.twin-label.left{left:1%}.twin-label.right{right:1%}}
@media(max-width:700px){.nav-inner{min-height:66px}.brand{min-width:0}.brand strong{font-size:1rem}.brand small{font-size:.48rem}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:#030c1e;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:stretch;gap:13px}.navlinks.open{display:flex}.hero{min-height:620px}.hero-inner{padding:42px 0 70px}.hero h1{letter-spacing:0;font-size:clamp(2.65rem,10vw,4.5rem)}.hero-fig{height:250px}.portal-orbit{width:225px}.portal-orbit.second{width:174px}.prism{height:195px;width:146px}.soul-art,.dragon-art{max-width:52%;opacity:.65}.twin-label{top:70%;max-width:125px}.twin-label b{font-size:.73rem}.twin-label span{font-size:.63rem}.hero-caption{margin-top:15px}.section{padding:57px 0}.live-band{grid-template-columns:1fr}.archive-panel,.featured-cta{grid-template-columns:1fr}.tech-diagram{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:1fr}}
@media(max-width:490px){.container{width:min(100% - 24px,var(--max))}.grid3,.grid4,.module-grid{grid-template-columns:1fr}.hero{min-height:590px}.soul-art{left:-55px;max-width:65%;opacity:.47}.dragon-art{right:-45px;max-width:65%;opacity:.42}.twin-label{display:none}.hero-pills{gap:5px}.hero-pills span{font-size:.6rem}.book-list,.tech-diagram{grid-template-columns:1fr 1fr}.feature-card{min-height:155px}.live-orb{min-height:180px}.live-orb:before{width:145px;height:145px}.footer-bottom{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.layer-card{padding:22px;position:relative;min-height:137px}.layer-card h3{font-size:.84rem;color:var(--cyan);letter-spacing:.09em;margin:0 0 13px}.layer-card p{color:var(--sub);font-size:.77rem;margin:0;line-height:1.9}
/* v4.1 staged: language switching and governance references */
.lang-switch{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:9px;padding:5px;background:#061323}.lang-switch a{font-size:.72rem;letter-spacing:0!important;color:#a5bfdf!important;padding:3px 6px}.lang-switch a[aria-current=true]{color:#74e5ff!important;font-weight:800;background:#103154;border-radius:4px}.detail-main .button{display:inline-block;margin-top:8px}.detail-main code{font-size:.75rem;overflow-wrap:anywhere}.site-footer .footer-links a[target=_blank]:after{content:' ↗';color:#7edcff}.module-card a{display:block;color:#73dcff;font-size:.8rem;margin-top:12px}.module-group{margin:34px 0 52px}.module-group h2{color:#9ee5ff}.feature-card a{color:#6ee8ff;font-size:.8rem;margin-top:auto}.feature-card h3{margin:0}.section .muted{margin:16px 0}@media(max-width:900px){.nav-inner .navlinks{flex-wrap:wrap;justify-content:flex-end}.lang-switch{flex-shrink:0}}@media(max-width:640px){.nav-inner{flex-wrap:wrap}.nav-inner .navlinks{display:flex;gap:8px;flex-wrap:wrap}.nav-inner .navlinks>a{font-size:.64rem}.lang-switch{margin:auto}}

/* v4.1 visual module blueprints — source artwork, NOT simulated data */
.module-blueprint p {max-width:84ch;}
.module-blueprint h3 {color:#8be8fa;margin:26px 0 9px;font-size:1.03rem;letter-spacing:.02em}
.module-blueprint .lead {font-size:1.08rem;color:#e6f3ff;line-height:1.72}
.module-blueprint .concept-warning {padding:13px 16px;border-left:3px solid #ffd09b;background:rgba(201,136,57,.08);color:#ffdfae;border-radius:4px 9px 9px 4px}
.module-bullets {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;color:#c0d8ed;padding-left:24px}
.module-bullets li {padding:0 0 5px 5px;line-height:1.6}
.module-references {display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 26px}
.module-references a {border:1px solid rgba(77,204,244,.35);border-radius:9px;padding:7px 11px;color:#7de9fc;background:rgba(12,33,60,.65);font-size:.85rem}
.module-references a:hover {background:rgba(45,99,150,.45)}
.module-roadmap {padding:12px 16px;border-radius:9px;background:rgba(73,45,140,.22);color:#d9d0fe}
.module-visuals h2 {margin-bottom:6px}
.concept-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.concept-figure {margin:0;border:1px solid rgba(102,195,255,.23);border-radius:13px;overflow:hidden;background:#020b1d;align-self:start}
.concept-figure a {display:block;line-height:0}
.concept-figure img {width:100%;height:auto;object-fit:contain;display:block;transition:transform .25s}
.concept-figure:hover img {transform:scale(1.015)}
.concept-figure figcaption {font-size:.79rem;line-height:1.55;padding:11px 13px;color:#b1d5ef}
@media(max-width:760px){.concept-grid,.module-bullets {grid-template-columns:1fr}}

/* WEB6 v4.2 origins, domain catalog, platform maps */
.nav-inner{gap:14px}.navlinks{gap:12px}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.story-card{padding:24px;position:relative;overflow:hidden}.story-card time{color:#83e3fa;letter-spacing:.12em;font-weight:700;font-size:.75rem}.story-card h2{font-size:1.25rem;margin:8px 0}.story-card p{color:#b8cce2;font-size:.88rem;line-height:1.7}.story-card:before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(77,147,255,.08);right:-35px;top:-35px}
.heritage-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:28px}.heritage-banner p{color:#bcd7e9;line-height:1.8}.heritage-card{padding:16px;border:1px solid rgba(135,189,254,.28);border-radius:12px;background:rgba(3,20,42,.8)}
.heritage-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.heritage-links a{font-size:.8rem;color:#80ecff;padding:10px 13px;border:1px solid rgba(95,187,239,.32);border-radius:8px}
.domain-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 22px}.domain-toolbar input{background:#06172e;border:1px solid rgba(99,194,255,.4);border-radius:12px;color:#f0f8ff;padding:12px 15px;max-width:440px;min-width:min(100%,300px);flex:1}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.domain-card{padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}.domain-card .domain-name{font-size:1.03rem;font-weight:730;color:#dcf6ff;word-break:break-word}.domain-card .domain-role{font-size:.83rem;color:#b6d5f0;line-height:1.55}.domain-card .domain-status{font-size:.68rem;letter-spacing:.02em;color:#aac3db}.domain-card .domain-status.live{color:#91ffd9}.domain-card a.domain-name{color:#6fe8ff}.domain-card[hidden]{display:none}
.architecture-planes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.architecture-panel{padding:22px}.architecture-panel h2{font-size:1.05rem;margin:0 0 12px;color:#91eaff}.architecture-panel p,.architecture-panel li{color:#bad2eb;font-size:.87rem;line-height:1.7}
.nav-tag{font-size:.72rem;color:#ffdda9}.portal-next{margin-top:36px;padding:27px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.portal-next p{margin:5px 0;color:#a8c8e5}
@media(max-width:960px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.story-grid,.heritage-banner,.architecture-planes,.domain-grid{grid-template-columns:1fr}.domain-toolbar input{min-width:100%}.portal-next{display:block}.story-card{padding:20px}}


/* WEB6 4.3 · DESIGN-FIRST MODULE INTERFACES */
body.wx-body{--wx-accent:#5ce6fb;--wx-soft:rgba(83,224,255,.11)}
body.wx-violet{--wx-accent:#b6a0ff;--wx-soft:rgba(165,119,255,.12)}
body.wx-pink{--wx-accent:#fb83d2;--wx-soft:rgba(246,100,184,.11)}
body.wx-mint{--wx-accent:#71edc4;--wx-soft:rgba(83,232,186,.11)}
body.wx-orange{--wx-accent:#ffb57b;--wx-soft:rgba(255,168,79,.11)}
body.wx-gold{--wx-accent:#f9d88e;--wx-soft:rgba(255,206,100,.11)}
.wx-body .page-hero{padding:39px 0 23px;text-align:left;background:linear-gradient(110deg,var(--wx-soft),transparent 55%)}
.wx-body .page-hero h1{font-size:clamp(2rem,4vw,3.4rem)}
.wx-body .page-hero p{margin-left:0;margin-right:0;max-width:850px}
.wx-body .detail-main{max-width:1240px;margin-top:12px}
.wx-app{border:1px solid color-mix(in srgb,var(--wx-accent) 42%,transparent);border-radius:24px;background:linear-gradient(140deg,rgba(8,27,51,.97),rgba(2,9,23,.96) 62%);box-shadow:0 18px 70px rgba(0,0,0,.35),0 0 62px var(--wx-soft);overflow:hidden;position:relative;margin:0 0 25px}
.wx-app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 12%,var(--wx-soft),transparent 42%)}
.wx-appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:12px 20px;border-bottom:1px solid rgba(125,202,255,.18);position:relative;z-index:1;flex-wrap:wrap}
.wx-app-id{display:flex;gap:11px;align-items:center;font-weight:750;font-size:.81rem;letter-spacing:.065em}
.wx-app-id:before{content:'✧';font-size:1.1rem;color:var(--wx-accent)}
.wx-app-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#aac3d8;font-size:.71rem}
.wx-preview-badge{border:1px solid color-mix(in srgb,var(--wx-accent) 60%,transparent);border-radius:999px;padding:5px 11px;color:var(--wx-accent);font-weight:800;font-size:.65rem;letter-spacing:.065em}
.wx-layout{display:grid;grid-template-columns:210px minmax(0,1fr);position:relative;z-index:1}
.wx-sidebar{border-right:1px solid rgba(117,185,255,.17);background:rgba(1,10,24,.45);padding:24px 14px;display:flex;flex-direction:column;gap:9px}
.wx-sidetitle{font-size:.66rem;letter-spacing:.15em;color:#8fa9c9;font-weight:800;margin:6px 8px}
.wx-side-link{display:flex;gap:9px;align-items:center;padding:12px 10px;border-radius:10px;font-size:.77rem;color:#b8d0e7;line-height:1.3}
.wx-side-link:hover,.wx-side-link[aria-current='page']{color:#fff;background:var(--wx-soft);box-shadow:inset 3px 0 var(--wx-accent)}
.wx-side-link b{width:19px;text-align:center;font-size:1rem;color:var(--wx-accent)}
.wx-side-sep{height:1px;background:rgba(96,177,233,.18);margin:10px 6px}
.wx-side-foot{margin-top:auto;padding:14px 8px;font-size:.7rem;color:#94adc6;line-height:1.55}
.wx-main{min-width:0;padding:22px}
.wx-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.05fr);gap:19px;min-height:315px}
.wx-hero-copy{border:1px solid rgba(101,175,255,.14);border-radius:18px;background:radial-gradient(circle at 0 0,var(--wx-soft),transparent 75%),rgba(3,15,33,.75);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.wx-overline{color:var(--wx-accent);font-size:.7rem;letter-spacing:.16em;font-weight:850;text-transform:uppercase;margin:0 0 11px}
.wx-hero-copy h2{font-size:clamp(2rem,3.2vw,3.55rem);letter-spacing:-.035em;line-height:1.06;margin:0 0 18px;overflow-wrap:anywhere;background:linear-gradient(110deg,#fff,#bddeff);-webkit-background-clip:text;background-clip:text;color:transparent}
.wx-hero-copy p.wx-desc{font-size:.94rem;color:#c2d5e9;line-height:1.7;max-width:57ch;margin:0 0 24px}
.wx-actions{display:flex;gap:10px;flex-wrap:wrap}
.wx-action{display:inline-flex;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(99,194,255,.27);background:rgba(6,27,49,.85);color:#dceeff;padding:11px 14px;font-size:.75rem;font-weight:700;text-decoration:none}
.wx-action.wx-primary{background:var(--wx-accent);border-color:var(--wx-accent);color:#05101c}
.wx-action:hover{filter:brightness(1.14)}
.wx-hero-art{margin:0;min-height:330px;max-height:440px;border:1px solid rgba(105,186,244,.18);border-radius:18px;overflow:hidden;position:relative;background:#050d21;display:grid;place-items:center}
.wx-hero-art img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}
.wx-art-tag{position:absolute;left:15px;bottom:15px;border:1px solid rgba(114,197,255,.32);border-radius:9px;background:rgba(1,9,22,.83);backdrop-filter:blur(8px);font-size:.65rem;padding:7px 10px;color:#d1e5fa;z-index:2}
.wx-orb{width:min(60%,250px);aspect-ratio:1;border-radius:50%;border:2px solid var(--wx-accent);box-shadow:0 0 26px var(--wx-soft),inset 0 0 90px var(--wx-soft);display:grid;place-items:center;position:relative}
.wx-orb:before,.wx-orb:after{content:"";position:absolute;inset:20px;border:1px dashed var(--wx-accent);border-radius:50%;animation:wx-spin 45s linear infinite}
.wx-orb:after{inset:42px;animation-direction:reverse;opacity:.4}
.wx-orb span{font-size:clamp(1.3rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;color:var(--wx-accent)}
@keyframes wx-spin{to{transform:rotate(360deg)}}
.wx-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(225px,.6fr);gap:17px;margin-top:17px;align-items:stretch}
.wx-workspace,.wx-side-panel{border:1px solid rgba(119,188,239,.17);border-radius:18px;background:rgba(6,20,43,.75);padding:22px;min-width:0}
.wx-workspace h3,.wx-side-panel h3{font-size:1.12rem;margin:0 0 7px;color:#ebf8ff}
.wx-workspace p,.wx-side-panel p{color:#aebfd5;font-size:.82rem;line-height:1.7}
.wx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 21px}
.wx-tab{padding:9px 14px;border:1px solid rgba(112,188,236,.24);border-radius:9px;background:#06142a;color:#a6c9e7;font-size:.76rem;font-weight:700;cursor:pointer}
.wx-tab:hover,.wx-tab[aria-selected='true']{background:var(--wx-soft);border-color:var(--wx-accent);color:#fff}
.wx-view[hidden]{display:none}.wx-view h4{color:#fff;font-size:1.5rem;line-height:1.2;margin:5px 0 10px}.wx-view p{min-height:42px}
.wx-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px}
.wx-feature{border:1px solid rgba(110,193,243,.19);border-radius:12px;background:rgba(3,13,29,.72);padding:14px 13px;min-height:102px;font-size:.75rem;line-height:1.5;color:#d6e6f3;display:flex;flex-direction:column;gap:9px}
.wx-feature:before{content:'◇';color:var(--wx-accent);font-size:1.1rem;line-height:1}
.wx-side-panel h3{font-size:.91rem;color:var(--wx-accent)}
.wx-route{display:flex;flex-direction:column;gap:8px;margin:19px 0 24px}
.wx-route-node{border:1px solid rgba(112,190,248,.24);border-radius:9px;padding:10px 12px;color:#d9ebfc;font-size:.8rem;background:rgba(3,13,31,.65);overflow-wrap:anywhere}
.wx-route-node:not(:last-child):after{content:'↓';color:var(--wx-accent);display:block;text-align:center;margin:6px 0 -17px;position:relative;top:17px}
.wx-route-node+.wx-route-node{margin-top:8px}
.wx-related{display:flex;flex-wrap:wrap;gap:8px}
.wx-related a{font-size:.72rem;color:var(--wx-accent);border:1px solid rgba(119,180,237,.25);padding:6px 9px;border-radius:8px;background:rgba(0,8,21,.55)}
.wx-bottomnote{padding:12px 18px;border-top:1px solid rgba(111,182,239,.19);color:#a0b5ce;background:rgba(0,6,16,.55);font-size:.7rem;letter-spacing:.008em}
.wx-body .detail-main>.glass.detail-block{background:rgba(5,18,36,.54);border-color:rgba(119,187,238,.15)}
.wx-body .detail-main>.glass.detail-block:first-of-type{margin-top:20px}
.wx-docs{margin:26px 0;border:1px solid rgba(114,195,246,.2);border-radius:18px;padding:0;background:rgba(4,15,33,.65)}
.wx-docs>summary{cursor:pointer;font-weight:780;color:#a7dcfa;padding:20px 26px;list-style:none}
.wx-docs>summary:after{content:'＋';float:right;color:var(--wx-accent)}
.wx-docs[open]>summary:after{content:'－'}
.wx-docs>summary::-webkit-details-marker{display:none}
.wx-docs>section{margin:0!important;border:0;background:transparent}
.wx-body .module-visuals .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wx-body .module-visuals .concept-figure img{aspect-ratio:16/10;object-fit:cover}
.wx-body .module-visuals h2{font-size:1.2rem}
.wx-body .detail-main>.back{font-size:.78rem}
.wx-body .detail-main>.back:before{content:'◁  ';color:var(--wx-accent)}
.wx-body .detail-main>.back{color:#9dd9f7}
/* Catalog gets visual card treatments too, rather than only a list */
.module-card{overflow:hidden;position:relative;border-color:rgba(95,184,244,.2);transition:transform .2s,border-color .2s,background .2s}
.module-card:hover{transform:translateY(-4px);border-color:#5de5f2;background:rgba(11,36,63,.93)}
.module-card-art{height:138px;overflow:hidden;border-radius:11px;margin:-6px -6px 14px;background:#071526;border:1px solid rgba(101,186,242,.15)}
.module-card-art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.84;transition:transform .4s,opacity .4s}
.module-card:hover .module-card-art img{transform:scale(1.055);opacity:1}
.module-card-art.module-card-art-empty{display:grid;place-items:center;background:radial-gradient(circle at 65% 50%,rgba(81,146,230,.28),transparent 50%),linear-gradient(135deg,#071a37,#081026)}
.module-card-art-empty span{color:#72e2f4;font-weight:900;font-size:2rem;letter-spacing:-.07em}
.module-card small{color:#75eaff}
@media(max-width:1130px){.wx-layout{grid-template-columns:165px minmax(0,1fr)}.wx-hero{grid-template-columns:1fr 1fr}.wx-main{padding:15px}.wx-hero-copy{padding:22px}.wx-bottom{grid-template-columns:1fr}.wx-side-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wx-route{margin:0}.wx-side-panel h3:nth-of-type(2){grid-column:2;grid-row:1}.wx-related{grid-column:2;grid-row:2}}
@media(max-width:820px){.wx-layout{display:block}.wx-sidebar{flex-direction:row;flex-wrap:wrap;padding:10px 13px;border-right:0;border-bottom:1px solid rgba(113,191,243,.2)}.wx-sidebar .wx-sidetitle,.wx-sidebar .wx-side-sep,.wx-sidebar .wx-side-foot{display:none}.wx-side-link{font-size:.74rem;padding:7px 9px}.wx-hero{grid-template-columns:1fr}.wx-hero-art{min-height:260px;max-height:400px}.wx-hero-art img{position:relative;max-height:400px;object-fit:contain}.wx-app{border-radius:17px}}
@media(max-width:600px){.wx-main{padding:10px}.wx-hero-copy{padding:22px}.wx-hero-art{min-height:200px}.wx-workspace,.wx-side-panel{padding:15px}.wx-feature-grid{grid-template-columns:1fr}.wx-bottom{gap:12px;margin-top:12px}.wx-side-panel{display:block}.wx-side-panel h3:nth-of-type(2){margin-top:20px}.wx-body .module-visuals .concept-grid{grid-template-columns:1fr}.wx-hero-copy h2{font-size:2rem}.wx-appbar{gap:7px}.wx-action{padding:10px}}
@media(prefers-reduced-motion:reduce){.wx-orb:before,.wx-orb:after{animation:none!important}}
/* Fix legacy 640px specificity that exposed full navigation and obscured product preview */
@media(max-width:700px){.nav-inner .navlinks{display:none}.nav-inner .navlinks.open{display:flex}.nav-inner{flex-wrap:nowrap}.nav-inner .lang-switch{margin:0}}

/* WEB6 4.3 · product-specific local studios */
.wx-sandbox{border:1px solid rgba(106,185,248,.2);background:linear-gradient(120deg,rgba(8,26,50,.82),rgba(2,11,27,.92));border-radius:17px;margin:17px 0;padding:22px;display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start}
.wx-sandbox-head h3{font-size:1.25rem;margin:5px 0 9px}.wx-sandbox-head p{font-size:.8rem;color:#a9bfd7;line-height:1.65}.wx-sandbox input:not([type=checkbox]),.wx-sandbox textarea,.wx-sandbox select{width:100%;border:1px solid rgba(111,187,248,.28);background:#06152d;color:#e6f3ff;border-radius:10px;padding:10px 12px;font:inherit;font-size:.81rem;resize:vertical}
.wx-sandbox label{color:#c7dcef;font-size:.78rem;font-weight:720;display:block;margin-bottom:6px}
.wx-preview-output{border-radius:11px;border:1px solid rgba(94,184,247,.24);background:rgba(1,9,24,.58);padding:15px 17px;display:flex;flex-direction:column;gap:7px}
.wx-preview-output>span{color:var(--wx-accent);font-size:.64rem;font-weight:800;letter-spacing:.12em}.wx-preview-output>strong{font-size:1.14rem;color:#e8f9ff}.wx-preview-output>small{font-size:.7rem;color:#92afc8;line-height:1.5}.wx-preview-output p{font-size:.78rem;color:#bbcee4;margin:0;line-height:1.65;overflow-wrap:anywhere}
.wx-privacy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}
.wx-privacy-options label{border:1px solid rgba(107,185,243,.25);border-radius:9px;padding:10px;display:flex;gap:6px;align-items:center;margin:0;cursor:pointer;background:rgba(5,23,45,.75)}
.wx-privacy-options input{accent-color:#7be8ff}
.wx-compose textarea{display:block}.wx-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:10px 0}.wx-compose-footer span{color:#92b3ce;font-size:.7rem}
.wx-pan-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.wx-pan-buttons button,.wx-steps button{border:1px solid rgba(89,182,246,.27);background:#061932;color:#adcee9;border-radius:9px;padding:10px 12px;font-size:.78rem;cursor:pointer}
.wx-pan-buttons button[aria-pressed=true],.wx-steps button[aria-pressed=true]{border-color:var(--wx-accent);background:var(--wx-soft);color:#fff}
.wx-pan-scene{display:grid;grid-template-columns:80px 1fr;gap:13px;align-items:stretch}.wx-pan-tower{height:150px;border:1px solid rgba(111,186,239,.23);border-radius:11px;background:linear-gradient(0deg,rgba(21,89,104,.28),transparent),radial-gradient(ellipse at center,#154158,#061329 80%);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;color:#93fff0}
.wx-pan-tower:before{content:'◈';font-size:1.2rem}.wx-pan-tower span{width:45px;height:1px;background:#66e9dd;box-shadow:0 3px 15px #5df9d0}.wx-pan-tower span:nth-child(2){width:33px}.wx-pan-tower span:nth-child(3){width:22px}
.wx-dragon-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wx-dragon-builder .wx-action{justify-self:start;align-self:end}.wx-dragon-builder .wx-preview-output{grid-column:1/-1}
.wx-atlas-search .wx-atlas-nodes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.wx-atlas-nodes a{border:1px solid rgba(102,175,252,.2);background:rgba(8,22,49,.65);border-radius:9px;padding:11px;color:#e0f1fb;font-size:.8rem}.wx-atlas-nodes span{color:var(--wx-accent);font-size:.68rem;display:block}.wx-atlas-nodes a[hidden]{display:none}.wx-atlas-count{font-size:.7rem;color:#94bbd7}
.wx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.wx-steps button{padding:12px 4px;font-size:.7rem}
@media(max-width:930px){.wx-sandbox{grid-template-columns:1fr;gap:10px}}
@media(max-width:550px){.wx-sandbox{padding:14px}.wx-privacy-options{grid-template-columns:1fr}.wx-dragon-builder{grid-template-columns:1fr}.wx-atlas-search .wx-atlas-nodes{grid-template-columns:1fr}.wx-steps{grid-template-columns:repeat(2,1fr)}.wx-pan-scene{grid-template-columns:55px 1fr}}