
/* Shared identity for the homepage and each showcase. */
.site-brand { display: inline-flex; align-items: center; gap: 13px; flex-shrink: 0; white-space: nowrap; letter-spacing: normal; }
.brand-symbol {
  width: 27px;
  height: 27px;
  display: grid;
  grid-template-columns: repeat(2, 8px);
  gap: 4px;
  align-content: center;
  justify-content: center;
  transform: rotate(-12deg);
  color: #b9a4fc;
  flex-shrink: 0;
}
.brand-symbol i { height: 8px; background: currentColor; border-radius: 2px; }
.brand-word { font: 600 21px Arial, sans-serif; letter-spacing: -1px; }

/* Compact identity for a narrow sidebar. */
.site-brand-compact { gap: 8px; }
.site-brand-compact .brand-word { font-size: 18px; }

:is(.home-header, .launch-nav) .language-switch { display: inline-flex; align-items: center; flex-shrink: 0; gap: 7px; color: #9996a4; }
:is(.home-header, .launch-nav) .language-switch button { padding: 8px; font: 12px var(--sans); background: none; border: none; color: inherit; cursor: pointer; }
:is(.home-header, .launch-nav) .language-switch span { opacity: .4; }
:is(.home-header, .launch-nav) .language-switch button[aria-pressed=true] { color: #f1edf8; font-weight: 700; }
:is(.home-header, .launch-nav) .language-switch button:focus-visible { outline: 2px solid #b9a4fc; outline-offset: 2px; border-radius: 3px; }

@media (max-width: 700px) {
  .site-brand { gap: 8px; }
  .brand-word { font-size: 20px; }
  :is(.home-header, .launch-nav) .language-switch { gap: 4px; }
  :is(.home-header, .launch-nav) .language-switch button { font-size: 11px; padding: 7px; }
}

:root{--bg:#090a10;--paper:#11131e;--surface:#171725;--ink:#f1eff8;--muted:#9b97ae;--line:#ffffff15;--accent:#b9a4fc;--mint:#95dfc8;--orange:#edb28a;--sans:Arial,'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;--mono:'SFMono-Regular',Consolas,'DejaVu Sans Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.45;cursor:default}h1,h2,h3,p{margin:0}svg{display:block}sup{font-size:.55em}em{font-style:normal}button{transition:background .2s,color .2s,border-color .2s,transform .2s}button:hover{color:#fff}[hidden]{display:none!important}::selection{background:#78639d80;color:#fff}
.site-header{height:90px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(44px,calc((100vw - 1440px)/2));gap:34px;border-bottom:1px solid #ffffff0c;background:linear-gradient(#090a10ce,transparent)}.site-header nav{display:flex;gap:26px;margin-left:auto;color:#aba5bb;font-size:13px;white-space:nowrap}.site-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.language-switch{display:inline-flex;gap:4px;align-items:center;color:#8e889f;white-space:nowrap}.language-switch button{font-size:12px;padding:8px}.language-switch>span{opacity:.35}.language-switch button[aria-pressed=true]{color:#ede6ff;font-weight:700}.nav-watch{display:flex;align-items:center;gap:10px;border:1px solid #ffffff27;border-radius:24px;padding:8px 14px;font-size:12px;white-space:nowrap}.nav-watch>span:first-child{font-size:10px;color:var(--accent)}.nav-watch:hover{border-color:var(--accent);background:#b9a4fc0d}.effects-switch{font-size:12px;display:flex;gap:6px;align-items:center;color:#a19ab3;white-space:nowrap}.effects-switch>span:first-child{font-size:21px;color:var(--accent)}.effects-switch[aria-pressed=false]{opacity:.5}
.hero{min-height:790px;height:min(920px,100vh);display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:3%;padding:145px max(5.6%,calc((100vw - 1392px)/2)) 104px;position:relative;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#c5beec21 .75px,transparent .75px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 12%,#000 80%)}.hero-glow{position:absolute;right:-14%;top:0;width:1050px;height:1050px;z-index:-1;background:radial-gradient(ellipse,#6852b522,transparent 65%);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.14em;color:#b7acca;display:flex;align-items:center;gap:9px;font-weight:500}.live-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b9a4fc60}.live-dot.mint{background:var(--mint);box-shadow:0 0 12px #95dfc830}.hero h1{font-size:clamp(40px,4vw,63px);letter-spacing:-.055em;line-height:1.34;font-weight:500;margin-top:31px}.hero h1 em,.end-section h2 em{color:var(--accent);background:linear-gradient(100deg,#e0d7ff,#9f83e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:var(--muted);font-size:16px;line-height:1.9;margin-top:27px;max-width:560px}.actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;padding:14px 20px;border-radius:8px;font-weight:500;transition:background .2s,transform .2s}.button.primary{background:#d4c5fc;color:#1c142e}.button.primary:hover{background:#e1d6fc;transform:translateY(-2px)}.text-play{display:flex;align-items:center;gap:11px;font-size:13px;white-space:nowrap;color:#c1b6d3}.play-ring{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff2a;border-radius:50%;font-size:10px}.hero-meta{font-size:10px;letter-spacing:.22em;color:#776e88;margin-top:42px}.hero-visual{height:570px;position:relative;isolation:isolate;min-width:0}.hero-visual canvas{position:absolute;inset:-6% -8%;width:116%;height:112%;z-index:0;opacity:.98}.orbit{position:absolute;inset:12% -5%;border:1px solid #bd9fe91a;border-radius:50%;pointer-events:none}.orbit-a{transform:rotate(-33deg)}.orbit-b{inset:7% 7%;transform:rotate(42deg)}.axis{position:absolute;background:#ffffff08;pointer-events:none}.axis-x{width:108%;height:1px;left:-4%;top:50%}.axis-y{height:105%;width:1px;left:50%;top:-2%}.field-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:12px;white-space:nowrap;z-index:2;pointer-events:none}.field-center .brand-symbol{width:56px;height:56px;grid-template-columns:repeat(2,15px);gap:6px;filter:drop-shadow(0 0 18px #b9a4fc55)}.field-center .brand-symbol i{height:15px;border-radius:3px}.field-center strong{font:600 25px Arial;letter-spacing:-.8px;text-shadow:0 2px 15px #090a10}.field-center>span:last-child{font-size:9px;letter-spacing:.13em;color:#b2a3c9}.orbit-tool{display:flex;gap:10px;align-items:center;position:absolute;border:1px solid #b9a4fc2a;background:#10101bcc;border-radius:10px;padding:12px 17px;font-size:13px;color:#d5c7f1;z-index:4;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0002;animation:float 7s ease-in-out infinite}.orbit-tool svg{width:18px;height:18px}.orbit-tool:hover{background:#272036;border-color:#b9a4fc;transform:translateY(-3px)}.orbit-search{left:7%;top:26%}.orbit-visit{right:-2%;top:24%;animation-delay:-1.7s}.orbit-scholar{left:4%;bottom:25%;animation-delay:-3s}.orbit-code{right:2%;bottom:23%;animation-delay:-4.5s}.float-card{position:absolute;padding:16px 20px;border:1px solid #b9a4fc26;border-radius:13px;background:#14111ecd;z-index:3;backdrop-filter:blur(12px);box-shadow:0 20px 44px #0003;pointer-events:none}.float-card>span:first-child{display:block;font-size:11px;color:#b09ec3;margin-bottom:6px}.float-card strong{font:400 34px var(--sans);letter-spacing:-.035em}.float-card strong b{font-weight:400;font-size:30px}.error-float{top:1%;left:12%;color:var(--orange);transform:rotate(-3deg)}.pass-float{bottom:1%;right:8%;color:#cbbcf8;transform:rotate(2deg)}.mini-signal{display:inline-block;width:37px;height:21px;margin-left:10px;background:linear-gradient(90deg,transparent,#f5bb9250,transparent);clip-path:polygon(0 48%,20% 48%,27% 5%,37% 90%,46% 30%,55% 48%,100% 48%,100% 55%,54% 55%,47% 43%,37% 100%,27% 23%,22% 55%,0 55%)}.tiny-checks{display:block;color:var(--mint);font-size:10px;letter-spacing:7px;margin-top:10px}.hero-audit{position:absolute;bottom:-33px;left:8%;display:flex;align-items:center;gap:9px;font-size:11px;color:#aaa0b9;z-index:2}.scroll-hint{position:absolute;left:5.6%;bottom:35px;display:flex;gap:28px;font-size:10px;letter-spacing:.13em;color:#81768e}.scroll-hint>span:last-child{font-size:17px;animation:down 2.2s ease-in-out infinite}
.capability-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-inline:max(5.6%,calc((100vw - 1392px)/2));background:#11101a44}.capability-strip a{padding:27px 23px;display:flex;gap:14px;align-items:center;position:relative;border-right:1px solid var(--line);transition:background .2s}.capability-strip a:first-child{padding-left:0}.capability-strip a:last-child{border:0}.capability-strip a:hover{background:#b9a4fc08}.capability-strip span{font:11px var(--mono);color:#807389}.capability-strip strong{font-size:13px;font-weight:500}.capability-strip i{margin-left:auto;font-style:normal;color:var(--accent);font-size:18px}
.section{max-width:1392px;margin:auto;padding:98px 0;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:48px}.section-heading h2{font-size:clamp(34px,3.1vw,47px);line-height:1.4;font-weight:500;letter-spacing:-.045em;margin-top:18px}.section-heading>p{max-width:400px;font-size:15px;line-height:1.95;color:var(--muted);padding-bottom:5px}.case-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-tab{display:flex;align-items:center;gap:20px;padding:23px 25px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#11111b;position:relative;overflow:hidden}.case-tab.selected{background:linear-gradient(110deg,#29203988,#15131e);border-color:#b9a4fc70}.case-tab.selected:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.case-number{font:18px var(--mono);color:#7e738f}.case-tab.selected .case-number{color:var(--accent)}.case-tab strong{font-size:19px;font-weight:500;display:block}.case-tab small{font-size:12px;font-weight:400;color:var(--muted);display:block;margin-top:4px}.case-tab>span:last-child{margin-left:auto;color:#9c8db8}.case-tab svg{width:34px;height:34px}.case-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:31px 2px 27px}.case-id{font-size:11px;letter-spacing:.1em;color:var(--accent);margin-bottom:9px}.case-intro h3{font-size:25px;font-weight:500;letter-spacing:-.025em}.case-intro p{color:var(--muted);font-size:13px;margin-top:10px;max-width:950px;line-height:1.85}.case-duration{display:flex;gap:7px;align-items:baseline;color:#a295b6;flex:none}.case-duration strong{font-weight:400;font-size:35px}.case-duration>span{font-size:12px}
.theater{border:1px solid #b9a4fc27;background:#0c0e16;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px #0003;isolation:isolate}.theater-toolbar{height:61px;display:flex;align-items:center;gap:14px;padding:0 23px;border-bottom:1px solid #ffffff09;background:linear-gradient(90deg,#171323,#10121b)}.replay-badge{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;color:#a99bbb;white-space:nowrap}.replay-badge i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #95dfc850}.mode-switch{display:flex;border:1px solid #ffffff17;padding:3px;border-radius:7px;margin-left:auto}.mode-switch button{font-size:11px;padding:5px 10px;color:#8e849d;border-radius:4px}.mode-switch button[aria-pressed=true]{background:#332a47;color:#e6dcf8}.film-language button{font-size:10px;padding:5px}.icon-button{height:34px;width:34px;display:grid;place-items:center;color:#a59ab6;border-radius:7px;flex:none}.icon-button:hover{background:#b9a4fc15;color:#ddd0f5}.icon-button svg{width:18px;height:18px}.film-stage{position:relative;aspect-ratio:16/9;width:100%;background:#0c0e16;overflow:hidden}.svg-scene,.svg-scene>svg{width:100%;height:100%;display:block}.film-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0c0e16}.transport{display:flex;align-items:center;gap:14px;height:67px;padding:0 23px;background:#11131c;border-top:1px solid #ffffff09}.play-toggle{display:grid;place-items:center;width:36px;height:36px;background:#b9a4fc20;border-radius:50%;color:#d7cafa;flex:none}.play-toggle:hover{background:#b9a4fc39}.play-toggle svg{width:15px;height:15px}.timecode{font:11px var(--mono);color:#a79aae;min-width:35px}.transport input{flex:1;min-width:25px}.transport select{background:#1b1927;color:#c6b9d7;border:1px solid #ffffff14;border-radius:6px;font-size:11px;padding:5px 7px;cursor:pointer}.loop-toggle{display:grid;place-items:center;width:29px;height:31px;color:#7e748d}.loop-toggle svg{width:19px;height:19px}.loop-toggle[aria-pressed=true]{color:var(--accent)}input[type=range]{height:16px;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#433a56;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;margin-top:-4px;background:#c9b5fe;box-shadow:0 0 9px #b9a4fc40}input[type=range]::-moz-range-track{height:3px;background:#433a56;border-radius:3px}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#c9b5fe}.chapter-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.chapter-bar button{display:flex;gap:12px;align-items:center;padding:13px 16px;border:1px solid #ffffff11;border-radius:9px;text-align:left;color:#91849f;font-size:13px;background:#14121b55}.chapter-bar button>span{font:11px var(--mono);color:#7e728e}.chapter-bar button.active{background:#2a213b88;border-color:#b9a4fc70;color:#ddcff6}.chapter-bar button.active>span{color:var(--accent)}.chapter-caption{padding:16px 1px 0;color:#a89bb8;font-size:13px;min-height:46px}
.lab-section{border-top:1px solid var(--line)}.lab-shell{display:grid;grid-template-columns:.85fr 1.5fr;border:1px solid #b9a4fc22;border-radius:20px;background:linear-gradient(130deg,#17142080,#10131c);overflow:hidden}.lab-controls{padding:37px 33px;border-right:1px solid var(--line)}.lab-tag{font-size:10px;color:var(--mint);letter-spacing:.1em}.lab-controls h3{font-size:25px;line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:20px 0 14px}.lab-controls>p{font-size:13px;line-height:1.9;color:var(--muted)}.segmented{display:flex;padding:4px;border:1px solid #ffffff15;border-radius:9px;background:#090a1080;gap:4px}.segmented button{font-size:12px;padding:9px 10px;flex:1;border-radius:6px;color:#9c8eab}.segmented button[aria-pressed=true]{background:#382b47;color:#e4d6f9}.assumption-switch{margin:26px 0}.slider-label{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:#b6a9c5;margin:24px 0 9px}.slider-label output{font:12px var(--mono);color:var(--accent)}.lab-controls input{width:100%;display:block}.formula-card{margin-top:26px;padding:17px 18px;border:1px solid #b9a4fc20;background:#211a3080;border-radius:9px;color:#cbbae3;font-size:16px;line-height:1.8}.formula-card>span{display:block;font-size:11px;color:#91819f;margin-bottom:8px}.formula-card .math{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.8}.formula-card .fixed-part{color:var(--mint)}.reset-button{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:#9a8aaa;padding:0}.reset-button svg{width:14px;height:14px}.lab-results{padding:31px 32px;min-width:0}.chart-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#aaa0b6;align-items:center;margin-bottom:15px}.status-pill{border-radius:20px;padding:6px 10px;font-size:11px;border:1px solid #95dfc833;background:#95dfc80b;color:var(--mint);white-space:nowrap}.status-pill.amber{border-color:#edb28a30;background:#edb28a0b;color:var(--orange)}#physicsPlot{width:100%;height:auto;max-height:355px}.plot-legend{display:flex;gap:22px;justify-content:center;font-size:11px;color:#a79bad;margin-top:5px}.plot-legend>span{display:flex;align-items:center;gap:7px}.plot-legend i{width:17px;height:2px;background:var(--accent)}.plot-legend i.key-orange{background:var(--orange)}.readout-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px;margin-top:25px}.readout-grid>div{padding:16px;border-radius:9px;border:1px solid #ffffff12;background:#15131f}.readout-grid span{font-size:10px;color:#a696b4;display:block;line-height:1.6;min-height:30px}.readout-grid strong{display:block;font:400 24px var(--mono);letter-spacing:-1.2px;color:#d9cdf2;margin-top:10px}.readout-grid .residual-readout{border-color:#edb28a25;background:#241c1c}.residual-readout strong{color:var(--orange)}.readout-grid.fixed .residual-readout{border-color:#95dfc830;background:#122321}.readout-grid.fixed .residual-readout strong{color:var(--mint)}.limit-row{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.limit-row>span:first-child{font-size:11px;color:#9f91ac}.limit-row>div{display:flex;gap:8px;flex-wrap:wrap}.limit-row button{font-size:10px;padding:6px 9px;border:1px solid #ffffff1a;border-radius:6px;color:#b3a2c8}.limit-row button[aria-pressed=true]{background:#b9a4fc19;color:var(--accent);border-color:#b9a4fc70}#limitStatus{font-size:11px;color:var(--mint)}.method-details{margin-top:17px;color:#857991;font-size:12px}.method-details summary{cursor:pointer;list-style:revert;color:#a595b3}.method-details p{max-width:1100px;line-height:1.9;padding:15px 0 4px;color:#9c91a8}
.measurement-card{margin-top:28px;background:#1b1924;border:1px solid #ffffff15;border-radius:12px;padding:21px 22px;display:flex;flex-direction:column;gap:8px}.measurement-card>span{font-size:12px;color:#a597b2}.measurement-card>strong{font-size:42px;font-weight:400;color:#d7c7f6;letter-spacing:-.05em}.measurement-card small{font-size:20px}.audit-point{color:var(--mint)!important;margin-top:21px!important;font-size:13px!important}.balance-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:38px 0 32px}.balance-metal{border:1px solid #b9a4fc29;background:#251c3380;border-radius:11px;padding:20px 13px;min-width:0}.balance-metal>span{display:block;font:17px var(--mono);color:var(--accent)}.balance-metal>strong{display:block;font:400 23px var(--mono);letter-spacing:-1px;margin-top:15px;color:#ded0ff}.balance-metal small{font-size:10px;display:block;margin-top:8px;color:#a390b5}.balance-metal.copper{border-color:#edb28a27;background:#2b201c80}.balance-metal.copper>span,.balance-metal.copper>strong{color:var(--orange)}.balance-metal.net{border-color:#95dfc82c;background:#15292380}.balance-metal.net>strong,.balance-metal.net>span{color:var(--mint)}.math-op{font-size:25px;font-weight:300;color:#74667e}.mass-bars{display:flex;flex-direction:column;gap:21px}.mass-bars>div{display:grid;grid-template-columns:110px 1fr 80px;gap:15px;align-items:center}.mass-bars span{font-size:11px;color:#a295b0}.mass-bars>div>div{height:11px;background:#ffffff06;border-radius:4px;overflow:hidden}.mass-bars i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .7s cubic-bezier(.18,.7,.2,1)}.mass-bars #copperFill{background:var(--orange)}.mass-bars #netFill{background:var(--mint)}.mass-bars output{font:11px var(--mono);text-align:right;color:#b6a6c7}.chem-gap{margin-top:35px;padding:19px 21px;background:#2b201c80;border:1px solid #edb28a25;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:15px}.chem-gap>span{font-size:12px;color:#a8939e}.chem-gap>strong{font:400 31px var(--mono);color:var(--orange);letter-spacing:-1px}.chem-results.checked .chem-gap{background:#15292380;border-color:#95dfc82c}.chem-results.checked .chem-gap>strong{color:var(--mint)}.composition-row{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:22px;flex-wrap:wrap}.composition-row>span{font-size:12px;color:#9d8eaa}.composition-row>strong{font-size:17px;font-weight:400;color:#cbbcec}.composition-row.dim{opacity:.25}
.tools-section{border-top:1px solid var(--line)}.tool-orchestrator{border:1px solid #b9a4fc22;border-radius:20px 20px 0 0;padding:35px 45px 27px;background:radial-gradient(ellipse at 50% 0%,#6e489a1b,transparent 70%);display:flex;flex-direction:column;align-items:center;position:relative}.tool-hub{display:flex;align-items:center;gap:10px;background:#20182e;border:1px solid #b9a4fc48;border-radius:12px;padding:15px 26px;z-index:2;box-shadow:0 0 40px #b9a4fc08}.tool-hub strong{font:600 20px Arial;letter-spacing:-.6px}.hub-signal{width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:12px;box-shadow:0 0 12px var(--mint);animation:breathe 2s ease infinite}.tool-connectors{width:100%;height:56px;position:relative;display:flex;justify-content:space-around}.tool-connectors:before{content:'';width:1px;height:28px;position:absolute;left:50%;top:0;background:#b9a4fc36}.tool-connectors:after{content:'';height:1px;left:12.5%;right:12.5%;top:28px;position:absolute;background:linear-gradient(90deg,#b9a4fc19,#b9a4fc55,#b9a4fc19)}.tool-connectors i{width:1px;height:28px;margin-top:28px;background:#b9a4fc38;position:relative}.tool-connectors i:after{content:'';width:4px;height:4px;position:absolute;left:-1.5px;top:-2px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b9a4fc;animation:flow 1.8s linear infinite}.tool-connectors i:nth-child(2):after{animation-delay:-.4s}.tool-connectors i:nth-child(3):after{animation-delay:-.8s}.tool-connectors i:nth-child(4):after{animation-delay:-1.2s}.tool-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.tool-cards button{border:1px solid #ffffff12;background:#14121e;border-radius:12px;padding:20px;text-align:left;position:relative}.tool-cards button[aria-pressed=true]{border-color:#b9a4fc88;background:#2a20398c;box-shadow:inset 0 0 35px #b9a4fc06}.tool-cards svg{width:23px;height:23px;color:var(--accent);margin-bottom:15px}.tool-cards strong{font-size:19px;font-weight:500;display:block}.tool-cards small{font-size:12px;color:#9385a3;margin-top:6px;display:block}.tool-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #b9a4fc22;border-top:0;border-radius:0 0 20px 20px;background:#11111b}.tool-evidence article{padding:25px 28px;border-right:1px solid #ffffff0c}.tool-evidence article:last-child{border:0}.tool-evidence article>span{font-size:10px;letter-spacing:.1em;color:#8f7ba7}.tool-evidence article>p{margin-top:13px;font-size:14px;color:#c8bdd4;line-height:1.85}.tool-evidence article:last-child>span{color:var(--mint)}
.end-section{text-align:center;border-top:1px solid var(--line);position:relative;overflow:hidden;padding:107px max(5.6%,calc((100vw - 1392px)/2)) 85px;isolation:isolate}.end-glow{position:absolute;left:calc(50% - 600px);top:-80px;width:1200px;height:800px;background:radial-gradient(ellipse,#8059c514,transparent 65%);pointer-events:none;z-index:-1}.end-section>.eyebrow{justify-content:center}.end-section h2{font-size:clamp(38px,4.2vw,64px);font-weight:500;line-height:1.4;letter-spacing:-.04em;margin:27px 0}.end-section>p{font-size:15px;color:#9c8bad}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:46px 0 36px}.outcome-grid>button{padding:27px 29px;background:#17121f80;border:1px solid #b9a4fc20;border-radius:14px;text-align:left}.outcome-grid>button:hover{border-color:#b9a4fc70;background:#21192d}.outcome-grid>button>span{font-size:14px;color:#ae9bc3}.result-line{display:flex;gap:17px;align-items:center;font-size:clamp(20px,2.4vw,35px);margin:18px 0;color:#e4d5f7;letter-spacing:-.04em;white-space:nowrap}.result-line b{font-weight:400}.result-line i{font-size:25px;font-style:normal;color:#706077}.orange{color:var(--orange)}.purple{color:#c1a8fc}.mint-text{color:var(--mint)}.outcome-grid p{font-size:11px;color:#7f6e8d}.chem-line{gap:12px;font-size:clamp(19px,2.15vw,31px)}.chem-line small{font-size:17px}.button.secondary{border:1px solid #b9a4fc30;color:#bda9d1;padding:12px 20px}.button.secondary:hover{background:#b9a4fc12}footer{display:flex;gap:25px;align-items:center;padding:30px max(5.6%,calc((100vw - 1392px)/2));border-top:1px solid var(--line)}footer>span{font-size:11px;color:#6e627d;margin-left:auto}footer>button{font-size:12px;color:#a491b7;margin-left:auto}
dialog{color:var(--ink);background:#0c0e16;border:1px solid #b9a4fc40;box-shadow:0 30px 120px #0008;border-radius:19px;padding:0}dialog::backdrop{background:#05050cdb;backdrop-filter:blur(15px)}.cinema-dialog{width:min(1450px,96vw);max-width:96vw;max-height:97dvh;overflow:auto}.cinema-head{height:59px;display:flex;align-items:center;gap:24px;padding:12px 22px}.cinema-head .brand-word{font-size:17px}.cinema-head>span{font-size:12px;color:#ac9bbb}.cinema-head>button{margin-left:auto}.cinema-dialog .theater{border-radius:0;border:0;box-shadow:none}.cinema-dialog .film-stage{max-height:calc(93dvh - 234px);aspect-ratio:16/9}.cinema-dialog .svg-scene>svg{object-fit:contain}.cinema-hint{padding:9px 20px;font-size:10px;color:#736480;text-align:center;background:#11131c}.source-dialog{padding:32px 35px;width:min(840px,93vw);max-height:86dvh;overflow:auto}.source-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.source-head h2{font-size:25px;font-weight:500}.source-dialog p{font-size:13px;line-height:1.95;color:#ada0bd;margin:18px 0}.source-block{padding:20px 23px;background:#181421;border:1px solid #b9a4fc20;border-radius:10px;margin:18px 0}.source-dialog h3{font-size:15px;font-weight:500;color:#c6aedf}.source-block p{margin:12px 0 0}.source-links{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#c3a5e4;margin-top:18px}.source-links a:hover{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #b9a4fc50;padding:12px 20px;border-radius:10px;background:#21192eee;backdrop-filter:blur(15px);z-index:100;font-size:13px;color:#dfd0f1;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
:lang(en) .hero h1{font-size:clamp(45px,4.3vw,68px);line-height:1.16;letter-spacing:-.055em}:lang(en) .hero-description{max-width:500px}:lang(en) .case-intro h3{font-size:26px}:lang(en) .section-heading h2{line-height:1.18}:lang(en) .lab-controls h3{font-size:26px;line-height:1.3}:lang(en) .hero-copy .eyebrow{font-size:10px}:lang(en) .capability-strip strong{font-size:12px}:lang(en) .chapter-bar button{font-size:12px}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes down{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes breathe{0%,100%{opacity:.4}50%{opacity:1}}@keyframes flow{from{transform:translateY(-3px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(27px);opacity:0}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;scroll-behavior:auto!important}body.motion-off .mass-bars i{transition:none}.reveal{opacity:1}.has-observer .reveal{opacity:0;transform:translateY(17px);transition:opacity .7s,transform .7s}.has-observer .reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1550px){.section{margin-inline:5.6%}.site-header{padding-inline:5.6%;gap:22px}.site-header nav{gap:21px}.header-actions{gap:12px}.hero{min-height:770px}.hero-visual{height:535px}.hero h1{font-size:clamp(40px,4vw,60px)}}
@media(max-width:1180px){.site-header nav{display:none}.header-actions{margin-left:auto}.hero{gap:1%;grid-template-columns:1fr 1fr;padding-top:135px;min-height:730px;height:auto}.hero h1{font-size:45px}.hero-description{font-size:14px}.hero-visual{height:460px}.actions{gap:15px}.button{font-size:12px;padding:12px 15px}.text-play{font-size:12px}.orbit-tool{padding:9px 12px;font-size:11px}.float-card{padding:13px 16px}.float-card>span:first-child{font-size:10px}.float-card strong{font-size:28px}.float-card strong b{font-size:24px}.field-center strong{font-size:21px}.field-center>span:last-child{font-size:8px}.capability-strip a{padding-inline:17px;gap:9px}.capability-strip strong{font-size:12px}.section{padding-block:80px}.section-heading{gap:40px}.section-heading>p{max-width:330px;font-size:14px}.lab-shell{grid-template-columns:.95fr 1.25fr}.lab-controls{padding:28px 23px}.lab-results{padding:26px 21px}.readout-grid{gap:7px}.readout-grid>div{padding:12px 10px}.readout-grid strong{font-size:20px}.balance-diagram{gap:7px}.balance-metal{padding:15px 9px}.balance-metal>strong{font-size:19px}.mass-bars>div{grid-template-columns:85px 1fr 70px;gap:9px}.result-line{font-size:28px;gap:12px}.chem-line{font-size:23px;gap:9px}.outcome-grid>button{padding:23px}.hero-audit{font-size:10px}.case-tab small{font-size:11px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:130px 7% 77px;gap:25px;height:auto}.hero-copy{max-width:620px}.hero h1{font-size:clamp(40px,6.8vw,55px);margin-top:22px}:lang(en) .hero h1{font-size:clamp(46px,7.6vw,61px)}.hero-description{font-size:15px;margin-top:20px;max-width:470px}.hero .actions{margin-top:25px}.hero-meta{margin-top:26px}.hero-visual{height:470px;max-width:560px;width:100%;margin:0 auto}.orbit-visit{right:1%}.pass-float{right:7%}.hero-audit{left:11%;bottom:-24px}.scroll-hint{display:none}.capability-strip{grid-template-columns:1fr 1fr;padding-inline:5.6%}.capability-strip a{padding:21px 12px!important}.capability-strip a:nth-child(2){border-right:0}.capability-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{display:block;margin-bottom:34px}.section-heading h2{font-size:36px}.section-heading>p{max-width:550px;margin-top:22px;font-size:14px}.section{padding-block:65px}.case-tab{padding:18px 17px;gap:13px}.case-tab strong{font-size:17px}.case-tab small{font-size:11px;line-height:1.6}.case-tab>span:last-child{display:none}.case-intro h3,:lang(en) .case-intro h3{font-size:22px}.case-intro p{font-size:12px}.case-duration{display:none}.theater-toolbar{padding-inline:13px;height:54px;gap:8px}.replay-badge{font-size:9px;letter-spacing:0}.mode-switch button{font-size:10px;padding:4px 7px}.film-language{display:none}.transport{padding:0 13px;height:60px;gap:10px}.transport .timecode{font-size:10px}.chapter-bar{gap:7px}.chapter-bar button{padding:10px 7px;font-size:11px;gap:7px}:lang(en) .chapter-bar button{font-size:10px}.chapter-bar button>span{font-size:9px}.lab-shell{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid var(--line);padding:28px}.lab-controls h3{font-size:25px}.lab-controls>p{max-width:550px}.assumption-switch{max-width:480px}.lab-results{padding:25px 28px}.slider-label{margin-top:22px}.formula-card{margin-top:22px}.readout-grid strong{font-size:26px}.readout-grid span{font-size:11px;min-height:20px}.readout-grid>div{padding:16px}.tool-orchestrator{padding:28px 25px 23px}.tool-cards{gap:10px}.tool-cards button{padding:17px 13px}.tool-cards strong{font-size:16px}.tool-cards small{font-size:10px}.tool-evidence article{padding:20px 19px}.tool-evidence article>p{font-size:12px}.outcome-grid{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.result-line{font-size:35px}.chem-line{font-size:33px}.end-section h2{font-size:43px}.end-section{padding-block:80px 65px}.end-section>p{font-size:13px}.end-section>.eyebrow{font-size:10px}footer{flex-wrap:wrap;gap:18px}footer>.site-brand{margin-right:auto}footer>span{display:none}footer>button{font-size:11px}.cinema-head>span{display:none}.cinema-dialog .film-stage{max-height:calc(93dvh - 207px)}.balance-diagram{max-width:650px;margin:24px auto}.balance-metal{padding:21px 17px}.balance-metal>strong{font-size:29px}.math-op{font-size:27px}.mass-bars>div{grid-template-columns:115px 1fr 86px;gap:16px}.mass-bars span,.mass-bars output{font-size:12px}}
@media(max-width:520px){.site-header{height:76px;padding-inline:6%;gap:10px}.header-actions{gap:5px}.site-header .nav-watch{display:none}.effects-switch>span:last-child{display:none}.site-header .brand-word{font-size:19px}.site-header .site-brand{gap:8px}.hero{padding-top:118px;gap:27px}.hero h1{font-size:35px;line-height:1.45;letter-spacing:-.06em}:lang(en) .hero h1{font-size:43px}.hero .eyebrow{font-size:9px}:lang(en) .hero-copy .eyebrow{font-size:8px}.hero-description{font-size:13px}.actions{gap:15px}.text-play{font-size:11px;gap:7px}.button{font-size:11px;padding:12px 13px;gap:12px}.play-ring{width:28px;height:28px}.hero-visual{height:360px}.float-card{padding:10px 14px}.float-card>span:first-child{font-size:9px}.float-card strong{font-size:25px}.float-card strong b{font-size:22px}.error-float{left:8%;top:0}.pass-float{right:2%;bottom:0}.field-center{gap:7px}.field-center .brand-symbol{width:43px;height:43px;grid-template-columns:repeat(2,11px);gap:5px}.field-center .brand-symbol i{height:11px;border-radius:2px}.field-center strong{font-size:18px}.field-center>span:last-child{font-size:7px}.orbit-tool{font-size:10px;padding:8px 10px;gap:6px;border-radius:7px}.orbit-tool svg{width:15px;height:15px}.orbit-search{left:-2%;top:31%}.orbit-visit{right:-3%;top:28%}.orbit-code{right:-2%;bottom:26%}.orbit-scholar{left:-2%;bottom:28%}.hero-audit{font-size:9px;left:4%;bottom:-32px}.capability-strip strong{font-size:11px}:lang(en) .capability-strip strong{font-size:10px}.capability-strip a{gap:8px}.capability-strip span{font-size:9px}.capability-strip i{font-size:13px}.section{margin-inline:6%;padding-block:57px}.section-heading h2{font-size:31px}.section-heading>p{font-size:12px}.section-heading .eyebrow{font-size:10px}.case-tabs{gap:8px}.case-tab{gap:9px;padding:16px 13px}.case-tab strong{font-size:15px}.case-tab small{font-size:10px}.case-number{font-size:13px}.case-intro{padding-block:23px 21px}.case-intro h3,:lang(en) .case-intro h3{font-size:20px}.case-intro p{font-size:11px}.theater{border-radius:12px;margin-inline:-2.3%}.theater-toolbar{padding-inline:10px;height:49px}.replay-badge{font-size:8px;gap:5px}.replay-badge span{max-width:93px;overflow:hidden;white-space:nowrap}.mode-switch button{font-size:9px;padding:4px 6px}.cinema-button{width:23px}.mode-switch{padding:2px}.transport{gap:7px;padding-inline:10px;height:53px}.transport #restart{display:none}.transport #saveFrame{display:none}.transport select{font-size:10px;padding:4px}.transport .timecode{font-size:9px;min-width:29px}.play-toggle{width:29px;height:29px}.loop-toggle{width:20px}.chapter-bar{gap:5px;margin-top:15px}.chapter-bar button{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px;font-size:10px}:lang(en) .chapter-bar button{font-size:9px}.chapter-caption{font-size:11px;line-height:1.85;min-height:65px}.lab-controls{padding:23px 21px}.lab-controls h3{font-size:23px}:lang(en) .lab-controls h3{font-size:23px}.lab-controls>p{font-size:12px}.lab-results{padding:21px 16px}.chart-head{font-size:11px;gap:8px}.status-pill{font-size:9px}.plot-legend{font-size:9px;gap:15px}.readout-grid{gap:6px}.readout-grid>div{padding:12px 9px}.readout-grid strong{font-size:18px;letter-spacing:-.8px}.readout-grid span{font-size:9px;min-height:31px}.limit-row button{font-size:9px}.method-details{font-size:11px}.tool-orchestrator{padding:25px 16px 20px}.tool-cards{grid-template-columns:1fr 1fr;gap:10px}.tool-connectors{height:35px}.tool-connectors i:nth-child(2),.tool-connectors i:nth-child(3){visibility:hidden}.tool-connectors:after{left:25%;right:25%;top:18px}.tool-connectors:before{height:18px}.tool-connectors i{height:17px;margin-top:18px}.tool-connectors i:first-child{position:absolute;left:25%}.tool-connectors i:last-child{position:absolute;left:75%}.tool-cards button{padding:16px}.tool-cards svg{margin-bottom:10px}.tool-cards strong{font-size:16px}.tool-cards small{font-size:10px}.tool-evidence{grid-template-columns:1fr}.tool-evidence article{border-right:0;border-bottom:1px solid #ffffff0c;padding:20px 23px}.tool-evidence article>p{font-size:12px;margin-top:9px}.tool-evidence article>span{font-size:9px}.end-section h2{font-size:32px}.end-section>p{font-size:12px}.end-section>.eyebrow{font-size:8px}.outcome-grid>button{padding:23px 20px}.result-line{font-size:27px;gap:12px}.chem-line{font-size:24px;gap:8px}.result-line i{font-size:19px}.chem-line small{font-size:12px}.outcome-grid p{font-size:9px}.outcome-grid>button>span{font-size:13px}.source-dialog{padding:25px 23px}.source-head h2{font-size:21px}.source-dialog p{font-size:12px}.source-block{padding:17px}.cinema-dialog{max-width:99vw;width:99vw;border-radius:11px}.cinema-head{height:51px;padding-inline:13px}.cinema-head .brand-word{font-size:16px}.cinema-hint{font-size:8px}.cinema-dialog .film-language{display:flex}.cinema-dialog .replay-badge{display:none}.cinema-dialog .theater{margin:0}.cinema-dialog .theater-toolbar{justify-content:flex-end}.cinema-dialog .mode-switch{margin-left:0}.balance-diagram{gap:6px}.balance-metal{padding:15px 9px}.balance-metal>strong{font-size:19px;letter-spacing:-.9px}.balance-metal small{font-size:8px}.balance-metal>span{font-size:15px}.math-op{font-size:20px}.mass-bars>div{grid-template-columns:78px 1fr 67px;gap:10px}.mass-bars span,.mass-bars output{font-size:10px}.chem-gap>strong{font-size:24px}.chem-gap>span{font-size:10px}.composition-row strong{font-size:15px}.composition-row{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.has-observer .reveal{opacity:1;transform:none}}

/* Web edition 2: optical centering without an icon in the hero nucleus. */
.field-center { top:50%; left:50%; width:82%; gap:13px; align-items:center; justify-content:center; text-align:center; }
.field-center strong { display:block; width:100%; text-align:center; font-size:27px; letter-spacing:-.6px; line-height:1.15; }
.field-center>span:last-child { display:block; width:100%; text-align:center; }
.svg-scene [data-film-tool]:focus-visible { outline:none; filter:drop-shadow(0 0 4px #bba6fa); }
@media(max-width:520px){.field-center strong{font-size:24px}.field-center>span:last-child{font-size:8px;letter-spacing:.08em}}
/* Version 3: a third case using the same typography and spacing system. */
.case-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.case-tab{min-width:0}.case-tab>span:nth-child(2){min-width:0}.case-tab strong{font-size:20px}.case-tab small{font-size:13px;line-height:1.5;display:block;max-width:32ch}.case-tab .case-number{font-size:14px}.case-tab>[data-icon]{flex-shrink:0;width:25px}
.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1360px}.outcome-grid>button{padding:26px 22px;min-width:0}.outcome-grid .result-line{gap:9px;font-size:26px}.outcome-grid .result-line b{font-size:inherit}.outcome-grid .chem-line{font-size:23px;gap:7px}.outcome-grid .result-line sup{font-size:.55em}
.bio-window-buttons{display:flex;gap:9px;margin:17px 0 22px}.bio-window-buttons button{font:13px var(--sans,Arial);color:var(--muted);border:1px solid #b9a4fc28;background:#b9a4fc06;padding:8px 13px;border-radius:7px;cursor:pointer}.bio-window-buttons button:hover{border-color:#b9a4fc80;color:#eee8f8}
.bio-test-note{font-size:13px!important;line-height:1.8!important;color:#90b7ac!important;min-height:48px}.bio-test-note.changed{color:#edb389!important}.bio-reference-card{border:1px solid #b9a4fc25;background:#b9a4fc06;border-radius:12px;padding:19px;margin-top:24px}.bio-reference-card>span{font-size:12px;display:block;color:#897d9a}.bio-reference-card>strong{display:block;font-size:22px;color:#c8b9f4;margin-top:9px;font-weight:500}.bio-reference-card>p{font-size:13px!important;line-height:1.9!important;margin:12px 0 0!important}
.bio-length-track{margin:30px 0 20px}.bio-track-label{display:flex;justify-content:space-between;font-size:13px;gap:12px;color:#a6a3bb}.bio-track-label b{font-weight:400;white-space:nowrap}.bio-track{height:18px;background:#44302b;border-radius:5px;position:relative;margin:15px 0 9px;overflow:hidden}.bio-track>i{display:block;background:linear-gradient(90deg,#37585a,#8eddcb);height:100%;width:91.33%}.bio-track>b{position:absolute;top:0;height:100%;border:1px solid #f0eaf9;background:#f0eaf940}.bio-tail-note{font-size:12px;color:#a8897d;display:block;text-align:right}
#biologyAlignment{width:100%;height:auto;display:block}.bio-readouts{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:16px;border-top:1px solid #ffffff10;padding-top:24px;margin-top:6px}.bio-readouts>div>span{display:block;font-size:12px;color:#9486a4;margin-bottom:13px}.bio-readouts strong{font-weight:450;font-size:24px;color:#9adcca;font-variant-numeric:tabular-nums}.bio-readouts>div:last-child strong{color:#c6b4ee}
.biology-lab .lab-results{align-self:stretch}.biology-lab .segmented button{font-size:12px}.case-tab:focus-visible,[data-bio-change]:focus-visible,[data-bio-window]:focus-visible{outline:2px solid #b9a4fc;outline-offset:4px}
@media(max-width:1100px){.case-tab{padding:23px 20px;gap:13px}.case-tab>[data-icon]{display:none}.case-tab small{font-size:12px}.outcome-grid{grid-template-columns:1fr}.outcome-grid .result-line,.outcome-grid .chem-line{font-size:29px}.bio-readouts strong{font-size:21px}}
@media(max-width:700px){.case-tabs{grid-template-columns:1fr}.case-tab{padding:18px 20px}.case-tab strong{font-size:18px}.case-tab>[data-icon]{display:block}.case-tab small{max-width:none}.bio-readouts{gap:10px}.bio-readouts strong{font-size:18px}.bio-readouts>div>span{font-size:11px}.bio-track-label{font-size:11px}.bio-window-buttons button{font-size:12px}.bio-reference-card{margin-top:16px}.biology-lab .lab-results{padding-inline:16px}}

