/* NEUMANN V4 — complete brand mark, orbital ecosystem and multilingual charts. */
.header .logo-mark{width:46px;height:42px;overflow:visible;flex:0 0 46px}
.header .logo-mark img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal}
.header .brand{font-size:22px;letter-spacing:1.2px}.header .brand-sub{font-size:7px;letter-spacing:3px}
.orbital-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);border:0;gap:6%;align-items:center}
.orbit-column{min-width:0}.eco-wheel{width:100%;max-width:650px;aspect-ratio:1;position:relative;isolation:isolate;margin:auto;touch-action:pan-y}
.orbit-track{position:absolute;border:1px solid #a2efff28;border-radius:50%;pointer-events:none}.track-outer{inset:8%;box-shadow:0 0 60px #9eeeff08,inset 0 0 70px #9eeeff05}.track-inner{inset:29%;border-style:dashed;border-color:#a2efff24}
.orbit-crosshair{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#a2efff10 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#a2efff10 50%,transparent calc(50% + .5px));pointer-events:none}
.eco-rotor{position:absolute;inset:0;--orbit-angle:0deg;transform:rotate(var(--orbit-angle));touch-action:none;border-radius:50%}
.eco-rotor .eco-node:nth-child(n){position:absolute;width:19%;min-height:0;aspect-ratio:1.15;padding:11px 5px;transform:translate(-50%,-50%) rotate(calc(-1 * var(--orbit-angle)));border:1px solid #48616e;border-radius:14px;background:linear-gradient(135deg,#12242f,#07121a);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 7px 25px #0004;transition:background .2s,border-color .2s;user-select:none}
.eco-rotor .eco-node strong{margin:0;font-size:clamp(10px,1.1vw,15px);font-weight:500;line-height:1.25;overflow-wrap:anywhere;hyphens:auto;max-width:100%}
.eco-icon{font:25px/1 var(--display);color:var(--cyan)}.eco-rotor .eco-no{position:absolute;top:5px;left:7px;font-size:8px;color:#75909f}.eco-rotor .eco-node:hover{border-color:var(--cyan);background:#19343f}.eco-rotor .eco-node.active{background:var(--cyan);border-color:#c1f6ff;color:#07141b;box-shadow:0 0 25px #a2efff2b}.eco-node.active .eco-icon{color:#12323e}
.idea-hub{position:absolute;inset:35%;border:1px solid #a2efff92;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1a4659,#0c2430 70%);box-shadow:0 0 32px #a2efff20,0 0 90px #80dfff14,inset 0 0 35px #a2efff19;z-index:2}
.idea-hub>strong{font:500 clamp(24px,3.2vw,42px)/1.1 var(--display);letter-spacing:2px;text-shadow:0 0 18px #c0f7ffb0;color:#e7fcff}.hub-spark{position:absolute;top:12%;font-size:10px;color:#c8f6ff}.hub-subtitle{font-size:9px;color:#a6c4d3;margin:5px 0 7px}#orbit-toggle{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #a2efff5f;border-radius:30px;font-size:10px;line-height:1.2;padding:7px 13px;color:#ddf9ff;background:#07131b90;max-width:90%}#orbit-toggle:hover{background:#a2efff;color:#06151d}#orbit-toggle-icon{font-size:11px}
.orbit-hint{font-size:12px;color:#8ea6b5;text-align:center;margin:15px auto 0;max-width:450px}.orbit-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px;font-size:10px;color:#7e9ba9}.orbit-controls button{width:40px;height:36px;border:1px solid #324d5c;border-radius:8px;font-size:18px;color:var(--cyan)}.orbit-controls button:hover{background:#17303e}.orbital-layout .eco-detail{border:0;border-left:1px solid #355365;background:linear-gradient(90deg,#12243199,transparent);min-height:310px;padding:35px}.eco-detail .text-link{color:var(--cyan);margin-top:25px;font-size:11px}
.projects .project:nth-child(even){margin-top:0}.projects{row-gap:52px}.jjfit-brand-scene{position:absolute;inset:12% 12% 11%;display:flex;align-items:center;justify-content:center;flex-direction:column}.jjfit-official-logo{width:48%;height:55%;object-fit:contain;mix-blend-mode:screen;margin-bottom:5px}.jjfit-brand-scene>span{font-size:8px;letter-spacing:2px;color:#e7d5a5}.jjfit-brand-scene>strong{font-size:clamp(20px,2.4vw,32px);font-weight:400;margin-top:12px;letter-spacing:-1px}.jjfit-brand-scene>p{font-size:12px;color:#8caebc}.wishcode-logo{position:absolute;width:55%;height:67%;object-fit:contain;left:22.5%;top:12%;mix-blend-mode:screen}.wdeo .project-image{background:radial-gradient(ellipse at 50% 35%,#332e2266,transparent 68%),#080f16}.wdeo .project-image>img{position:absolute;left:24%;top:10%;width:52%;height:65%;object-fit:contain}.wdeo-caption{position:absolute;bottom:27px;left:23px;right:65px;font:14px/1.65 var(--display);letter-spacing:1px;color:#e1cca1}.app-showcase .project-image{background:radial-gradient(ellipse at 50% 75%,#0c536a80,transparent 70%),#081219}.app-preview-phone{position:absolute;inset:10% 29% -10%;border:1px solid #4e7484;border-radius:27px;background:linear-gradient(145deg,#153949,#07101a 60%);padding:22px 16px;display:flex;align-items:center;flex-direction:column;box-shadow:0 24px 40px #0007;transform:rotate(-5deg);text-align:center}.phone-island{width:42%;height:12px;border-radius:10px;background:#03080c;margin-bottom:14px}.app-preview-phone img{width:45%;aspect-ratio:1;object-fit:contain;mix-blend-mode:screen}.app-preview-phone small{font-size:5px;letter-spacing:1px;color:#dfcfaa;margin-top:5px}.app-preview-orb{display:grid;place-items:center;width:64px;height:64px;border:1px solid #a2efff77;border-radius:50%;font-size:30px;color:#b6f0ff;margin:17px 0;background:radial-gradient(#a2efff28,transparent);box-shadow:0 0 25px #a2efff20}.app-preview-phone strong{font-weight:400;font-size:15px;line-height:1.4}.app-preview-cta{font-size:6px;letter-spacing:1px;margin-top:15px;color:var(--cyan)}
.lab-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1380px;margin:auto}.lab-intro h2{margin-bottom:0}.lab .lab-intro p{max-width:580px}.lab .lab-intro .lab-note{margin-top:20px;font-size:12px}.chart-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.chart-card{min-width:0;border:1px solid #a993603f;background:radial-gradient(ellipse at 60% 0%,#182433,#071016 70%);padding:25px 20px;text-align:left;display:flex;flex-direction:column;gap:20px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.chart-card:before{content:'';position:absolute;width:130px;height:130px;border:1px solid #a9936033;border-radius:50%;right:-55px;top:-70px;pointer-events:none}.chart-card:hover{transform:translateY(-5px);border-color:#ddc48d}.chart-card .chart-no{font:10px monospace;letter-spacing:2px;color:#a38d60}.chart-card h3{font-size:22px;font-weight:400;color:#e8d3a3;line-height:1.35}.chart-card p{font-size:10px;color:#92a3ac;min-height:32px}.chart-mini{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;pointer-events:none;aspect-ratio:1.1}.chart-mini>span{display:flex;align-items:center;justify-content:center;border:1px solid #b5a16d25;font:7px monospace;color:#dac28c;overflow:hidden}.chart-mini .mini-hex{width:75%;display:flex;flex-direction:column-reverse;gap:2px}.mini-hex i{height:2px;background:#dac28c;display:block}.mini-hex i.yin{background:linear-gradient(90deg,#dac28c 42%,transparent 42%,transparent 58%,#dac28c 58%)}.chart-card-footer{display:flex;justify-content:space-between;align-items:center;color:#d8c28b;font-size:10px}.chart-card-footer b{font-size:25px;font-weight:400}.chart-note{font-size:11px!important;color:#8d9ea8!important;max-width:none!important;text-align:center;margin-top:24px!important}
#chart-modal{width:min(1120px,96vw);padding:40px;background:radial-gradient(ellipse at top right,#1e2d3b,#070e14 65%);border-color:#b19a64;max-height:93svh;overscroll-behavior:contain}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:30px}.chart-series{font:10px monospace;letter-spacing:2px;color:#d1bb85}.chart-toolbar label{display:flex;gap:12px;align-items:center;font-size:11px;color:#a9b9bf}.chart-toolbar select{width:140px;padding:8px;margin:0;color:#ead4a0;border-color:#9b855249;font-size:12px}#chart-title{font:400 clamp(25px,3.6vw,46px)/1.25 var(--display);color:#eed6a0;margin:25px 0 10px}.chart-subtitle{font-size:13px!important;margin:0 0 20px!important;color:#b7a67e!important}.chart-scroll-hint{font-size:11px!important;margin:0 0 8px!important}.chart-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #a993604c;border-radius:4px}.chart-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:640px;font-size:12px}.chart-table td,.chart-table th{border:1px solid #a9936038;padding:9px;text-align:center;vertical-align:middle}.chart-table th{color:#e4c98d;background:#17222b;font-weight:400;line-height:1.6}.chart-table button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:7px;min-height:60px;padding:4px;color:#dfcca0;border-radius:3px;font-size:11px}.chart-table button:hover,.chart-table button[aria-pressed=true]{background:#dec68c1e;outline:1px solid #d6bc7f}.chart-hex{display:flex;flex-direction:column-reverse;gap:4px;width:42px;margin:auto}.chart-hex i{height:4px;background:#ddc58f}.chart-hex i.yin{background:linear-gradient(90deg,#ddc58f 42%,transparent 42%,transparent 58%,#ddc58f 58%)}.chart-table .binary-number{font:16px monospace;color:#efd9a7}.chart-table small{color:#8f9f9e;font:10px monospace}.codon-table{min-width:660px}.codon-table td{padding:5px 8px}.codon-row{display:flex;justify-content:space-between;gap:10px;padding:5px;font-size:12px}.codon-row code{color:#ecd29d;font-size:13px}.codon-row span{color:#cad4d8}.codon-row.is-stop{background:#723c3c55}.codon-row.is-start{background:#4f613040}.codon-table th:first-child{width:90px}.codon-table thead th:first-child{font-size:10px}.codon-table tbody th{font:26px var(--display)}.chart-legend{margin:20px 0;color:#aab9bf;font-size:12px;line-height:1.9}.chart-legend a{color:#dbc189;text-decoration:underline}.chart-selection{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #a9936044;margin-top:20px;padding-top:15px;color:#dfc88e;font-size:12px;align-items:center}.chart-selection code{font-size:22px}.chart-footnote{font-size:11px!important;color:#758f9a!important;margin-bottom:0!important}.chart-formula{font:24px var(--display);letter-spacing:1px;color:#e1c98f}
@media(max-width:1050px){.orbital-layout{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:4%}.orbital-layout .eco-detail{padding:25px}.eco-rotor .eco-node strong{font-size:11px}.eco-rotor .eco-node{gap:5px}.idea-hub>strong{font-size:28px}.chart-gallery{gap:15px}.chart-card{padding:20px 14px}.chart-card h3{font-size:18px}.header .brand{font-size:19px}.header .logo-mark{width:39px;flex-basis:39px;height:38px}.header nav{gap:22px}.lab-intro{gap:6%}.app-preview-phone{inset:10% 25% -10%}}
@media(max-width:700px){.header .brand{font-size:16px;letter-spacing:.6px;gap:7px}.header .brand-sub{font-size:5px;letter-spacing:2px}.header .logo-mark{width:32px;height:32px;flex-basis:32px}.header .nav-tools{gap:5px}.language-picker select{width:77px;font-size:10px}.orbital-layout{display:block}.eco-wheel{max-width:450px;width:calc(100% + 16px);margin:0 -8px}.eco-rotor .eco-node:nth-child(n){border-radius:10px;width:20%;padding:9px 3px;gap:4px;aspect-ratio:1.05}.eco-rotor .eco-node strong{font-size:10px;line-height:1.2}.eco-icon{font-size:21px}.eco-rotor .eco-no{font-size:6px;top:4px;left:5px}.idea-hub{inset:34%}.idea-hub>strong{font-size:25px;letter-spacing:1px}.hub-spark{top:9%;font-size:8px}.hub-subtitle{font-size:7px;margin:3px 0 5px}#orbit-toggle{font-size:9px;padding:6px 10px;gap:4px}.orbit-hint{font-size:10px;margin-top:20px}.orbit-controls{font-size:10px;gap:14px}.orbital-layout .eco-detail{margin-top:28px;border:1px solid #355365;background:linear-gradient(130deg,#12243199,#091219);min-height:230px;padding:25px}.eco-detail .text-link{margin-top:20px}.growth-line{margin-top:6px}.projects{row-gap:40px}.jjfit-brand-scene>strong{font-size:27px}.jjfit-brand-scene>p{font-size:12px}.wdeo-caption{font-size:11px;bottom:24px;left:18px}.app-preview-phone{inset:10% 26% -12%;padding:15px 12px;border-radius:24px}.app-preview-orb{margin:11px 0;width:54px;height:54px;font-size:26px}.app-preview-phone strong{font-size:14px}.app-preview-cta{font-size:5px;margin-top:11px}.lab-intro{display:block}.lab-intro>div+div{margin-top:23px}.lab .lab-intro .lab-note{font-size:11px;margin-top:14px}.chart-gallery{grid-template-columns:1fr;gap:25px;margin-top:32px}.chart-card{padding:24px}.chart-card h3{font-size:25px}.chart-card p{font-size:11px;min-height:0}.chart-mini{aspect-ratio:1.2;gap:5px}.chart-mini>span{font-size:8px}.chart-card-footer{font-size:12px}.chart-note{font-size:10px!important}#chart-modal{padding:23px 18px;max-height:94svh;width:calc(100% - 14px)}.chart-toolbar{display:block;padding-right:25px}.chart-series{font-size:8px}.chart-toolbar label{margin-top:14px;justify-content:space-between;gap:8px;font-size:10px}.chart-toolbar select{font-size:11px;padding:6px;width:125px}#chart-title{font-size:28px;margin-top:20px}.chart-subtitle{font-size:11px!important}.chart-legend{font-size:11px}.chart-footnote{font-size:10px!important}.chart-scroll-hint{font-size:10px!important}}
@media(max-width:359px){.header .brand{font-size:14px}.header .logo-mark{width:28px;flex-basis:28px}.header .brand-sub{letter-spacing:1.5px}.header{padding-inline:5%}.language-picker select{width:72px}.eco-rotor .eco-node strong{font-size:9px}.idea-hub>strong{font-size:22px}.hub-spark{display:none}.eco-icon{font-size:18px}}
@media(prefers-reduced-motion:reduce){.chart-card:hover{transform:none}}

.chart-formula{overflow-wrap:anywhere}.footer-main .brand{font-size:22px}
