html[data-shell="landing"]{--paper:#080b16;--ink:#f1f2ff;--muted:#a2a8c0;--line:#ffffff16;--card:#101523;--soft:#a390ff17;--accent:#9c89ff;color-scheme:dark}
html[data-shell="landing"] body{background:radial-gradient(ellipse at 75% 7%,#37216345,transparent 35%),radial-gradient(ellipse at 7% 30%,#112e3b30,transparent 30%),var(--paper)}
html[data-shell="landing"] .header{padding-block:25px;border-bottom:1px solid var(--line)}html[data-shell="landing"] .brand-mark{box-shadow:0 0 25px #a390ff25}html[data-shell="landing"] .brand-by{color:#9298b0}html[data-shell="landing"] .button{color:#101020;background:linear-gradient(120deg,var(--accent),#b4a6ff);box-shadow:0 0 25px #9c89ff16;border:1px solid #c3b9ff40}html[data-shell="landing"] .button:hover{box-shadow:0 0 40px #9c89ff38}html[data-shell="landing"] .button-outline{background:transparent;color:var(--ink);border-color:#a390ff50}html[data-shell="landing"] .hero{min-height:740px;grid-template-columns:.9fr 1.1fr;gap:25px;padding-block:85px 85px}html[data-shell="landing"] h1{font-size:clamp(52px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em}html[data-shell="landing"] .gradient-text{background-image:linear-gradient(110deg,#c6bcff,var(--accent),#66e2d4);background-size:180% 100%;animation:spectrum 9s ease-in-out infinite}html[data-shell="landing"] .hero-description{max-width:440px;color:#acb3cc;font-size:15px}html[data-shell="landing"] .hero-note{color:#99a4be}html[data-shell="landing"] .small-check{color:#69dfbf}.hero-specs{display:flex;gap:24px;margin-top:38px;padding-top:23px;border-top:1px solid var(--line);max-width:440px}.hero-specs span{font-size:9px;color:#818ba7;line-height:1.8}.hero-specs strong{display:block;color:#e8e4ff;font-size:11px;letter-spacing:.07em}.scene-shell{position:relative;min-width:0}.scene-label{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6f7998;font-size:7px;letter-spacing:.15em;padding-inline:15px}.live-chip{color:#75e4ca;border:1px solid #75e4ca26;background:#75e4ca08;border-radius:20px;padding:5px 9px;font-size:6px}.scene{position:relative;perspective:1100px;height:480px;outline-offset:8px;touch-action:pan-y;contain:layout style}.scene-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--rotate-x,0deg))) rotateY(calc(-12deg + var(--rotate-y,0deg)));transition:transform .15s ease-out}.scene .workspace{position:absolute;left:4%;top:13%;width:92%;transform:translateZ(32px);transform-style:preserve-3d;background:#121927;border-color:#a08aff4a;box-shadow:0 28px 65px #0008,0 0 70px #865ef017;animation:none}.scene .workspace-top{border-color:#ffffff0a;color:#7f88a4;background:#0d1320;border-radius:16px 16px 0 0}.scene .workspace-toolbar{border-color:#ffffff0d;color:#929ab4;gap:12px}.scene .workspace-toolbar button{color:inherit;border:0;background:none;padding:5px 9px;font-size:9px;cursor:pointer;border-radius:5px}.scene .workspace-toolbar .tool-selected{background:#9c89ff22;color:#c5baff}.scene .workspace-status{color:#72dabe}.scene .graph{background-image:radial-gradient(#8a8cab30 .7px,transparent .7px);background-color:#101725}.scene .graph-label{color:#53617e}.scene .graph-node{background:linear-gradient(130deg,#252a42,#1c2236);border-color:#9c89ff55;color:#e9e6ff;box-shadow:0 6px 17px #0004;transform:translateZ(18px)}.scene .graph-node small{color:#8e95b0}.scene .graph-node .node-icon{color:#c1b6ff;background:#9c89ff21}.scene .node-condition{background:linear-gradient(130deg,#302643,#222337);border-color:#c4aaff99;box-shadow:0 0 24px #9c89ff12}.scene .node-action .node-icon{color:#6be5d0;background:#6be5d018}.scene .port{border-color:#20253a;background:#b29aff}.scene .graph-wires{stroke:#77629f}.scene .wire-flow{stroke:#bda5ff;filter:drop-shadow(0 0 4px #bb9bff66)}.scene .floating-insight{background:#202038ee;border-color:#ab93ff50;color:#efeaff;transform:translateZ(55px);left:-28px;bottom:-22px;box-shadow:0 20px 55px #0006}.scene .floating-insight div>span{color:#a3a4c0}.scene .graph-bottom{color:#737f9d}.scene .graph-cursor{color:#c4aeff}.scene .graph-cursor span{background:#b29aff;color:#1b1329}.scene .insight-icon{background:#9c89ff22;color:#bcaaff}.orbit-ring{position:absolute;left:11%;top:-3%;width:80%;height:102%;border:1px solid #9d7aff38;border-radius:50%;transform:rotateY(68deg) rotateZ(-24deg) translateZ(-25px);box-shadow:0 0 22px #9d7aff10,inset 0 0 22px #9d7aff08;pointer-events:none}.orbit-two{transform:rotateX(66deg) rotateY(12deg) translateZ(-45px);border-color:#62d9d02b}.depth-grid{position:absolute;left:-4%;right:-4%;top:53%;height:60%;background:linear-gradient(#aa8eff10 1px,transparent 1px),linear-gradient(90deg,#aa8eff10 1px,transparent 1px);background-size:32px 32px;transform:rotateX(68deg) translateZ(-80px);mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}.scene-badge{position:absolute;display:flex;align-items:center;gap:11px;background:#151d2def;border:1px solid #b49bff32;border-radius:11px;padding:12px 15px;box-shadow:0 18px 45px #0005;z-index:2;pointer-events:none}.scene-badge>span{font-size:23px;color:#af9bff}.scene-badge small{display:block;color:#6e7c9c;font-size:6px;letter-spacing:.15em}.scene-badge strong{font-size:9px;color:#d8dcf1;letter-spacing:.02em}.badge-data{right:-1%;top:4%;transform:translateZ(65px)}.badge-code{right:0;bottom:-1%;transform:translateZ(70px)}.badge-code>span{color:#72e0c7}.scene-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:22px;font-size:7px;color:#65718d;letter-spacing:.08em}.scene-controls>span{margin-right:auto}.scene-controls button{background:#151c2b;border:1px solid #ffffff18;border-radius:6px;color:#b3bcd3;padding:6px 8px;font-size:8px;cursor:pointer}.scene-controls button:hover{border-color:#b6a0ff60}.scene-disclaimer{color:#677390;font-size:8px;margin-top:9px;text-align:right}.preview-panel{position:absolute;inset:84px 8px 8px;background:#111827f7;border:1px solid #a38aff40;border-radius:10px;padding:22px;color:#cdd6ed;z-index:5;transform:translateZ(60px);font:11px/1.8 monospace;white-space:pre-wrap;overflow:auto}.preview-panel[hidden]{display:none}
html[data-shell="landing"] .formats{color:#d0d6eb}.formats>div{letter-spacing:.03em!important}html[data-shell="landing"] .section-heading>p{color:#99a3bd}html[data-shell="landing"] .feature-card{background:linear-gradient(140deg,#161a2b,#101622);border-color:#a898ff20}html[data-shell="landing"] .feature-large{background:radial-gradient(ellipse at 30% 90%,#6945b72d,transparent 70%),#141a2a}html[data-shell="landing"] .card-kicker{color:#8c84ad}html[data-shell="landing"] .mini-flow span{background:#1e2237;border-color:#8973bd60}html[data-shell="landing"] .mini-flow .accent-node{background:#a18cff;color:#1b1430}html[data-shell="landing"] .feature-card:hover{box-shadow:0 14px 60px #0004;border-color:#b396ff70}html[data-shell="landing"] .feature-card small{color:#8590a9}html[data-shell="landing"] .workflow{background:linear-gradient(130deg,#111a28,#141025);border-color:#ffffff0c}html[data-shell="landing"] .steps h3{color:#e6e5fa}html[data-shell="landing"] .step-number{background:#a18cff11;border-color:#a18cff45}.platform-section{padding-top:0}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-card{position:relative;display:block;border:1px solid var(--line);background:linear-gradient(140deg,#141a2a,#101521);border-radius:16px;padding:29px;transition:border-color .25s,transform .25s;overflow:hidden}.platform-card:hover{transform:translateY(-5px);border-color:#a38aff70}.platform-icon{display:block;width:42px;height:42px;border-radius:12px;background:#9c89ff18;color:#b4a4ff;text-align:center;font-size:27px;margin-bottom:22px}.platform-card .card-kicker{font-size:7px}.platform-card h3{font-size:24px;margin:12px 0}.platform-card p{font-size:12px;color:#9aa4bd;line-height:1.85}.card-link{display:block;color:#ad9eff;font-size:10px;margin-top:23px}.platform-note{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;align-items:center;gap:30px}.platform-note>span{font-size:8px;color:#b29dff;letter-spacing:.1em;white-space:nowrap}.platform-note p{font-size:11px;color:var(--muted);max-width:650px}.platform-note a{white-space:nowrap;font-size:10px}html[data-shell="landing"] .guide-list>a{background:#131929;border-color:#a898ff22}html[data-shell="landing"] .guide-icon{background:#9c89ff18;color:#b7a6ff}.manual-library{padding-top:0}.manual-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manual-catalog a{background:#111827;border:1px solid #ffffff14;border-radius:13px;padding:22px;transition:border-color .2s,transform .2s}.manual-catalog a:hover{border-color:#b49bff70;transform:translateY(-3px)}.manual-catalog strong{display:block;color:#d8dcef;font-size:13px}.manual-catalog span{display:block;color:#8793b0;font-size:10px;margin-top:8px}.manual-catalog small{display:inline-block;margin-bottom:14px;color:#b6a3ff;background:#aa8aff12;border:1px solid #aa8aff20;border-radius:5px;padding:2px 7px;font-size:8px}.manual-footnote{font-size:10px;color:#73809d;margin-top:20px}html[data-shell="landing"] .cta{background:radial-gradient(ellipse at 90% 20%,#7862bb50,transparent 70%),linear-gradient(135deg,#282347,#181e32);border:1px solid #b092ff40}html[data-shell="landing"] .cta .button{background:#b8a7ff;color:#1c1730}html[data-shell="landing"] .footer-mark{color:#1c1730}html[data-shell="landing"] .menu-toggle{background:#121a2a}html[data-shell="landing"] .menu-toggle span{background:#d8dcf3}.motion-paused #landing *,.motion-hidden #landing *, .scene.offscreen *{animation-play-state:paused!important}
@keyframes spectrum{50%{background-position:100% 50%}}
@media(max-width:1050px){html[data-shell="landing"] .hero{gap:15px}html[data-shell="landing"] h1{font-size:59px}.scene{height:430px}.hero-specs{gap:15px}.scene-badge{padding:9px 12px}.platform-grid{gap:12px}.platform-card{padding:23px}.platform-note{gap:20px}}
@media(max-width:760px){html[data-shell="landing"] .header nav{background:#111827;border-color:#a38aff40;box-shadow:0 15px 45px #0008}html[data-shell="landing"] .hero{grid-template-columns:1fr;padding-block:38px 42px;gap:45px;min-height:0}html[data-shell="landing"] h1{font-size:clamp(54px,13.5vw,74px);margin-block:22px;line-height:1.02}html[data-shell="landing"] .hero-description{font-size:13px;max-width:390px}.hero-specs{justify-content:center;max-width:none;margin-top:28px;padding-top:20px;gap:22px}.hero-specs strong{font-size:9px}.hero-specs span{font-size:8px}.scene{height:355px;perspective:900px}.scene-camera{transform:rotateX(5deg) rotateY(-7deg)}.scene .workspace{top:17%;left:2%;width:96%}.scene .floating-insight{left:10px;bottom:-25px;padding:11px 12px}.scene .floating-insight strong{font-size:8px}.scene .floating-insight div>span{font-size:7px}.scene .insight-icon{font-size:19px;padding:3px 7px}.scene-badge{padding:8px 10px;gap:8px}.scene-badge strong{font-size:8px}.scene-badge small{font-size:5px}.scene-badge>span{font-size:17px}.badge-code{bottom:0}.badge-data{top:5%;right:0}.scene-label{padding:0;font-size:6px}.live-chip{font-size:5px}.scene-controls{margin-top:5px;font-size:6px;gap:10px}.scene-controls button{font-size:7px}.scene-disclaimer{font-size:7px}.scene .workspace-toolbar button{font-size:7px;padding:4px 6px}.scene .workspace-toolbar{gap:5px;padding:9px}.scene .workspace-top{font-size:8px;height:32px}.scene .workspace-top .window-dot{width:4px;height:4px}.scene .graph-node{font-size:8px;height:17%;padding:6px;gap:6px}.scene .graph-node .node-icon{font-size:14px;width:21px;height:21px}.scene .graph-label{font-size:5px;top:10px;left:12px}.scene .graph-node small{font-size:4px}.scene .graph-bottom{font-size:5px}.scene .node-condition{width:51%;left:24.5%}.scene .preview-panel{inset:68px 6px 6px;font-size:8px;padding:14px}.orbit-ring{top:1%;height:94%}.platform-grid{grid-template-columns:1fr}.platform-card{padding:27px}.platform-card h3{font-size:26px}.platform-note{display:block}.platform-note p{margin:12px 0}.platform-note a{font-size:11px}.manual-catalog{grid-template-columns:1fr 1fr;gap:10px}.manual-catalog a{padding:17px}.manual-catalog strong{font-size:11px}.manual-catalog span{font-size:9px}.manual-library .section-heading p{font-size:13px}html[data-shell="landing"] .formats{padding-block:25px}html[data-shell="landing"] .faq{padding-top:0}.feature-symbol,.spark-bars{opacity:.7}}
@media(max-width:360px){.scene{height:310px}.scene-controls>span{display:none}.manual-catalog{grid-template-columns:1fr}.hero-specs{gap:14px}html[data-shell="landing"] .hero-actions{gap:12px}.scene .graph-node{font-size:7px}.scene .graph-node .node-icon{width:17px;height:17px}.scene .node-action{width:41%;left:29.5%}}
@media(prefers-reduced-motion:reduce){.scene-camera{transition:none;transform:none}.scene .workspace{transform:none}.scene .floating-insight{transform:none}.scene-badge{transform:none}.orbit-ring{opacity:.3}html[data-shell="landing"] .gradient-text{animation:none}}
[data-site-section][hidden]{display:none!important}.showcase-grid,.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.showcase-card,.journal-card{display:block;min-width:0;overflow:hidden;border:1px solid #a898ff22;border-radius:15px;background:linear-gradient(140deg,#161a2b,#101622);padding:19px;transition:transform .25s,border-color .25s,box-shadow .25s}.showcase-card:hover,.journal-card:hover{transform:translateY(-4px);border-color:#b49bff70;box-shadow:0 18px 45px #0005}.showcase-card>small,.journal-card>small{display:block;margin:14px 0 8px;color:#9c8ce2;font-size:8px;letter-spacing:.12em}.showcase-card>strong,.journal-card h3{display:block;margin:0;color:#e6e5fa;font-size:16px}.showcase-card>span:last-child,.journal-card p{display:block;margin-top:8px;color:#939db5;font-size:10px;line-height:1.7}.journal-card{padding:24px}.journal-card h3{font-size:19px;line-height:1.4}.journal-card>span{color:#b5a3ff;font-size:10px}.showcase-art{height:122px;position:relative;display:block;overflow:hidden;border:1px solid #aaa0ff18;border-radius:10px;background:radial-gradient(ellipse at 50% 120%,#6d55b84c,transparent 65%),#0c1422}.showcase-art:before,.showcase-art:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:#9d8aff30;top:40%;transform:rotate(-13deg)}.showcase-art:after{top:60%;transform:rotate(10deg);background:#65ddca55}.showcase-art i{position:absolute;width:7px;height:7px;background:#b6a4ff;border-radius:50%;left:23%;top:42%;box-shadow:0 0 18px #ae9aff}.showcase-art i:nth-child(2){left:75%;top:57%;background:#67e1cc;box-shadow:0 0 18px #67e1cc}.showcase-art b{position:absolute;right:12px;bottom:10px;color:#d4d6e9;font:8px monospace;letter-spacing:.09em}.art-rsi{background-image:linear-gradient(180deg,transparent 63%,#8a80bf17 64%),radial-gradient(ellipse at 50% 120%,#1a4c4b55,transparent 65%),#0c1422}.art-risk{background-image:repeating-linear-gradient(90deg,transparent 0 20px,#a794ff10 21px),radial-gradient(ellipse at 50% 120%,#392d5e55,transparent 65%),#0c1422}.community-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(26px,5vw,58px);border:1px solid #ad96ff40;border-radius:20px;background:radial-gradient(ellipse at 88% 20%,#64538b49,transparent 60%),linear-gradient(120deg,#15192a,#111624)}.community-panel h2{font-size:clamp(30px,4vw,50px);line-height:1.1;margin:12px 0}.community-panel p{max-width:580px;color:#9da8c1;font-size:13px;line-height:1.8}.community-panel .button{white-space:nowrap}.journal-section,.showcase-section{padding-top:35px;padding-bottom:65px}@media(max-width:760px){.showcase-grid,.journal-grid{grid-template-columns:1fr}.showcase-art{height:140px}.community-panel{display:block}.community-panel .button{display:inline-flex;margin-top:12px}.journal-card{padding:20px}}
.public-notices:not([hidden]){display:grid;gap:8px;padding-bottom:12px}.public-notice{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:14px 18px;border:1px solid #8f83d855;border-radius:10px;background:#141b2a;color:#dce2f5}.public-notice.level-warning{border-color:#d3a44d80}.public-notice.level-critical{border-color:#e46b8180}.public-notice strong{font-size:12px}.public-notice p{font-size:11px;color:#a8b2c8;margin-top:3px;line-height:1.6}.public-notice button{border:0;background:transparent;color:#c2cbe0;font-size:19px;line-height:1;cursor:pointer}
.scene{height:auto;aspect-ratio:1.12}.scene-controls{position:relative;z-index:20}.scene .graph{pointer-events:none}html[data-shell="landing"] #landing{overflow:clip}
/* Keep the complete interactive board on one plane; decorative orbits sit behind it. */
.scene .workspace{transform-style:flat}
.orbit-ring{transform:translateZ(-280px) rotateY(68deg) rotateZ(-24deg)}
.orbit-two{transform:translateZ(-330px) rotateX(66deg) rotateY(12deg)}
.depth-grid{transform:translateZ(-260px) rotateX(68deg)}
@media(max-width:1050px){.scene{height:auto;aspect-ratio:1.1}}
@media(max-width:760px){.scene{height:auto;aspect-ratio:.95}}
@media(max-width:360px){.scene{height:auto;aspect-ratio:.95}}
