:root{--ink-950:#e8efed;--ink-900:#f3f7f6;--ink-850:#fff;--ink-800:#f5f8f7;--ink-700:#dfe8e6;--line:#b8cbc7;--line-soft:#16313021;--paper:#162b2c;--muted:#52696a;--quiet:#718486;--signal:#087f6d;--signal-ink:#f7fffd;--sample-a:#087f6d;--sample-b:#526ec8;--font-ui:"Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-display:Bahnschrift, "Arial Narrow", "Microsoft YaHei UI", sans-serif;--font-data:"Cascadia Mono", Consolas, monospace;color:var(--paper);background:var(--ink-950);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth}*{box-sizing:border-box}html{background:var(--ink-900)}body{background:linear-gradient(#087f6d0b 1px, transparent 1px), linear-gradient(90deg, #087f6d0b 1px, transparent 1px), var(--ink-900);background-size:36px 36px;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.skip-link{z-index:100;color:var(--signal-ink);background:var(--signal);font:700 13px/1 var(--font-ui);padding:12px 16px;transition:transform .18s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{border-inline:1px solid var(--line-soft);background:#f8fbfaf0;width:min(100%,1680px);margin:0 auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f8fbfadb;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(20px,4vw,66px);display:flex;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:.03em;align-items:center;gap:12px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark span{width:31px;height:31px;color:var(--signal-ink);background:var(--signal);font:700 12px/1 var(--font-data);place-items:center;display:grid}.header-meta{color:var(--quiet);font:600 11px/1 var(--font-data);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:28px;display:flex}.header-meta a{color:var(--paper);text-underline-offset:5px}.header-meta abbr{cursor:help;text-decoration:none}.language-toggle{border:1px solid var(--line);background:#ffffffb8;align-items:center;padding:3px;display:inline-flex}.language-toggle button{min-width:38px;min-height:34px;color:var(--muted);font:700 12px/1 var(--font-ui);background:0 0;border:0;padding:0 9px}.language-toggle button[aria-pressed=true]{color:var(--signal-ink);background:var(--signal)}.hero-section{grid-template-rows:1fr auto;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);align-items:center;gap:54px 70px;min-height:760px;padding:clamp(70px,9vw,138px) clamp(20px,6vw,96px) 54px;display:grid;position:relative}.hero-section:before{content:"";border-left:1px solid var(--line-soft);pointer-events:none;height:100%;position:absolute;inset:0 0 auto 52%}.eyebrow{color:var(--signal);font:700 12px/1.25 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(66px,9vw,132px);font-weight:500;line-height:.78}.hero-copy h1 span{color:#0000;-webkit-text-stroke:1px var(--muted);display:block}.hero-lede{color:#435d5f;letter-spacing:-.025em;white-space:nowrap;max-width:none;margin:42px 0 0;font-size:clamp(18px,1.55vw,23px);line-height:1.45}.primary-cta{width:fit-content;min-height:48px;color:var(--signal-ink);background:var(--signal);font:700 14px/1 var(--font-ui);letter-spacing:.03em;align-items:center;gap:30px;margin-top:34px;padding:0 19px;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.primary-cta:hover{background:#0a6e60;transform:translateY(-2px)}.hero-specimen{perspective:1000px;place-items:center;height:510px;display:grid;position:relative}.hero-specimen canvas{z-index:1;inset:0;position:absolute!important}.hero-panel-shape{aspect-ratio:.78;background:linear-gradient(104deg,#28343e 0%,#b9c2ca 34%,#f5fbff 47%,#687581 57%,#25313b 100%);border-radius:46% 54% 48% 52%/8% 9% 11% 10%;width:min(72%,430px);animation:7s ease-in-out infinite specimen-float;position:relative;transform:rotateY(-18deg)rotateX(2deg)rotate(2deg);box-shadow:inset -45px 0 95px #02080bc2,inset 35px 0 75px #ffffff1f,0 50px 110px #00000085}.hero-panel-shape:before{content:"";border-radius:inherit;border:1px solid #ffffff3b;position:absolute;inset:10% 12%}.hero-panel-shape:after{content:"";border-radius:inherit;border:1px solid #7cf7cf40;position:absolute;inset:-1px}.probe-mark{color:var(--signal);filter:drop-shadow(0 0 7px #087f6d6b);z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit{border:1px solid var(--line);border-radius:50%;position:absolute;transform:rotate(-12deg)}.orbit-one{aspect-ratio:1.7;width:90%}.orbit-two{aspect-ratio:1.25;border-color:#087f6d47;width:72%;transform:rotate(62deg)}.hero-reading{border-left:2px solid var(--signal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#ffffffe6;min-width:172px;padding:17px 18px;position:absolute;bottom:12%;right:2%;box-shadow:0 16px 38px #2345431f}.hero-reading span,.hero-reading small{color:var(--quiet);font:650 13px/1.45 var(--font-ui);letter-spacing:.035em;display:block}.hero-reading strong{font:500 30px/1 var(--font-data);letter-spacing:-.035em;margin:7px 0;display:block}.lab-section{background:var(--ink-900);border-top:1px solid var(--line-soft);padding:90px clamp(20px,4vw,66px) 28px}.lab-intro{margin-bottom:18px}.lab-intro h2,.section-copy h2{max-width:760px;font:500 clamp(40px, 5vw, 72px)/1.04 var(--font-display);letter-spacing:-.04em;margin:0}.lab-intro>p,.section-copy>p:last-child{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.lab-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.58fr) minmax(310px,.72fr);gap:14px;display:grid}.viewport-card,.control-panel,.chart-panel,.metrics-panel{border:1px solid var(--line-soft);background:var(--ink-850)}.viewport-card{min-height:760px;position:relative;overflow:hidden}.viewport-card canvas{display:block}.scene-toolbar{z-index:3;pointer-events:none;align-items:center;gap:8px;min-height:43px;display:flex;position:absolute;top:16px;left:16px;right:16px}.scene-toolbar button,.lighting-control{pointer-events:auto}.segmented-control,.lighting-control,.icon-control{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #16313033;align-items:center;min-height:42px;padding:4px;display:inline-flex;box-shadow:0 8px 22px #23454314}.segmented-control button,.lighting-control button,.icon-control{min-height:40px;color:var(--muted);font:650 12px/1 var(--font-ui);letter-spacing:.02em;background:0 0;border:0;padding:0 13px;transition:color .18s,background .18s}.segmented-control button[aria-pressed=true],.lighting-control button[aria-pressed=true],.icon-control[aria-pressed=true]{color:var(--signal-ink);background:var(--signal)}.icon-control{gap:7px}.lighting-control{color:var(--muted);gap:2px;margin-left:auto;padding-left:12px}.viewport-status{z-index:2;color:var(--muted);font:650 12px/1 var(--font-ui);letter-spacing:.04em;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:18px}.viewport-status i,.live-badge i{background:var(--signal);width:6px;height:6px;box-shadow:0 0 9px var(--signal);border-radius:50%}.viewport-axis{z-index:2;color:var(--quiet);font:600 11px/1 var(--font-ui);letter-spacing:.04em;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:20px}.viewport-axis i{background:linear-gradient(90deg, var(--paper), var(--sample-b));width:80px;height:1px}.control-panel,.chart-panel,.metrics-panel{padding:24px}.panel-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.panel-heading.compact{padding-bottom:16px}.panel-heading h2{font:500 26px/1.05 var(--font-display);letter-spacing:-.02em;margin:0}.live-badge{color:var(--signal);font:700 12px/1 var(--font-ui);letter-spacing:.04em;align-items:center;gap:7px;display:flex}.preset-row{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.preset-row button{border:1px solid var(--line);min-height:46px;color:var(--paper);background:var(--ink-800);font:650 13px/1 var(--font-ui);transition:border-color .18s,color .18s}.preset-row button:hover{color:var(--signal);border-color:var(--signal)}.color-control-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-control{border:1px solid var(--line-soft);min-height:96px;color:var(--muted);grid-template-rows:auto auto;grid-template-columns:1fr 44px;gap:9px;padding:14px;font-size:13px;display:grid}.color-control input{cursor:pointer;background:0 0;border:0;grid-area:1/2/3;width:44px;height:64px;padding:0}.color-control code{color:var(--paper);font:650 13px/1 var(--font-data)}.slider-stack{margin-top:18px}.slider-control{border-top:1px solid var(--line-soft);color:var(--muted);grid-template-columns:1fr auto;gap:10px;padding:14px 0;font-size:13px;display:grid}.slider-control output{color:var(--paper);font:600 12px/1 var(--font-data)}.slider-control input{width:100%;accent-color:var(--signal);cursor:pointer;grid-column:1/-1}.chart-panel,.metrics-panel{min-height:310px}.angular-chart{width:100%;margin-top:12px;overflow:visible}.angular-chart text{fill:var(--quiet);font:11px var(--font-data)}.grid-line{stroke:var(--line-soft);stroke-width:1px}.curve{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.curve-a{stroke:var(--sample-a)}.curve-b{stroke:var(--sample-b)}.angle-marker{stroke:#ffffff80;stroke-dasharray:3 4}.marker-dot{stroke:#fff;stroke-width:2px}.marker-a{fill:var(--sample-a)}.marker-b{fill:var(--sample-b)}.chart-legend{color:var(--muted);font:650 12px/1 var(--font-ui);gap:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{width:17px;height:2px}.legend-a{background:var(--sample-a)}.legend-b{background:var(--sample-b)}.angle-readout{color:var(--signal);font:500 25px/1 var(--font-data)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.metric-grid>div{border:1px solid var(--line-soft);background:#087f6d06;min-height:72px;padding:12px}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:var(--quiet);font:650 11px/1.2 var(--font-ui);letter-spacing:.025em;margin-bottom:10px}.metric-grid strong{font:600 17px/1 var(--font-data)}.metric-grid .delta-card{border-left:2px solid var(--signal);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:58px;display:flex}.delta-card span{margin:0}.delta-card strong{color:var(--signal);font-size:24px}.measurement-note{color:var(--quiet);font:500 12px/1.65 var(--font-ui);margin:16px 0 0}.webgl-fallback{text-align:center;height:100%;min-height:620px;color:var(--muted);place-items:center;padding:80px;display:grid}.fallback-panel{background:linear-gradient(110deg,#9babae,#f8fbfa 48%,#809194);border-radius:45% 55%/8%;width:210px;height:300px;box-shadow:0 32px 70px #2c48472e}.disclaimer-section{border-block:1px solid var(--line-soft);background:var(--ink-850);grid-template-columns:.32fr 1fr;gap:50px;padding:42px clamp(20px,6vw,96px);display:grid}.disclaimer-section p{margin:0}.disclaimer-section>p:last-child{max-width:920px;color:var(--muted);font-size:15px;line-height:1.7}footer{min-height:64px;color:var(--quiet);font:600 11px/1 var(--font-ui);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,66px);display:flex}@keyframes specimen-float{0%,to{transform:rotateY(-18deg)rotateX(2deg)rotate(2deg)translateY(0)}50%{transform:rotateY(-11deg)rotateX(-1deg)rotate(1deg)translateY(-10px)}}@media (width<=1100px){.hero-section{grid-template-columns:1fr 1fr}.hero-lede{white-space:normal}.lab-grid{grid-template-rows:610px auto auto auto;grid-template-columns:1fr}}@media (width<=760px){.header-meta span,.header-meta>a{display:none}.header-meta{gap:10px}.language-toggle button{min-height:40px}.hero-section{grid-template-columns:1fr;gap:20px;min-height:auto}.hero-section:before{display:none}.hero-specimen{height:400px}.lab-intro,.disclaimer-section{grid-template-columns:1fr;gap:22px}.lab-grid{grid-template-rows:540px auto auto auto}.scene-toolbar{flex-wrap:wrap;align-items:stretch}.lighting-control{order:3;width:100%;margin-left:0}.lighting-control button{flex:1}.segmented-control button,.lighting-control button,.icon-control{min-height:44px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.site-header,footer,.hero-section,.lab-section,.disclaimer-section{padding-inline:16px}.hero-copy h1{font-size:66px}.hero-specimen{height:340px}.hero-reading{right:0}.lab-grid{grid-template-rows:510px auto auto auto}.segmented-control button,.lighting-control button,.icon-control{padding-inline:9px}.viewport-axis{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}